:root{--ink:#111827;--muted:#64748b;--line:#e2e8f0;--paper:#fff;--canvas:#f6f5fb;--violet:#6d28d9;--violet-dark:#4c1d95;--violet-soft:#f3e8ff;--mint:#10b981;--danger:#dc2626;--radius:18px;--shadow:0 16px 40px #0f172a12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline-offset:2px;outline:3px solid #6d28d959}.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}.skip-link{z-index:1000;background:var(--ink);color:#fff;border-radius:10px;padding:12px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.site-shell{min-height:100dvh}.topbar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e2e8f0e6;position:sticky;top:0}.topbar-inner{align-items:center;gap:28px;width:min(1180px,100% - 40px);height:68px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand-mark,.footer-brand span{background:var(--violet);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:14px;display:grid;box-shadow:0 8px 18px #6d28d93d}.brand-word{letter-spacing:-.04em;font-size:20px}.beta-pill,.season-chip,.age-chip{background:var(--violet-soft);color:var(--violet-dark);letter-spacing:.08em;border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.desktop-nav{align-self:stretch;align-items:center;gap:4px;display:flex}.nav-link{color:#64748b;place-items:center;height:100%;padding:0 13px;font-size:14px;font-weight:700;display:grid;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";background:var(--violet);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:13px;right:13px}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.connection-badge{color:#047857;background:#ecfdf5;border:1px solid #d1fae5;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 11px;font-size:11px;font-weight:900;display:inline-flex}.connection-badge.fallback,.connection-badge.connecting{color:#a16207;background:#fffbeb;border-color:#fde68a}.connection-badge.offline{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.connection-badge.preview{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.connection-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #10b9811f}.rank-jump{background:var(--ink);color:#fff;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex}.main-wrap{width:min(1180px,100% - 40px);margin:0 auto;padding:24px 0 64px}.welcome-strip{color:#5b21b6;background:linear-gradient(110deg,#faf5ff,#fff);border:1px solid #ddd6fe;border-radius:14px;align-items:center;gap:16px;margin-bottom:18px;padding:13px 17px;font-size:13px;display:flex}.welcome-strip>div,.welcome-strip>a{align-items:center;gap:8px;display:flex}.welcome-strip p{margin:0}.welcome-strip>a{white-space:nowrap;margin-left:auto;font-weight:800}.age-chip{color:#475569;letter-spacing:0;background:#f1f5f9}.game-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px;display:grid}.game-column,.side-column{gap:20px;min-width:0;display:grid}.quiz-card,.chat-card,.ranking-card,.how-card,.editorial-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.quiz-card{background:linear-gradient(155deg,#fff 52%,#faf5ff)}.quiz-topline{justify-content:space-between;align-items:center;padding:18px 22px 15px;display:flex}.round-meta,.round-clock,.hint-row,.player-identity,.section-heading>div{align-items:center;display:flex}.round-meta{gap:9px}.round-label{color:var(--violet);letter-spacing:.08em;font-size:12px;font-weight:950}.category-chip{color:#5b21b6;background:#faf5ff;border:1px solid #ddd6fe;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.round-clock{color:#475569;gap:5px;font-size:13px}.round-clock span{color:var(--ink);font-weight:950}.timer-track{background:#ede9fe;height:4px}.timer-track span{background:linear-gradient(90deg,#8b5cf6,#6d28d9);height:100%;transition:width .4s linear;display:block}.quiz-stage{text-align:center;padding:38px 28px 34px}.eyebrow,.kicker{color:var(--violet);letter-spacing:.16em;margin:0;font-size:11px;font-weight:950}.consonants{letter-spacing:.18em;text-indent:.18em;margin:13px 0 19px;font-size:clamp(48px,9vw,82px);font-weight:950;line-height:1}.hint-row{color:#64748b;background:#f8fafc;border-radius:10px;gap:7px;width:fit-content;max-width:100%;margin:0 auto;padding:9px 13px;font-size:13px}.hint-row strong{color:#334155;overflow-wrap:anywhere}.hint-icon{color:#d97706;background:#fef3c7;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.answer-meta{color:#94a3b8;margin:13px 0 0;font-size:12px}.player-strip{border-top:1px solid var(--line);background:#f8fafcb8;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:14px 20px;display:grid}.player-identity{gap:10px;min-width:0}.avatar,.rank-avatar,.message-avatar{border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.avatar{background:var(--violet-soft);width:38px;height:38px;color:var(--violet)}.player-identity div{min-width:0}.player-identity div span,.score-box span{color:#94a3b8;font-size:10px;font-weight:700;display:block}.player-identity div strong{text-overflow:ellipsis;margin-top:2px;font-size:13px;display:block;overflow:hidden}.icon-button{color:#64748b;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.icon-button:hover{color:var(--violet);background:#e2e8f0}.score-box{border-left:1px solid var(--line);text-align:right;min-width:68px;padding-left:18px}.score-box strong{margin-top:3px;font-size:14px;display:block}.score-box.total strong{color:var(--violet)}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 20px;display:flex}.section-heading>div{gap:8px}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:15px}.chat-heading>div>span{color:#047857;background:#ecfdf5;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.chat-heading>p{color:#94a3b8;align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.chat-feed{scrollbar-width:thin;height:320px;padding:10px 18px;overflow-y:auto}.empty-feed{color:#94a3b8;place-content:center;justify-items:center;gap:7px;height:100%;font-size:12px;display:grid}.empty-feed strong{color:#475569}.chat-message{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;min-height:50px;padding:9px 3px;display:flex}.chat-message:last-child{border-bottom:0}.message-avatar{color:#64748b;background:#f1f5f9;width:31px;height:31px;margin-top:1px;font-size:11px}.chat-message.correct .message-avatar{color:#047857;background:#dcfce7}.message-body{flex:1;min-width:0}.message-meta{align-items:center;gap:7px;display:flex}.message-meta strong{font-size:12px}.message-meta time{color:#94a3b8;margin-left:auto;font-size:10px}.message-body p{color:#334155;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.5}.winner-tag{color:#047857;background:#dcfce7;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:900}.report-button{opacity:0;color:#94a3b8;background:0 0;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.chat-message:hover .report-button,.report-button:focus-visible{opacity:1}.report-button:hover{color:var(--danger);background:#fef2f2}.system-message{color:#6d28d9;background:#f5f3ff;border-radius:9px;align-items:center;gap:8px;width:100%;margin:2px 0;padding:8px 11px;font-size:11px;font-weight:700;display:flex}.answer-form{border-top:1px solid var(--line);gap:8px;padding:14px 18px 8px;display:flex;position:relative}.answer-form input{min-width:0;height:46px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:11px;flex:1;padding:0 66px 0 14px}.answer-form input:focus{border-color:var(--violet);outline:0;box-shadow:0 0 0 3px #6d28d91a}.character-count{color:#94a3b8;font-size:9px;position:absolute;top:31px;right:115px}.answer-form button{background:var(--violet);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;width:92px;height:46px;font-size:12px;font-weight:900;display:inline-flex}.answer-form button:hover:not(:disabled){background:#5b21b6}.input-note{color:#94a3b8;margin:0;padding:0 18px 14px;font-size:10px}.ranking-tabs{background:#f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr;margin:14px 16px 8px;padding:3px;display:grid}.ranking-tabs button{color:#64748b;background:0 0;border:0;border-radius:8px;padding:8px;font-size:11px;font-weight:800}.ranking-tabs button.active{color:var(--violet);background:#fff;box-shadow:0 2px 9px #0f172a14}.ranking-list{padding:4px 14px 11px}.ranking-row{border-bottom:1px solid #f1f5f9;grid-template-columns:28px 32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:47px;padding:0 7px;display:grid}.ranking-row.me{background:#faf5ff;border-radius:9px;margin-inline:-2px;padding-inline:9px}.rank-number{color:#64748b;place-items:center;font-size:11px;font-weight:900;display:grid}.rank-number.top-1{color:#d97706}.rank-number.top-2{color:#64748b}.rank-number.top-3{color:#b45309}.rank-avatar{color:#64748b;background:#f1f5f9;width:29px;height:29px;font-size:10px}.rank-name{align-items:center;gap:5px;min-width:0;display:flex}.rank-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rank-name span{background:var(--violet);color:#fff;border-radius:999px;padding:2px 5px;font-size:8px}.rank-score{color:#334155;font-size:11px}.ranking-empty{text-align:center;color:#94a3b8;padding:28px 0;font-size:12px}.ranking-reset{border-top:1px solid var(--line);color:#64748b;background:#fafafa;gap:7px;padding:11px 16px;font-size:10px;line-height:1.45;display:flex}.how-card ol{gap:14px;margin:0;padding:18px 20px 12px;list-style:none;display:grid}.how-card li{gap:10px;display:flex}.how-card li>span{background:var(--violet-soft);width:23px;height:23px;color:var(--violet);border-radius:8px;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.how-card li strong{font-size:12px;display:block}.how-card li p{color:#64748b;margin:3px 0 0;font-size:10px;line-height:1.45}.text-link{color:var(--violet);background:#f8fafc;border-radius:9px;justify-content:center;align-items:center;gap:3px;margin:0 16px 16px;padding:9px;font-size:11px;font-weight:800;display:flex}.safety-card{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;gap:12px;padding:17px;display:flex}.safety-card>svg{flex:none}.safety-card strong{font-size:12px;display:block}.safety-card p{color:#9a3412;margin:5px 0;font-size:10px;line-height:1.5}.safety-card a{font-size:10px;font-weight:900;text-decoration:underline}.editorial-card{grid-template-columns:1.3fr .7fr;min-height:190px;display:grid}.editorial-copy{padding:28px}.editorial-copy h2{letter-spacing:-.04em;margin:8px 0 10px;font-size:21px}.editorial-copy p{color:#64748b;margin:0;font-size:12px;line-height:1.7}.editorial-copy a{color:var(--violet);align-items:center;gap:6px;margin-top:15px;font-size:11px;font-weight:900;display:inline-flex}.editorial-visual{color:#fff;background:#111827;justify-content:center;align-items:center;gap:7px;min-height:190px;display:flex;position:relative;overflow:hidden}.editorial-visual:before{content:"";filter:blur(2px);background:#7c3aed52;border-radius:50%;width:180px;height:180px;position:absolute}.editorial-visual>span{z-index:1;background:#ffffff17;border:1px solid #ffffff38;border-radius:12px;place-items:center;width:44px;height:54px;font-size:22px;font-weight:900;display:grid;transform:rotate(-4deg)}.editorial-visual>span:nth-child(2){transform:translateY(-10px)rotate(3deg)}.editorial-visual>span:nth-child(3){transform:rotate(7deg)}.editorial-visual>div{z-index:1;letter-spacing:.15em;color:#c4b5fd;font-size:9px;font-weight:800;position:absolute;bottom:19px}.footer{color:#cbd5e1;background:#0f172a;border-top:1px solid #1e293b}.footer-inner{grid-template-columns:1fr auto;gap:18px 30px;width:min(1180px,100% - 40px);margin:0 auto;padding:34px 0 92px;display:grid}.footer-brand{color:#fff;align-items:center;gap:9px;font-weight:900;display:inline-flex}.footer-brand span{border-radius:8px;width:29px;height:29px;font-size:10px}.footer-inner>div>p{color:#94a3b8;max-width:540px;margin:10px 0 0;font-size:11px;line-height:1.6}.footer nav{flex-wrap:wrap;justify-content:flex-end;gap:9px 16px;max-width:420px;font-size:11px;display:flex}.footer nav a:hover{color:#fff;text-decoration:underline}.reset-data-button{color:#94a3b8;background:0 0;border:1px solid #334155;border-radius:9px;justify-self:start;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:inline-flex}.reset-data-button:hover:not(:disabled){color:#fff;border-color:#64748b}.copyright{color:#64748b;place-self:center end;margin:0;font-size:10px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.nickname-modal{text-align:center;background:#fff;border-radius:20px;width:min(420px,100%);padding:30px;position:relative;box-shadow:0 25px 80px #0f172a40}.modal-close{color:#64748b;background:#f1f5f9;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:14px}.modal-icon{background:var(--violet-soft);width:46px;height:46px;color:var(--violet);border-radius:14px;place-items:center;margin:0 auto;display:grid}.nickname-modal h2{margin:14px 0 8px;font-size:21px}.nickname-modal p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.nickname-modal form{gap:8px;margin-top:20px;display:flex}.nickname-modal input{border:1px solid #cbd5e1;border-radius:10px;flex:1;min-width:0;height:44px;padding:0 12px}.nickname-modal form button{background:var(--violet);color:#fff;border:0;border-radius:10px;width:76px;font-weight:900}.toast{z-index:100;color:#fff;background:#064e3b;border-radius:12px;align-items:center;gap:9px;max-width:min(440px,100% - 32px);padding:12px 15px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0f172a38}.toast.error{background:#991b1b}.toast button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}.content-shell{background:#f8fafc;min-height:100dvh}.content-header{border-bottom:1px solid var(--line);background:#fff}.content-header-inner,.content-hero-inner,.content-grid{width:min(1080px,100% - 40px);margin:0 auto}.content-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.content-nav{flex-wrap:wrap;gap:7px;width:100%;display:flex}.content-nav a{color:#475569;background:#f1f5f9;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.content-nav a.active{background:var(--ink);color:#fff}.content-hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f5f3ff)}.content-hero-inner{padding:58px 0}.content-eyebrow{color:var(--violet);letter-spacing:.16em;font-size:11px;font-weight:950}.content-hero h1{letter-spacing:-.055em;max-width:820px;margin:13px 0;font-size:clamp(34px,7vw,50px)}.content-hero p{color:#64748b;max-width:760px;margin:0;font-size:16px;line-height:1.8}.content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:28px;padding:42px 0 64px;display:grid}.content-article{gap:20px;display:grid}.content-section,.content-aside{border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px;box-shadow:0 10px 30px #0f172a0a}.content-section h2{letter-spacing:-.035em;margin:0 0 13px;font-size:22px}.content-section h3{margin:22px 0 8px;font-size:16px}.content-section p,.content-section li{color:#475569;line-height:1.8}.content-section ul,.content-section ol{padding-left:22px}.content-section a{color:var(--violet);text-underline-offset:3px;font-weight:800;text-decoration:underline}.callout{color:#4c1d95;background:#faf5ff;border:1px solid #ddd6fe;border-radius:13px;padding:17px}.callout.amber{color:#92400e;background:#fffbeb;border-color:#fde68a}.callout strong{margin-bottom:5px;display:block}.callout p{color:inherit;margin:0}.content-aside{align-self:start;position:sticky;top:88px}.content-aside h2{margin:0 0 8px;font-size:14px}.content-aside p{color:#64748b;margin:0 0 12px;font-size:12px;line-height:1.6}.content-aside a{color:#475569;border-radius:8px;justify-content:space-between;padding:9px 8px;font-size:12px;font-weight:750;display:flex}.content-aside a:hover{color:var(--violet);background:#f5f3ff}.content-aside .primary-link{background:var(--violet);color:#fff;justify-content:center;margin-top:12px}@media (width<=960px){.game-layout{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.safety-card{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.content-aside{position:static}}@media (width<=680px){.topbar-inner,.main-wrap,.footer-inner,.content-header-inner,.content-hero-inner,.content-grid{width:min(100% - 24px,1180px)}.topbar-inner{gap:10px;height:60px}.brand-word{font-size:18px}.brand-mark{width:34px;height:34px}.desktop-nav,.rank-jump{display:none}.connection-badge{padding:0 8px}.main-wrap{padding-top:12px;padding-bottom:82px}.welcome-strip{flex-wrap:wrap;align-items:flex-start;padding:12px}.welcome-strip>div{align-items:flex-start;width:100%}.welcome-strip>a{margin-left:0}.age-chip{margin-left:auto}.quiz-topline{padding:14px 15px 12px}.quiz-stage{padding:31px 16px 27px}.consonants{font-size:clamp(44px,15vw,68px)}.player-strip{grid-template-columns:1fr 1fr;gap:11px;padding:13px 15px}.player-identity{grid-column:1/-1}.score-box{border:1px solid var(--line);text-align:left;border-radius:10px;padding:9px 12px}.section-heading{padding-inline:15px}.chat-heading>p{display:none}.chat-feed{height:300px;padding-inline:12px}.report-button{opacity:1}.answer-form{padding-inline:12px}.answer-form button{width:48px}.answer-form button span{display:none}.character-count{right:73px}.input-note{padding-inline:12px}.side-column{grid-template-columns:1fr}.safety-card{grid-column:auto}.editorial-card{grid-template-columns:1fr}.editorial-visual{min-height:160px}.footer-inner{grid-template-columns:1fr;padding-bottom:100px}.footer nav{justify-content:flex-start}.copyright{justify-self:start}.mobile-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172af0;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:repeat(3,1fr);height:61px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 12px 35px #0f172a47}.mobile-nav a{color:#cbd5e1;place-content:center;justify-items:center;gap:4px;font-size:9px;font-weight:800;display:grid}.mobile-nav a:hover{color:#fff}.toast{bottom:82px}.content-hero-inner{padding:42px 0}.content-grid{padding:24px 0 48px}.content-section,.content-aside{padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.quiz-mode-tabs{gap:8px;margin:0 0 18px;display:flex}.quiz-mode-tabs a{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:11px 18px;font-weight:750;text-decoration:none;display:inline-flex}.quiz-mode-tabs a.active{color:#fff;background:#111827;border-color:#111827}.japanese-prompt{letter-spacing:-.03em;word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(30px,5vw,52px)}.pronunciation-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:-6px 0 17px;display:flex}.pronunciation-button{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:900;display:inline-flex}.pronunciation-button:hover{background:#ccfbf1;border-color:#2dd4bf}.pronunciation-button:focus-visible{outline-offset:2px;outline:3px solid #14b8a647}.pronunciation-button.speaking{color:#fff;background:#0f766e;border-color:#0f766e}.pronunciation-row>span{color:#64748b;font-size:11px;font-weight:700}.bonus-notice{color:#7c3aed;margin:12px 0 0;font-size:13px;font-weight:700}.previous-solution{color:#334155;background:#f1f5f9;border-radius:10px;margin:16px 0 0;padding:10px 12px;font-size:13px}.previous-solution strong{color:#64748b;margin-right:8px}@media (width<=640px){.quiz-mode-tabs a{flex:1;padding:11px 8px}.welcome-strip p{line-height:1.7}}.language-toggle{color:#5b21b6;min-height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:750;display:inline-flex}.language-toggle:hover{background:#ede9fe}.language-toggle:focus-visible{outline-offset:2px;outline:3px solid #a78bfa}.study-shell{background:radial-gradient(circle at 12% 0,#ede9fe 0,#0000 31rem),#f8fafc;min-height:100dvh}.study-brand-label{color:#64748b;margin-top:1px;font-size:10px;font-weight:800;line-height:1.1;display:block}.study-beta{color:#6d28d9;letter-spacing:.06em;background:#faf5ff;border:1px solid #ddd6fe;border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-size:10px;font-weight:900;display:inline-flex}.study-main,.writing-main{width:min(1080px,100% - 40px);margin:0 auto}.study-main{padding:58px 0 66px}.study-hero{max-width:760px}.study-eyebrow{color:#6d28d9;letter-spacing:.11em;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.study-hero h1,.writing-intro h1{letter-spacing:-.065em;margin:16px 0 15px;font-size:clamp(37px,6vw,64px);line-height:1.06}.study-hero>p,.writing-intro>p{color:#475569;max-width:670px;margin:0;font-size:16px;line-height:1.75}.study-path{color:#94a3b8;flex-wrap:wrap;gap:10px 26px;margin:31px 0 0;padding:0;font-size:12px;font-weight:800;list-style:none;display:flex}.study-path li{align-items:center;gap:8px;display:flex}.study-path li:not(:last-child):after{content:"";background:#cbd5e1;width:18px;height:1px;margin-left:8px}.study-path span{color:#64748b;background:#e2e8f0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.study-path li.active{color:#4c1d95}.study-path li.active span{color:#fff;background:#6d28d9;box-shadow:0 5px 12px #6d28d93d}.study-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:47px;display:grid}.study-choice-card{background:#ffffffe6;border:1px solid #dbe3ee;border-radius:22px;flex-direction:column;min-height:374px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 46px #0f172a14}.study-choice-card:after{content:"";background:#f3e8ff;border-radius:50%;width:205px;height:205px;position:absolute;bottom:-74px;right:-54px}.study-choice-card.featured{background:linear-gradient(140deg,#fff 25%,#faf5ff);border-color:#c4b5fd}.study-choice-card.featured:after{background:#ddd6fe}.study-choice-card>*{z-index:1;position:relative}.study-card-badge{color:#5b21b6;background:#ede9fe;border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.study-card-badge.quiet{color:#475569;background:#f1f5f9}.study-card-icon{color:#fff;background:#6d28d9;border-radius:16px;place-items:center;width:54px;height:54px;margin-top:23px;display:grid;box-shadow:0 10px 20px #6d28d93d}.study-choice-card.writing .study-card-icon{background:#0f766e;box-shadow:0 10px 20px #0f766e30}.study-card-direction{color:#64748b;letter-spacing:.04em;margin:20px 0 0;font-size:12px;font-weight:900}.study-card-direction span{color:#a78bfa;margin:0 5px}.study-choice-card h2{letter-spacing:-.045em;margin:8px 0 9px;font-size:25px}.study-choice-card>p:not(.study-card-direction){color:#64748b;max-width:420px;margin:0;font-size:13px;line-height:1.68}.study-card-meta{color:#64748b;align-items:center;gap:6px;margin-top:auto;padding-top:22px;font-size:11px;font-weight:750;display:inline-flex}.study-card-action{color:#fff;background:#6d28d9;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:44px;margin-top:14px;font-size:13px;font-weight:900;transition:transform .15s,background .15s;display:inline-flex}.study-card-action:hover{background:#5b21b6;transform:translateY(-1px)}.study-card-action.secondary{background:#0f766e}.study-card-action.secondary:hover{background:#115e59}.study-principles{border-top:1px solid #dbe3ee;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;padding-top:22px;display:grid}.study-principles article{padding:8px 14px 8px 0}.study-principles span{color:#8b5cf6;letter-spacing:.1em;font-size:10px;font-weight:950}.study-principles h2{letter-spacing:-.03em;margin:8px 0 7px;font-size:15px}.study-principles p{color:#64748b;margin:0;font-size:12px;line-height:1.65}.study-footer{background:#ffffff9e;border-top:1px solid #dbe3ee}.study-footer p{color:#64748b;width:min(1080px,100% - 40px);margin:0 auto;padding:21px 0 34px;font-size:12px;line-height:1.6}.study-back{color:#64748b;align-items:center;gap:6px;margin-top:28px;font-size:12px;font-weight:800;display:inline-flex}.study-back:hover{color:#6d28d9}.writing-main{padding-bottom:72px}.writing-intro{max-width:790px;padding:42px 0 38px;position:relative}.writing-intro h1{max-width:750px;font-size:clamp(34px,5.5vw,56px)}.writing-beta{color:#92400e;background:#fef3c7;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;position:absolute;top:44px;right:0}.writing-grid{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:20px;display:grid}.writing-card,.writing-aside section{background:#fff;border:1px solid #dbe3ee;border-radius:21px;box-shadow:0 16px 40px #0f172a0f}.writing-card{padding:27px;overflow:hidden}.writing-progress{color:#64748b;align-items:center;gap:13px;font-size:11px;font-weight:850;display:flex}.writing-progress>div{background:#e2e8f0;border-radius:999px;flex:1;height:6px;overflow:hidden}.writing-progress i{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#14b8a6);height:100%;transition:width .25s;display:block}.writing-question{text-align:center;padding:49px 0 30px}.writing-question span{color:#0f766e;letter-spacing:.09em;font-size:11px;font-weight:900}.writing-question h2{letter-spacing:-.06em;margin:13px 0 0;font-size:clamp(43px,8vw,66px);line-height:1.1}.reading-trigger{color:#475569;background:#f1f5f9;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:12px;font-weight:800;display:inline-flex}.reading-trigger:hover{background:#e2e8f0}.reading-hint{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.reading-hint span{color:#64748b;font-size:10px;font-weight:800;display:block}.reading-hint strong{letter-spacing:.04em;margin-top:2px;font-size:17px;display:block}.writing-form{margin-top:25px}.writing-form label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.writing-form>div{gap:9px;display:flex}.writing-form input{border:1px solid #cbd5e1;border-radius:12px;flex:1;min-width:0;height:52px;padding:0 15px;font-size:17px}.writing-form input:focus{border-color:#0f766e;outline:0;box-shadow:0 0 0 3px #14b8a621}.writing-form button,.next-question{color:#fff;background:#0f766e;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:52px;padding:0 16px;font-size:12px;font-weight:900;display:inline-flex}.writing-form button:hover:not(:disabled),.next-question:hover{background:#115e59}.writing-result{border-radius:12px;align-items:flex-start;gap:8px;margin-top:13px;padding:12px 13px;font-size:12px;font-weight:750;line-height:1.55;display:flex}.writing-result p{margin:0}.writing-result.correct{color:#047857;background:#ecfdf5}.writing-result.incorrect{color:#9a3412;background:#fff7ed}.writing-answer{background:#faf5ff;border:1px solid #ddd6fe;border-radius:12px;align-items:baseline;gap:10px;margin-top:13px;padding:12px 13px;display:flex}.writing-answer span{color:#6d28d9;font-size:11px;font-weight:900}.writing-answer strong{font-size:20px}.writing-actions{flex-wrap:wrap;gap:8px;margin-top:19px;display:flex}.writing-actions>button:not(.next-question){color:#64748b;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 10px;font-size:11px;font-weight:850;display:inline-flex}.writing-actions>button:not(.next-question):hover{color:#334155;background:#f1f5f9}.writing-actions .next-question{min-height:38px;margin-left:auto}.writing-aside{gap:13px;display:grid}.writing-aside section{padding:20px}.writing-aside section>svg{color:#0f766e}.writing-aside h2{letter-spacing:-.03em;margin:13px 0 7px;font-size:15px}.writing-aside p{color:#64748b;margin:0;font-size:12px;line-height:1.65}.writing-aside .writing-note{background:#faf5ff;border-color:#ddd6fe;gap:10px;display:flex}.writing-note>svg{color:#7c3aed;flex:none}.writing-note p{color:#5b21b6;font-size:11px}.study-mode-tabs{gap:7px}@media (width<=760px){.study-main,.writing-main{width:min(100% - 24px,1080px)}.study-main{padding:36px 0 48px}.study-hero h1,.writing-intro h1{font-size:clamp(34px,11vw,48px)}.study-hero>p,.writing-intro>p{font-size:14px}.study-path{gap:8px;font-size:10px}.study-path li:not(:last-child):after{width:9px;margin-left:1px}.study-choice-grid,.writing-grid{grid-template-columns:1fr}.study-choice-grid{margin-top:34px}.study-choice-card{min-height:345px;padding:24px}.study-principles{grid-template-columns:1fr;gap:8px}.study-principles article{padding-right:0}.study-footer p{width:min(100% - 24px,1080px)}.writing-main{padding-bottom:44px}.writing-intro{padding:33px 0 29px}.writing-beta{margin-top:14px;display:inline-block;position:static}.writing-card{padding:19px}.writing-question{padding:42px 0 25px}.writing-question h2{font-size:clamp(39px,14vw,58px)}.writing-form>div{flex-direction:column;align-items:stretch}.writing-form button{min-height:46px}.writing-actions .next-question{margin-left:0}.study-mode-tabs{padding-bottom:2px;overflow-x:auto}.study-mode-tabs a{white-space:nowrap;flex:none}}