:root{--ink:#173d35;--paper:#f5f0e5;--paper-card:#fffaf0;--paper-alt:#f2e7d0;--muted:#48645e;--accent:#c1502c;--accent-gold:#d1a13a;--radius-scale:1;--border-alpha:15%;--border-color:color-mix(in srgb, var(--ink) var(--border-alpha), transparent);--border-color-soft:color-mix(in srgb, var(--ink) 10%, transparent);--track:color-mix(in srgb, var(--paper-alt) 100%, var(--ink) 8%);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=playful]{--ink:#402060;--paper:#fff6e9;--paper-card:#fff;--paper-alt:#ffe8c7;--muted:#6b5b95;--accent:#ff6b4a;--accent-gold:#ffd23f;--radius-scale:1.4;--border-alpha:10%}:root[data-theme=cobalt]{--ink:#e2ecfc;--paper:#05070d;--paper-card:#0d1424;--paper-alt:#16213a;--muted:#90a4c9;--accent:#2f7fff;--accent-gold:#ffb020;--radius-scale:.85;--border-alpha:20%}:root[data-theme=soft-bloom]{--ink:#5c3d4e;--paper:#fdf3f5;--paper-card:#fffafb;--paper-alt:#fbe4ea;--muted:#8a6b78;--accent:#e8879c;--accent-gold:#f4c77a;--radius-scale:1.2;--border-alpha:10%}:root[data-theme=high-contrast]{--ink:#000;--paper:#fff;--paper-card:#fff;--paper-alt:#eaeaea;--muted:#333;--accent:#0053d6;--accent-gold:#8a6300;--radius-scale:.6;--border-alpha:45%}:root[data-theme=midnight]{--ink:#f3e8ff;--paper:#0a0710;--paper-card:#160f24;--paper-alt:#201434;--muted:#b7a2d6;--accent:#a855f7;--accent-gold:#fc6;--radius-scale:1;--border-alpha:20%}:root[data-theme=high-contrast] body{font-size:108%}:root[data-theme=high-contrast] .card,:root[data-theme=high-contrast] .session-card,:root[data-theme=high-contrast] .mobile-navigation{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper-card)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,progress{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh}.app-sidebar{border-right:1px solid var(--border-color);background:var(--paper-card);flex-direction:column;gap:2.5rem;width:16.5rem;min-height:100vh;padding:2rem 1rem;display:flex;position:fixed;inset:0 auto 0 0}.app-main{min-height:100vh;margin-left:16.5rem;padding:clamp(1rem,4vw,3rem)}.brand{letter-spacing:-.02em;align-items:center;gap:.75rem;font-weight:750;display:flex}.brand-mark{border-radius:calc(.85rem * var(--radius-scale));width:2.75rem;height:2.75rem;color:var(--paper-card);background:var(--ink);place-items:center;font-family:Georgia,Yu Mincho,serif;font-size:1.35rem;display:grid}.app-navigation{gap:.35rem;display:grid}.navigation-link{border-radius:calc(.8rem * var(--radius-scale));width:100%;min-height:2.9rem;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.8rem;padding:.65rem .8rem;font-weight:700;display:flex}.navigation-link:hover{color:var(--ink);background:var(--paper-alt)}.navigation-link-active,.navigation-link-active:hover{color:var(--paper-card);background:var(--ink)}.navigation-icon{place-items:center;width:1.25rem;font-family:Georgia,Yu Mincho,serif;font-size:1.1rem;display:grid}.app-version{color:var(--muted);letter-spacing:.02em;margin:1rem 0 0;padding:0 .8rem;font-size:.72rem;font-weight:600}.app-sidebar .app-version{margin:0}.hero,.placeholder-page{border:1px solid var(--border-color);border-radius:calc(2rem * var(--radius-scale));background:radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 34%), radial-gradient(circle at 8% 92%, color-mix(in srgb, var(--muted) 20%, transparent), transparent 38%), linear-gradient(145deg, var(--paper-card) 0%, var(--paper-alt) 100%);max-width:1180px;min-height:calc(100vh - clamp(2rem,8vw,6rem));box-shadow:0 1.5rem 4rem var(--border-color-soft);align-content:space-between;margin:0 auto;padding:clamp(1.25rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.hero:after{content:"ことば";color:color-mix(in srgb, var(--ink) 5%, transparent);pointer-events:none;writing-mode:vertical-rl;font-family:Georgia,Yu Mincho,serif;font-size:clamp(7rem,22vw,18rem);line-height:1;position:absolute;bottom:-.27em;right:-.1em}.hero-copy,.placeholder-page>*{z-index:1;position:relative}.hero-copy{max-width:760px;margin:clamp(3rem,9vh,7rem) 0}.placeholder-page{align-content:center}.placeholder-page .introduction{margin-top:0}.eyebrow,.card-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.learn-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-dropdown{position:relative}.settings-dropdown-trigger{border:1px solid var(--border-color);background:var(--paper-card);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.settings-dropdown-trigger:hover{border-color:var(--accent)}.settings-dropdown-trigger[aria-expanded=true]{color:var(--paper-card);background:var(--ink);border-color:var(--ink)}.settings-dropdown-menu{border:1px solid var(--border-color);border-radius:calc(.9rem * var(--radius-scale));background:var(--paper-card);z-index:3;min-width:13rem;box-shadow:0 .75rem 2rem var(--border-color-soft);gap:.3rem;padding:.6rem;display:grid;position:absolute;inset:calc(100% + .5rem) 0 auto auto}.settings-dropdown-option{cursor:pointer;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.55rem;padding:.4rem .5rem;font-size:.85rem;font-weight:600;display:flex}.settings-dropdown-option:hover{background:var(--paper-alt)}.settings-dropdown-option input[type=checkbox]{width:1.05rem;height:1.05rem;min-height:auto;accent-color:var(--ink);border-radius:.3rem;margin:0;padding:0}h1{letter-spacing:-.055em;max-width:12ch;margin:.55rem 0 1.3rem;font-family:Georgia,Yu Mincho,serif;font-size:clamp(2.8rem,7vw,6.5rem);font-weight:500;line-height:.96}h1 span{color:var(--accent);font-style:italic;display:block}.introduction{max-width:58ch;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.card,.session-card{border:1px solid var(--border-color);border-radius:calc(1.25rem * var(--radius-scale));background:color-mix(in srgb, var(--paper-card) 82%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.session-card{z-index:1;gap:1.25rem;width:min(100%,620px);padding:1.2rem;display:grid;position:relative}.session-card h2{margin:.15rem 0 0;font-family:Georgia,Yu Mincho,serif;font-size:1.8rem;font-weight:500}.session-theme{color:var(--muted);margin:.2rem 0 0}.session-progress{color:var(--muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.dot{border:1px solid var(--muted);background:0 0;border-radius:50%;width:.55rem;height:.55rem;margin-right:.3rem;display:inline-block}.dot-complete{background:var(--ink)}.button{border-radius:calc(.8rem * var(--radius-scale));cursor:pointer;border:1px solid #0000;min-height:2.75rem;padding:.7rem 1rem;font-weight:750}.button-primary{color:var(--paper-card);background:var(--ink)}.button-primary:hover{background:color-mix(in srgb, var(--ink) 85%, black)}.button-secondary{color:var(--ink);border-color:var(--ink);background:0 0}.button-quiet{color:var(--ink);background:var(--paper-alt)}.button:disabled{cursor:not-allowed;opacity:.68}.progress-indicator{gap:.45rem;display:grid}.progress-label{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}progress{background:var(--track);border:0;border-radius:999px;width:100%;height:.65rem;overflow:hidden}progress::-webkit-progress-bar{background:var(--track)}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--ink), var(--accent-gold))}progress::-moz-progress-bar{background:linear-gradient(90deg, var(--ink), var(--accent-gold))}.mobile-navigation{display:none}.page{max-width:900px;margin:0 auto;padding:clamp(1rem,5vw,4rem)}.page h1{max-width:14ch}.page h2{font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.7rem,4vw,2.8rem);font-weight:500}.panel,.word-card,.metrics>div,.library-item,.shower-display{border:1px solid var(--border-color);border-radius:calc(1.25rem * var(--radius-scale));background:var(--paper-card);margin:2rem 0;padding:clamp(1rem,3vw,2rem)}.panel p,.word-card p,.library-item span{color:var(--muted);line-height:1.55}.shower-display{text-align:center;gap:.35rem;display:grid}.shower-display h2{margin:.3rem 0;font-size:clamp(2.4rem,8vw,4rem)}.shower-display p{color:var(--muted);margin:0}.shower-title{align-items:center;gap:.5rem;display:flex}.shower-title h1{margin:0}.shower-info{position:relative}.shower-info button{width:2.75rem;height:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.35rem;display:grid}.shower-info button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.shower-info p{z-index:1;border:1px solid var(--border-color);border-radius:calc(.75rem * var(--radius-scale));background:var(--paper-card);width:min(20rem,100vw - 3rem);box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--ink) 15%, transparent);margin:0;padding:.75rem;font-size:.9rem;line-height:1.45;position:absolute;top:calc(100% + .4rem);right:0}.shower-controls{flex-wrap:wrap;gap:.6rem;display:flex}.shower-control{min-width:2.75rem;padding-inline:.7rem}.shower-control-setting{align-items:center;gap:.35rem;display:inline-flex}.topic-accent{border-left-width:4px}.word-card.topic-accent{border-top-width:4px;border-left-width:1px}.word-title{justify-content:space-between;align-items:start;gap:1rem;display:flex}.word-title h2{margin:0;font-size:clamp(2.8rem,10vw,5rem)}.word-title p{margin:.3rem 0}.word-details{border-top:1px solid var(--border-color);margin-top:1.5rem}.word-details h3{margin:1.5rem 0 .4rem}.word-details ul{padding-left:1.2rem;line-height:2}.word-details .related-words{gap:.65rem;margin:.7rem 0 0;padding:0;line-height:1.5;list-style:none;display:grid}.related-word{align-items:center;gap:.75rem;display:flex}.related-word .audio-text{flex:none}.example{border-top:1px solid var(--border-color-soft);padding:.7rem 0}.example p{margin:.2rem 0}.rating{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.5rem 0;display:flex}.rating p{width:100%;margin:0;font-weight:700}.notice{border-left:4px solid var(--accent);background:var(--paper-alt);color:var(--muted);padding:.75rem 1rem}.account-panel{border-top:1px solid var(--border-color);gap:1rem;margin-top:2.5rem;padding-top:2rem;display:grid}.account-panel h2{margin:0}.account-panel .introduction{font-size:1rem}.account-form{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.account-form label{flex:17rem}.account-alternative{max-width:58ch;color:var(--muted);margin:.5rem 0 -.25rem;font-size:.9rem;line-height:1.5}.audio-text{border-radius:calc(.6rem * var(--radius-scale));min-width:2.75rem;min-height:2.75rem;color:var(--ink);background:var(--paper-alt);cursor:pointer;border:0}.audio-text:disabled{opacity:.5;cursor:not-allowed}label{gap:.45rem;max-width:35rem;font-weight:700;display:grid}input,select{border:1px solid var(--muted);border-radius:calc(.65rem * var(--radius-scale));min-height:2.75rem;color:var(--ink);background:var(--paper-card);font:inherit;padding:.55rem .75rem}.library{gap:.7rem;margin-top:1rem;display:grid}.library-item{grid-template-columns:auto 1fr;gap:.25rem .7rem;margin:0;padding:1rem;display:grid}.library-item span,.library-item small{grid-column:2}.library-item b{align-self:center;font-size:1.25rem}.mastery-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;width:fit-content;padding:.3rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.mastery-badge-low{color:#7a1712;background:#ff8a75}.mastery-badge-mid{color:#5c3d00;background:#ffcd4d}.mastery-badge-high{color:#0d3d1f;background:#6be08a}.metrics{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0;display:grid}.metrics>div{gap:.3rem;margin:0;display:grid}.metrics b{font-size:1.7rem}.metrics span{color:var(--muted)}.session-groups{gap:1rem;margin-top:1.5rem;display:grid}.session-group{border:1px solid var(--border-color);border-top:3px solid var(--group-color,var(--ink));border-radius:calc(1.25rem * var(--radius-scale));background:var(--paper-card);overflow:hidden}.session-group summary{cursor:pointer;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:750;list-style:none;display:flex}.session-group summary::-webkit-details-marker{display:none}.session-group summary>span:first-child{flex:1;align-items:center;display:flex}.session-group-dot{background:var(--group-color,var(--ink));border-radius:50%;width:.6rem;height:.6rem;margin-right:.6rem;display:inline-block}.session-group summary:after{content:"▾";color:var(--muted)}.session-group[open] summary:after{content:"▴"}.session-group-range{color:var(--muted);font-size:.85rem;font-weight:600}.session-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.6rem;padding:0 1.25rem 1.25rem;display:grid}.session-tile{border:1px solid var(--border-color);border-radius:calc(.8rem * var(--radius-scale));color:var(--ink);background:color-mix(in srgb, var(--group-color,var(--muted)) 14%, var(--paper-alt));cursor:pointer;text-align:left;gap:.3rem;padding:.75rem;display:grid}.session-tile:hover:not(:disabled){background:color-mix(in srgb, var(--group-color,var(--muted)) 28%, var(--paper-alt))}.session-tile:disabled{cursor:not-allowed;opacity:.5}.session-tile span{color:var(--muted);font-size:.78rem}.session-tile-active{border-color:color-mix(in srgb, var(--group-color,var(--ink)) 60%, var(--ink) 40%);background:color-mix(in srgb, var(--group-color,var(--ink)) 62%, var(--ink) 38%)}.session-tile-active,.session-tile-active b,.session-tile-active span{color:var(--paper-card)}.theme-picker{margin:1.75rem 0}.theme-picker-label{margin:0 0 .6rem;font-weight:700}.theme-options{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;display:grid}.theme-option{border:2px solid var(--border-color);border-radius:calc(1rem * var(--radius-scale));background:var(--paper-card);cursor:pointer;text-align:left;align-items:center;gap:.8rem;padding:.85rem;display:flex}.theme-option:hover{border-color:var(--accent)}.theme-option-active{border-color:var(--ink);background:var(--paper-alt)}.theme-swatch{flex-shrink:0;grid-template-columns:repeat(3,.55rem);gap:.2rem;display:grid}.theme-swatch span{border:1px solid var(--border-color);border-radius:.2rem;width:.55rem;height:1.6rem;display:block}.theme-option b{color:var(--ink);display:block}.theme-option small{color:var(--muted);font-size:.8rem}@media (width>=720px){.session-card{grid-template-columns:1fr auto auto;align-items:center;padding:1.35rem 1.5rem}}@media (width<=719px){.app-sidebar{display:none}.app-main{min-height:calc(100vh - 5.75rem);margin-left:0;padding:.75rem .75rem 6.5rem}.hero,.placeholder-page{border-radius:calc(1.25rem * var(--radius-scale));min-height:calc(100vh - 7.25rem)}.mobile-navigation{z-index:2;padding:.55rem max(.65rem, env(safe-area-inset-right)) calc(.55rem + env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left));border-top:1px solid var(--border-color);background:color-mix(in srgb, var(--paper-card) 96%, transparent);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);display:block;position:fixed;bottom:0;left:0;right:0}.mobile-navigation .app-navigation{gap:.15rem;display:flex}.mobile-navigation .navigation-link{border-radius:calc(.65rem * var(--radius-scale));text-align:center;flex:1 1 0;justify-items:center;gap:.15rem;min-width:0;min-height:3.5rem;padding:.3rem .1rem;font-size:clamp(.57rem,2.5vw,.72rem);display:grid}.mobile-navigation .navigation-link span:last-child{overflow-wrap:anywhere;max-width:100%;line-height:1.15}.mobile-navigation .navigation-icon{font-size:1rem}.page{padding:1.25rem .5rem}.word-title{flex-direction:column}.metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}