:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;background-color:#f7f4ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-image:radial-gradient(#d8ccba 1px,#0000 1px);background-size:24px 24px;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:0}.topbar{-webkit-backdrop-filter:blur(12px);z-index:5;background:#f7f4edbf;border-bottom:1px solid #ded7c999;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{object-fit:contain;border-radius:8px;width:42px;height:42px;display:block}.brand strong,.brand small{display:block}.brand small{color:#6f756f;margin-top:2px;font-size:12px}nav{gap:6px;display:flex}nav a,.nav-dropbtn{color:#4f5b53;border-radius:8px;padding:10px 12px;font-weight:700}nav a:hover{color:#fff;background:#17201b}.nav-dropdown{display:inline-block;position:relative}.nav-dropbtn{background:0 0;align-items:center;gap:4px;display:flex}.nav-dropdown:hover .nav-dropbtn{color:#fff;background:#17201b}.nav-dropdown-content{z-index:20;background-color:#fff;border:1px solid #ded7c9;border-radius:12px;flex-direction:column;gap:2px;min-width:170px;padding:8px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 32px #372d1e1f}.nav-dropdown:hover .nav-dropdown-content{display:flex}.nav-dropdown-content a{color:#505b55;border-radius:8px;padding:10px 14px;font-weight:600}.nav-dropdown-content a:hover{color:#c4372b;background-color:#f7f4ed}main{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,56px) 56px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);align-items:center;gap:32px;min-height:520px;padding:64px 0 42px;display:grid;position:relative}.bg-kanji{color:#d83f310a;z-index:-1;pointer-events:none;user-select:none;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:clamp(120px,20vw,280px);font-weight:900;position:absolute;top:-20px;left:-40px}.hero-visual{flex-direction:column;justify-content:flex-end;align-items:center;gap:16px;height:100%;display:flex;position:relative}.hero-image{border-radius:16px;width:100%;max-width:440px;transition:transform .4s;transform:rotate(2deg);box-shadow:0 24px 48px #0000001f}.hero-image:hover{transform:rotate(0)scale(1.02)}.hero-image.cutout{max-width:650px;box-shadow:none;mix-blend-mode:multiply;border-radius:0;transform:none}.hero-image.cutout:hover{transform:scale(1.02)}.hero-image.line-art{max-width:380px;box-shadow:none;mix-blend-mode:multiply;border-radius:0}.study-panel.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #fff6;width:100%}.hero-copy h1,.page-title h1{letter-spacing:0;max-width:760px;margin:14px 0 20px;font-size:clamp(42px,7vw,86px);line-height:.95}.hero-copy p,.page-title p{color:#505b55;max-width:650px;font-size:19px;line-height:1.65}.eyebrow-icon{object-fit:contain;width:18px;height:18px;display:block}.eyebrow,.section-kicker,.panel-label{color:#c4372b;letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.level-picker{-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #ded7c9cc;border-radius:999px;gap:6px;margin-top:24px;padding:8px;display:inline-flex;box-shadow:inset 0 2px 4px #00000008}.level-picker button{color:#4f5b53;background:0 0;border-radius:999px;padding:12px 28px;font-size:16px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1)}.level-picker button:not(.active):hover{color:#17201b;background:#ffffffe6;transform:translateY(-1px)}.level-picker button.active{color:#fff;background:#d83f31;transform:translateY(-2px);box-shadow:0 6px 16px #d83f3140}.study-panel,.practice-card,.word-card,.flash-card,.exam-panel,.word-detail aside{background:#fff;border:1px solid #ded7c9;border-radius:12px;transition:transform .3s,box-shadow .3s;box-shadow:0 18px 44px #372d1e14}.word-card:hover,.practice-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px #372d1e1f}.study-panel{padding:24px}.study-panel strong{margin-top:6px;font-size:30px;display:block}.stat-grid{gap:10px;margin-top:22px;display:grid}.stat-grid span,.search-box,.queue span{color:#505b55;background:#f7f4ed;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.section-head{justify-content:space-between;align-items:end;margin:28px 0 18px;display:flex}.section-head h2{margin:8px 0 0;font-size:clamp(28px,4vw,44px)}.text-link,.card-link,.button-link{color:#c4372b;align-items:center;gap:8px;font-weight:800;display:inline-flex}.word-card .card-link{justify-content:flex-end;width:100%;margin-top:8px;display:flex}.word-grid,.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.word-card,.practice-card{padding:22px}.word-topline{color:#727b75;justify-content:space-between;font-size:13px;font-weight:800;display:flex}.word-card h3{margin:20px 0 4px;font-size:42px}.word-card.skeleton{gap:14px;min-height:200px;display:grid}.skeleton-line{background:#e6ddd0;border-radius:6px;width:100%;height:16px}.skeleton-line.short{width:45%;height:42px}.skeleton-line.long{width:70%;margin-top:12px}body.dark-theme .skeleton-line{background:#2a2a2a}.reading,.kana{color:#69736d;margin-top:0}.example{border-left:3px solid #d83f31;margin:22px 0;padding-left:14px}.example strong,.example span{display:block}.example span{color:#69736d;margin-top:6px}.practice-grid{margin-top:42px}.sprite-icon{mix-blend-mode:multiply;background-image:url(/contactsheet.webp);background-repeat:no-repeat;background-size:300% 300%;border-radius:12px;width:72px;height:72px;margin-bottom:12px}.icon-flashcard{background-position:0 0}.icon-exam{background-position:50% 0}.icon-vocab{background-position:100% 0}.icon-timer{background-position:0%}.icon-grad{background-position:50%}.icon-brain{background-position:100%}.icon-calendar{background-position:0 100%}.icon-search{background-position:50% 100%}.icon-trophy{background-position:100% 100%}.sheet-2{background-image:url(/contactsheet2.webp)}.icon-core{background-position:0 0}.icon-puzzle{background-position:50% 0}.icon-chat{background-position:100% 0}.icon-scale{background-position:0%}.icon-warning{background-position:50%}.icon-radar{background-position:100%}.icon-magnet{background-position:0 100%}.icon-notes{background-position:50% 100%}.icon-gears{background-position:100% 100%}.sprite-icon.bg-sprite{opacity:.15;z-index:0;pointer-events:none;width:140px;height:140px;margin:0;position:absolute;top:-20px;right:-20px}.practice-card h3{margin-bottom:8px}.practice-card p{color:#5c665f;line-height:1.55}.button-link{color:#fff;background:#17201b;border-radius:8px;justify-content:center;margin-top:10px;padding:12px 14px}.page{padding-top:34px}.breadcrumb{color:#6b746e;margin-bottom:34px;font-size:14px}.breadcrumb a{color:#c4372b;font-weight:800}.search-box{margin:24px 0}.list-table{background:#fff;border:1px solid #ded7c9;border-radius:8px;overflow:hidden}.list-row{border-bottom:1px solid #eee6d8;grid-template-columns:1fr 1fr 2fr auto;align-items:center;gap:16px;padding:18px;display:grid}.list-row:last-child{border-bottom:0}.list-row:hover{background:#fbfaf6}.jp{font-size:26px;font-weight:800}.drill-layout,.exam-panel{grid-template-columns:1fr 320px;gap:20px;margin-top:28px;display:grid}.flash-card{min-height:360px;padding:34px}.flash-card h2{margin:28px 0 0;font-size:clamp(70px,14vw,150px)}.flash-card button,.answers button{color:#fff;background:#d83f31;border-radius:8px;margin-top:24px;padding:14px 18px;font-weight:800}.queue{gap:10px;display:grid}.exam-panel{padding:28px}.exam-panel aside{color:#d83f31;background:#fce8e6;border-radius:12px;place-items:center;padding:24px;display:grid}.exam-panel aside strong{font-size:44px}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answers button{color:#17201b;text-align:left;cursor:pointer;background:#fff;border:1px solid #ded7c9;margin:0}.answers button,.options button{transition:background-color .4s,border-color .4s,color .4s,transform .2s}.answers button:disabled,.options button:disabled{cursor:default}.answers button.correct,.options button.correct{color:#1e7e34;background:#e6f4ea;border-color:#34a853}.answers button.incorrect,.options button.incorrect{color:#a02419;background:#fce8e6;border-color:#d83f31}.answers button.selected,.options button.selected{color:#17201b;background:#f7f4ed;border-color:#17201b;transform:scale(1.01)}.options button{justify-content:space-between;align-items:center;gap:8px;display:flex}.answer-icon{flex-shrink:0;animation:.3s cubic-bezier(.16,1,.3,1) answer-icon-in}@keyframes answer-icon-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.exam-time-low{color:#d83f31!important;background:#fce8e6!important}.exam-result{background:#fff;border:1px solid #ded7c9;border-radius:12px;place-items:center;gap:10px;margin-top:28px;padding:48px;display:grid}.exam-result strong{font-size:56px}.exam-result button{align-items:center;gap:8px;margin-top:12px;display:inline-flex}.exam-review{gap:10px;margin-top:24px;display:grid}.exam-review-row{background:#fff;border:1px solid #ded7c9;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.exam-review-row .jp-serif{min-width:90px;font-size:22px;font-weight:800}.exam-review-row .correct{color:#1e7e34;font-weight:700}.exam-review-row .incorrect{color:#a02419;font-weight:700}.drill-progress{color:#6b746e;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;display:flex}.flip-card{cursor:pointer;perspective:1200px}.flip-card-inner{height:100%;min-height:360px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-face{backface-visibility:hidden;text-align:center;flex-direction:column;justify-content:center;height:100%;padding:34px;display:flex;position:absolute;inset:0}.flip-card-front h2{margin:20px 0 8px;font-size:clamp(60px,12vw,130px)}.flip-card-back{transform:rotateY(180deg)}.flip-card-back h3{margin:4px 0 18px;font-size:30px}.flip-card-back .example{text-align:left}.drill-controls{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.drill-controls button{border-radius:8px;padding:12px 16px;font-weight:800}.drill-good{color:#fff;background:#34a853;border:none}.drill-bad{color:#fff;background:#d83f31;border:none}.restart-link{align-items:center;gap:6px;margin-top:18px;display:inline-flex}.queue-item{color:#505b55;cursor:pointer;font:inherit;text-align:left;background:#f7f4ed;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px;display:flex}.queue-item.active{color:#17201b;border-color:#d83f31}.queue-item.known{color:#1e7e34}.queue-check{font-weight:800}.word-study{max-width:1240px}.study-hero,.study-section,.tab-list{background:#fff;border:1px solid #e8e3d8;border-radius:20px;box-shadow:0 12px 34px #372d1e0d}.sentence-card,.mini-card,.quiz-prompt,.mistake{background:#fcfbf9;border:1px solid #e8e3d8;border-radius:16px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #372d1e05}.sentence-card:hover,.mini-card:hover{border-color:#d83f31;transform:translateY(-2px);box-shadow:0 8px 24px #d83f3114}.study-hero{background:radial-gradient(circle at 0 0,#d83f3140 0%,#0000 60%),radial-gradient(circle at 100% 100%,#1e429f40 0%,#0000 60%),radial-gradient(circle,#ffeb9966 0%,#0000 60%),#f8f6f0;border-radius:24px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 12px 48px #0000000d}.study-hero-grid{z-index:2;-webkit-backdrop-filter:blur(24px);background:#fff6;border:1px solid #fff9;border-radius:24px;grid-template-columns:minmax(0,1fr) 230px;gap:20px;padding:clamp(22px,4vw,34px);display:grid;position:relative}.word-page-bg-kanji{opacity:.06;z-index:1;color:#d83f31;font-size:300px;top:-40px;bottom:auto;right:-10px}.study-hero h1{letter-spacing:0;margin:8px 0 18px;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:clamp(64px,11vw,128px);line-height:.95}.study-chips,.study-tools,.tags,.options,.srs,.sentence-head{flex-wrap:wrap;gap:9px;display:flex}.study-chips span,.tags span{color:#69736d;background:#fbfaf6;border:1px solid #ded7c9;border-radius:999px;padding:8px 14px;font-size:14px}.tag{color:#1e429f;text-transform:uppercase;background:#e1effe;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.study-chips strong{color:#17201b}.study-tools{align-items:center;margin-top:18px}.study-tools.spaced{margin-top:12px}.audio-button,.study-tools button,.sentence-head button,.outline-button,.options button,.srs button{border-radius:8px;padding:10px 12px;font-weight:800}.audio-button,.study-tools button{color:#fff;background:#d83f31}.audio-button.secondary,.study-tools button.secondary,.sentence-head button,.outline-button,.options button,.srs button{color:#17201b;background:#fff;border:1px solid #ded7c9}.mini-pitch{background:#fbfaf6;border:1px solid #ded7c9;border-radius:8px;align-items:center;gap:4px;min-height:44px;padding:7px 10px;display:flex}.mini-pitch span{color:#17201b;place-items:center;gap:3px;font-size:12px;font-weight:800;display:grid}.mini-pitch span:before,.mini-pitch span:after{content:"";background:0 0;border-radius:999px;width:18px;height:3px;display:block}.mini-pitch span:not(.low):before{background:#d83f31}.mini-pitch span.low:after{background:#a5afa8}.mini-pitch strong{color:#69736d;text-transform:uppercase;margin-left:6px;font-size:11px}.level-card{color:#1e429f;background:#e1effe;border-radius:16px;align-self:start;padding:24px;position:relative;overflow:hidden}.level-card>:not(.bg-sprite){z-index:1;position:relative}.level-card span{color:#3a5b99;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.level-card strong{margin:8px 0;font-size:38px;line-height:1;display:block}.progress-bar{background:#e6ddd0;border-radius:999px;height:9px;margin-top:12px;overflow:hidden}.progress-bar span{border-radius:inherit;background:#d83f31;width:0;height:100%;animation:1s cubic-bezier(.2,.8,.2,1) forwards fill-bar;display:block}@keyframes fill-bar{0%{width:0}to{width:var(--target-width)}}.progress-bar.spacious{margin:12px 0}.study-tabs{margin-top:18px}.study-tabs input[type=radio]{opacity:0;pointer-events:none;position:absolute}.tab-list{gap:8px;padding:8px;display:flex;overflow-x:auto}.tab-list label{color:#69736d;cursor:pointer;text-align:center;border-radius:8px;flex:1;min-width:150px;padding:12px 14px;font-weight:800}#tab-learn:checked~.tab-list label[for=tab-learn],#tab-practice:checked~.tab-list label[for=tab-practice]{color:#fff;background:#d83f31}.tab-panel{margin-top:16px;display:none}#tab-learn:checked~.tab-panels #learn-panel,#tab-practice:checked~.tab-panels #practice-panel{display:block}.tab-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.study-stack{gap:16px;display:grid}.study-stack.tight{gap:10px}.study-section{padding:22px;position:relative;overflow:hidden}.study-section>:not(.bg-sprite){z-index:1;position:relative}.section-kicker{margin:0 0 14px}.muted-copy{color:#69736d;line-height:1.55}.breakdown-card{background:#fff6df;border-radius:16px;padding:24px}.sentence-line{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.phrase{border-radius:8px;padding:4px 8px;font-size:22px;font-weight:800}.object{color:#1e429f;background:#e1effe}.particle,.reading-part{color:#d83f31;background:#fce8e6}.target{color:#b47b00;background:#fff6df}.meaning-part{color:#c2185b;background:#fce4ec}.breakdown-tone-0{color:#1e429f;background:#e1effe;border-color:#b9d4f5}.breakdown-tone-1{color:#d83f31;background:#fce8e6;border-color:#f4c7c1}.breakdown-tone-2{color:#397b28;background:#eef8e9;border-color:#cce5bd}.breakdown-tone-3{color:#9c6500;background:#fff2d9;border-color:#f0d59b}.breakdown-tone-4{color:#7445a7;background:#f3eafd;border-color:#d9c4f0}.breakdown-tone-5{color:#08756f;background:#e6f7f5;border-color:#b8e3df}.breakdown-card hr{border:0;border-top:1px solid #17201b24;margin:18px 0}.mini-grid,.grid-2,.grid-3{gap:12px;display:grid}.mini-grid,.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.compact{gap:12px}.mini-part,.sentence-card,.mini-card,.quiz-prompt,.mistake{padding:14px}.mini-part{border:1px solid #ded7c9;border-radius:8px}.mini-part span,.sentence-card span{display:block}.noun-profile-grid,.noun-pattern-grid{gap:12px;display:grid}.noun-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-detail-wide{grid-column:span 2}.noun-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-contrast-grid{margin-top:12px}.noun-guidance{border:1px solid #ded7c9;border-radius:12px;padding:14px}.noun-pattern-card strong,.noun-pattern-label{display:block}.noun-pattern-card strong{margin-top:5px;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;font-size:18px}.noun-pattern-label{color:#176b54;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:800}.noun-guidance.good{background:#ebf8ef;border-color:#bce6c7}.noun-guidance.caution{background:#fff8e8;border-color:#f1d895}.noun-guidance ul{color:#69736d;margin:8px 0 0;padding-left:20px;font-size:14px}.noun-guidance li+li{margin-top:5px}.noun-note-list{border-top:1px solid #17201b24;margin-top:16px;padding-top:4px}.noun-note-list .muted-copy{align-items:flex-start;gap:8px;margin:12px 0;display:flex}.noun-note-list .muted-copy:before{content:"";background:url(/icon.webp) 50%/contain no-repeat;flex:0 0 16px;height:16px;margin-top:3px}.jp-line{margin:8px 0 6px;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;font-size:23px;font-weight:800}.jp-line.small{font-size:19px}.sentence-head{justify-content:space-between;align-items:center}.mini-card h3,.quiz-prompt h3{margin:10px 0 4px}.mistake.bad{background:#fff0ee;border-color:#ffc9c2}.mistake.good{background:#ebf8ef;border-color:#bce6c7}.conjugation-grid{gap:12px;display:grid}.conjugation-card{gap:8px;display:grid}.conj-form{color:#176b54;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:800}.conj-jp{color:#d83f31;font-size:20px;font-weight:800}.conj-use{color:#69736d;font-size:14px}.ai-tutor-box{backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#fff6);border:1px solid #ffffff80;border-radius:16px;gap:16px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 32px #17201b0d}.ai-tutor-box:before{content:"";background:linear-gradient(90deg,#d83f31,#1e429f,#d83f31) 0 0/200% 100%;height:4px;animation:3s linear infinite gradient-shift;position:absolute;top:0;left:0;right:0}@keyframes gradient-shift{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.study-section.fade-in-up{opacity:0;animation:.5s cubic-bezier(.2,.8,.2,1) forwards fade-in-up}.study-section:first-child{animation-delay:50ms}.study-section:nth-child(2){animation-delay:.1s}.study-section:nth-child(3){animation-delay:.15s}.study-section:nth-child(4){animation-delay:.2s}textarea{color:#17201b;resize:vertical;border:1px solid #ded7c9;border-radius:8px;width:100%;min-height:112px;padding:11px}details{background:#fff;border:1px solid #ded7c9;border-radius:8px;overflow:hidden}details summary{cursor:pointer;padding:13px 14px;font-weight:800}details div{color:#69736d;border-top:1px solid #ded7c9;padding:13px 14px}.options{margin-top:10px}.options button{text-align:left}footer{color:#69736d;border-top:1px solid #ded7c9;justify-content:space-between;gap:16px;padding:28px clamp(18px,4vw,56px);display:flex}.footer-brand{align-items:center;gap:8px;display:inline-flex}.footer-brand img{object-fit:contain;width:18px;height:18px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.badge-level{color:#9b1c1c;background:#fde8e8}.badge-type{color:#1e429f;background:#e1effe}.jp-serif{font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-weight:800}.word-card,.practice-card{z-index:1;position:relative;overflow:hidden}.word-card>*,.practice-card>*{z-index:2;position:relative}.card-bg-kanji{text-align:right;color:#17201b;opacity:.03;z-index:0;pointer-events:none;user-select:none;transform-origin:100% 100%;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:160px;font-weight:900;line-height:1;position:absolute;bottom:25px;left:auto;right:-15px;transform:rotate(-10deg)}.stretched-link{position:static!important}.stretched-link:after{z-index:5;content:"";position:absolute;inset:0}.word-card:after,.practice-card:after{content:"";transform-origin:0;z-index:3;background:#d83f31;width:100%;height:4px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.word-card:hover:after,.practice-card:hover:after{transform:scaleX(1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.word-card,.practice-card{animation:.6s cubic-bezier(.16,1,.3,1) backwards fadeInUp}.word-grid .word-card:first-child{animation-delay:.1s}.word-grid .word-card:nth-child(2){animation-delay:.2s}.word-grid .word-card:nth-child(3){animation-delay:.3s}.practice-grid .practice-card:first-child{animation-delay:.2s}.practice-grid .practice-card:nth-child(2){animation-delay:.3s}.practice-grid .practice-card:nth-child(3){animation-delay:.4s}.theme-toggle{background:0 0;border-radius:8px;padding:8px;font-size:16px}.theme-toggle:hover{background:#0000000d}body.dark-theme{color:#e0e0e0;background-color:#121212;background-image:radial-gradient(#2a2a2a 1px,#0000 1px)}body.dark-theme .topbar,body.dark-theme .word-card,body.dark-theme .practice-card,body.dark-theme .study-panel,body.dark-theme .level-card,body.dark-theme .sentence-card,body.dark-theme .study-hero,body.dark-theme .study-section,body.dark-theme .tab-list,body.dark-theme .mini-card,body.dark-theme .quiz-prompt,body.dark-theme .mistake{background:#1e1e1e;border-color:#333}body.dark-theme .study-table{border-color:#333}body.dark-theme .study-hero{background:radial-gradient(circle at 0 0,#d83f314d 0%,#0000 60%),radial-gradient(circle at 100% 100%,#1e429f4d 0%,#0000 60%),radial-gradient(circle,#ffeb9926 0%,#0000 60%),#181818;box-shadow:0 12px 48px #0006}body.dark-theme .study-hero-grid{background:#1e1e1e80;border:1px solid #ffffff0d}body.dark-theme .study-row span{color:#e0e0e0;background:#1e1e1e;border-bottom-color:#333}body.dark-theme .study-row.header span{color:#aaa;background:#121212}body.dark-theme .card-bg-kanji{color:#fff;opacity:.02}body.dark-theme .badge-level{color:#ff8a8a;background:#3f1515}body.dark-theme .badge-type{color:#8ab4f8;background:#152542}body.dark-theme .text-link,body.dark-theme .card-link,body.dark-theme .button-link,body.dark-theme .eyebrow{color:#ff6b6b}body.dark-theme .hero-copy p,body.dark-theme .page-title p,body.dark-theme .reading{color:#aaa}body.dark-theme .hero-image.cutout,body.dark-theme .sprite-icon{mix-blend-mode:normal;filter:none}body.dark-theme .sprite-icon.bg-sprite{opacity:.15}body.dark-theme .level-picker{background:#1e1e1e80;border-color:#ffffff1a}body.dark-theme .level-picker button{color:#aaa}body.dark-theme .level-picker button:not(.active):hover{color:#fff;background:#ffffff1a}body.dark-theme .level-picker button.active{color:#121212;background:#ff6b6b;box-shadow:0 6px 16px #ff6b6b33}body.dark-theme .nav-dropbtn{color:#aaa}body.dark-theme .nav-dropdown:hover .nav-dropbtn{color:#fff;background:#1e1e1e}body.dark-theme .nav-dropdown-content{background-color:#1e1e1e;border-color:#333}body.dark-theme .nav-dropdown-content a{color:#aaa}body.dark-theme .breakdown-card{background:#111;border-color:#333}body.dark-theme .tag{color:#8ab4f8;background:#152542}.practice-card{align-items:flex-start;gap:16px;background:linear-gradient(160deg,#fff,#fdfaf6)!important;border:2px solid #0000!important;border-radius:16px!important;display:flex!important;box-shadow:0 12px 34px #372d1e0f!important}.practice-card:hover{border-color:#d83f31!important;transform:translateY(-4px)!important;box-shadow:0 18px 44px #d83f311f!important}.practice-card:after{display:none!important}.practice-icon-wrapper{background:#fff;border:1px solid #ded7c9;border-radius:14px;flex-shrink:0;padding:8px;box-shadow:0 4px 12px #00000008}.practice-icon-wrapper .sprite-icon{width:84px;height:84px;margin-bottom:0}.practice-content{flex-direction:column;height:100%;display:flex}.practice-content h3{margin:4px 0 8px!important;font-size:19px!important}.practice-content p{flex-grow:1;color:#69736d!important;margin:0 0 16px!important;font-size:14px!important;line-height:1.5!important}.practice-content .text-link{align-self:flex-end}body.dark-theme .practice-card{background:#1a1a1a!important}body.dark-theme .practice-card:hover{border-color:#ff6b6b!important;box-shadow:0 18px 44px #ff6b6b26!important}body.dark-theme .practice-icon-wrapper{background:#222;border-color:#333}.locked-wrap{min-height:140px;position:relative}.locked-placeholder{filter:blur(5px);pointer-events:none;user-select:none;gap:16px;display:grid}.locked-line{background:#e6ddd0;border-radius:6px;width:100%;height:22px}.locked-line.short{width:55%}.locked-overlay{background:linear-gradient(#ffffff4d,#ffffffd9);border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.locked-overlay-link{color:#69736d;background:#fff;border:1px solid #ded7c9;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:700;transition:border-color .2s,color .2s;display:inline-flex}.locked-overlay-link:hover{color:#d83f31;border-color:#d83f31}body.dark-theme .locked-line{background:#2a2a2a}body.dark-theme .locked-overlay{background:linear-gradient(#1212124d,#121212d9)}body.dark-theme .locked-overlay-link{color:#aaa;background:#1e1e1e;border-color:#333}body.dark-theme .locked-overlay-link:hover{color:#ff6b6b;border-color:#ff6b6b}.nav-auth{align-items:center;gap:8px;display:flex}.nav-login-btn{color:#fff;background:#d83f31;border-radius:999px;padding:10px 20px;font-weight:800}.nav-login-btn:hover{color:#fff;background:#c4372b}#nav-user-menu .nav-dropdown-content{left:auto;right:0}.nav-user-btn{background:#fbfaf6;border:1px solid #ded7c9;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:16px;display:flex}body.dark-theme .nav-user-btn{background:#1e1e1e;border-color:#333}.is-hidden{display:none!important}body.dark-theme .nav-login-btn:hover{color:#121212;background:#ff6b6b}input[type=text],input[type=password],input[type=email]{color:#17201b;font:inherit;background:#fff;border:1px solid #ded7c9;border-radius:8px;width:100%;padding:11px 14px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:#d83f31;outline:none}body.dark-theme input[type=text],body.dark-theme input[type=password],body.dark-theme input[type=email]{color:#e0e0e0;background:#1e1e1e;border-color:#333}.auth-shell{justify-content:center;padding:48px 0 64px;display:flex}.auth-card{background:#fff;border:1px solid #e8e3d8;border-radius:20px;width:100%;max-width:400px;padding:36px;box-shadow:0 18px 44px #372d1e14}.auth-card h1{margin:0 0 8px;font-size:32px;font-weight:800}.auth-card .muted-copy{margin-bottom:24px}.auth-field{color:#4f5b55;gap:6px;font-size:14px;font-weight:700;display:grid}.auth-submit{color:#fff;background:#d83f31;border-radius:8px;width:100%;margin-top:8px;padding:14px;font-weight:800}.auth-submit:hover{background:#c4372b}body.dark-theme .auth-card{background:#1e1e1e;border-color:#333}body.dark-theme .auth-field{color:#aaa}@media (width<=820px){.topbar,.section-head,footer{flex-direction:column;align-items:flex-start}nav{flex-wrap:wrap}.hero,.word-grid,.practice-grid,.study-hero-grid,.tab-layout,.mini-grid,.grid-2,.grid-3,.study-row,.drill-layout,.exam-panel,.noun-profile-grid,.noun-pattern-grid{grid-template-columns:1fr}.type-detail-wide{grid-column:auto}.hero{min-height:0;padding-top:44px}.level-picker{grid-template-columns:repeat(5,1fr);width:100%;display:grid}.list-row,.answers{grid-template-columns:1fr}}