.kanji-deck-page{--kd-paper:#f3efe5;--kd-surface:#fffaf0;--kd-ink:#142637;--kd-muted:#5b625f;--kd-line:#d4cbbb;--kd-rust:#bd3b24;--kd-rust-dark:#8f291a;--kd-teal:#126c70;--kd-green:#347153;--kd-ochre:#d39a32;background:var(--kd-paper);color:var(--kd-ink)}.dark .kanji-deck-page,.dark.kanji-deck-page{--kd-paper:#101820;--kd-surface:#17232c;--kd-ink:#f4efe3;--kd-muted:#bac1bd;--kd-line:#3a464c;--kd-rust:#ed674b;--kd-rust-dark:#ff9c82;--kd-teal:#5bb7b6;--kd-green:#74bd91;--kd-ochre:#e8b95c}.kanji-deck-page .ambient{display:none}.kanji-deck-page .shell{grid-template-columns:220px minmax(0,1fr)}.kanji-deck-page .sidebar{background:color-mix(in srgb, var(--kd-paper) 94%, transparent);border-color:var(--kd-line);backdrop-filter:none;padding:22px 18px}.kanji-deck-page .sidebar .brand-mark{background:var(--kd-rust);color:#fff;width:54px;height:46px;box-shadow:none;border-radius:4px;transform:none}.kanji-deck-page .sidebar nav a{border-radius:4px}.kanji-deck-page .sidebar nav a:hover,.kanji-deck-page .sidebar nav a[aria-current=page]{background:color-mix(in srgb, var(--kd-rust) 13%, transparent);color:var(--kd-rust-dark)}.kanji-deck-page .brand small{color:var(--kd-muted)}.kanji-deck-page .side-mission{display:none}.kanji-deck-page .theme-toggle{margin-top:auto}.kanji-deck-page main{width:min(100%,1380px);margin-inline:auto;padding:clamp(2rem,5vw,5rem) clamp(1.25rem,5vw,5.5rem) 6rem}.kanji-deck-page :focus-visible{outline-color:var(--kd-rust)}.kanji-deck-hero{border-bottom:1px solid var(--kd-line);grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:min(700px,80vh);padding-block:clamp(2rem,7vw,6rem);display:grid}.kanji-eyebrow{color:var(--kd-rust-dark);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.25rem;font-size:.73rem;font-weight:850;display:flex}.kanji-eyebrow span{background:var(--kd-rust);color:#fff;place-items:center;width:2.2rem;height:2.2rem;font-size:1rem;display:grid}.kanji-deck-hero h1{max-width:12ch;color:var(--kd-ink);letter-spacing:-.075em;margin:0;font-size:clamp(3.4rem,7vw,7.4rem);font-weight:900;line-height:.87}.kanji-deck-hero h1 em{color:var(--kd-rust);font-family:Georgia,Times New Roman,serif;font-weight:500}.kanji-deck-hero>div>p:not(.kanji-eyebrow){max-width:48ch;color:var(--kd-muted);margin:1.5rem 0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.65}.kanji-deck-hero>div>a{background:var(--kd-rust);color:#fff;align-items:center;min-height:48px;padding:.8rem 1.15rem;font-weight:850;text-decoration:none;display:inline-flex}.kanji-deck-hero>div>a:hover{background:var(--kd-rust-dark);transform:translateY(-1px)}.kanji-hero-collage{border:1px solid var(--kd-line);background:var(--kd-surface);padding:0;display:grid;position:relative}.kanji-hero-collage>div{grid-template-columns:1fr 1fr;display:grid}.kanji-hero-collage img{aspect-ratio:1.35;object-fit:cover;width:100%;display:block}.kanji-hero-collage>p{background:var(--kd-rust);color:#fff;min-width:13rem;margin:0;padding:1.1rem;display:grid;position:absolute;bottom:-2rem;right:-1.4rem;box-shadow:0 18px 40px #1426372e}.kanji-hero-collage strong{font-family:Georgia,serif;font-size:3.8rem;line-height:.8}.kanji-hero-collage span{margin-top:.6rem;font-size:.9rem;font-weight:850}.kanji-hero-collage small{color:#fff3ea;margin-top:.2rem;font-size:.68rem}.kanji-method{border-bottom:1px solid var(--kd-line);grid-template-columns:repeat(4,1fr);display:grid}.kanji-method div{grid-template-columns:2rem 1fr;gap:.2rem .75rem;padding:1.35rem 1rem;display:grid}.kanji-method div+div{border-left:1px solid var(--kd-line)}.kanji-method span{color:var(--kd-rust-dark);grid-row:1/3;font-family:Georgia,serif}.kanji-method b{font-size:.9rem}.kanji-method small{color:var(--kd-muted);font-size:.72rem}.kanji-index{margin-top:clamp(5rem,10vw,10rem)}.kanji-index>header{max-width:48rem;margin-bottom:3rem}.kanji-index>header>span,.study-header>div>span{color:var(--kd-rust-dark);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.65rem;font-size:.72rem;font-weight:850;display:block}.kanji-index h2,.study-header h2{color:var(--kd-ink);letter-spacing:-.065em;margin:0;font-size:clamp(2.7rem,6vw,5.7rem);font-weight:900;line-height:.92}.kanji-index>header p{color:var(--kd-muted);line-height:1.6}.kanji-chapter{border-top:1px solid var(--kd-line);grid-template-columns:12rem minmax(0,1fr);gap:clamp(1.25rem,4vw,4rem);padding:2rem 0;display:grid}.kanji-chapter:last-child{border-bottom:1px solid var(--kd-line)}.chapter-label{grid-template-columns:2rem 1fr;align-content:start;gap:.7rem;display:grid}.chapter-label>span{color:var(--kd-rust-dark);font-family:Georgia,serif;font-size:1.2rem}.chapter-label h3{margin:0;font-size:1rem}.chapter-label small{color:var(--kd-muted)}.kanji-thumbnail-row{grid-template-columns:repeat(7,minmax(5rem,1fr));gap:.55rem;min-width:0;display:grid}.kanji-thumbnail-row button{border:1px solid var(--kd-line);background:var(--kd-surface);min-width:0;color:var(--kd-ink);cursor:pointer;text-align:left;border-radius:0;padding:0;overflow:hidden}.kanji-thumbnail-row button:hover,.kanji-thumbnail-row button.active{border-color:var(--kd-rust);box-shadow:inset 0 -4px 0 var(--kd-rust)}.kanji-thumbnail-row button.active{transform:translateY(-3px)}.kanji-thumbnail-row img{aspect-ratio:1.35;object-fit:cover;width:100%;display:block}.kanji-thumbnail-row button>span{grid-template-columns:auto 1fr;align-items:center;gap:.45rem;padding:.5rem;display:grid}.kanji-thumbnail-row b{font-size:1.35rem}.kanji-thumbnail-row small{min-width:0;color:var(--kd-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.kanji-study{margin-top:clamp(5rem,10vw,10rem);scroll-margin-top:1rem}.study-header{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.study-header p{color:var(--kd-rust-dark);flex:none;margin:0;font-family:Georgia,serif;font-size:1.4rem}.study-stage{border-top:1px solid var(--kd-line);border-bottom:1px solid var(--kd-line)}.kanji-study-card{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);min-height:610px;display:grid}.kanji-study-card[hidden]{display:none}.kanji-study-card>figure{border-right:1px solid var(--kd-line);grid-template-rows:auto auto;align-content:center;min-width:0;margin:0;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,3rem) clamp(1rem,3vw,2rem) 0;display:grid}.kanji-study-card figure img{aspect-ratio:1.6;object-fit:contain;background:var(--kd-surface);width:100%;height:auto;display:block}.kanji-study-card figcaption{grid-template-columns:6rem 1fr;gap:1rem;padding-top:1rem;display:grid}.kanji-study-card figcaption span{color:var(--kd-rust-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850}.kanji-study-card figcaption p{color:var(--kd-muted);margin:0;font-size:.87rem;line-height:1.55}.study-content{align-content:start;min-width:0;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.study-content>header{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.study-glyph{background:var(--kd-rust);color:#fff;width:8rem;height:8rem;font:inherit;cursor:pointer;border:0;place-items:center;font-size:4.7rem;font-weight:800;display:grid;position:relative}.study-glyph span{color:#fff3ea;font-size:.58rem;font-weight:750;position:absolute;bottom:.3rem;right:.4rem}.study-glyph:hover,.study-glyph.is-speaking{background:var(--kd-teal)}.study-content>header p{color:var(--kd-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .3rem;font-size:.72rem;font-weight:800}.study-content>header h3{letter-spacing:-.05em;max-width:10ch;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.learning-reveal{border-top:1px solid var(--kd-line)}.learning-reveal:last-of-type{border-bottom:1px solid var(--kd-line)}.learning-reveal summary{min-height:52px;color:var(--kd-ink);cursor:pointer;grid-template-columns:2rem 1fr;align-items:center;gap:.7rem;font-weight:850;display:grid}.learning-reveal summary span{color:var(--kd-rust-dark);font-family:Georgia,serif}.reading-pair{grid-template-columns:1fr 1fr;gap:1rem;padding:0 0 1rem 2.7rem;display:grid}.reading-pair p{gap:.2rem;margin:0;display:grid}.reading-pair b{color:var(--kd-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.reading-pair span{font-size:1rem}.kanji-words{grid-template-columns:1fr 1fr;gap:.55rem;padding:0 0 .75rem 2.7rem;display:grid}.kanji-words button{border:1px solid var(--kd-line);background:var(--kd-surface);min-height:74px;color:var(--kd-ink);cursor:pointer;text-align:left;border-radius:0;gap:.1rem;padding:.7rem .7rem .7rem 2.25rem;display:grid;position:relative}.kanji-words button:hover,.kanji-words button.is-speaking{border-color:var(--kd-teal)}.speaker{color:var(--kd-teal);position:absolute;top:.75rem;left:.7rem}.kanji-words b{font-size:1.05rem}.kanji-words button>span:not(.speaker){color:var(--kd-teal);font-size:.72rem}.kanji-words small{color:var(--kd-muted)}.kanji-example{border-top:1px solid var(--kd-line);margin:0 0 1rem 2.7rem;padding:.8rem 0}.kanji-example p{margin:0 0 .25rem;font-size:1.02rem}.kanji-example span,.kanji-example small{color:var(--kd-muted);font-size:.74rem;display:block}.study-actions{gap:.55rem;margin-top:1rem;display:flex}.study-actions button{border:1px solid var(--kd-rust);min-height:46px;font:inherit;cursor:pointer;border-radius:0;padding:.7rem 1rem;font-weight:850}.kanji-audio-action{background:var(--kd-rust);color:#fff}.kanji-review-action{color:var(--kd-rust-dark);background:0 0}.kanji-review-action[aria-pressed=true]{border-color:var(--kd-green);background:var(--kd-green);color:#fff}.card-audio-status{color:var(--kd-muted);margin:.75rem 0 0;font-size:.72rem}.deck-navigation{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-top:1rem;display:grid}.deck-navigation button{border:1px solid var(--kd-line);min-height:46px;color:var(--kd-ink);font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:.65rem 1rem;font-weight:800}.deck-navigation button:not(:disabled):hover{border-color:var(--kd-rust);color:var(--kd-rust-dark)}.deck-navigation button:disabled{cursor:not-allowed;opacity:.45}.deck-navigation span{color:var(--kd-muted);text-align:center}.kanji-hub-collage{border:1px solid var(--kd-line);background:var(--kd-surface);grid-template-columns:1.15fr .85fr;display:grid}.kanji-hub-collage img{object-fit:cover;width:100%;height:100%;min-height:180px;display:block}.kanji-hub-collage img:first-child{grid-row:span 2}.kanji-chapter-menu{border-top:1px solid var(--kd-line);border-bottom:1px solid var(--kd-line);grid-template-columns:1fr 1fr;display:grid}.kanji-chapter-menu article{grid-template-columns:minmax(11rem,.8fr) minmax(0,1.2fr);min-width:0;padding:clamp(1rem,3vw,2rem);display:grid}.kanji-chapter-menu article:first-child{border-bottom:1px solid var(--kd-line);grid-column:1/-1;grid-template-columns:1.15fr .85fr}.kanji-chapter-menu article:nth-child(3){border-left:1px solid var(--kd-line)}.kanji-chapter-menu article>img{object-fit:cover;width:100%;height:100%;min-height:230px;display:block}.kanji-chapter-menu article>div{flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(1.2rem,3vw,2.5rem);display:flex}.kanji-chapter-menu article span{color:var(--kd-rust-dark);font-size:.78rem;font-weight:850}.kanji-chapter-menu h2{letter-spacing:-.045em;margin:.65rem 0 .8rem;font-size:clamp(1.5rem,3vw,2.7rem);line-height:1}.kanji-chapter-menu p{color:var(--kd-muted);letter-spacing:.08em;margin:0;font-size:1.1rem}.kanji-chapter-menu a{min-height:44px;color:var(--kd-rust-dark);align-items:center;margin-top:auto;padding-top:1rem;font-size:.82rem;font-weight:850;display:inline-flex}.kanji-detail-hero{border:1px solid var(--kd-line);background:var(--kd-surface);margin:0}.kanji-detail-hero img{object-fit:cover;width:100%;height:100%;min-height:320px;display:block}.chapter-selector{grid-template-columns:repeat(7,minmax(6rem,1fr));gap:.55rem;margin-bottom:clamp(3rem,7vw,6rem);display:grid}.chapter-selector button{border:1px solid var(--kd-line);background:var(--kd-surface);min-width:0;color:var(--kd-ink);cursor:pointer;text-align:left;border-radius:0;padding:0;overflow:hidden}.chapter-selector button:hover,.chapter-selector button.active{border-color:var(--kd-rust);box-shadow:inset 0 -4px 0 var(--kd-rust)}.chapter-selector img{aspect-ratio:1.35;object-fit:cover;width:100%;display:block}.chapter-selector button>span{grid-template-columns:auto 1fr;align-items:center;gap:.45rem;padding:.5rem;display:grid}.chapter-selector b{font-size:1.35rem}.chapter-selector small{min-width:0;color:var(--kd-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.chapter-study{margin-top:0}@media (prefers-reduced-motion:reduce){.kanji-deck-page *,.kanji-deck-page :before,.kanji-deck-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (width<=1100px){.kanji-deck-page .shell{grid-template-columns:minmax(0,1fr)}.kanji-deck-page .sidebar{width:100%;height:auto;position:relative}.kanji-deck-page main{max-width:100vw}.kanji-deck-hero{grid-template-columns:1fr;min-height:0}.kanji-deck-hero aside{max-width:32rem}.chapter-selector{scroll-snap-type:x mandatory;grid-template-columns:repeat(7,minmax(7rem,1fr));padding:.25rem 0 .75rem;overflow-x:auto}.chapter-selector button{scroll-snap-align:start}.kanji-chapter{grid-template-columns:1fr}.kanji-thumbnail-row{scroll-snap-type:x mandatory;grid-template-columns:repeat(7,minmax(6.5rem,1fr));padding:.25rem 0 .75rem;overflow-x:auto}.kanji-thumbnail-row button{scroll-snap-align:start}.kanji-study-card{grid-template-columns:1fr}.kanji-study-card>figure{border-right:0;border-bottom:1px solid var(--kd-line);min-height:500px;padding-right:0}}@media (width<=720px){.kanji-deck-page main{padding:2rem 1rem 4rem}.kanji-deck-hero{gap:2.5rem;padding-block:2rem 3.5rem}.kanji-deck-hero h1{font-size:clamp(3rem,15vw,4.8rem)}.kanji-hero-collage>p{bottom:-1.5rem;right:-.25rem}.kanji-hub-collage{grid-template-columns:1fr 1fr}.kanji-hub-collage img:first-child{grid-area:auto/1/auto/-1}.kanji-chapter-menu,.kanji-chapter-menu article,.kanji-chapter-menu article:first-child{grid-template-columns:1fr}.kanji-chapter-menu article{padding:1rem 0}.kanji-chapter-menu article:first-child{grid-column:auto}.kanji-chapter-menu article:nth-child(3){border-left:0;border-top:1px solid var(--kd-line)}.kanji-chapter-menu article>img{display:none}.kanji-chapter-menu article>div{padding:.9rem 0 1.1rem}.kanji-chapter-menu h2{margin:.3rem 0 .4rem;font-size:1.3rem}.kanji-chapter-menu p{font-size:.92rem}.kanji-chapter-menu a{margin-top:.15rem;padding-top:.55rem}.kanji-detail-hero img{aspect-ratio:1.6;min-height:0}.chapter-selector{margin-right:-1rem}.kanji-method{grid-template-columns:1fr 1fr}.kanji-method div:nth-child(3){border-left:0;border-top:1px solid var(--kd-line)}.kanji-method div:nth-child(4){border-top:1px solid var(--kd-line)}.kanji-index h2,.study-header h2{font-size:clamp(2.6rem,14vw,4.4rem)}.kanji-thumbnail-row{grid-template-columns:repeat(7,minmax(7.5rem,1fr));margin-right:-1rem}.study-header{align-items:start}.kanji-study-card{min-height:0}.kanji-study-card>figure{min-height:0;padding:1rem 0}.kanji-study-card figure img{aspect-ratio:1.6;min-height:0}.kanji-study-card figcaption{grid-template-columns:1fr;gap:.35rem}.study-content{padding:1.5rem 0}.study-glyph{width:7rem;height:7rem;font-size:4rem}.reading-pair,.kanji-words{padding-left:0}.kanji-example{margin-left:0}.study-actions{flex-direction:column}.deck-navigation{grid-template-columns:1fr 1fr}.deck-navigation span{grid-area:1/1/auto/-1}}