:root{--primary:#3182f6;--primary-strong:#2272eb;--ink:#191f28;--body:#4e5968;--muted:#8b95a1;--surface:#f2f4f6;--line:#e5e8eb;--canvas:#f7f9fb;--danger:#e42939;--success:#0b7b52}*{box-sizing:border-box;margin:0;padding:0}html{background:#fff;min-width:320px;overflow-x:hidden}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-family:Toss Product Sans,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}button,input,select,textarea{color:inherit;font:inherit}button,select,label,input[type=radio],input[type=checkbox]{cursor:pointer}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:3px;outline:3px solid #3182f652}button:disabled{cursor:not-allowed;opacity:.42}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow,.step-label{color:var(--primary-strong);letter-spacing:.04em;font-size:13px;font-weight:700}.primary-button,.secondary-button{border-radius:16px;min-height:56px;padding:0 20px;font-size:17px;font-weight:700;transition:background-color .16s,transform .16s}.primary-button{color:#fff;background:var(--primary);width:100%}.primary-button:hover:not(:disabled){background:var(--primary-strong)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}.primary-button.compact,.secondary-button{width:auto;min-width:144px}.secondary-button{color:#1b64da;background:#e8f3ff}.secondary-button:hover{background:#dbeaff}.text-button{color:var(--body);background:0 0;font-weight:600}.button-help{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}.onboarding-shell{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.onboarding-intro,.onboarding-form{flex-direction:column;justify-content:center;padding:clamp(40px,7vw,104px);display:flex}.onboarding-intro{background:#f3f8ff;border-right:1px solid #dbe9fb;position:relative;overflow:hidden}.onboarding-intro:after{content:"W";color:#3182f612;pointer-events:none;font-size:clamp(300px,42vw,620px);font-weight:800;line-height:1;position:absolute;bottom:-136px;right:-38px}.brand-mark,.wordmark{color:var(--ink);letter-spacing:-.04em;font-size:21px;font-weight:800}.brand-mark span,.wordmark span{color:var(--primary)}.onboarding-intro .eyebrow{margin-top:96px}.onboarding-intro h1{letter-spacing:-.055em;max-width:620px;margin-top:16px;font-size:clamp(40px,5.2vw,72px);line-height:1.12}.intro-copy{max-width:560px;color:var(--body);margin-top:28px;font-size:18px;line-height:1.75}.intro-steps{z-index:1;gap:28px;margin-top:52px;list-style:none;display:flex}.intro-steps li{color:var(--body);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.intro-steps span{width:28px;height:28px;color:var(--primary-strong);background:#fff;border:1px solid #c9dcf8;border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.legal-note{z-index:1;max-width:560px;color:var(--muted);margin-top:40px;font-size:13px}.onboarding-form{gap:12px;width:100%;max-width:660px;margin:0 auto}.onboarding-form h2{letter-spacing:-.035em;margin-top:8px;font-size:clamp(26px,3vw,34px);line-height:1.3}.form-description{color:var(--muted);margin-top:8px;font-size:14px}.field-label{margin-top:8px;font-size:14px;font-weight:700}.select-field,.input-label input,.input-label select,.input-label textarea{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%}.select-field,.input-label input,.input-label select{height:48px;padding:0 14px}.select-field:hover,.input-label input:hover,.input-label select:hover,.input-label textarea:hover{border-color:#b0bac5}.consent-list{border:1px solid var(--line);border-radius:14px;gap:10px;margin:12px 0 4px;padding:16px;display:grid}.consent-list legend{padding:0 6px;font-size:14px;font-weight:700}.consent-list label{align-items:flex-start;gap:12px;display:flex}.consent-list input{width:18px;height:18px;accent-color:var(--primary);margin-top:2px}.consent-list span{display:grid}.consent-list strong{font-size:14px}.consent-list small{color:var(--muted);font-size:12px}.app-shell{background:var(--canvas);min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;align-items:center;gap:32px;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.wordmark{background:0 0}.desktop-nav{align-items:stretch;gap:4px;height:100%;display:flex}.desktop-nav button{color:var(--muted);background:0 0;padding:0 16px;font-size:14px;font-weight:700;position:relative}.desktop-nav button.active{color:var(--ink)}.desktop-nav button.active:after{content:"";background:var(--primary);height:3px;position:absolute;bottom:-1px;left:16px;right:16px}.season-chip{color:var(--body);background:var(--surface);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.season-chip span{background:#13a474;border-radius:50%;width:7px;height:7px}.reset-button{font-size:13px}.status-region{z-index:30;position:fixed;top:84px;left:50%;transform:translate(-50%)}.status-region p{color:#fff;text-align:center;background:#191f28eb;border-radius:10px;min-width:300px;padding:12px 18px;font-size:14px}.page-container,.report-container,.learning-container{width:min(1180px,100% - 48px);margin:0 auto;padding:64px 0 96px}.page-enter{animation:.32s ease-out both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-heading{max-width:720px}.home-heading h1{letter-spacing:-.05em;margin-top:10px;font-size:clamp(38px,5vw,58px);line-height:1.18}.home-heading>p:last-child{color:var(--body);margin-top:18px;font-size:18px}.balance-section{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-top:52px;padding:0 0 32px;display:flex}.balance-section p{color:var(--body);font-size:14px;font-weight:700}.balance-section strong{letter-spacing:-.045em;margin-top:4px;font-size:clamp(34px,5vw,52px);line-height:1.2;display:block}.neutral-change{color:var(--muted);margin-top:8px;font-size:13px;display:inline-block}.home-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;margin-top:40px;display:grid}.score-panel,.next-panel,.episode-section,.ranking-strip,.instrument-panel,.order-panel,.learning-cta,.lesson-body{border:1px solid var(--line);background:#fff;border-radius:18px}.score-panel,.next-panel,.episode-section,.ranking-strip{padding:28px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading h2,.next-panel h2,.episode-section h2,.ranking-strip h2,.learning-cta h2{letter-spacing:-.025em;margin-top:4px;font-size:22px}.section-heading>strong{color:var(--muted);font-size:14px;font-weight:600}.section-heading>strong span{color:var(--primary);font-size:40px;font-weight:800}.score-bar,.learning-progress{background:var(--surface);appearance:none;border:0;border-radius:999px;width:100%;height:8px;margin-top:24px;overflow:hidden}.score-bar::-webkit-progress-bar{background:var(--surface)}.learning-progress::-webkit-progress-bar{background:var(--surface)}.score-bar::-webkit-progress-value{background:var(--primary);border-radius:999px}.learning-progress::-webkit-progress-value{background:var(--primary);border-radius:999px}.score-bar::-moz-progress-bar{background:var(--primary);border-radius:999px}.learning-progress::-moz-progress-bar{background:var(--primary);border-radius:999px}.score-breakdown{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px;display:grid}.score-breakdown div{min-width:0}.score-breakdown dt{color:var(--muted);font-size:12px}.score-breakdown dd{margin-top:4px;font-size:14px;font-weight:700}.score-note{color:var(--muted);margin-top:24px;font-size:13px}.next-panel{flex-direction:column;align-items:flex-start;display:flex}.next-panel>p:not(.eyebrow){color:var(--body);margin:14px 0 24px}.next-panel .secondary-button{margin-top:auto}.episode-section,.ranking-strip{margin-top:24px}.quiet-badge,.simulation-badge,.confidence-badge{color:#1b64da;background:#e8f3ff;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.episode-trail{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;list-style:none;display:grid;position:relative}.episode-trail:before{content:"";background:var(--line);height:1px;position:absolute;top:17px;left:10%;right:10%}.episode-trail li{z-index:1;grid-template-columns:36px 1fr;align-items:start;gap:10px;display:grid}.episode-trail li>span{width:36px;height:36px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.episode-trail li.done>span,.episode-trail li.current>span{color:#fff;background:var(--primary);border-color:var(--primary)}.episode-trail strong,.episode-trail small{display:block}.episode-trail strong{font-size:14px}.episode-trail small{color:var(--muted);margin-top:3px;font-size:12px}.ranking-strip{justify-content:space-between;align-items:center;gap:24px;display:flex}.ranking-strip p:last-child{color:var(--muted);margin-top:3px;font-size:13px}.rank-comparison{background:var(--surface);min-width:250px;color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:14px 18px;font-size:13px;display:flex}.rank-comparison strong{color:var(--primary-strong);font-size:18px}.trade-page{grid-template-columns:minmax(0,1.6fr) minmax(360px,.74fr);align-items:start;gap:24px;display:grid}.instrument-panel,.order-panel{padding:28px}.order-panel{position:sticky;top:96px}.instrument-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.instrument-heading h1{letter-spacing:-.035em;margin-top:10px;font-size:30px}.instrument-heading p{color:var(--muted);font-size:13px}.price-block{text-align:right}.price-block strong,.price-block span{display:block}.price-block strong{font-size:28px}.price-block span{color:var(--danger);font-size:13px;font-weight:700}.chart-wrap{margin-top:40px;padding:12px 0}.chart-wrap svg{width:100%;height:auto;overflow:visible}.grid-line{stroke:var(--line);stroke-width:1px}.price-line{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.price-dot{fill:#fff;stroke:var(--primary);stroke-width:4px}.chart-axis{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.market-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;padding-top:20px;display:grid}.market-stats dt,.order-summary dt{color:var(--muted);font-size:12px}.market-stats dd,.order-summary dd{margin-top:4px;font-size:14px;font-weight:700}.segmented-control{background:var(--surface);border:0;border-radius:12px;grid-template-columns:1fr 1fr;margin-top:24px;padding:4px;display:grid}.segmented-control input,.reason-grid input{opacity:0;pointer-events:none;position:absolute}.segmented-control span{height:42px;color:var(--muted);border-radius:9px;place-items:center;font-size:14px;font-weight:700;display:grid}.segmented-control input:checked+span{color:var(--primary-strong);background:#fff;box-shadow:0 1px 2px #191f2814}.segmented-control input:focus-visible+span,.reason-grid input:focus-visible+span{outline-offset:2px;outline:3px solid #3182f652}.order-kind{border:0;gap:20px;margin-top:22px;display:flex}.order-kind legend{width:100%;margin-bottom:10px;font-size:13px;font-weight:700}.order-kind label{align-items:center;gap:7px;font-size:14px;display:flex}.order-kind input,.quiz-options input{width:18px;height:18px;accent-color:var(--primary)}.input-label{margin-top:18px;font-size:13px;font-weight:700;display:block}.input-label input,.input-label select,.input-label textarea{margin-top:8px;display:block}.input-label textarea{resize:vertical;min-height:84px;padding:12px 14px}.input-label>span:not(.optional){color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;display:block}.optional{color:var(--muted);font-size:11px;font-weight:500}.order-summary{background:var(--surface);border-radius:12px;gap:9px;margin:22px 0;padding:16px;display:grid}.order-summary div{justify-content:space-between;display:flex}.filled-message{color:var(--success);margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.order-panel h2{letter-spacing:-.025em;font-size:24px}.reason-grid{border:0;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;display:grid}.reason-grid legend{grid-column:1/-1;margin-bottom:2px;font-size:13px;font-weight:700}.reason-grid legend span{color:var(--primary-strong);font-size:11px}.reason-grid label span{border:1px solid var(--line);min-height:38px;color:var(--body);border-radius:10px;place-items:center;font-size:12px;display:grid}.reason-grid input:checked+span{color:var(--primary-strong);background:#e8f3ff;border-color:#92bffb;font-weight:700}.order-panel .primary-button{margin-top:22px}.report-container{max-width:880px}.report-hero{border-bottom:1px solid var(--line);padding-bottom:44px}.report-hero .confidence-badge{margin-top:24px}.report-hero h1,.learning-container>h1,.empty-state h1{letter-spacing:-.05em;margin-top:16px;font-size:clamp(38px,5vw,56px);line-height:1.18}.report-hero>p:last-child,.learning-lead{max-width:680px;color:var(--body);margin-top:18px;font-size:18px}.evidence-section{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;gap:24px;padding:40px 0;display:grid}.section-index{color:var(--primary);font-size:14px;font-weight:800}.evidence-section h2{font-size:24px}.evidence-section p{color:var(--body);margin-top:12px}.evidence-section ul{gap:8px;margin-top:24px;list-style:none;display:grid}.evidence-section li{background:var(--surface);border-radius:8px;justify-content:space-between;gap:20px;padding:11px 14px;font-size:13px;display:flex}.evidence-section li span{color:var(--body);text-align:right}.evidence-section blockquote{border-left:4px solid var(--primary);margin-top:20px;padding-left:20px;font-size:24px;font-weight:700;line-height:1.5}.learning-cta{justify-content:space-between;align-items:center;gap:28px;margin-top:40px;padding:28px;display:flex}.learning-cta p:last-child{color:var(--body);margin-top:8px}.feedback-link{color:var(--muted);text-underline-offset:4px;background:0 0;margin:24px auto 0;font-size:13px;text-decoration:underline;display:block}.learning-container{max-width:800px}.learning-progress{height:5px;margin:0 0 44px}.lesson-body{margin-top:36px;padding:32px}.lesson-body>p{color:var(--body);font-size:17px;line-height:1.8}.example-pair{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.example-pair div{background:var(--surface);border-radius:12px;padding:18px}.example-pair span{color:var(--muted);font-size:12px;font-weight:700}.example-pair p{margin-top:8px;font-size:14px}.quiz-options{border:0;gap:10px;margin-top:36px;display:grid}.quiz-options legend{margin-bottom:8px;font-size:18px;font-weight:700}.quiz-options label{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.quiz-options input{flex:none;margin-top:2px}.success-message{color:var(--success);margin-top:18px;font-weight:700}.lesson-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:48px 24px 110px;display:flex}.empty-symbol{width:74px;height:74px;color:var(--primary);background:#e8f3ff;border-radius:24px;place-items:center;margin-bottom:24px;font-size:28px;font-weight:800;display:grid}.empty-state>p:not(.eyebrow){max-width:560px;color:var(--body);margin:16px 0 28px}.mobile-nav{display:none}@media (max-width:980px){.onboarding-shell{grid-template-columns:1fr}.onboarding-intro{border-bottom:1px solid #dbe9fb;border-right:0;min-height:auto}.onboarding-intro,.onboarding-form{padding:48px max(24px,7vw)}.onboarding-intro .eyebrow{margin-top:56px}.home-grid,.trade-page{grid-template-columns:1fr}.order-panel{position:static}.episode-trail{grid-template-columns:1fr 1fr}.episode-trail:before{display:none}}@media (max-width:720px){body{padding-bottom:72px}.topbar{height:60px;padding:0 20px}.desktop-nav,.season-chip,.reset-button{display:none}.mobile-nav{z-index:40;height:72px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffffffa;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;place-content:center;gap:5px;font-size:11px;font-weight:700;display:grid}.mobile-nav button span{background:0 0;border-radius:99px;width:22px;height:3px;margin:auto}.mobile-nav button.active{color:var(--primary-strong)}.mobile-nav button.active span{background:var(--primary)}.status-region{width:calc(100% - 32px);top:70px}.status-region p{min-width:0}.page-container,.report-container,.learning-container{width:calc(100% - 32px);padding:40px 0 56px}.home-heading h1{font-size:36px}.home-heading>p:last-child{font-size:16px}.balance-section{flex-direction:column;align-items:stretch;margin-top:36px}.balance-section .primary-button{width:100%}.score-panel,.next-panel,.episode-section,.ranking-strip,.instrument-panel,.order-panel,.learning-cta,.lesson-body{border-radius:16px;padding:22px}.score-breakdown{grid-template-columns:repeat(2,1fr)}.episode-trail{grid-template-columns:1fr}.ranking-strip,.learning-cta,.instrument-heading{flex-direction:column;align-items:stretch}.rank-comparison{min-width:0}.price-block{text-align:left}.market-stats{grid-template-columns:1fr 1fr}.reason-grid{grid-template-columns:repeat(2,1fr)}.evidence-section{grid-template-columns:1fr;gap:10px}.example-pair{grid-template-columns:1fr}.lesson-actions{flex-direction:column-reverse}.lesson-actions button,.learning-cta button{width:100%}}@media (max-width:520px){.onboarding-intro,.onboarding-form{padding:36px 20px}.onboarding-intro h1{font-size:38px}.onboarding-intro .eyebrow{margin-top:44px}.intro-steps{flex-direction:column;align-items:flex-start;gap:14px;margin-top:36px}.section-heading{align-items:flex-start}.section-heading>strong span{font-size:32px}.instrument-panel,.order-panel,.lesson-body{padding:18px}.evidence-section blockquote{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}