/* Toolssok Daily/Viral 18 — shared premium presentation layer. Reversible; no tool logic or URL changes. */
body.tsk-growth-page{--tsk-premium-bg:#f7f8f5;--tsk-premium-panel:#fff;--tsk-premium-ink:#18221d;--tsk-premium-muted:#69736d;--tsk-premium-line:#e2e7e2;--tsk-premium-green:#315f50;--tsk-premium-sage:#eef4ef;--tsk-premium-warm:#f6f1e9;background:var(--tsk-premium-bg)!important;color:var(--tsk-premium-ink)}
body.tsk-growth-page header.site-header{background:rgba(247,248,245,.95)!important;border-bottom:1px solid var(--tsk-premium-line)!important;box-shadow:none!important;backdrop-filter:blur(12px)}
body.tsk-growth-page header.site-header .brand-link{color:var(--tsk-premium-ink)!important;letter-spacing:-.02em}
body.tsk-growth-page header.site-header .brand-dot{color:var(--tsk-premium-green)!important}
body.tsk-growth-page header.site-header .home-link{color:var(--tsk-premium-green)!important;border-color:#cfd9d2!important;background:#fff!important}
body.tsk-growth-page main{padding-top:22px!important;padding-bottom:34px!important}
body.tsk-growth-page h1{color:var(--tsk-premium-ink)!important;font-size:clamp(24px,4vw,32px)!important;letter-spacing:-.035em!important;line-height:1.22!important;margin-top:12px!important}
body.tsk-growth-page .subtitle{color:var(--tsk-premium-muted)!important;line-height:1.7!important;margin-bottom:22px!important}
body.tsk-growth-page .tool-card,body.tsk-growth-page #tool{background:linear-gradient(145deg,#fff 0%,#f6f8f5 100%)!important;border:1px solid var(--tsk-premium-line)!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(32,49,41,.055)!important;padding:clamp(18px,3vw,26px)!important}
body.tsk-growth-page .result-box,body.tsk-growth-page .result-card,body.tsk-growth-page [id*="result"]{border-color:var(--tsk-premium-line)!important;border-radius:18px!important}
body.tsk-growth-page button,body.tsk-growth-page .btn,body.tsk-growth-page [role="button"]{border-radius:14px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
body.tsk-growth-page button:hover,body.tsk-growth-page .btn:hover,body.tsk-growth-page [role="button"]:hover{transform:translateY(-1px)}
body.tsk-growth-page button:focus-visible,body.tsk-growth-page .btn:focus-visible,body.tsk-growth-page a:focus-visible{outline:3px solid rgba(49,95,80,.22)!important;outline-offset:2px!important}
body.tsk-growth-page input,body.tsk-growth-page select,body.tsk-growth-page textarea{border-color:#d7dfd9!important;border-radius:14px!important;box-shadow:none!important}
body.tsk-growth-page input:focus,body.tsk-growth-page select:focus,body.tsk-growth-page textarea:focus{border-color:#9db6a8!important;outline:3px solid rgba(49,95,80,.08)!important}
body.tsk-growth-page .tsk-growth-surface{background:var(--tsk-premium-panel)!important;border-color:var(--tsk-premium-line)!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(32,49,41,.045)!important}
body.tsk-growth-page .tsk-growth-card{background:#fafbf9!important;border-color:var(--tsk-premium-line)!important;border-radius:14px!important}
body.tsk-growth-page .tsk-growth-card:hover{background:var(--tsk-premium-sage)!important;border-color:#cbd8cf!important}
body.tsk-growth-page[data-tsk-track="daily"] .tool-card,body.tsk-growth-page[data-tsk-track="daily"] #tool{background:linear-gradient(145deg,#fff 0%,#f3f7f2 100%)!important}
body.tsk-growth-page[data-tsk-track="viral"] .tool-card,body.tsk-growth-page[data-tsk-track="viral"] #tool{background:linear-gradient(145deg,#fff 0%,#f7f4f8 100%)!important}

/* Priority six: strengthen result visibility and primary action hierarchy without changing behavior. */
body.tsk-growth-page[data-tsk-tool="daily-fortune"] .result-box.show{box-shadow:0 18px 42px rgba(32,49,41,.09)!important;padding:22px!important}
body.tsk-growth-page[data-tsk-tool="daily-fortune"] .result-main{font-size:clamp(20px,3.5vw,24px)!important;letter-spacing:-.02em!important}
body.tsk-growth-page[data-tsk-tool="daily-fortune"] .fortune-card.is-picked{box-shadow:0 8px 22px rgba(242,160,61,.12)!important}
body.tsk-growth-page[data-tsk-tool="tarot-card"] #resultArea{scroll-margin-top:88px}
body.tsk-growth-page[data-tsk-tool="tarot-card"] #resultArea>*{box-shadow:0 16px 40px rgba(32,49,41,.07)!important}
body.tsk-growth-page[data-tsk-tool="tarot-card"] .mode-btn.is-active,body.tsk-growth-page[data-tsk-tool="tarot-card"] .topic-btn.is-active{box-shadow:0 6px 18px rgba(49,95,80,.16)!important}
body.tsk-growth-page[data-tsk-tool="mbti-test"] #resultArea{scroll-margin-top:88px}
body.tsk-growth-page[data-tsk-tool="mbti-test"] .result-card{box-shadow:0 18px 44px rgba(32,49,41,.09)!important}
body.tsk-growth-page[data-tsk-tool="mbti-test"] .result-code{color:var(--tsk-premium-green)!important;letter-spacing:.04em!important}
body.tsk-growth-page[data-tsk-tool="mbti-test"] .btn-primary{box-shadow:0 8px 22px rgba(49,95,80,.16)!important;font-weight:750!important}
body.tsk-growth-page[data-tsk-tool="name-compatibility"] #calcBtn{box-shadow:0 8px 22px rgba(49,95,80,.16)!important;font-weight:750!important}
body.tsk-growth-page[data-tsk-tool="name-compatibility"] [id*="result"]{scroll-margin-top:88px}
body.tsk-growth-page[data-tsk-tool="ladder-game"] #all-revealed-msg{background:#fff!important;border:1px solid var(--tsk-premium-line)!important;border-radius:16px!important;padding:14px!important;box-shadow:0 10px 28px rgba(32,49,41,.07)!important}
body.tsk-growth-page[data-tsk-tool="ladder-game"] button{min-height:44px}
body.tsk-growth-page[data-tsk-tool="ticketing-trainer"] #reaction-box{border-radius:22px!important;box-shadow:0 14px 36px rgba(32,49,41,.075)!important}
body.tsk-growth-page[data-tsk-tool="ticketing-trainer"] #reaction-box.result{box-shadow:0 18px 44px rgba(32,49,41,.11)!important}
body.tsk-growth-page[data-tsk-tool="ticketing-trainer"] #box-sub{font-weight:650!important}

/* Priority six flow continuity: Start → Progress → Result → Share/Retry. */
body.tsk-growth-page[data-tsk-tool="daily-fortune"] .card-grid,
body.tsk-growth-page[data-tsk-tool="tarot-card"] .card-stage,
body.tsk-growth-page[data-tsk-tool="mbti-test"] .q-card,
body.tsk-growth-page[data-tsk-tool="name-compatibility"] .input-row,
body.tsk-growth-page[data-tsk-tool="ladder-game"] .ladder-wrap,
body.tsk-growth-page[data-tsk-tool="ticketing-trainer"] #reaction-box{margin-bottom:18px!important}
body.tsk-growth-page[data-tsk-tool="mbti-test"] .progress-track{height:10px!important;background:#eef2ef!important;box-shadow:inset 0 0 0 1px var(--tsk-premium-line)!important}
body.tsk-growth-page[data-tsk-tool="mbti-test"] .progress-fill{background:linear-gradient(90deg,#315f50,#6f9486)!important}
body.tsk-growth-page[data-tsk-tool="mbti-test"] .nav-row,
body.tsk-growth-page[data-tsk-tool="mbti-test"] .action-row,
body.tsk-growth-page[data-tsk-tool="name-compatibility"] .action-row,
body.tsk-growth-page[data-tsk-tool="ladder-game"] .action-row,
body.tsk-growth-page[data-tsk-tool="ticketing-trainer"] .action-row{gap:10px!important;margin-top:18px!important}
body.tsk-growth-page[data-tsk-tool="mbti-test"] .action-row .btn-primary,
body.tsk-growth-page[data-tsk-tool="name-compatibility"] #calcBtn,
body.tsk-growth-page[data-tsk-tool="ladder-game"] button[data-primary],
body.tsk-growth-page[data-tsk-tool="ticketing-trainer"] button[data-primary]{min-height:48px!important}
body.tsk-growth-page[data-tsk-tool="tarot-card"] .mode-seg,
body.tsk-growth-page[data-tsk-tool="tarot-card"] .topic-pick,
body.tsk-growth-page[data-tsk-tool="daily-fortune"] .pick-title{position:relative}
body.tsk-growth-page[data-tsk-tool="tarot-card"] .stage-note,
body.tsk-growth-page[data-tsk-tool="ticketing-trainer"] #box-sub,
body.tsk-growth-page[data-tsk-tool="ladder-game"] #all-revealed-msg{line-height:1.55!important}
body.tsk-growth-page[data-tsk-tool="daily-fortune"] .result-box.show,
body.tsk-growth-page[data-tsk-tool="tarot-card"] #resultArea,
body.tsk-growth-page[data-tsk-tool="mbti-test"] #resultArea,
body.tsk-growth-page[data-tsk-tool="name-compatibility"] [id*="result"]{scroll-margin-top:92px}

/* Remaining twelve: apply the same visual flow hierarchy conservatively through shared hooks. */
body.tsk-growth-page[data-tsk-tool="zodiac-fortune"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="biorhythm-calculator"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="world-time-converter"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="habit-cost-calculator"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="sleep-calculator"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="calorie-burn-calculator"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="mbti-compatibility"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="saju-compatibility"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="team-divider"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="lotto-generator"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="nickname-generator"] [id*="result"],
body.tsk-growth-page[data-tsk-tool="typing-test"] [id*="result"]{scroll-margin-top:92px;box-shadow:0 14px 36px rgba(32,49,41,.07)}
body.tsk-growth-page[data-tsk-tool="zodiac-fortune"] .action-row,
body.tsk-growth-page[data-tsk-tool="biorhythm-calculator"] .action-row,
body.tsk-growth-page[data-tsk-tool="world-time-converter"] .action-row,
body.tsk-growth-page[data-tsk-tool="habit-cost-calculator"] .action-row,
body.tsk-growth-page[data-tsk-tool="sleep-calculator"] .action-row,
body.tsk-growth-page[data-tsk-tool="calorie-burn-calculator"] .action-row,
body.tsk-growth-page[data-tsk-tool="mbti-compatibility"] .action-row,
body.tsk-growth-page[data-tsk-tool="saju-compatibility"] .action-row,
body.tsk-growth-page[data-tsk-tool="team-divider"] .action-row,
body.tsk-growth-page[data-tsk-tool="lotto-generator"] .action-row,
body.tsk-growth-page[data-tsk-tool="nickname-generator"] .action-row,
body.tsk-growth-page[data-tsk-tool="typing-test"] .action-row{gap:10px!important;margin-top:18px!important}
body.tsk-growth-page[data-tsk-tool="zodiac-fortune"] button,
body.tsk-growth-page[data-tsk-tool="biorhythm-calculator"] button,
body.tsk-growth-page[data-tsk-tool="world-time-converter"] button,
body.tsk-growth-page[data-tsk-tool="habit-cost-calculator"] button,
body.tsk-growth-page[data-tsk-tool="sleep-calculator"] button,
body.tsk-growth-page[data-tsk-tool="calorie-burn-calculator"] button,
body.tsk-growth-page[data-tsk-tool="mbti-compatibility"] button,
body.tsk-growth-page[data-tsk-tool="saju-compatibility"] button,
body.tsk-growth-page[data-tsk-tool="team-divider"] button,
body.tsk-growth-page[data-tsk-tool="lotto-generator"] button,
body.tsk-growth-page[data-tsk-tool="nickname-generator"] button,
body.tsk-growth-page[data-tsk-tool="typing-test"] button{min-height:44px}
body.tsk-growth-page[data-tsk-tool="typing-test"] [class*="progress"],
body.tsk-growth-page[data-tsk-tool="team-divider"] [class*="progress"],
body.tsk-growth-page[data-tsk-tool="lotto-generator"] [class*="result"]{border-radius:16px!important}

@media(max-width:767px){body.tsk-growth-page main{padding-left:14px!important;padding-right:14px!important;padding-top:14px!important}body.tsk-growth-page h1{font-size:26px!important}body.tsk-growth-page .tool-card,body.tsk-growth-page #tool{border-radius:18px!important;padding:17px!important}body.tsk-growth-page .tsk-growth-surface{border-radius:18px!important;margin-left:0!important;margin-right:0!important}body.tsk-growth-page[data-tsk-tool="daily-fortune"] .result-box.show{padding:18px!important}body.tsk-growth-page[data-tsk-tool="mbti-test"] .nav-row,body.tsk-growth-page[data-tsk-tool="mbti-test"] .action-row,body.tsk-growth-page[data-tsk-tool="name-compatibility"] .action-row,body.tsk-growth-page[data-tsk-tool="ladder-game"] .action-row,body.tsk-growth-page[data-tsk-tool="ticketing-trainer"] .action-row,body.tsk-growth-page[data-tsk-tool="zodiac-fortune"] .action-row,body.tsk-growth-page[data-tsk-tool="biorhythm-calculator"] .action-row,body.tsk-growth-page[data-tsk-tool="world-time-converter"] .action-row,body.tsk-growth-page[data-tsk-tool="habit-cost-calculator"] .action-row,body.tsk-growth-page[data-tsk-tool="sleep-calculator"] .action-row,body.tsk-growth-page[data-tsk-tool="calorie-burn-calculator"] .action-row,body.tsk-growth-page[data-tsk-tool="mbti-compatibility"] .action-row,body.tsk-growth-page[data-tsk-tool="saju-compatibility"] .action-row,body.tsk-growth-page[data-tsk-tool="team-divider"] .action-row,body.tsk-growth-page[data-tsk-tool="lotto-generator"] .action-row,body.tsk-growth-page[data-tsk-tool="nickname-generator"] .action-row,body.tsk-growth-page[data-tsk-tool="typing-test"] .action-row{gap:8px!important}}
@media(prefers-reduced-motion:reduce){body.tsk-growth-page button,body.tsk-growth-page .btn,body.tsk-growth-page [role="button"]{transition:none!important}}
