:root{--anthropic-near-black:#141413;--terracotta-brand:#c96442;--coral-accent:#d97757;--error-crimson:#b53333;--focus-blue:#3898ec;--parchment:#f5f4ed;--ivory:#faf9f5;--pure-white:#fff;--warm-sand:#e8e6dc;--dark-surface:#30302e;--fullscreen-bg-center:#fdfcf8;--fullscreen-bg-edge:#f0efe7;--charcoal-warm:#4d4c48;--olive-gray:#5e5d59;--stone-gray:#87867f;--dark-warm:#3d3d3a;--warm-silver:#b0aea5;--border-cream:#f0eee6;--border-warm:#e8e6dc;--border-dark:#30302e;--ring-warm:#d1cfc5;--ring-subtle:#dedcd1;--ring-deep:#c2c0b6;--success:#6b9080;--warning:#c9a66b;--info:#6b8caa;--font-serif:"Anthropic Serif", Georgia, "Times New Roman", serif;--font-sans:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Arial", sans-serif;--font-mono:"Anthropic Mono", "SF Mono", "Monaco", "Courier New", monospace;--font-ja:"Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--text-display:4rem;--text-section:3.25rem;--text-subheading-large:2.3rem;--text-subheading:2rem;--text-subheading-sm:1.6rem;--text-feature-title:1.3rem;--text-body-serif:1.125rem;--text-body-large:1.3125rem;--text-body-nav:1.0625rem;--text-body-standard:1.0625rem;--text-body-small:1rem;--text-caption:.9375rem;--text-label:.75rem;--text-overline:.625rem;--text-micro:.6rem;--text-code:.9375rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.1;--leading-snug:1.2;--leading-relaxed:1.6;--leading-normal:1;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.12px;--tracking-wider:.5px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sharp:4px;--radius-subtle:6px;--radius-comfortable:8px;--radius-generous:12px;--radius-very:16px;--radius-highly:24px;--radius-maximum:32px;--shadow-ring:0px 0px 0px 1px var(--ring-warm);--shadow-ring-subtle:0px 0px 0px 1px var(--ring-subtle);--shadow-ring-deep:0px 0px 0px 1px var(--ring-deep);--shadow-whisper:0px 4px 24px #0000000d;--shadow-inset:inset 0px 0px 0px 1px #00000026;--btn-padding-sm:0px 12px 0px 8px;--btn-padding-md:8px 16px;--btn-padding-lg:12px 24px;--card-padding:var(--space-6);--card-padding-lg:var(--space-8);--section-spacing:var(--space-20);--section-spacing-lg:var(--space-24);--container-max-width:1200px;--content-max-width:720px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;width:100%;min-height:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-body-standard);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--anthropic-near-black);background-color:var(--parchment);width:100%;min-width:100vw;min-height:100vh;overflow-x:hidden}#root{width:100vw;max-width:none;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--weight-medium);color:var(--anthropic-near-black);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1{font-size:var(--text-display);line-height:1.1}h2{font-size:var(--text-section);line-height:1.2}h3{font-size:var(--text-subheading);line-height:var(--leading-tight)}h4{font-size:var(--text-subheading-sm);line-height:var(--leading-snug)}p{margin-bottom:var(--space-4);color:var(--olive-gray)}a{color:var(--terracotta-brand);text-decoration:none;transition:color .2s}a:hover{color:var(--coral-accent)}.body-serif{font-family:var(--font-serif);font-size:var(--text-body-serif);line-height:var(--leading-relaxed);color:var(--olive-gray)}.page{width:100%;max-width:var(--container-max-width);padding:var(--space-6) var(--space-4);margin:0 auto}.section{margin-bottom:var(--section-spacing)}.container{max-width:var(--container-max-width);padding:0 var(--space-4);margin:0 auto}.content-narrow{max-width:var(--content-max-width)}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-body-standard);font-weight:var(--weight-medium);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;transition:all .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--focus-blue);outline-offset:2px}.btn-warm-sand{background-color:var(--warm-sand);color:var(--charcoal-warm);border-radius:var(--radius-comfortable);box-shadow:var(--shadow-ring);padding:0 12px 0 8px}.btn-warm-sand:hover{background-color:var(--border-warm);box-shadow:var(--shadow-ring-deep)}.btn-white{background-color:var(--pure-white);color:var(--anthropic-near-black);border-radius:var(--radius-generous);padding:8px 16px 8px 12px}.btn-white:hover{background-color:var(--warm-sand)}.btn-dark{background-color:var(--dark-surface);color:var(--ivory);border-radius:var(--radius-comfortable);box-shadow:var(--shadow-ring);padding:0 12px 0 8px}.btn-dark:hover{box-shadow:var(--shadow-ring-deep)}.btn-terracotta{background-color:var(--terracotta-brand);color:var(--ivory);padding:var(--btn-padding-md);border-radius:var(--radius-generous);box-shadow:var(--shadow-ring)}.btn-terracotta:hover{background-color:var(--coral-accent);box-shadow:var(--shadow-ring-deep)}.btn-dark-primary{background-color:var(--anthropic-near-black);color:var(--warm-silver);border-radius:var(--radius-generous);border:1px solid var(--dark-surface);padding:9.6px 16.8px}.btn-dark-primary:hover{background-color:var(--dark-surface)}.card{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-comfortable);padding:var(--card-padding);transition:all .2s}.card:hover{box-shadow:var(--shadow-whisper)}.card-featured{border-radius:var(--radius-very)}.card-hero{border-radius:var(--radius-maximum)}.card-dark{background-color:var(--dark-surface);border-color:var(--border-dark);color:var(--ivory)}.card-dark h1,.card-dark h2,.card-dark h3,.card-dark h4{color:var(--ivory)}.card-dark p{color:var(--warm-silver)}.input,.textarea,.select{font-family:var(--font-sans);font-size:var(--text-body-standard);color:var(--anthropic-near-black);background-color:var(--pure-white);border:1px solid var(--border-warm);border-radius:var(--radius-generous);padding:var(--space-1) var(--space-3);width:100%;transition:all .2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--focus-blue);outline:none;box-shadow:0 0 0 3px #3898ec1a}.textarea{resize:vertical;min-height:120px}.site-header{left:calc(var(--space-5) + env(safe-area-inset-left));bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:120;width:max-content;max-width:none;padding:0;transition:opacity .18s,transform .18s;display:grid;position:fixed}.nav-shelf{width:max-content;position:relative}.nav-shelf-trigger{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-maximum);background:var(--anthropic-near-black);font-family:var(--font-serif);font-size:var(--text-body-large);font-weight:var(--weight-medium);color:var(--ivory);cursor:pointer;border:1px solid #14141324;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;box-shadow:0 14px 36px #1414133d}.nav-shelf-trigger:hover,.nav-shelf-trigger.open{background:var(--terracotta-brand);transform:translateY(-1px)}.nav-shelf-trigger:active{transform:translateY(1px)}.brand-icon,.nav-icon{font-family:var(--font-ja);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-icon{background:#faf9f529;border-radius:50%;width:36px;height:36px;font-size:1.35rem}.brand-text{white-space:nowrap}.nav-shelf-mark{width:18px;margin-left:var(--space-1);gap:5px;display:grid}.nav-shelf-mark span{background:currentColor;border-radius:999px;height:2px;transition:transform .2s;display:block}.nav-shelf-trigger.open .nav-shelf-mark span:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-shelf-trigger.open .nav-shelf-mark span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.nav-collection{bottom:calc(100% + var(--space-2));gap:var(--space-3);width:min(340px, calc(100vw - var(--space-6)));padding:var(--space-3);border:1px solid var(--border-warm);border-radius:var(--radius-generous);background:#faf9f5fa;display:grid;position:absolute;left:0;box-shadow:0 18px 54px #14141324}.nav-home-link{padding:0 var(--space-2);color:var(--terracotta-brand);font-size:var(--text-caption);font-weight:var(--weight-medium);justify-self:start;text-decoration:none}.site-nav{gap:var(--space-2);display:grid}.nav-link{align-items:center;gap:var(--space-2);width:100%;min-height:46px;font-family:var(--font-sans);font-size:var(--text-body-nav);color:var(--olive-gray);padding:var(--space-2) var(--space-3);border-radius:var(--radius-comfortable);text-decoration:none;transition:all .2s;display:flex}.nav-icon{border-radius:var(--radius-subtle);background:var(--warm-sand);width:28px;height:28px;color:var(--anthropic-near-black);font-size:var(--text-body-small)}.nav-link:hover{color:var(--anthropic-near-black);background-color:var(--border-cream)}.nav-link-active{color:var(--anthropic-near-black);background-color:var(--warm-sand)}.nav-word-item{gap:var(--space-2);display:grid}.nav-word-trigger{cursor:pointer;background:0 0;border:0;justify-content:flex-start}.nav-word-trigger .lesson-word-trigger-icon{flex-shrink:0}.nav-caret{border-bottom:2px solid;border-right:2px solid;width:9px;height:9px;margin-left:auto;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.nav-word-trigger[aria-expanded=true] .nav-caret{transform:translateY(2px)rotate(-135deg)}.nav-word-links{gap:var(--space-2);padding:0 var(--space-2) var(--space-1) 38px;grid-template-columns:1fr 1fr;display:grid}.nav-word-links a{border:1px solid var(--border-cream);border-radius:var(--radius-comfortable);background:var(--pure-white);min-height:38px;color:var(--olive-gray);font-size:var(--text-caption);font-weight:var(--weight-medium);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nav-word-links a:hover,.nav-word-links a.active{border-color:var(--border-warm);color:var(--anthropic-near-black);background:var(--border-cream)}.nav-course-links{gap:var(--space-2);padding:0 var(--space-2) var(--space-1) 38px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.nav-course-links a,.nav-course-links button{min-height:44px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-cream);border-radius:var(--radius-comfortable);background:var(--pure-white);color:var(--olive-gray);font:inherit;font-size:var(--text-caption);font-weight:var(--weight-medium);align-content:center;justify-items:start;gap:1px;text-decoration:none;display:grid}.nav-course-links a:hover,.nav-course-links a.active{border-color:var(--border-warm);background:var(--border-cream);color:var(--anthropic-near-black)}.nav-course-links button{color:var(--stone-gray);background:var(--warm-sand);cursor:not-allowed}.nav-course-links small{font-size:var(--text-label);font-weight:var(--weight-normal)}.user-dock{right:calc(var(--space-5) + env(safe-area-inset-right));bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:120;justify-items:end;gap:var(--space-3);transition:opacity .18s,transform .18s;display:grid;position:fixed}.user-dock-trigger{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:var(--radius-maximum);background:var(--anthropic-near-black);color:var(--ivory);font:inherit;font-weight:var(--weight-medium);cursor:pointer;border:1px solid #14141324;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 14px 36px #1414133d}.site-header.dock-hidden,.user-dock.dock-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}.immersive-dock-hidden-shell .site-header,.immersive-dock-hidden-shell .user-dock{display:none!important}.immersive-dock-hidden-shell .site-main{flex:1;min-height:0}.user-dock-trigger:hover,.user-dock-trigger.active{background:var(--terracotta-brand);transform:translateY(-1px)}.user-dock-icon{width:34px;height:34px;font-family:var(--font-ja);background:#faf9f529;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.user-panel{width:min(360px, calc(100vw - var(--space-6)));padding:var(--space-4);border:1px solid var(--border-warm);border-radius:var(--radius-very);background:#faf9f5fa;box-shadow:0 22px 64px #1414132e}.user-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.user-panel-head div{gap:var(--space-1);display:grid}.user-panel-head strong{font-family:var(--font-serif);font-size:var(--text-feature-title);font-weight:var(--weight-medium)}.user-panel-head span{color:var(--stone-gray);font-size:var(--text-caption)}.user-panel-close{background:var(--warm-sand);width:32px;height:32px;color:var(--anthropic-near-black);font:inherit;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.auth-mode-tabs{gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-1);border-radius:var(--radius-comfortable);background:var(--warm-sand);grid-template-columns:repeat(2,1fr);display:grid}.auth-mode-tabs button{border-radius:var(--radius-subtle);min-height:38px;color:var(--olive-gray);font:inherit;font-size:var(--text-body-small);cursor:pointer;background:0 0;border:0}.auth-mode-tabs button.active{background:var(--pure-white);color:var(--anthropic-near-black);box-shadow:var(--shadow-whisper)}.auth-form{gap:var(--space-3);display:grid}.auth-form label{gap:var(--space-1);color:var(--olive-gray);font-size:var(--text-caption);font-weight:var(--weight-medium);display:grid}.auth-form input{border:1px solid var(--border-warm);border-radius:var(--radius-comfortable);background:var(--pure-white);width:100%;min-height:42px;color:var(--anthropic-near-black);font:inherit;padding:0 var(--space-3)}.auth-submit{border-radius:var(--radius-comfortable);background:var(--terracotta-brand);min-height:44px;color:var(--pure-white);font:inherit;font-weight:var(--weight-medium);cursor:pointer;border:0}.auth-message{margin:var(--space-3) 0 0;color:var(--stone-gray);font-size:var(--text-caption)}.speech-mode-control{gap:var(--space-1);margin-top:var(--space-3);color:var(--olive-gray);font-size:var(--text-caption);font-weight:var(--weight-medium);display:grid}.speech-mode-control select{border:1px solid var(--border-warm);border-radius:var(--radius-comfortable);background:var(--pure-white);min-height:40px;color:var(--anthropic-near-black);font:inherit;padding:0 var(--space-3)}.user-quick-links{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-cream);grid-template-columns:1fr 1fr;display:grid}.user-quick-links a{border-radius:var(--radius-comfortable);background:var(--border-cream);min-height:38px;color:var(--olive-gray);font-size:var(--text-caption);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.user-quick-links a:hover{color:var(--anthropic-near-black)}.site-footer{display:none}.footer-content{max-width:var(--container-max-width);text-align:center;margin:0 auto}.footer-text{font-size:var(--text-caption);color:var(--stone-gray);margin:0}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.text-ja{font-family:var(--font-ja)}.text-near-black{color:var(--anthropic-near-black)}.text-olive{color:var(--olive-gray)}.text-stone{color:var(--stone-gray)}.text-terracotta{color:var(--terracotta-brand)}.bg-parchment{background-color:var(--parchment)}.bg-ivory{background-color:var(--ivory)}.bg-dark{background-color:var(--anthropic-near-black)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}@media (width<=768px){:root{--text-display:2.5rem;--text-section:2.25rem;--text-subheading-large:1.75rem;--text-subheading:1.5rem;--text-body-standard:1.02rem;--text-caption:.93rem}.site-nav{gap:var(--space-4)}.nav-collection .site-nav{gap:var(--space-2)}.page:not(.word-link-map-page){padding:var(--space-4) var(--space-3)}}.lesson-list{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.lesson-check-panel{margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid var(--border-cream);border-radius:var(--radius-very);background:var(--ivory)}.lesson-check-toggle{align-items:center;gap:var(--space-3);font-weight:600;display:flex}.lesson-check-hint,.lesson-check-warning{color:var(--text-muted,#68645c);line-height:1.6}.lesson-check-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.lesson-check-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.lesson-check-item{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-cream);border-radius:var(--radius-very);background:#fffdfa;grid-template-columns:48px 1fr;display:grid}.lesson-check-index{background:#f5f0e6;border-radius:999px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.lesson-check-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lesson-check-ja,.lesson-check-arc,.lesson-check-meta{margin:var(--space-2) 0 0;color:var(--text-muted,#68645c);line-height:1.6}.lesson-check-links{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.lesson-check-links code{color:#8a8478;font-size:12px}.lesson-card{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-7);box-shadow:var(--shadow-whisper);transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.lesson-card:hover{border-color:var(--border-warm);transform:translateY(-2px);box-shadow:0 10px 30px #0000000f}.unit-card.locked{opacity:.66;filter:grayscale(.2)}.unit-card.locked:hover{border-color:var(--border-cream);box-shadow:var(--shadow-whisper);transform:none}.unit-lock-hint{margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border-cream);color:var(--stone-gray);font-size:var(--text-caption)}.lesson-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.lesson-card h2{font-size:var(--text-subheading-sm);margin:0 0 var(--space-3)}.lesson-scenario{font-size:var(--text-body-standard);color:var(--olive-gray);margin:0 0 var(--space-5);line-height:1.7}.lesson-card-meta{gap:var(--space-5);font-size:var(--text-caption);color:var(--stone-gray);flex-wrap:wrap;display:flex}.lesson-detail .title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.lesson-detail.page{max-width:1440px;padding-left:clamp(var(--space-4), 3vw, var(--space-10));padding-right:clamp(var(--space-4), 3vw, var(--space-10))}.unit-kicker{margin:0 0 var(--space-2);font-size:var(--text-caption);color:var(--terracotta-brand);font-weight:var(--weight-semibold)}.unit-status-stack{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.lesson-locked-panel{max-width:680px;margin:var(--space-12) auto;padding:var(--space-8);text-align:center;background:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);box-shadow:var(--shadow-whisper)}.lesson-locked-panel h1{font-size:var(--text-subheading);margin-bottom:var(--space-3)}.lesson-locked-panel p{margin-bottom:var(--space-6)}.lesson-locked-icon{width:58px;height:58px;margin-bottom:var(--space-4);border-radius:var(--radius-generous);background:var(--warm-sand);color:var(--stone-gray);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:inline-flex}.lesson-story-card{margin-top:var(--space-5);padding:var(--space-6);border-radius:var(--radius-very);background:linear-gradient(135deg, #c9644214, #ffffff9e), var(--ivory);box-shadow:var(--shadow-whisper);border:1px solid #c964422e}.lesson-story-topline{gap:var(--space-2);margin-bottom:var(--space-3);color:var(--terracotta-brand);font-size:var(--text-label);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.lesson-story-topline span{border-radius:var(--radius-highly);background:#c964421a;align-items:center;padding:4px 10px;display:inline-flex}.lesson-story-card h2{margin:0 0 var(--space-3);font-size:var(--text-subheading-sm)}.lesson-story-card p{color:var(--olive-gray);font-size:var(--text-body-standard);margin:0;line-height:1.75}.lesson-story-next{padding-top:var(--space-4);border-top:1px dashed #c9644238;margin-top:var(--space-4)!important;color:var(--charcoal-warm)!important}.pixel-episode-card{margin-top:var(--space-5);padding:var(--space-5);border:2px solid var(--anthropic-near-black);border-radius:var(--radius-very);background:linear-gradient(135deg, #171411 0 44%, #f8ead0 44% 100%), var(--ivory);position:relative;overflow:hidden;box-shadow:0 18px 46px #14141324}.pixel-episode-card.is-closed{padding:var(--space-3);background:var(--ivory);border-color:var(--border-cream);box-shadow:var(--shadow-whisper)}.pixel-episode-card:before{content:"";pointer-events:none;border:1px solid #ffffff38;position:absolute;inset:12px}.pixel-episode-card.is-closed:before{display:none}.pixel-episode-toggle{z-index:1;width:100%;min-height:66px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-comfortable);color:var(--anthropic-near-black);cursor:pointer;align-items:center;gap:var(--space-3);text-align:left;font:inherit;background:#fffaf0f2;border:1px solid #ffffff38;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.pixel-episode-card.is-closed .pixel-episode-toggle{border-color:var(--border-cream);background:var(--ivory)}.pixel-episode-toggle>span:first-child{gap:3px;min-width:0;display:grid}.pixel-episode-toggle strong{color:var(--anthropic-near-black);font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.pixel-episode-toggle small{color:var(--stone-gray);font-size:var(--text-label)}.pixel-episode-toggle-action{border-radius:var(--radius-highly);background:var(--warm-sand);min-width:52px;color:var(--olive-gray);font-size:var(--text-caption);font-weight:var(--weight-medium);text-align:center;padding:6px 10px}.pixel-episode-content{margin-top:var(--space-4)}.pixel-episode-card.is-closed .pixel-episode-content,.pixel-episode-card.is-closed .affinity-greeting-banner{display:none}.pixel-episode-grid{gap:var(--space-5);grid-template-columns:minmax(150px,220px) 1fr;align-items:stretch;display:grid;position:relative}.pixel-hero-portrait{border:2px solid var(--anthropic-near-black);border-radius:var(--radius-comfortable);min-height:220px;image-rendering:pixelated;background:#f4dfba;justify-content:center;align-items:end;display:grid;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff4f}.pixel-hero-portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.pixel-hero-portrait span{color:var(--anthropic-near-black);font-size:5rem;font-weight:var(--weight-semibold)}.pixel-episode-main{border-radius:var(--radius-comfortable);padding:var(--space-5);background:#fffaf0e8;border:1px solid #1414132e}.pixel-episode-topline{gap:var(--space-2);margin-bottom:var(--space-3);color:var(--terracotta-brand);font-size:var(--text-label);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.pixel-episode-topline span,.pixel-quest-box span{border-radius:var(--radius-highly);background:#c964421a;padding:4px 10px}.pixel-episode-main h2{margin:0 0 var(--space-3);font-size:var(--text-subheading-sm)}.pixel-episode-main p{color:var(--olive-gray);font-size:var(--text-body-standard);margin:0;line-height:1.75}.pixel-quest-box{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed #c9644238}.pixel-quest-box span{color:var(--terracotta-brand);font-size:var(--text-label);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);display:inline-flex}.pixel-quest-box p{color:var(--charcoal-warm)}.pixel-episode-footer{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1.4fr 1fr;display:grid;position:relative}.pixel-party-strip{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.pixel-party-member{--pixel-accent:var(--terracotta-brand);gap:var(--space-3);min-height:72px;padding:var(--space-3);border:1px solid color-mix(in srgb, var(--pixel-accent), #fff 65%);border-radius:var(--radius-comfortable);background:#fffaf0ed;align-items:center;display:flex}.pixel-party-member strong,.pixel-party-member span{display:block}.pixel-party-member strong{color:var(--anthropic-near-black);font-size:var(--text-body-small)}.pixel-party-member span{color:var(--stone-gray);font-size:var(--text-label);line-height:1.45}.pixel-party-avatar{border:2px solid var(--pixel-accent);border-radius:var(--radius-comfortable);width:48px;height:48px;image-rendering:pixelated;background:#f6e6c8;flex:none;place-items:center;display:grid;overflow:hidden}.pixel-party-avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.pixel-party-avatar span{color:var(--pixel-accent);font-weight:var(--weight-semibold)}.pixel-cast-panel{gap:var(--space-3);flex-direction:column;display:flex}.pixel-cast-toggle{width:100%;min-height:72px;padding:var(--space-3) var(--space-4);border:2px solid var(--anthropic-near-black);border-radius:var(--radius-comfortable);color:var(--anthropic-near-black);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-3);background:#fffaf0f2;display:flex;box-shadow:inset 0 0 0 4px #fff6}.pixel-cast-toggle:hover{transform:translateY(-1px)}.pixel-cast-toggle span,.pixel-cast-toggle strong{display:block}.pixel-cast-toggle span{font-size:var(--text-body-small);font-weight:var(--weight-semibold)}.pixel-cast-toggle strong{color:var(--terracotta-brand);font-size:var(--text-label);white-space:nowrap}.pixel-cast-drawer{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.pixel-cast-card{align-items:flex-start;min-height:116px}.pixel-cast-card.is-locked{background:#f3efe3d9;border-style:dashed}.pixel-cast-card.is-locked .pixel-party-avatar{border-color:var(--stone-gray);background:#e5e0d2}.pixel-cast-card.is-locked .pixel-party-avatar span{color:var(--stone-gray)}.pixel-cast-copy{min-width:0}.pixel-cast-title-row{gap:var(--space-2);justify-content:space-between;align-items:center;display:flex}.pixel-cast-status{border-radius:var(--radius-highly);background:color-mix(in srgb, var(--pixel-accent), #fff 78%);font-weight:var(--weight-semibold);flex:none;padding:2px 8px;color:var(--pixel-accent)!important;font-size:.68rem!important}.pixel-cast-copy p{color:var(--olive-gray);font-size:var(--text-label);margin:6px 0 0;line-height:1.5}.pixel-cast-copy em{border-radius:var(--radius-highly);color:var(--terracotta-brand);font-size:.68rem;font-style:normal;font-weight:var(--weight-semibold);background:#c964421a;margin-top:8px;padding:3px 8px;display:inline-flex}.pixel-quest-stats{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.pixel-quest-stats div{min-height:72px;padding:var(--space-3);border-radius:var(--radius-comfortable);background:#fffaf0f2;border:1px solid #14141324}.pixel-quest-stats span,.pixel-quest-stats strong{display:block}.pixel-quest-stats span{color:var(--stone-gray);font-size:var(--text-label);margin-bottom:6px}.pixel-quest-stats strong{color:var(--anthropic-near-black);font-size:var(--text-body-large)}.palette-oda{--pixel-accent:#c96442}.palette-zhen{--pixel-accent:#d76d83}.palette-shi{--pixel-accent:#5d8a72}.palette-zhang{--pixel-accent:#6f7286}.palette-teacher{--pixel-accent:#6f7fb5}.palette-town{--pixel-accent:#c58c38}.palette-neutral{--pixel-accent:#8b8176}.scenario-box{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-6);box-shadow:var(--shadow-whisper);margin-top:var(--space-5);color:var(--olive-gray)}.scenario-box span{margin-bottom:var(--space-2);color:var(--terracotta-brand);font-size:var(--text-label);font-weight:var(--weight-semibold);display:inline-flex}.scenario-box p{color:var(--olive-gray);font-size:var(--text-body-large);margin:0;line-height:1.7}.tag-row{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-label);color:var(--charcoal-warm);background-color:var(--warm-sand);border:1px solid var(--border-cream);border-radius:var(--radius-highly);padding:4px 10px}.unit-section{position:relative}.unit-section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.unit-section-label{margin-bottom:var(--space-2);font-size:var(--text-label);color:var(--terracotta-brand);font-weight:var(--weight-semibold);display:inline-flex}.unit-section-head h2{margin:0}.dialogue{gap:var(--space-4);flex-direction:column;display:flex}.dialogue-line{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-5);box-shadow:var(--shadow-whisper)}.dialogue-line .speaker{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--terracotta-brand);margin-bottom:var(--space-2);display:inline-flex}.dialogue-line .ja{font-family:var(--font-ja);color:var(--anthropic-near-black);margin:0 0 var(--space-2);font-size:1.25rem;line-height:1.7}.dialogue-line .romaji{color:color-mix(in srgb, var(--pixel-accent,var(--terracotta-brand)), var(--olive-gray) 45%);font-size:var(--text-body-small);margin:calc(var(--space-2) * -.3) 0 var(--space-2);overflow-wrap:anywhere;line-height:1.55}.dialogue-line .zh{font-size:var(--text-body-standard);color:var(--olive-gray);margin:0;line-height:1.7}.chat-dialogue{min-height:220px;padding:var(--space-5);background:linear-gradient(180deg, #171411, #2b211d), var(--anthropic-near-black);border:2px solid var(--anthropic-near-black);border-radius:var(--radius-very);box-shadow:inset 0 0 0 1px #ffffff18, var(--shadow-whisper)}.chat-bubble{gap:var(--space-3);border:2px solid var(--anthropic-near-black);background:#fffaf0;align-items:flex-start;width:min(88%,760px);animation:.25s moatFadeIn;display:flex}.chat-bubble.from-left{border-bottom-left-radius:var(--radius-sharp);align-self:flex-start}.chat-bubble.from-right{border-bottom-right-radius:var(--radius-sharp);background:#fff4e5;flex-direction:row-reverse;align-self:flex-end}@media (width<=1024px){.chat-dialogue{padding:var(--space-4)}.chat-dialogue .chat-bubble{width:100%}.chat-dialogue .chat-bubble.from-right{flex-direction:row}}.chat-bubble-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.pixel-speaker-frame{border:2px solid var(--pixel-accent,var(--terracotta-brand));border-radius:var(--radius-comfortable);width:74px;height:74px;image-rendering:pixelated;background:#f5dfbd;flex:none;place-items:center;display:grid;overflow:hidden}.pixel-speaker-frame img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.pixel-speaker-frame span{color:var(--pixel-accent,var(--terracotta-brand));font-size:1.4rem;font-weight:var(--weight-semibold)}.chat-bubble-body{flex:1;min-width:0}.chat-bubble.palette-oda,.chat-bubble.palette-zhen,.chat-bubble.palette-shi,.chat-bubble.palette-zhang,.chat-bubble.palette-teacher,.chat-bubble.palette-town,.chat-bubble.palette-neutral{border-color:color-mix(in srgb, var(--pixel-accent), #141413 45%)}.speaker-role{color:var(--stone-gray);font-size:var(--text-label);white-space:nowrap}.dialogue-play-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dialogue-romaji-toggle{border:1px solid var(--border-warm);border-radius:var(--radius-highly);background:var(--ivory);color:var(--olive-gray);cursor:pointer;font:inherit;font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:8px 12px;transition:background-color .2s,border-color .2s,color .2s}.dialogue-romaji-toggle.is-on{color:var(--terracotta-brand);background:#c9644217;border-color:#c9644259}.dialogue-playing-badge{align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--terracotta-brand);font-weight:var(--weight-medium);display:inline-flex}.dialogue-playing-dot{background-color:var(--terracotta-brand);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dialogue-pulse}@keyframes dialogue-pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.dialogue-finished-badge{font-size:var(--text-caption);color:var(--sage-deep);font-weight:var(--weight-medium)}.dialogue-line.chat-bubble.is-speaking{box-shadow:0 0 0 2px color-mix(in srgb, var(--pixel-accent), #fff 45%), 0 14px 30px #00000024}.dialogue-line.chat-bubble[role=button]{cursor:pointer}.dialogue-line.chat-bubble[role=button]:hover .ja{color:var(--terracotta-brand)}.speak-line-btn{border:1px solid var(--border-warm);border-radius:var(--radius-highly);background:var(--pure-white);color:var(--terracotta-brand);font:inherit;font-size:var(--text-label);cursor:pointer;padding:4px 10px}.dialogue-word-hit{color:var(--anthropic-near-black);font:inherit;line-height:inherit;cursor:pointer;background:#c9644214;border:none;border-bottom:2px solid #c9644247;padding:0 2px;display:inline}.dialogue-word-hit:hover{border-bottom-color:var(--terracotta-brand);background:#c9644224}.dialogue-empty{text-align:center;min-height:160px;color:var(--stone-gray);font-size:var(--text-caption);justify-content:center;align-items:center;display:flex}.dialogue-vocab-popover{bottom:var(--space-4);z-index:5;max-width:560px;max-height:min(70vh,640px);margin:var(--space-4) 0 0 auto;padding:var(--space-5);border-radius:var(--radius-very);background:var(--pure-white);border:1px solid #c9644238;position:sticky;overflow-y:auto;box-shadow:0 16px 48px #0000001f}.vocab-popover-close{top:var(--space-3);right:var(--space-3);border:1px solid var(--border-cream);border-radius:var(--radius-comfortable);background:var(--ivory);cursor:pointer;width:30px;height:30px;position:absolute}.vocab-popover-word{font-family:var(--font-ja);color:var(--anthropic-near-black);margin-bottom:var(--space-1);font-size:1.65rem}.vocab-popover-reading{color:var(--stone-gray);font-size:var(--text-caption);margin-bottom:var(--space-3)}.vocab-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.vocab-collection-status{color:var(--stone-gray);font-size:var(--text-caption);align-self:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.vocab-collection-link{color:var(--accent-coral,#c96442);font-weight:600;text-decoration:none}.vocab-popover-collected a{color:var(--accent-coral,#c96442);margin-left:.35rem;font-weight:600}.card-backpack-entry,.card-collection-summary{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid var(--border-cream);border-radius:var(--radius-very);background:var(--ivory);flex-wrap:wrap;display:flex}.card-backpack-entry-meta,.card-collection-summary>div{text-align:center;gap:.2rem;display:grid}.card-backpack-entry-meta strong,.card-collection-summary strong{font-size:1.75rem}.card-collection-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.card-collection-filters button{color:#6d6558;cursor:pointer;background:#fffaf2;border:1px solid #c4b59c;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;transition:border-color .15s,color .15s;box-shadow:inset 0 1px #fffc}.card-collection-filters button:hover{border-color:#a85f45}.card-collection-filters button.is-active{color:#a85f45;background:#fff5eb;border-color:#a85f45;font-weight:600;box-shadow:inset 0 1px #fffc,0 0 0 1px #a85f4522}.card-backpack-filters{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px dashed #c4b59c88}.card-backpack-filter-empty{margin:0 0 var(--space-2);padding:var(--space-4);text-align:center;color:#8a8275;font-size:.9rem}.card-backpack-panel{--backpack-slot-size:58px;padding:var(--space-3);background:linear-gradient(#efe6d4 0%,#e2d6c0 55%,#d8cab2 100%);border:3px solid #c4b59c;border-radius:18px;box-shadow:inset 0 0 0 1px #fffaf2,inset 0 -10px 18px #00000008,0 12px 28px #00000012}.card-backpack-panel.is-collapsed{box-shadow:none;background:0 0;border:none;width:fit-content;padding:0}.card-backpack-fab{cursor:pointer;width:64px;height:64px;font:inherit;color:#6d6558;background:radial-gradient(circle at 30% 20%,#fff8ee 0%,#eadfce 45%,#d9c9ad 100%);border:3px solid #c4b59c;border-radius:18px;place-items:center;padding:0;transition:transform .15s,border-color .15s;display:grid;position:relative;box-shadow:inset 0 2px #fffdf8,inset 0 -8px 14px #00000010,0 8px 16px #00000016}.card-backpack-fab:hover{border-color:#a85f45;transform:translateY(-2px)scale(1.02)}.card-backpack-fab-icon{filter:drop-shadow(0 2px #9a6d4288);width:30px;height:34px;display:block;position:relative}.card-backpack-fab-body{background:linear-gradient(#e2b37d 0%,#c58d55 100%);border:2px solid #8f6f45;border-radius:7px 7px 9px 9px;position:absolute;inset:9px 3px 1px;box-shadow:inset 0 -4px #9a6a3f}.card-backpack-fab-flap{background:#f0d2a8;border:2px solid #8f6f45;border-bottom:0;border-radius:5px 5px 0 0;height:11px;position:absolute;top:4px;left:6px;right:6px}.card-backpack-fab-strap{background:#d4a064;border:2px solid #8f6f45;border-bottom:0;border-radius:5px 5px 0 0;width:10px;height:9px;margin-left:-5px;position:absolute;top:0;left:50%}.card-backpack-fab-count{color:#fff;text-align:center;background:#c96442;border:2px solid #fffaf2;border-radius:999px;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #00000020}.card-backpack-panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:#6d6558;font-size:var(--text-caption);border-bottom:1px solid #cfc0a6;padding:.35rem .45rem .55rem;display:flex}.card-backpack-panel-head span{letter-spacing:.08em;font-weight:700}.card-backpack-panel-actions{align-items:center;gap:var(--space-3);display:flex}.card-backpack-toggle{color:#6d6558;cursor:pointer;background:#fffaf2;border:1px solid #c8bea8;border-radius:999px;padding:.2rem .65rem;font-size:12px}.card-backpack-toggle:hover{border-color:var(--accent-coral,#c96442);color:var(--accent-coral,#c96442)}.card-backpack-grid{flex-wrap:wrap;gap:6px;display:flex}.card-backpack-slot{width:var(--backpack-slot-size);height:var(--backpack-slot-size);flex:0 0 var(--backpack-slot-size);background:#cfc3aa;border-radius:11px;padding:3px;box-shadow:inset 0 3px 6px #00000020,inset 0 -1px #fff8ef66}.card-backpack-slot.is-empty{background:#d5cab3}.card-backpack-slot.is-selected{outline:2px solid var(--accent-coral,#c96442);outline-offset:2px}.card-backpack-card{cursor:pointer;width:100%;height:100%;font:inherit;color:inherit;text-align:center;background:linear-gradient(#fffef9 0%,#f8f1e4 100%);border:1px solid #fffaf5;border-radius:7px;align-content:center;justify-items:center;gap:2px;padding:4px 3px;display:grid;box-shadow:0 1px #fff,0 4px 10px #00000010}.card-backpack-card:hover{transform:translateY(-1px)}.card-backpack-card-badge{color:#7a7264;background:#f0e7d8;border-radius:999px;padding:1px 4px;font-size:8px;line-height:1}.card-backpack-card-word{word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.card-backpack-empty-slot{background:#ece4d4;border:1px dashed #c8bea8;border-radius:7px;width:100%;height:100%}.slot-phrase .card-backpack-card{border-color:#f2d2c3}.slot-phrase .card-backpack-card-badge{color:#a85f45;background:#fde8df}.slot-noun .card-backpack-card{border-color:#c9d8ef}.slot-noun .card-backpack-card-badge{color:#4f6f9d;background:#e4eefb}.slot-verb .card-backpack-card{border-color:#c8e6cf}.slot-verb .card-backpack-card-badge{color:#4d7a57;background:#e3f4e7}.slot-adjective .card-backpack-card{border-color:#ead9f7}.slot-adjective .card-backpack-card-badge{color:#7d5a9c;background:#f2e7fb}.slot-particle .card-backpack-card{border-color:#e6dfd2}.slot-particle .card-backpack-card-badge{color:#7a6f5d;background:#efe9de}.card-backpack-detail{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed #c4b59c88}.card-backpack-detail-card{padding:var(--space-4) var(--space-5);background:linear-gradient(#fffaf2 0%,#f5efe3 100%);border:2px solid #c4b59c;border-radius:14px;box-shadow:inset 0 1px #fffc}.card-backpack-detail-badge{margin-bottom:var(--space-2);color:var(--stone-gray);font-size:12px;display:inline-block}.card-backpack-detail-card h2{margin:0 0 var(--space-2);font-size:1.75rem}.card-backpack-detail-reading{color:var(--stone-gray);margin:0 0 var(--space-2)}.card-backpack-detail-meaning{margin:0 0 var(--space-3);font-size:1.05rem}.card-backpack-detail-source{color:var(--stone-gray);margin:0;font-size:12px}@media (width>=720px){.card-backpack-panel{--backpack-slot-size:64px}}.card-collection-empty{padding:var(--space-7);border:1px dashed var(--border-cream);border-radius:var(--radius-very);text-align:center}.vocab-group-stack{gap:var(--space-3);display:grid}.vocab-group{border:1px solid var(--border-cream);border-radius:var(--radius-very);background:color-mix(in srgb, var(--ivory), var(--parchment) 30%);box-shadow:var(--shadow-whisper);overflow:hidden}.vocab-group-toggle{align-items:center;gap:var(--space-4);width:100%;min-height:68px;padding:var(--space-4) var(--space-5);color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.vocab-group-toggle:hover{background:#fffaf08c}.vocab-group-copy{gap:2px;min-width:0;display:grid}.vocab-group-copy strong{color:var(--anthropic-near-black);font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium);line-height:1.2}.vocab-group-copy small{color:var(--stone-gray);font-size:var(--text-label);text-overflow:ellipsis;white-space:nowrap;line-height:1.45;overflow:hidden}.vocab-group-meta{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.vocab-group-meta span,.vocab-group-meta em{border-radius:var(--radius-highly);font-size:var(--text-label);font-style:normal;font-weight:var(--weight-semibold);padding:5px 10px}.vocab-group-meta span{background:var(--parchment);color:var(--olive-gray)}.vocab-group-meta em{color:var(--terracotta-brand);background:#c9644217}.vocab-group .vocab-grid{padding:0 var(--space-5) var(--space-5)}.vocab-card{text-align:left;background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-5);min-height:160px;box-shadow:var(--shadow-whisper);transition:transform .2s,border-color .2s}.vocab-card-hit{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:0}.vocab-card:hover,.vocab-card:focus-within{border-color:#c9644247;transform:translateY(-2px)}.vocab-card.is-collected{background:linear-gradient(135deg, #6b90800d, #fffaf0 42%), var(--ivory);border-color:#6b908059}.vocab-card.is-expanded{border-color:#c9644266;grid-column:1/-1;box-shadow:0 12px 28px #00000012}.vocab-card-expand-hint{margin-top:var(--space-3);color:var(--terracotta-brand);font-size:var(--text-caption);font-weight:var(--weight-medium);display:block}.vocab-card-detail{margin-top:var(--space-3);padding-top:var(--space-4);text-align:left;border-top:1px dashed #c4b59c88}.vocab-card-detail-label{margin:0 0 var(--space-1);color:var(--stone-gray);font-size:var(--text-label);font-weight:var(--weight-semibold)}.vocab-card-detail-meaning{margin:0 0 var(--space-3);color:var(--anthropic-near-black);font-size:1.05rem;line-height:1.6}.vocab-card-collected{margin:var(--space-3) 0 0;color:var(--sage-deep);font-size:var(--text-caption)}.vocab-card-collected a{color:var(--accent-coral,#c96442);margin-left:.35rem;font-weight:600;text-decoration:none}.vocab-card-token{color:var(--terracotta-brand);border-radius:var(--radius-highly);margin-bottom:var(--space-3);font-size:var(--text-label);font-weight:var(--weight-semibold);background:#c9644217;padding:4px 10px;display:inline-flex}.vocab-card .vocab-ja{font-family:var(--font-ja);color:var(--anthropic-near-black);margin-bottom:var(--space-1);font-size:1.35rem}.vocab-card .vocab-reading{font-size:var(--text-caption);color:var(--stone-gray);margin-bottom:var(--space-3)}.vocab-card .vocab-meaning{font-size:var(--text-body-standard);color:var(--olive-gray);margin:0;line-height:1.6}@media (width<=768px){.vocab-group-toggle{min-height:60px;padding:var(--space-3) var(--space-4)}.vocab-group-copy strong{font-size:1.35rem}.vocab-group-copy small{white-space:normal}.vocab-group .vocab-grid{padding:0 var(--space-4) var(--space-4)}}@media (width<=480px){.vocab-group-toggle{gap:var(--space-2);grid-template-columns:1fr}.vocab-group-meta{justify-content:flex-start}}.vocab-memory-block{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-cream)}.vocab-popover-collected{color:var(--sage-deep);font-size:var(--text-caption);font-weight:var(--weight-medium);margin:var(--space-2) 0 0}.vocab-memory-block.compact{font-size:var(--text-caption)}.vocab-memory-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--terracotta-brand);font-size:var(--text-label);font-weight:700;display:flex}.honor-hall-container{background:linear-gradient(180deg, var(--ivory) 0%, #f5f0e8 100%);min-height:100vh;padding:var(--space-6);padding-bottom:180px}.honor-hall-header{text-align:center;margin-bottom:var(--space-8);position:relative}.honor-hall-avatar-section{margin-bottom:var(--space-5);display:inline-block;position:relative}.honor-hall-avatar{border:4px solid var(--terracotta-brand);object-fit:cover;border-radius:50%;width:120px;height:120px;box-shadow:0 8px 24px #c964424d}.honor-hall-level-badge{background:linear-gradient(135deg, var(--terracotta-brand), #a35030);color:var(--ivory);font-size:var(--text-body-standard);font-weight:var(--weight-bold);white-space:nowrap;border-radius:20px;padding:6px 16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #c9644266}.honor-hall-title{color:var(--anthropic-near-black);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:var(--weight-bold);margin:0 0 var(--space-3);letter-spacing:.05em}.honor-hall-subtitle{color:var(--stone-gray);font-size:var(--text-body-large);margin:0}.honor-hall-progress-card{background:var(--ivory);border:2px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-whisper)}.honor-hall-progress-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.honor-hall-progress-title{color:var(--anthropic-near-black);font-size:var(--text-heading-2);font-weight:var(--weight-semibold);margin:0}.honor-hall-progress-value{color:var(--terracotta-brand);font-size:var(--text-heading-2);font-weight:var(--weight-bold)}.honor-hall-progress-bar{background:var(--border-cream);border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.honor-hall-progress-fill{background:linear-gradient(90deg, var(--terracotta-brand), #d47a5c);border-radius:6px;height:100%;transition:width .5s;box-shadow:0 2px 8px #c964424d}.honor-hall-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.honor-hall-stat-card{background:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-whisper);transition:transform .2s}.honor-hall-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.honor-hall-stat-value{color:var(--terracotta-brand);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.honor-hall-stat-label{color:var(--stone-gray);font-size:var(--text-body-standard);margin:0}.achievements-section{margin-bottom:var(--space-6)}.achievements-section-title{color:var(--anthropic-near-black);font-size:var(--text-heading-2);font-weight:var(--weight-semibold);margin:0 0 var(--space-5);text-align:center}.achievements-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.achievement-card{background:var(--ivory);border:2px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-4);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:120px;transition:all .3s;display:flex;position:relative}.achievement-card.unlocked{background:linear-gradient(135deg, #fffaf0 0%, var(--ivory) 100%);border-color:var(--terracotta-brand);box-shadow:0 4px 12px #c9644233}.achievement-card.unlocked:hover{transform:translateY(-4px);box-shadow:0 8px 20px #c964424d}.achievement-card.locked{opacity:.6;background:var(--border-cream);border-color:#0000}.achievement-icon{margin-bottom:var(--space-2);filter:drop-shadow(0 2px 4px #0000001a);font-size:clamp(2.5rem,6vw,3.5rem)}.achievement-card.locked .achievement-icon{filter:grayscale()brightness(.7)}.achievement-name{color:var(--anthropic-near-black);font-size:var(--text-body-standard);font-weight:var(--weight-semibold);margin:0;line-height:1.3}.achievement-card.locked .achievement-name{color:var(--stone-gray)}.achievement-date{color:var(--terracotta-brand);font-size:var(--text-caption);margin-top:var(--space-1);font-weight:var(--weight-medium)}.achievement-progress{width:100%;height:6px;margin-top:var(--space-2);background:#c964421a;border-radius:10px;overflow:hidden}.achievement-progress-fill{background:var(--terracotta-brand);border-radius:10px;height:100%;transition:width .3s}.back-button{top:var(--space-4);left:var(--space-4);border:2px solid var(--border-cream);cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:fixed;box-shadow:0 2px 8px #0000001a}.back-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.back-button:active{transform:scale(.95)}.back-button svg{width:24px;height:24px;fill:var(--anthropic-near-black)}.login-collapse-card{bottom:var(--space-4);background:var(--ivory);border:2px solid var(--border-cream);border-radius:var(--radius-very);z-index:50;width:90%;max-width:400px;transition:all .3s;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 -4px 16px #0000001a}.login-collapse-card.collapsed .login-collapse-content{max-height:0;padding-top:0;padding-bottom:0}.login-collapse-header{background:linear-gradient(135deg, var(--terracotta-brand), #a35030);color:var(--ivory);padding:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.login-collapse-header h3{font-size:var(--text-body-large);font-weight:var(--weight-semibold);margin:0}.login-collapse-toggle{font-size:1.5rem;transition:transform .3s}.login-collapse-card.collapsed .login-collapse-toggle{transform:rotate(-90deg)}.login-collapse-content{max-height:400px;padding:var(--space-5);transition:all .3s;overflow-y:auto}.login-collapse-input{border:2px solid var(--border-cream);border-radius:var(--radius-highly);width:100%;font-size:var(--text-body-standard);margin-bottom:var(--space-3);background:var(--ivory);color:var(--anthropic-near-black);box-sizing:border-box;padding:12px 16px;transition:border-color .2s}.login-collapse-input:focus{border-color:var(--terracotta-brand);outline:none}.login-collapse-button{background:var(--terracotta-brand);width:100%;color:var(--ivory);border-radius:var(--radius-highly);font-size:var(--text-body-large);font-weight:var(--weight-semibold);cursor:pointer;border:none;padding:14px 20px;transition:background .2s}.login-collapse-button:hover{background:#a35030}.login-collapse-footer{text-align:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-cream)}.login-collapse-footer a{color:var(--terracotta-brand);font-weight:var(--weight-medium);text-decoration:none}.login-collapse-footer a:hover{text-decoration:underline}.achievement-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.achievement-modal{background:var(--ivory);border-radius:var(--radius-very);padding:var(--space-6);width:400px;max-width:90%;animation:.3s slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.achievement-modal-header{text-align:center;margin-bottom:var(--space-5)}.achievement-modal-icon{margin-bottom:var(--space-3);font-size:4rem}.achievement-modal-title{color:var(--anthropic-near-black);font-size:var(--text-heading-2);font-weight:var(--weight-bold);margin:0 0 var(--space-2)}.achievement-modal-date{color:var(--terracotta-brand);font-size:var(--text-body-standard);margin:0}.achievement-modal-body{color:var(--olive-gray);font-size:var(--text-body-large);margin-bottom:var(--space-5);line-height:1.6}.achievement-modal-close{background:var(--terracotta-brand);width:100%;color:var(--ivory);border-radius:var(--radius-highly);font-size:var(--text-body-large);font-weight:var(--weight-semibold);cursor:pointer;border:none;padding:14px 20px;transition:background .2s}.achievement-modal-close:hover{background:#a35030}.vocab-memory-section+.vocab-memory-section{margin-top:var(--space-4)}.vocab-memory-section strong{margin-bottom:var(--space-2);color:var(--anthropic-near-black);font-size:var(--text-label);display:block}.vocab-memory-section p{color:var(--olive-gray);font-size:var(--text-caption);margin:0;line-height:1.65}.vocab-memory-section ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.vocab-memory-section li{gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-comfortable);background:var(--parchment);grid-template-columns:minmax(4.5rem,auto) 1fr;align-items:start;display:grid}.vocab-memory-section li span{color:var(--anthropic-near-black);word-break:keep-all;font-weight:700}.memory-method-page{gap:var(--space-6);flex-direction:column;display:flex}.memory-level-selector{gap:var(--space-3);display:flex}.level-btn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--border-cream);border-radius:var(--radius-generous);background:var(--ivory);color:var(--charcoal-warm);cursor:pointer;flex:1;transition:all .2s;display:flex}.level-btn:hover{background:var(--parchment);border-color:var(--ring-warm)}.level-btn.active{background:var(--terracotta-brand);border-color:var(--terracotta-brand);color:var(--ivory)}.level-btn.active .level-sub{color:#ffffffbf}.level-icon{background:var(--parchment);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;font-weight:700;display:flex}.level-btn.active .level-icon{background:#fff3}.level-info{text-align:left;flex-direction:column;display:flex}.level-title{font-size:.95rem;font-weight:600}.level-sub{color:var(--stone-gray);font-size:.8rem}.memory-batch-selector{overflow:hidden}.batch-scroll{gap:var(--space-2);padding:var(--space-2) 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;display:flex;overflow-x:auto}.batch-scroll::-webkit-scrollbar{height:4px}.batch-scroll::-webkit-scrollbar-thumb{background:var(--ring-warm);border-radius:2px}.batch-chip{border:1px solid var(--border-cream);background:var(--ivory);min-width:40px;height:40px;color:var(--olive-gray);cursor:pointer;border-radius:20px;flex-shrink:0;font-size:.85rem;font-weight:500;transition:all .2s}.batch-chip:hover{background:var(--parchment);border-color:var(--ring-warm)}.batch-chip.active{background:var(--terracotta-brand);border-color:var(--terracotta-brand);color:var(--ivory)}.memory-srs-stage{gap:var(--space-5);grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);display:grid}.memory-srs-card,.memory-srs-method{padding:var(--space-6)}.memory-srs-card{align-content:center;min-height:420px;display:grid}.memory-srs-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.memory-srs-word{text-align:center}.memory-srs-reading,.memory-srs-word strong{display:block}.memory-srs-reading{color:var(--stone-gray);font-size:var(--text-body-standard);margin-bottom:var(--space-2)}.memory-srs-word strong{color:var(--anthropic-near-black);font-family:var(--font-serif);font-size:clamp(3.8rem,8vw,6.4rem);font-weight:var(--weight-medium);margin-bottom:var(--space-4);line-height:1}.memory-srs-meaning{text-align:center;color:var(--olive-gray);font-size:var(--text-body-large);margin-top:var(--space-4)}.memory-srs-scene{max-width:760px;margin:var(--space-5) auto 0;color:var(--charcoal-warm);line-height:1.75}.memory-srs-actions{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.memory-srs-actions button{border:1px solid var(--border-cream);border-radius:var(--radius-generous);background:var(--parchment);min-height:58px;color:var(--anthropic-near-black);font-weight:var(--weight-semibold)}.memory-srs-actions button:hover{border-color:var(--border-warm);background:var(--warm-sand)}.memory-srs-feedback{margin-top:var(--space-4);color:var(--terracotta-brand);font-size:var(--text-caption)}.memory-srs-method h2{margin:var(--space-2) 0 var(--space-4);font-size:var(--text-subheading-sm);line-height:1.35}.memory-srs-method ul{gap:var(--space-3);list-style:none;display:grid}.memory-srs-method li{padding:var(--space-3);border-radius:var(--radius-comfortable);background:var(--parchment);border:1px solid var(--border-cream)}.memory-srs-method li strong,.memory-srs-method li span{display:block}.memory-srs-method li strong{color:var(--terracotta-brand);margin-bottom:6px}.memory-srs-method li span{color:var(--olive-gray);line-height:1.6}.memory-loading,.memory-empty{padding:var(--space-8);text-align:center;color:var(--stone-gray)}.memory-cards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.memory-card{padding:var(--space-4);border:1px solid var(--border-cream);border-radius:var(--radius-very);background:var(--ivory);box-shadow:var(--shadow-whisper)}.memory-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.memory-word-main{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.memory-word-kanji{color:var(--anthropic-near-black);font-family:var(--font-serif);font-size:var(--text-subheading-sm)}.memory-word-reading,.memory-meaning,.memory-card-toggle{color:var(--stone-gray)}.memory-meaning{margin-top:var(--space-3);font-size:var(--text-body-standard)}.memory-card-body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border-cream)}.memory-section+.memory-section{margin-top:var(--space-4)}.memory-section h4{margin-bottom:var(--space-2);font-family:var(--font-sans);font-size:var(--text-caption);color:var(--terracotta-brand)}.memory-elements{gap:var(--space-2);list-style:none;display:grid}.memory-elements li,.memory-example-item{padding:var(--space-3);border-radius:var(--radius-comfortable);background:var(--parchment)}.element-method,.element-target,.element-bridge{display:block}.element-method{color:var(--stone-gray);font-size:var(--text-label)}.element-target{color:var(--anthropic-near-black);font-weight:var(--weight-semibold)}.element-bridge,.memory-scene,.memory-tip,.example-zh{color:var(--olive-gray)}.memory-examples{gap:var(--space-2);display:grid}.example-ja{align-items:center;gap:var(--space-2);display:flex}.memory-list-view{overflow-x:auto}.memory-table{border-collapse:collapse;background:var(--ivory);border-radius:var(--radius-very);width:100%;min-width:760px;overflow:hidden}.memory-table th,.memory-table td{padding:var(--space-3);border-bottom:1px solid var(--border-cream);text-align:left}.memory-table th{color:var(--stone-gray);font-size:var(--text-label)}.memory-play-btn{border:1px solid var(--border-cream);background:var(--warm-sand);border-radius:50%;width:36px;height:36px}.memory-play-btn.play-btn-sm{width:30px;height:30px}.memory-play-btn.play-btn-lg{width:48px;height:48px}.difficulty-stars{color:var(--warning);letter-spacing:1px}.prose{font-size:var(--text-body-large);color:var(--olive-gray);line-height:1.8}.exam-tip{padding:var(--space-5);border-radius:var(--radius-very);background-color:#c9644212;border:1px solid #c964422e}.badge-strong{color:var(--anthropic-near-black);background-color:#14141314;border-color:#14141324}.smart-izz-card{gap:var(--space-6);background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-maximum);padding:var(--space-8);box-shadow:var(--shadow-whisper);grid-template-columns:1fr;display:grid}.smart-izz-icon{font-size:2.4rem}.smart-izz-content h2{font-size:var(--text-subheading-sm);margin:0 0 var(--space-3)}.smart-izz-content p{font-size:var(--text-body-standard);line-height:1.75}.smart-izz-features{margin:var(--space-4) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.smart-izz-features li{background-color:var(--parchment);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-4);font-size:var(--text-body-standard);color:var(--olive-gray)}.smart-izz-action .btn{width:100%;font-size:var(--text-body-standard);justify-content:center;padding:14px 18px}@media (width<=768px){.lesson-card{padding:var(--space-6)}.lesson-detail .title-row,.unit-section-head{flex-direction:column}.oda-dashboard,.lesson-command-center,.memory-srs-stage,.lesson-goal-card{grid-template-columns:1fr}.oda-dashboard-main{padding:var(--space-6)}.oda-dashboard-main h1,.lesson-goal-card h2{font-size:2.4rem}.oda-route-list,.lesson-goal-meter,.memory-srs-actions{grid-template-columns:1fr}.lesson-word-trigger-inline{justify-content:center;width:100%}.unit-status-stack{flex-flow:wrap;align-items:flex-start}.scenario-box{font-size:var(--text-body-standard);padding:var(--space-5)}.pixel-episode-card{padding:var(--space-4)}.pixel-episode-grid,.pixel-episode-footer{grid-template-columns:1fr}.pixel-hero-portrait{justify-self:center;width:min(220px,100%);min-height:180px}.pixel-episode-main{padding:var(--space-4)}.pixel-party-strip,.pixel-cast-drawer,.pixel-quest-stats{grid-template-columns:1fr}.pixel-cast-toggle{flex-direction:column;align-items:flex-start}.chat-dialogue{padding:var(--space-3)}.chat-bubble{width:100%}.chat-bubble.from-right{flex-direction:row}.pixel-speaker-frame{width:58px;height:58px}.chat-bubble-top{flex-direction:column;align-items:flex-start;gap:2px}.dialogue-line .ja{font-size:1.15rem}}.smart-quiz-page .filter-tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.smart-quiz-page .filter-tab{align-items:center;gap:var(--space-2);background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-highly);cursor:pointer;font-size:var(--text-body-small);color:var(--olive-gray);padding:8px 12px;transition:all .2s;display:inline-flex}.smart-quiz-page .filter-tab:hover{border-color:var(--border-warm);color:var(--anthropic-near-black)}.smart-quiz-page .filter-tab.active{background-color:var(--terracotta-brand);border-color:var(--terracotta-brand);color:var(--ivory)}.smart-quiz-page .tab-count{font-size:var(--text-caption);opacity:.9}.smart-quiz-page .quiz-items{gap:var(--space-6);flex-direction:column;display:flex}.smart-quiz-page .quiz-item{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-7);box-shadow:var(--shadow-whisper)}.smart-quiz-page .quiz-item.correct{background:linear-gradient(#6b90800a,#6b90801a);border-color:#6b908059}.smart-quiz-page .quiz-item.wrong{background:linear-gradient(#b533330a,#b533331a);border-color:#b5333347}.smart-quiz-page .quiz-question h3{font-size:var(--text-subheading-sm);margin:0 0 var(--space-3)}.smart-quiz-page .quiz-ja-text{font-family:var(--font-ja);color:var(--anthropic-near-black);background-color:var(--parchment);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-4);margin-top:var(--space-3);font-size:1.25rem;line-height:1.75}.smart-quiz-page .quiz-options{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.smart-quiz-page .quiz-option{align-items:start;gap:var(--space-3);background-color:var(--parchment);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-4);cursor:pointer;font-size:var(--text-body-standard);color:var(--olive-gray);grid-template-columns:20px 24px 1fr auto;line-height:1.65;display:grid}.smart-quiz-page .quiz-option:hover{border-color:var(--border-warm);box-shadow:0 10px 24px #0000000d}.smart-quiz-page .quiz-option input[type=radio]{margin-top:4px}.smart-quiz-page .option-letter{font-weight:var(--weight-semibold);color:var(--terracotta-brand)}.smart-quiz-page .option-text{color:var(--anthropic-near-black)}.smart-quiz-page .quiz-option.selected{border-color:#c9644259;box-shadow:0 0 0 2px #c964421f}.smart-quiz-page .quiz-option.correct-answer{background-color:#6b90801f;border-color:#6b908059}.smart-quiz-page .quiz-option.wrong-answer{background-color:#b533331a;border-color:#b5333347}.smart-quiz-page .quiz-explanation p{font-size:var(--text-body-standard);line-height:1.75}.smart-quiz-page .quiz-type-tag.type-vocab_meaning{color:var(--sage-deep);background-color:#6b908026}.smart-quiz-page .quiz-type-tag.type-vocab_spelling{color:var(--terracotta-brand);background-color:#c964421f}.smart-quiz-page .quiz-type-tag.type-grammar{color:#5a4a78;background-color:#5a4a781f}.smart-quiz-page .quiz-type-tag.type-sentence_order{color:var(--sage-deep);background-color:#6b908026}.smart-quiz-page .quiz-type-tag.type-sentence_fill{color:#5a4a78;background-color:#5a4a781f}.smart-quiz-page .quiz-type-tag.type-sentence_spelling{color:var(--terracotta-brand);background-color:#c964421f}.smart-quiz-page .quiz-core-sentence{margin-top:var(--space-4)}.smart-quiz-page .quiz-core-label{font-size:var(--text-label);color:var(--stone-gray);margin:0 0 var(--space-2);letter-spacing:var(--tracking-wide)}.smart-quiz-page .quiz-zh-text{font-size:var(--text-caption);color:var(--olive-gray);margin:var(--space-2) 0 0;line-height:var(--leading-relaxed)}.smart-quiz-page .quiz-word-mark{color:var(--terracotta-brand);background-color:#c9644233;border-radius:2px;padding:0 2px}.smart-quiz-page .quiz-meaning-card{background-color:var(--parchment);border:1px solid var(--border-cream);border-radius:var(--radius-very);margin-top:var(--space-4);padding:var(--space-4)}.smart-quiz-page .quiz-zh-main{color:var(--anthropic-near-black);white-space:pre-line;margin:0;font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.65}.smart-quiz-page .quiz-fill-preview{border-top:1px solid var(--border-cream);margin-top:var(--space-4);padding-top:var(--space-3)}.smart-quiz-page .quiz-fill-sentence{color:var(--anthropic-near-black);font-family:var(--font-ja);margin:0;font-size:clamp(1.35rem,5vw,1.9rem);line-height:1.65}.smart-quiz-page .quiz-answer-ja{border-top:1px solid var(--border-cream);color:var(--anthropic-near-black);font-family:var(--font-ja);margin:var(--space-4) 0 0;padding-top:var(--space-3);font-size:1.15rem;line-height:1.7}.smart-quiz-page .quiz-answer-ja span{color:var(--stone-gray);font-family:var(--font-sans);font-size:var(--text-caption);margin-bottom:var(--space-1);display:block}.smart-quiz-page .quiz-order-block{margin-top:var(--space-5)}.smart-quiz-page .quiz-order-answer{background-color:var(--parchment);border:1px dashed var(--border-warm);border-radius:var(--radius-very);align-items:center;gap:var(--space-2);min-height:72px;padding:var(--space-3);flex-wrap:wrap;display:flex}.smart-quiz-page .quiz-order-placeholder{color:var(--stone-gray);font-size:var(--text-body-small)}.smart-quiz-page .quiz-order-selected,.smart-quiz-page .quiz-order-chip{border-radius:var(--radius-medium);cursor:pointer;font-family:var(--font-ja);min-height:44px;padding:10px 13px;font-size:1.05rem;line-height:1.4;transition:border-color .2s,opacity .2s,transform .2s}.smart-quiz-page .quiz-order-selected{color:var(--anthropic-near-black);background-color:#fff;border:1px solid #c9644259}.smart-quiz-page .quiz-order-pool{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.smart-quiz-page .quiz-order-chip{background-color:var(--ivory);border:1px solid var(--border-cream);color:var(--anthropic-near-black)}.smart-quiz-page .quiz-order-chip:not(:disabled):hover,.smart-quiz-page .quiz-order-selected:not(:disabled):hover{border-color:var(--terracotta-brand);transform:translateY(-1px)}.smart-quiz-page .quiz-order-chip.is-used{cursor:default;opacity:.35}.smart-quiz-page .quiz-order-clear{color:var(--terracotta-brand);cursor:pointer;font-size:var(--text-body-small);margin-top:var(--space-3);background-color:#0000;border:0;padding:0}.smart-quiz-page .quiz-spelling-block{margin-top:var(--space-5)}.smart-quiz-page .quiz-spelling-prompt{font-family:var(--font-ja);color:var(--anthropic-near-black);background-color:var(--parchment);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-4);margin:0 0 var(--space-4);font-size:1.35rem;line-height:1.8}.smart-quiz-page .spell-result{margin-top:var(--space-3);font-size:var(--text-body-standard);font-weight:var(--weight-medium)}.smart-quiz-page .spell-result.ok{color:var(--sage-deep)}.smart-quiz-page .spell-result.ng{color:#b53333}.quiz-step-progress{margin-bottom:var(--space-6)}.quiz-step-info{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.quiz-step-count{font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium);color:var(--anthropic-near-black)}.quiz-difficulty-badge{font-size:var(--text-caption);font-weight:var(--weight-semibold);border-radius:var(--radius-highly);padding:4px 10px}.quiz-step-track{gap:3px;display:flex}.quiz-step-seg{background-color:var(--border-cream);border-radius:2px;flex:1;height:4px;transition:background-color .3s}.quiz-step-seg.seg-correct{background-color:#6b9080}.quiz-step-seg.seg-wrong{background-color:#b53333}.quiz-step-seg.seg-current{background-color:var(--terracotta-brand);animation:1.2s ease-in-out infinite seg-pulse}@keyframes seg-pulse{0%,to{opacity:1}50%{opacity:.6}}.quiz-single-card{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-7);box-shadow:var(--shadow-whisper);transition:border-color .3s,box-shadow .3s}.quiz-single-card.card-correct{border-color:#6b908059;box-shadow:0 0 0 2px #6b90801a}.quiz-single-card.card-wrong{border-color:#b5333347;box-shadow:0 0 0 2px #b533331a}.quiz-item-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.quiz-number{font-family:var(--font-serif);font-size:var(--text-body-small);color:var(--stone-gray)}.quiz-type-tag{font-size:var(--text-caption);font-weight:var(--weight-semibold);border-radius:var(--radius-highly);padding:3px 10px}.quiz-feedback{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-very);border-left:3px solid;animation:.3s ease-out feedback-slide-in}@keyframes feedback-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-feedback.feedback-correct{background-color:#6b90800d;border-left-color:#6b9080}.quiz-feedback.feedback-wrong{background-color:#b533330d;border-left-color:#b53333}.quiz-feedback-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.quiz-feedback-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:flex}.feedback-correct .quiz-feedback-icon{color:#fff;background-color:#6b9080}.feedback-wrong .quiz-feedback-icon{color:#fff;background-color:#b53333}.quiz-feedback-status{font-weight:var(--weight-semibold);font-size:var(--text-body-standard)}.feedback-correct .quiz-feedback-status{color:#6b9080}.feedback-wrong .quiz-feedback-status{color:#b53333}.quiz-explanation p{font-size:var(--text-body-standard);color:var(--olive-gray);white-space:pre-line;margin:0;line-height:1.75}.quiz-nav-buttons{margin-top:var(--space-6);text-align:center}.quiz-confirm-btn,.quiz-next-btn{min-width:200px}.quiz-phase-transition{justify-content:center;align-items:center;min-height:60vh;display:flex}.phase-transition-content{text-align:center;animation:.5s ease-out phase-enter}@keyframes phase-enter{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.phase-transition-icon{margin-bottom:var(--space-4);font-size:3.5rem;display:block}.phase-transition-title{font-family:var(--font-serif);font-size:var(--text-title);color:var(--anthropic-near-black);margin:0 0 var(--space-2)}.phase-transition-label{font-size:var(--text-subheading);font-weight:var(--weight-semibold);margin:0 0 var(--space-3)}.phase-transition-hint{font-size:var(--text-body-standard);color:var(--stone-gray);margin:0}.quiz-result-summary{max-width:520px;margin:0 auto}.result-card{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-8);box-shadow:var(--shadow-whisper);text-align:center}.result-card .result-score{margin-bottom:var(--space-6)}.score-circle{flex-direction:column;align-items:center;display:inline-flex}.result-card h3{font-family:var(--font-serif);font-size:var(--text-subheading);margin:0 0 var(--space-3)}.result-accuracy{font-size:var(--text-body-standard);color:var(--olive-gray);margin:0 0 var(--space-5)}.result-accuracy strong{color:var(--terracotta-brand);font-size:var(--text-subheading-sm)}.result-breakdown{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.result-breakdown-row{padding:var(--space-2) var(--space-4);background-color:var(--parchment);border-radius:var(--radius-comfortable);justify-content:space-between;align-items:center;display:flex}.result-breakdown-label{font-size:var(--text-body-small);font-weight:var(--weight-medium)}.result-breakdown-score{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-body-standard);color:var(--anthropic-near-black)}.result-details{margin-bottom:var(--space-6)}.result-card .result-message{margin:0 0 var(--space-2)}.result-actions{justify-content:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.japanese-input-wrap{gap:var(--space-3);flex-direction:column;display:flex}.japanese-input-field{width:100%;font-family:var(--font-ja);padding:var(--space-3) var(--space-4);border:1px solid var(--border-cream);border-radius:var(--radius-generous);background-color:var(--ivory);color:var(--anthropic-near-black);font-size:1.25rem}.japanese-input-field:focus{border-color:var(--terracotta-brand);outline:none;box-shadow:0 0 0 2px #c9644226}.japanese-keyboard-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--warm-sand);border:1px solid var(--border-cream);border-radius:var(--radius-generous);color:var(--charcoal-warm);font-size:var(--text-label);cursor:pointer;width:fit-content;transition:all .2s;display:flex}.japanese-keyboard-toggle:hover{background-color:var(--parchment);border-color:var(--border-warm)}.japanese-keyboard-toggle-icon{font-size:10px;transition:transform .2s}.japanese-keyboard-toggle-text{font-weight:500}.japanese-kana-pad{width:100%;padding:var(--space-3);background-color:var(--warm-sand);border-radius:var(--radius-generous);border:1px solid var(--border-cream);box-sizing:border-box}.japanese-kana-pad-hint{color:var(--stone-gray);margin:0 0 8px;font-size:.75rem;line-height:1.4}.japanese-kana-key-wrap{width:100%;position:relative}.japanese-kana-key-wrap.menu-open{z-index:2}.japanese-kana-variants{background:var(--anthropic-near-black);z-index:3;border-radius:12px;gap:4px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #14141347}.japanese-kana-variants:after{content:"";background:var(--anthropic-near-black);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.japanese-kana-variant{min-width:44px;min-height:44px;color:var(--ivory);font-family:var(--font-ja);cursor:pointer;background:#ffffff1f;border:0;border-radius:10px;padding:0 10px;font-size:1.15rem;font-weight:600}.japanese-kana-variant:hover,.japanese-kana-variant:active{background:var(--terracotta-brand)}.japanese-kana-key.has-variants{position:relative}.japanese-kana-key.has-variants:after{content:"";background:var(--terracotta-brand);opacity:.55;border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px;right:5px}.japanese-kana-keys{flex-direction:column;gap:6px;width:100%;display:flex}.japanese-kana-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;display:grid}.japanese-kana-key-spacer{min-height:0;display:block}.japanese-kana-key{aspect-ratio:1.15;width:100%;min-height:40px;max-height:52px;font-family:var(--font-ja);border:1px solid var(--border-cream);border-radius:var(--radius-soft);background-color:var(--ivory);color:var(--anthropic-near-black);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:clamp(1rem,3.8vw,1.2rem);font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:flex}.japanese-kana-key:hover{background-color:var(--terracotta-brand);border-color:var(--terracotta-brand);color:var(--ivory)}.japanese-kana-key:active{transform:scale(.96)}@media (hover:none){.japanese-kana-key{min-height:44px;max-height:56px}.japanese-kana-key:active{background-color:var(--terracotta-brand);border-color:var(--terracotta-brand);color:var(--ivory)}}.smart-quiz-intro{margin-bottom:var(--section-spacing)}.smart-quiz-card{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding:var(--space-7);background:linear-gradient(135deg, var(--parchment) 0%, var(--ivory) 100%);border:1px solid var(--border-cream);border-radius:var(--radius-maximum);flex-wrap:wrap;display:flex}.smart-quiz-card-main{flex:1;min-width:240px}.smart-quiz-card-main h2{font-family:var(--font-serif);font-size:var(--text-subheading);margin:var(--space-2) 0 var(--space-3)}.smart-quiz-card-main p{color:var(--olive-gray);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.smart-quiz-types{color:var(--charcoal-warm);font-size:var(--text-caption);margin:0;padding-left:1.2rem;line-height:1.7}.smart-quiz-types li{margin-bottom:var(--space-1)}@media (width<=768px){.smart-quiz-page .quiz-item{padding:var(--space-6)}.smart-quiz-page .quiz-option{grid-template-columns:18px 22px 1fr auto}.smart-quiz-card{flex-direction:column;align-items:stretch}}.next-lesson-nav{margin-top:var(--space-4)}.next-lesson-card{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-7);background:linear-gradient(135deg, var(--ivory) 0%, var(--parchment) 100%);border:1px solid var(--border-cream);border-radius:var(--radius-maximum);display:flex}.next-lesson-info p{color:var(--olive-gray);margin:var(--space-1) 0 0;font-size:var(--text-body-small)}@media (width<=768px){.next-lesson-card{text-align:center;flex-direction:column;align-items:stretch}}.reader-page{max-width:1100px}.reader-header h1{font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.15}.reader-title-row .page-sub{font-size:var(--text-body-small)}.reader-layout{margin-top:var(--space-6)}.reader-content{background-color:var(--pure-white);border:1px solid var(--border-cream);border-radius:var(--radius-maximum);box-shadow:var(--shadow-whisper);padding:var(--space-10);position:relative}.reader-content.reader-eye-mode{background-color:var(--ivory)}.reader-content-full{max-width:880px;margin:0 auto}.reader-paragraphs{gap:var(--space-6);flex-direction:column;display:flex}.reading-paragraph-wrapper{gap:var(--space-4);grid-template-columns:38px 1fr;align-items:start;display:grid}.bookmark-btn{border:1px solid var(--border-cream);background-color:var(--parchment);width:38px;height:38px;color:var(--stone-gray);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.bookmark-btn:hover{border-color:var(--border-warm);color:var(--anthropic-near-black)}.bookmark-btn.active{color:var(--terracotta-brand);background-color:#c9644224;border-color:#c9644247}.bookmark-icon{width:18px;height:18px}.reading-paragraph{font-family:var(--font-ja);font-size:calc(1.15rem * var(--reader-font-scale,1));line-height:calc(var(--reader-line-height,1.8) * 1em);color:var(--anthropic-near-black);text-align:justify;text-justify:inter-ideograph;letter-spacing:.02em;margin:0}.reading-paragraph-active{padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,#c964421a,#0000 65%);border-radius:14px}.vocab-hit{font:inherit;color:var(--terracotta-brand);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline;text-decoration-thickness:2px;display:inline}.vocab-hit:hover{color:var(--coral-accent)}.vocab-hit-core{font-weight:var(--weight-semibold);text-decoration-color:#c964428c}.reader-bottom-controls{bottom:var(--space-4);margin-top:var(--space-10);justify-content:space-between;align-items:center;gap:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-cream);border-radius:var(--radius-maximum);padding:var(--space-4) var(--space-5);background-color:#faf9f5eb;display:flex;position:sticky}.reader-progress-info{align-items:center;gap:var(--space-4);flex:1;justify-content:center;display:flex}.reader-progress-text{font-size:var(--text-caption);color:var(--olive-gray)}.reader-progress-bar-mini{background-color:var(--warm-sand);border-radius:999px;width:min(280px,40vw);height:10px;overflow:hidden}.reader-progress-fill-mini{background:linear-gradient(90deg, var(--terracotta-brand), var(--coral-accent));height:100%}.reader-progress-percent{font-size:var(--text-caption);color:var(--stone-gray);text-align:right;min-width:44px}.reading-time-badge{font-size:var(--text-caption);color:var(--stone-gray)}.vocab-popup{z-index:1000;background-color:var(--pure-white);border:1px solid var(--border-cream);border-radius:var(--radius-very);width:min(520px,100vw - 32px);max-height:min(70vh,640px);padding:var(--space-5);position:fixed;overflow:auto;transform:translate(-50%);box-shadow:0 18px 60px #0000002e}.vocab-popup-close{border:1px solid var(--border-cream);background-color:var(--ivory);cursor:pointer;border-radius:10px;width:34px;height:34px;position:absolute;top:10px;right:10px}.vocab-popup-close:hover{border-color:var(--border-warm)}.reader-page.fullscreen-mode{background:radial-gradient(ellipse at center top, var(--fullscreen-bg-center) 0%, var(--fullscreen-bg-edge) 70%, var(--parchment) 100%);max-width:none;min-height:100vh;padding:0;transition:background .5s}.fullscreen-layout .reader-content{border-radius:var(--radius-very);padding:var(--space-10);animation:.4s fullscreenFadeIn;box-shadow:0 4px 24px #14141314}@keyframes fullscreenFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fullscreen-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:var(--space-4);background:linear-gradient(#fdfcf8f2 0%,#fdfcf8d9 80%,#0000 100%);border-bottom:none;transition:all .3s;position:sticky;top:0}.reader-content.spread-mode{gap:var(--space-8);column-gap:var(--space-12);padding:var(--space-8) var(--space-10);padding-bottom:var(--space-12);background:linear-gradient(to right, var(--pure-white) 0%, var(--ivory) 50%, var(--pure-white) 100%);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:visible}.reader-content.spread-mode .reader-paragraphs{display:contents}.reader-page-indicator{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);color:var(--stone-gray);font-size:var(--text-caption);display:flex}.spread-page{gap:var(--space-6);z-index:2;flex-direction:column;display:flex;position:relative}.spread-page-left{padding-right:var(--space-8)}.spread-page-right{padding-left:var(--space-8)}.spread-page-number{bottom:var(--space-4);font-size:var(--text-caption);color:var(--stone-gray);font-family:var(--font-sans);font-weight:var(--weight-normal);letter-spacing:.05em;z-index:10;position:absolute;left:50%;transform:translate(-50%)}.reader-content.spread-mode:before{content:"";left:50%;top:var(--space-6);bottom:var(--space-10);background-color:var(--border-cream);z-index:1;width:1px;position:absolute;transform:translate(-50%)}.reader-content.spread-mode:after{content:"";left:50%;top:var(--space-6);bottom:var(--space-10);pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#00000008 35%,#0000000d 48% 52%,#00000008 65%,#0000 100%);width:60px;position:absolute;transform:translate(-50%)}.reader-content.spread-mode .reading-paragraph-wrapper{gap:0;display:block}.reader-content.spread-mode .bookmark-btn{display:none}.reader-content.spread-mode .reading-paragraph{margin-bottom:var(--space-6);text-align:justify;text-justify:inter-ideograph;line-height:1.8}.reader-content.spread-mode .reading-paragraph:last-child{margin-bottom:0}@media (width<=768px){.reader-content{padding:var(--space-6);border-radius:var(--radius-very)}.reading-paragraph-wrapper{gap:var(--space-3);grid-template-columns:32px 1fr}.bookmark-btn{border-radius:10px;width:32px;height:32px}.reading-paragraph{font-size:calc(1.08rem * var(--reader-font-scale,1))}.reader-bottom-controls{padding:var(--space-3) var(--space-4)}}@media (width<=480px){:root{--text-display:2rem;--text-section:1.875rem}.site-header{left:calc(var(--space-3) + env(safe-area-inset-left));bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.site-nav{gap:var(--space-2)}.nav-shelf{width:max-content}.nav-shelf-trigger{min-height:48px;font-size:var(--text-body-standard)}.nav-collection{width:min(320px, calc(100vw - var(--space-8)))}.user-dock{right:calc(var(--space-3) + env(safe-area-inset-right));bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}}.fade-in{animation:.3s forwards fadeIn}.app-shell{background-color:var(--parchment);flex-direction:column;width:100vw;max-width:none;min-height:100dvh;display:flex}.ios-home-shell{background:#f5f4ed}.ios-home-shell>.site-header,.ios-home-shell>.user-dock,.ios-home-shell>.site-footer{display:none}.ios-home-shell .site-main{min-height:100vh}.site-main{flex-direction:column;flex:1;width:100vw;max-width:none;min-height:0;display:flex}.app-shell:not(.ios-home-shell) .site-main{padding-top:env(safe-area-inset-top)}.ios-native-shell:not(.ios-home-shell) .site-main{padding-top:max(env(safe-area-inset-top), 52px)}.home-page{padding-top:var(--space-8)}.vocab-mvp-card{display:none}@media (width<=768px){.vocab-mvp-card{margin:0 0 var(--space-4);display:block}.vocab-mvp-link{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);color:#fff;background:linear-gradient(135deg,#c96442 0%,#e07850 100%);border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #c964424d}.vocab-mvp-link:active{transform:scale(.97);box-shadow:0 2px 8px #c9644233}.vocab-mvp-left{align-items:center;gap:var(--space-3);display:flex}.vocab-mvp-icon{width:48px;height:48px;font-family:var(--font-serif);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.vocab-mvp-link h2{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.vocab-mvp-link p{opacity:.9;color:#fff;margin:2px 0 0;font-size:.82rem}.vocab-mvp-arrow{opacity:.8;flex-shrink:0;font-size:1.3rem}}.ios-home-page{color:#141413;min-height:100vh;font-family:var(--font-sans);background:#f5f4ed}.ios-app-home{width:min(100%,430px);min-height:100vh;padding:calc(16px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.ios-home-top,.ios-row-between{justify-content:space-between;align-items:center;gap:14px;display:flex}.ios-home-top{padding-top:6px}.ios-home-top h1,.ios-card h2{font-family:var(--font-serif);font-weight:var(--weight-medium);color:#141413;margin:0;line-height:1.1}.ios-home-top h1{font-size:2.2rem}.ios-card h2{font-size:1.55rem}.ios-meta,.ios-date-line,.ios-card p{color:#5e5d59;margin:0}.ios-meta,.ios-eyebrow,.ios-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ios-meta{font-size:.78rem}.ios-date-line{margin-top:6px;font-size:.95rem}.ios-profile-button{color:#141413;width:46px;height:46px;font-family:var(--font-serif);background:#e8e6dc;border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.ios-card{background:#faf9f5;border:1px solid #e8e6dc;border-radius:24px;padding:18px;box-shadow:0 0 0 1px #e8e6dc99}.ios-week-card{color:#faf9f5;background:#141413;gap:14px;min-height:138px;display:grid}.ios-week-card h2,.ios-week-card .ios-meta{color:#faf9f5}.ios-tag{color:#5e5d59;white-space:nowrap;background:#faf9f5;border:1px solid #e8e6dc;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:.76rem;display:inline-flex}.ios-week-card .ios-tag{color:#faf9f5;background:#faf9f514;border-color:#faf9f53d}.ios-week-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.ios-day-pill{color:#b0aea5;background:#faf9f51f;border-radius:999px;place-items:center;gap:2px;min-height:50px;display:grid}.ios-day-pill strong,.ios-day-pill small{display:block}.ios-day-pill strong{font-size:.82rem;font-weight:var(--weight-medium)}.ios-day-pill small{font-family:var(--font-mono);font-size:.7rem}.ios-day-pill.done{color:#141413;background:#faf9f5}.ios-day-pill.today{color:#fffaf0;background:#c96442}.ios-day-pill{cursor:pointer;border:none;transition:transform .2s,box-shadow .2s}.ios-day-pill:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000026}.ios-day-pill:active{transform:scale(.95)}.ios-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ios-modal-content{background:#faf9f5;border-radius:20px;width:100%;max-width:340px;padding:24px;animation:.3s slideUp;box-shadow:0 10px 40px #0003}.ios-modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ios-modal-header h3{color:#141413;margin:0;font-size:1.3rem;font-weight:600}.ios-modal-close{color:#5e5d59;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.5rem;line-height:1}.ios-modal-date{color:#5e5d59;margin-bottom:20px;font-size:.9rem}.ios-modal-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.ios-modal-stat{text-align:center;background:#fff;border:1px solid #e8e6dc;border-radius:12px;padding:12px 8px}.ios-modal-stat-value{color:#c96442;margin-bottom:4px;font-size:1.5rem;font-weight:700}.ios-modal-stat-label{color:#5e5d59;font-size:.75rem}.ios-modal-empty{text-align:center;color:#5e5d59;margin:0;padding:12px 0;font-size:.9rem}.ios-modal-detail{text-align:center;background:linear-gradient(135deg,#c964421a,#c964420a);border-radius:12px;padding:12px}.ios-modal-detail p{color:#c96442;margin:0;font-size:.9rem;font-weight:500}.ios-eyebrow{color:#5e5d59;text-transform:uppercase;margin:0 0 14px;font-size:.75rem}.ios-mini-path{gap:12px;display:grid}.ios-path-step{color:inherit;background:#fff;border:1px solid #e8e6dc;border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;min-height:76px;padding:12px;text-decoration:none;display:grid}.ios-path-step.primary{background:#fffaf0;border-color:#c9644245}.ios-path-node{color:#141413;width:40px;height:40px;font-family:var(--font-serif);background:#e8e6dc;border-radius:50%;place-items:center;display:grid}.ios-path-step strong,.ios-path-step p{display:block}.ios-path-step strong{color:#141413;font-size:1rem}.ios-path-step p{margin-top:4px;font-size:.82rem;line-height:1.45}.ios-num{color:#5e5d59;font-size:.82rem}.ios-mainline-card{gap:14px;display:grid}.ios-mainline-card .ios-eyebrow{margin-bottom:0}.ios-mainline-card p{line-height:1.7}.ios-mission{border-top:1px solid #e8e6dc;gap:6px;padding-top:14px;display:grid}.ios-mission span{color:#c96442;font-size:.78rem;font-weight:var(--weight-semibold)}.ios-mission strong{color:#141413;line-height:1.55}.ios-primary-action{color:#fffaf0;min-height:48px;font-weight:var(--weight-semibold);background:#c96442;border-radius:16px;place-items:center;text-decoration:none;display:grid}.ios-intro-card{color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;text-decoration:none;display:grid}.ios-intro-card .ios-eyebrow{margin-bottom:8px}.ios-intro-card p{margin-top:10px;line-height:1.6}.ios-tabbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f5eb;border:1px solid #e8e6dc;border-radius:24px;grid-template-columns:repeat(4,1fr);align-items:center;min-height:68px;margin-top:auto;display:grid}.ios-tabbar a{color:#5e5d59;place-items:center;min-height:52px;font-size:.78rem;text-decoration:none;display:grid}.ios-tabbar a.active{color:#141413;font-weight:var(--weight-semibold)}@media (width>=768px){.ios-home-shell .site-main{min-height:100dvh}.ios-app-home{width:min(100%,960px);min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top""trial trial""week path""main intro""tab tab";align-content:start;gap:22px;display:grid}.ios-home-top{grid-area:top;padding-top:8px}.ios-app-home>.n4-trial-banner{grid-area:trial}.ios-week-card{grid-area:week;align-content:space-between;min-height:226px}.ios-path-card{grid-area:path}.ios-mainline-card{grid-area:main}.ios-intro-card{grid-area:intro;min-height:100%}.ios-tabbar{grid-area:tab;width:min(100%,620px);margin:4px auto 0}.ios-home-top h1{font-size:2.8rem}.ios-card h2{font-size:1.8rem}.ios-card{padding:22px}.ios-week-row{gap:10px}.ios-day-pill{min-height:64px}.ios-path-step{min-height:82px}}@media (width>=1024px){.ios-app-home{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);width:min(100%,1040px)}}.oda-dashboard{margin-bottom:var(--space-6);gap:var(--space-3);display:grid}.oda-dashboard-toggle{width:100%;min-height:76px;padding:var(--space-4) var(--space-5);border:1px solid var(--border-cream);border-radius:var(--radius-very);background:var(--ivory);box-shadow:var(--shadow-whisper);color:var(--anthropic-near-black);cursor:pointer;align-items:center;gap:var(--space-4);text-align:left;font:inherit;grid-template-columns:minmax(0,1fr) auto;display:grid}.oda-dashboard-toggle:hover{border-color:var(--border-warm)}.oda-dashboard-toggle-copy{gap:4px;min-width:0;display:grid}.oda-dashboard-kicker{color:var(--terracotta-brand);font-size:var(--text-label);font-weight:var(--weight-semibold)}.oda-dashboard-toggle strong{color:var(--anthropic-near-black);font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.oda-dashboard-toggle-action{border-radius:var(--radius-highly);background:var(--warm-sand);min-width:48px;color:var(--olive-gray);font-size:var(--text-caption);text-align:center;padding:6px 10px}.oda-dashboard-content{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch;display:grid}.oda-dashboard.is-closed .oda-dashboard-content{display:none}.oda-dashboard-main,.oda-today-card,.oda-path-panel,.lesson-command-center,.memory-srs-card,.memory-srs-method,.lesson-goal-card{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);box-shadow:var(--shadow-whisper)}.oda-dashboard-main{padding:clamp(28px,5vw,56px)}.oda-dashboard-main h1{max-width:780px;margin:0 0 var(--space-5);font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,5rem);font-weight:var(--weight-medium);color:var(--anthropic-near-black);line-height:1.08}.oda-dashboard-main p:not(.eyebrow){max-width:660px;color:var(--olive-gray);font-size:var(--text-body-large);line-height:var(--leading-relaxed)}.oda-dashboard-actions{gap:var(--space-3);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.oda-today-card{padding:var(--space-5);color:var(--ivory);background:linear-gradient(#141413 0%,#30302e 100%);flex-direction:column;display:flex}.oda-today-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.oda-today-card .tag{color:var(--ivory);background:#fffaf01f;border-color:#fffaf02e}.oda-today-card .meta{color:var(--warm-silver)}.oda-today-card h2{margin:0 0 var(--space-4);font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium)}.oda-today-card p{color:var(--warm-silver);line-height:1.75}.oda-quest-line{padding-top:var(--space-5);border-top:1px solid #fffaf024;margin-top:auto}.oda-quest-line span,.oda-quest-line strong{display:block}.oda-quest-line span{color:var(--coral-accent);font-size:var(--text-label);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.oda-quest-line strong{color:var(--ivory);font-size:var(--text-body-standard);line-height:1.6}.oda-kpi-grid{margin-bottom:var(--space-6)}.oda-kpi-grid .stat-card-modern{min-height:108px}.oda-kpi-grid .stat-icon-bg{border-radius:var(--radius-comfortable);background:var(--warm-sand);width:44px;height:44px;color:var(--terracotta-brand);font-family:var(--font-serif);place-items:center;font-size:1.3rem;display:grid}.oda-path-panel{padding:var(--space-3);margin-bottom:var(--section-spacing)}.oda-path-toggle{width:100%;min-height:64px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-cream);border-radius:var(--radius-generous);background:var(--ivory);color:var(--anthropic-near-black);cursor:pointer;align-items:center;gap:var(--space-3);text-align:left;font:inherit;grid-template-columns:minmax(0,1fr) auto;display:grid}.oda-path-toggle>span:first-child{gap:2px;min-width:0;display:grid}.oda-path-toggle strong{color:var(--anthropic-near-black);font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium);line-height:1.2}.oda-path-toggle small{color:var(--stone-gray);font-size:var(--text-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oda-path-toggle-action{border-radius:var(--radius-highly);background:var(--warm-sand);min-width:52px;color:var(--olive-gray);font-size:var(--text-caption);font-weight:var(--weight-medium);text-align:center;padding:6px 10px}.oda-path-content{padding:var(--space-5) var(--space-3) var(--space-3)}.oda-path-panel.is-closed .oda-path-content{display:none}.oda-route-list{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.oda-route-step{min-height:104px;padding:var(--space-4);border:1px solid var(--border-cream);border-radius:var(--radius-comfortable);background:var(--parchment);color:inherit;align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr auto;text-decoration:none;transition:transform .16s,border-color .16s;display:grid}.oda-route-step:hover{border-color:var(--border-warm);transform:translateY(-2px)}.oda-route-step.is-current{background:#fffaf0;border-color:#c9644266}.oda-route-node{border-radius:var(--radius-comfortable);background:var(--anthropic-near-black);width:42px;height:42px;color:var(--ivory);font-family:var(--font-mono);place-items:center;display:grid}.oda-route-step strong,.oda-route-step p{display:block}.oda-route-step strong{color:var(--anthropic-near-black);font-size:var(--text-body-standard)}.oda-route-step p{color:var(--stone-gray);font-size:var(--text-label);margin:4px 0 0;line-height:1.45}.lesson-word-trigger-inline{border-radius:var(--radius-generous);width:auto;min-height:48px;position:static}.lesson-command-center{gap:var(--space-5);padding:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);display:grid}.lesson-command-primary h2{margin:0 0 var(--space-3);font-size:var(--text-subheading-large)}.lesson-command-primary p{max-width:720px;color:var(--olive-gray);line-height:1.75}.lesson-command-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.lesson-mini-path{gap:var(--space-3);display:grid}.lesson-mini-step{min-height:78px;padding:var(--space-3);border-radius:var(--radius-comfortable);border:1px solid var(--border-cream);background:var(--parchment);color:inherit;align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr auto;text-decoration:none;display:grid}.lesson-mini-step>span{border-radius:var(--radius-comfortable);background:var(--warm-sand);width:36px;height:36px;color:var(--terracotta-brand);font-family:var(--font-mono);place-items:center;display:grid}.lesson-mini-step strong,.lesson-mini-step p,.lesson-mini-step em{display:block}.lesson-mini-step strong{color:var(--anthropic-near-black);font-size:var(--text-body-small)}.lesson-mini-step p{color:var(--stone-gray);font-size:var(--text-label);margin:3px 0 0}.lesson-mini-step em{color:var(--terracotta-brand);font-size:var(--text-label);font-style:normal;font-weight:var(--weight-semibold)}.lesson-goal-card{gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.lesson-goal-card h2{margin:var(--space-1) 0 var(--space-2);font-size:clamp(1.85rem,3.6vw,3rem)}.lesson-goal-card p{max-width:760px;color:var(--olive-gray);margin:0;line-height:1.6}.lesson-goal-meter{gap:var(--space-2);flex-wrap:nowrap;justify-content:flex-end;align-items:center;display:flex}.lesson-goal-meter div{border-radius:var(--radius-comfortable);background:var(--parchment);border:1px solid var(--border-cream);grid-template-columns:auto auto;align-items:baseline;gap:6px;min-width:68px;min-height:42px;padding:8px 9px;display:grid}.lesson-goal-meter span,.lesson-goal-meter strong{display:inline}.lesson-goal-meter span{color:var(--stone-gray);font-size:var(--text-label);white-space:nowrap;margin-bottom:0}.lesson-goal-meter strong{color:var(--anthropic-near-black);font-family:var(--font-mono);font-size:var(--text-body-standard);white-space:nowrap}@media (width<=768px){.oda-dashboard-content,.lesson-command-center{grid-template-columns:1fr}.oda-dashboard,.oda-dashboard-content,.oda-dashboard-toggle,.oda-dashboard-main,.oda-today-card,.oda-path-panel,.oda-route-step,.lesson-command-center,.lesson-mini-step,.lesson-goal-card,.lesson-goal-meter div{min-width:0}.oda-dashboard-main{padding:var(--space-5)}.oda-dashboard-main h1{overflow-wrap:anywhere;font-size:1.9rem}.oda-dashboard-toggle{min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-generous)}.oda-dashboard-toggle strong{font-size:1.35rem}.oda-dashboard-main p:not(.eyebrow),.lesson-command-primary p,.lesson-goal-card p{font-size:var(--text-body-standard)}.oda-dashboard-actions,.lesson-command-actions{grid-template-columns:1fr;display:grid}.oda-dashboard-actions a,.lesson-command-actions a{justify-content:center;width:100%}.oda-route-list{grid-template-columns:1fr}.lesson-command-center{padding:var(--space-5)}.lesson-goal-card{gap:var(--space-3);padding:var(--space-4);grid-template-columns:minmax(0,1fr) auto}.lesson-goal-meter{justify-content:flex-end;max-width:none}.lesson-command-primary h2,.lesson-goal-card h2{font-size:1.75rem}.oda-route-step,.lesson-mini-step{grid-template-columns:auto minmax(0,1fr) auto}}@media (width<=480px){.lesson-goal-card{grid-template-columns:1fr}.lesson-goal-meter{justify-content:flex-start;padding-bottom:2px;overflow-x:auto}}.hero-section-modern{text-align:center;padding:var(--space-16) var(--space-4);background-color:var(--parchment);border-radius:var(--radius-maximum);margin-bottom:var(--section-spacing)}.hero-badge{font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--terracotta-brand);background-color:var(--warm-sand);padding:var(--space-2) var(--space-4);border-radius:var(--radius-highly);margin-bottom:var(--space-6);display:inline-block}.hero-title-modern{font-family:var(--font-serif);font-size:var(--text-display);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--anthropic-near-black);margin-bottom:var(--space-6)}.hero-highlight{color:var(--terracotta-brand)}.hero-desc-modern{font-size:var(--text-body-large);line-height:var(--leading-relaxed);color:var(--olive-gray);max-width:600px;margin:0 auto var(--space-8)}.hero-actions-modern{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.hero-btn-primary,.hero-btn-secondary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-generous);font-family:var(--font-sans);font-size:var(--text-body-standard);font-weight:var(--weight-medium);text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn-primary{background-color:var(--terracotta-brand);color:var(--ivory)}.hero-btn-primary:hover{background-color:var(--coral-accent);transform:translateY(-1px)}.hero-btn-secondary{background-color:var(--warm-sand);color:var(--charcoal-warm)}.hero-btn-secondary:hover{background-color:var(--border-warm);transform:translateY(-1px)}.btn-arrow{transition:transform .2s}.hero-btn-primary:hover .btn-arrow,.hero-btn-secondary:hover .btn-arrow{transform:translate(4px)}.quick-stats-modern{gap:var(--space-4);margin-bottom:var(--section-spacing);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card-modern{align-items:center;gap:var(--space-4);background-color:var(--ivory);border:1px solid var(--border-cream);padding:var(--space-5);border-radius:var(--radius-very);transition:all .2s;display:flex}.stat-card-modern:hover{box-shadow:var(--shadow-whisper);transform:translateY(-2px)}.stat-icon-wrapper{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.stat-icon-bg{font-size:24px}.stat-content{flex:1}.stat-value{font-family:var(--font-serif);font-size:var(--text-subheading);font-weight:var(--weight-medium);color:var(--anthropic-near-black);line-height:var(--leading-tight)}.stat-label{font-size:var(--text-caption);color:var(--stone-gray);margin-top:var(--space-1)}.featured-lesson,.daily-dialogues{margin-bottom:var(--section-spacing)}.section-desc-modern{font-size:var(--text-caption);color:var(--stone-gray);margin:var(--space-2) 0 0;line-height:var(--leading-relaxed)}.dialogue-filter{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.dialogue-filter-btn{font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-highly);border:1px solid var(--border-cream);background-color:var(--ivory);color:var(--olive-gray);cursor:pointer;transition:all .2s}.dialogue-filter-btn:hover{border-color:var(--border-warm);color:var(--charcoal-warm)}.dialogue-filter-btn.active{background-color:var(--terracotta-brand);border-color:var(--terracotta-brand);color:var(--ivory)}.dialogue-flip-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.dialogue-flip-link{height:100%;color:inherit;text-decoration:none;display:block}.dialogue-flip-link--static{cursor:pointer}.dialogue-flip-card{height:100%;padding:var(--space-4);background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.dialogue-flip-link:hover .dialogue-flip-card,.dialogue-flip-link:focus-visible .dialogue-flip-card{box-shadow:var(--shadow-whisper);border-color:var(--border-warm)}.dialogue-flip-link:not(.dialogue-flip-link--static):hover .dialogue-flip-card,.dialogue-flip-link:not(.dialogue-flip-link--static):focus-visible .dialogue-flip-card{transform:translateY(-2px)}.dialogue-flip-card.is-locked{opacity:.92}.dialogue-flip-badges{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);z-index:2;display:flex;position:relative}.dialogue-flip-scene{perspective:900px;min-height:132px;margin-bottom:var(--space-3);flex:1}.dialogue-flip-card--compact .dialogue-flip-scene{min-height:120px}.dialogue-flip-inner{width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1);position:relative}.dialogue-flip-link:hover .dialogue-flip-inner,.dialogue-flip-link:focus-visible .dialogue-flip-inner,.dialogue-flip-card.is-flipped .dialogue-flip-inner{transform:rotateY(180deg)}.dialogue-flip-face{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-generous);backface-visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0}.dialogue-flip-front{background:linear-gradient(145deg, var(--warm-sand) 0%, var(--ivory) 100%);border:1px solid var(--border-cream)}.dialogue-flip-back{background:linear-gradient(145deg, var(--parchment) 0%, var(--ivory) 100%);border:1px solid var(--border-warm);transform:rotateY(180deg)}.dialogue-flip-topic{font-family:var(--font-serif);font-size:var(--text-body-large);font-weight:var(--weight-medium);color:var(--anthropic-near-black);text-align:center;line-height:var(--leading-snug);margin:0}.dialogue-flip-ja{font-family:var(--font-serif);font-size:var(--text-body-standard);font-weight:var(--weight-medium);color:var(--terracotta-brand);text-align:center;line-height:var(--leading-relaxed);word-break:break-word;margin:0}.dialogue-flip-hint{font-size:var(--text-label);color:var(--stone-gray);letter-spacing:var(--tracking-wide)}.dialogue-flip-scenario{font-size:var(--text-caption);color:var(--olive-gray);margin:0 0 var(--space-3);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dialogue-flip-meta{gap:var(--space-3);font-size:var(--text-label);color:var(--stone-gray);flex-wrap:wrap;display:flex}.dialogue-flip-lock-hint{font-size:var(--text-caption);color:var(--stone-gray);margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px dashed var(--border-cream)}.section-header-modern{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.section-header-modern h2{font-family:var(--font-serif);font-size:var(--text-subheading-large);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin:0}.view-all-link{font-family:var(--font-sans);font-size:var(--text-body-standard);color:var(--terracotta-brand);text-decoration:none;transition:color .2s}.view-all-link:hover{color:var(--coral-accent)}.lesson-card-modern{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-maximum);text-decoration:none;transition:all .2s;display:block;overflow:hidden}.lesson-card-modern:hover{box-shadow:var(--shadow-whisper);transform:translateY(-2px)}.lesson-card-modern-bg{padding:var(--space-8);background-color:var(--terracotta-brand);position:relative}.lesson-level-badge{top:var(--space-4);right:var(--space-4);background-color:var(--ivory);color:var(--anthropic-near-black);font-size:var(--text-label);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-comfortable);position:absolute}.lesson-card-modern-content{padding:var(--space-6)}.lesson-card-modern-title{font-family:var(--font-serif);font-size:var(--text-subheading);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-2)}.lesson-card-modern-desc{font-size:var(--text-body-standard);color:var(--olive-gray);margin-bottom:var(--space-4)}.lesson-card-modern-meta{gap:var(--space-6);display:flex}.meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--stone-gray);display:flex}.meta-icon{font-size:16px}.quick-start-grid{margin-bottom:var(--section-spacing)}.section-title-modern{font-family:var(--font-serif);font-size:var(--text-subheading-large);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-6)}.quick-start-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.quick-start-card{align-items:center;gap:var(--space-4);background-color:var(--ivory);border:1px solid var(--border-cream);padding:var(--space-5);border-radius:var(--radius-very);text-decoration:none;transition:all .2s;display:flex}.quick-start-card:hover{box-shadow:var(--shadow-whisper);border-color:var(--border-warm);transform:translateY(-2px)}.quick-start-icon{flex-shrink:0;font-size:32px}.quick-start-content{flex:1}.quick-start-content h3{font-family:var(--font-serif);font-size:var(--text-feature-title);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin:0 0 var(--space-1)}.quick-start-content p{font-size:var(--text-caption);color:var(--stone-gray);margin:0}.quick-start-arrow{color:var(--stone-gray);font-size:20px;transition:transform .2s}.quick-start-card:hover .quick-start-arrow{color:var(--terracotta-brand);transform:translate(4px)}.breadcrumb{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-caption);color:var(--stone-gray);margin-bottom:var(--space-6);display:flex}.breadcrumb a{color:var(--terracotta-brand);text-decoration:none}.breadcrumb a:hover{color:var(--coral-accent)}.page-header-editorial{text-align:center;padding:var(--space-12) var(--space-4);margin-bottom:var(--space-8);border-bottom:1px solid var(--border-cream)}.page-header-editorial h1{font-family:var(--font-serif);font-size:var(--text-display);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--anthropic-near-black);margin-bottom:var(--space-4)}.page-sub-lead{font-family:var(--font-sans);font-size:var(--text-body-large);line-height:var(--leading-relaxed);color:var(--olive-gray);max-width:600px;margin:0 auto}.editorial-tabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-12);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-cream);display:flex}.editorial-tab{font-family:var(--font-sans);font-size:var(--text-body-standard);font-weight:var(--weight-normal);color:var(--olive-gray);padding:var(--space-3) var(--space-6);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;transition:all .2s}.editorial-tab:hover{color:var(--anthropic-near-black);border-bottom-color:var(--border-warm)}.editorial-tab.active{color:var(--anthropic-near-black);font-weight:var(--weight-medium);border-bottom-color:var(--terracotta-brand)}.kana-subtabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);display:flex}.kana-subtab{font-family:var(--font-sans);font-size:var(--text-body-standard);font-weight:var(--weight-normal);color:var(--stone-gray);background-color:var(--parchment);border:1px solid var(--border-cream);border-radius:var(--radius-comfortable);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all .2s}.kana-subtab:hover{border-color:var(--border-warm);color:var(--anthropic-near-black)}.kana-subtab.active{background-color:var(--terracotta-brand);border-color:var(--terracotta-brand);color:var(--ivory);font-weight:var(--weight-medium)}.kana-section-editorial{margin-bottom:var(--section-spacing)}.section-overline{font-family:var(--font-sans);font-size:var(--text-overline);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--terracotta-brand);margin-bottom:var(--space-3)}.section-title-serif{font-family:var(--font-serif);font-size:var(--text-section);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--anthropic-near-black);margin-bottom:var(--space-3)}.section-description{font-family:var(--font-sans);font-size:var(--text-body-large);line-height:var(--leading-relaxed);color:var(--olive-gray);max-width:720px;margin-bottom:var(--space-6)}.group-indicators{gap:var(--space-2);flex-wrap:wrap;display:flex}.group-indicator{width:auto;min-width:40px;height:40px;padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-body-small);font-weight:var(--weight-medium);color:var(--stone-gray);background-color:var(--ivory);border:1px solid var(--border-cream);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:all .2s;display:flex}.group-indicator:hover{border-color:var(--border-warm);color:var(--anthropic-near-black)}.group-indicator.active{background-color:var(--terracotta-brand);border-color:var(--terracotta-brand);color:var(--ivory)}.kana-grid-section{margin-bottom:var(--section-spacing)}.kana-display-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.kana-tile{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-generous);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;box-shadow:var(--shadow-whisper);flex-direction:column;justify-content:center;align-items:center;min-height:140px;transition:all .3s;display:flex}.kana-tile:hover{border-color:var(--border-warm);transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.kana-tile:active{transform:translateY(-2px)}.kana-tile.selected{background-color:var(--terracotta-brand);border-color:var(--terracotta-brand);box-shadow:var(--terracotta-brand) 0px 0px 0px 0px, var(--terracotta-brand) 0px 0px 0px 1px}.kana-tile.selected .kana-character-large,.kana-tile.selected .kana-romaji-small{color:var(--ivory)}.kana-character-large{font-family:var(--font-ja);font-size:3rem;font-weight:var(--weight-normal);color:var(--anthropic-near-black);margin-bottom:var(--space-3);line-height:1}.kana-romaji-small{font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--stone-gray);text-transform:lowercase;letter-spacing:.5px}.kana-detail-section{margin-bottom:var(--section-spacing)}.kana-detail-card{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-8);box-shadow:var(--shadow-whisper)}.kana-detail-header{align-items:center;gap:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-cream);margin-bottom:var(--space-6);display:flex}.kana-character-display{font-family:var(--font-ja);font-size:6rem;font-weight:var(--weight-normal);color:var(--anthropic-near-black);flex-shrink:0;line-height:1}.kana-metadata{gap:var(--space-3);flex-direction:column;display:flex}.metadata-item{align-items:center;gap:var(--space-4);display:flex}.metadata-label{font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--terracotta-brand);text-transform:uppercase;letter-spacing:var(--tracking-wide);min-width:60px}.metadata-value{font-family:var(--font-sans);font-size:var(--text-body-standard);font-weight:var(--weight-medium);color:var(--anthropic-near-black)}.kana-detail-content{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.detail-block h3{font-family:var(--font-serif);font-size:var(--text-feature-title);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-2)}.detail-block p{font-family:var(--font-sans);font-size:var(--text-body-standard);line-height:var(--leading-relaxed);color:var(--olive-gray);margin-bottom:0}.example-display{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.example-text{font-family:var(--font-ja);font-size:var(--text-body-large);color:var(--anthropic-near-black)}.example-reading{font-family:var(--font-sans);font-size:var(--text-body-standard);color:var(--olive-gray)}.example-meaning{font-family:var(--font-sans);font-size:var(--text-body-standard);color:var(--stone-gray)}.quiz-mode-section{margin-bottom:var(--section-spacing)}.quiz-mode-section h2{font-family:var(--font-serif);font-size:var(--text-subheading-large);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-6);text-align:center}.quiz-mode-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:900px;margin:0 auto;display:grid}.quiz-mode-card{background-color:var(--ivory);border:2px solid var(--border-cream);border-radius:var(--radius-generous);padding:var(--space-6);text-align:center;cursor:pointer;transition:all .2s}.quiz-mode-card:hover{border-color:var(--border-warm);box-shadow:var(--shadow-whisper)}.quiz-mode-card.active{background-color:var(--terracotta-brand);border-color:var(--terracotta-brand)}.quiz-mode-card.active h3,.quiz-mode-card.active p{color:var(--ivory)}.quiz-mode-card h3{font-family:var(--font-serif);font-size:var(--text-subheading);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-2)}.quiz-mode-card p{font-family:var(--font-sans);font-size:var(--text-body-small);color:var(--olive-gray);margin:0}.quiz-section{margin-bottom:var(--section-spacing)}.quiz-header-editorial{text-align:center;margin-bottom:var(--space-8)}.quiz-header-editorial h3{font-family:var(--font-serif);font-size:var(--text-subheading-large);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-2)}.quiz-header-editorial p{font-family:var(--font-sans);font-size:var(--text-body-standard);color:var(--olive-gray);margin:0}.quiz-grid-editorial{gap:var(--space-8);margin-bottom:var(--space-8);flex-direction:column;display:flex}.quiz-group-editorial h4{font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-4)}.quiz-items-editorial{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.quiz-item-editorial{align-items:center;gap:var(--space-2);display:flex}.quiz-kana-editorial{font-family:var(--font-ja);font-size:var(--text-body-large);color:var(--anthropic-near-black);min-width:40px}.quiz-input-editorial{font-family:var(--font-sans);font-size:var(--text-body-standard);color:var(--anthropic-near-black);background-color:var(--pure-white);border:1px solid var(--border-warm);border-radius:var(--radius-comfortable);padding:var(--space-2) var(--space-3);flex:1;transition:all .2s}.quiz-input-editorial:focus{border-color:var(--focus-blue);outline:none;box-shadow:0 0 0 3px #3898ec1a}.quiz-actions{justify-content:center;display:flex}.quiz-results-editorial{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-8)}.result-summary-editorial{text-align:center;padding-bottom:var(--space-8);border-bottom:1px solid var(--border-cream);margin-bottom:var(--space-8)}.result-score{justify-content:center;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.score-number{font-family:var(--font-serif);font-size:4rem;font-weight:var(--weight-medium);color:var(--terracotta-brand);line-height:1}.score-divider{font-family:var(--font-sans);font-size:var(--text-subheading);color:var(--stone-gray)}.score-total{font-family:var(--font-serif);font-size:var(--text-subheading);font-weight:var(--weight-medium);color:var(--anthropic-near-black)}.score-percentage{font-family:var(--font-sans);font-size:var(--text-subheading);font-weight:var(--weight-semibold);color:var(--terracotta-brand);margin-left:var(--space-2)}.result-message{font-family:var(--font-sans);font-size:var(--text-body-large);font-weight:var(--weight-medium);color:var(--anthropic-near-black)}.result-details-editorial{gap:var(--space-6);margin-bottom:var(--space-8);flex-direction:column;display:flex}.result-group-editorial h4{font-family:var(--font-serif);font-size:var(--text-feature-title);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-3)}.result-items-editorial{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.result-item-editorial{padding:var(--space-3);border-radius:var(--radius-comfortable);background-color:var(--parchment);border:1px solid var(--border-cream);flex-direction:column;display:flex}.result-item-editorial.correct{background-color:var(--success);border-color:var(--success)}.result-item-editorial.correct .result-kana,.result-item-editorial.correct .result-answer{color:var(--ivory)}.result-item-editorial.wrong{background-color:var(--error-crimson);border-color:var(--error-crimson)}.result-item-editorial.wrong .result-kana,.result-item-editorial.wrong .result-answer{color:var(--ivory)}.result-item-editorial.unanswered{background-color:var(--parchment);border-color:var(--border-cream)}.result-kana{font-family:var(--font-ja);font-size:var(--text-body-large);color:var(--anthropic-near-black);margin-bottom:var(--space-1)}.result-answer{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--olive-gray)}.result-correct{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--error-crimson);font-weight:var(--weight-medium)}.result-actions{justify-content:center;gap:var(--space-4);display:flex}@media (width<=768px){.kana-display-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.kana-detail-header{text-align:center;flex-direction:column}.kana-character-display{font-size:4rem}.kana-detail-content,.quiz-items-editorial{grid-template-columns:1fr}.result-items-editorial{grid-template-columns:repeat(3,1fr)}}.section-dark{background-color:var(--anthropic-near-black);color:var(--ivory);padding:var(--space-20) var(--space-4);margin:var(--space-20) calc(-1 * var(--space-4));border-radius:var(--radius-maximum)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--ivory)}.section-dark p{color:var(--warm-silver)}.section-dark .card{background-color:var(--dark-surface);border-color:var(--border-dark)}.section-light-alt{background-color:var(--ivory);padding:var(--space-20) var(--space-4);margin:var(--space-20) calc(-1 * var(--space-4));border-radius:var(--radius-maximum)}.btn-sm{font-size:var(--text-caption);border-radius:var(--radius-comfortable);padding:6px 12px}.btn-primary{background-color:var(--terracotta-brand);color:var(--ivory);padding:var(--btn-padding-md);border-radius:var(--radius-generous);box-shadow:var(--shadow-ring)}.btn-primary:hover{background-color:var(--coral-accent);box-shadow:var(--shadow-ring-deep)}.btn-secondary{background-color:var(--warm-sand);color:var(--charcoal-warm);padding:var(--btn-padding-md);border-radius:var(--radius-generous);box-shadow:var(--shadow-ring)}.btn-secondary:hover{background-color:var(--border-warm);box-shadow:var(--shadow-ring-deep)}.btn-ghost{color:var(--olive-gray);border-radius:var(--radius-comfortable);border:1px solid var(--border-cream);background-color:#0000;padding:8px 12px}.btn-ghost:hover{color:var(--anthropic-near-black);border-color:var(--border-warm);background-color:#00000005}.page-header{margin-bottom:var(--space-8)}.page-header h1{margin-bottom:var(--space-2)}.lesson-hub-header{flex-direction:column;align-items:stretch;gap:0}.lesson-hub-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.lesson-word-actions{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.lesson-word-trigger{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--border-warm);border-radius:var(--radius-comfortable);background:var(--ivory);color:var(--anthropic-near-black);font:inherit;font-weight:var(--weight-medium);cursor:pointer;box-shadow:var(--shadow-whisper);transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.lesson-word-trigger:hover{background:var(--pure-white);border-color:#c9644259;transform:translateY(-1px)}.lesson-word-trigger-icon{border-radius:var(--radius-subtle);width:28px;height:28px;color:var(--terracotta-brand);font-family:var(--font-ja);background:#c964421f;justify-content:center;align-items:center;display:inline-flex}.lesson-word-panel{margin-bottom:var(--space-8);padding:var(--space-6);border-radius:var(--radius-very);background:var(--ivory);box-shadow:var(--shadow-whisper);border:1px solid #c964422e}.lesson-word-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.lesson-word-panel h2{font-size:var(--text-subheading-sm);margin-bottom:var(--space-2)}.lesson-word-panel p{max-width:640px;font-size:var(--text-caption);margin:0}.lesson-word-all-link{color:var(--terracotta-brand);font-size:var(--text-caption);font-weight:var(--weight-medium);white-space:nowrap;flex-shrink:0}.lesson-word-panel-links{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-sub{font-size:var(--text-caption);color:var(--stone-gray);margin:0}.section-block{margin-top:var(--space-10)}.reading-goal-section{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-6);box-shadow:var(--shadow-whisper);margin-bottom:var(--space-10)}.reading-goal-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.reading-goal-header h2{font-size:var(--text-subheading-sm);margin:0}.reading-progress-bar{border-radius:var(--radius-highly);background-color:var(--warm-sand);border:1px solid var(--border-cream);height:38px;overflow:hidden}.reading-progress-fill{height:100%;padding:0 var(--space-4);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--ivory);background:linear-gradient(90deg, var(--terracotta-brand), var(--coral-accent));justify-content:center;align-items:center;display:flex}.reading-stats-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reading-stat-item{background-color:var(--parchment);border:1px solid var(--border-cream);border-radius:var(--radius-generous);padding:var(--space-4)}.reading-stat-value{font-family:var(--font-serif);font-size:var(--text-subheading-sm);color:var(--anthropic-near-black);line-height:var(--leading-tight)}.reading-stat-label{font-size:var(--text-caption);color:var(--stone-gray);margin-top:var(--space-1)}.reading-goal-controls{gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.goal-input{margin-left:var(--space-2);border:1px solid var(--border-warm);border-radius:var(--radius-comfortable);background-color:var(--pure-white);width:110px;padding:8px 10px}.import-card{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-6);box-shadow:var(--shadow-whisper);margin:var(--space-6) 0}.import-card h3{font-size:var(--text-subheading-sm);margin-bottom:var(--space-2)}.import-error{margin-top:var(--space-3);color:var(--error-crimson);font-size:var(--text-caption)}.read-actions-row{margin:var(--space-4) 0 var(--space-6);justify-content:flex-end;display:flex}.bookshelf-wrap{background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-maximum);padding:var(--space-8);box-shadow:var(--shadow-whisper)}.bookshelf-covers{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:start;display:grid}.bookshelf-book{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;transition:transform .2s}.bookshelf-book:hover{transform:translateY(-2px)}.bookshelf-cover{height:240px;padding:var(--space-5);border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0000001f}.bookshelf-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000000d,#0000008c);position:absolute;inset:0}.bookshelf-cover-title,.bookshelf-cover-author{z-index:1;color:var(--pure-white);position:relative}.bookshelf-cover-title{font-family:var(--font-ja);font-size:1.1rem;line-height:1.25;font-weight:var(--weight-semibold);text-shadow:0 2px 10px #00000040}.bookshelf-cover-author{font-size:var(--text-caption);opacity:.9;margin-top:var(--space-2)}.bookshelf-meta{padding:var(--space-4) var(--space-1) 0}.bookshelf-meta-title{font-family:var(--font-serif);font-size:var(--text-feature-title);color:var(--anthropic-near-black);margin-bottom:var(--space-1)}.bookshelf-meta-sub{font-size:var(--text-caption);color:var(--stone-gray)}.bookshelf-tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.bookshelf-tag{font-size:var(--text-label);color:var(--charcoal-warm);background-color:var(--warm-sand);border:1px solid var(--border-cream);border-radius:var(--radius-highly);padding:4px 8px}.bookshelf-book.active .bookshelf-cover{box-shadow:0 18px 55px #c9644238}.book-shelf-detail{margin-top:var(--space-8);background-color:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-6);box-shadow:var(--shadow-whisper)}.book-shelf-detail-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.book-shelf-detail-title{font-size:var(--text-subheading-sm);margin:0 0 var(--space-1)}.chapter-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.chapter-card{background-color:var(--parchment);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-4);box-shadow:var(--shadow-whisper);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.chapter-card:hover{border-color:var(--border-warm);transform:translateY(-2px);box-shadow:0 10px 30px #0000000f}.chapter-card-top{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.chapter-card-title{font-family:var(--font-ja);font-size:var(--text-body-large);color:var(--anthropic-near-black);margin-bottom:var(--space-2);line-height:1.3}.chapter-card-meta{font-size:var(--text-caption);color:var(--stone-gray);margin:0}.badge{font-size:var(--text-label);color:var(--charcoal-warm);background-color:var(--warm-sand);border:1px solid var(--border-cream);border-radius:var(--radius-highly);padding:4px 8px}.badge-soft{color:var(--terracotta-brand);background-color:#c964421a;border-color:#c964422e}.badge-done{color:#3f6d5d;background-color:#6b908029;border-color:#6b908038}.badge-locked{color:var(--stone-gray);background-color:#14141314;border-color:#1414131f}.badge-level-N5{color:var(--terracotta-brand);background-color:#c964421f;border-color:#c9644238}.badge-level-N4{color:#3f6f95;background-color:#6b8caa1f;border-color:#6b8caa38}.badge-level-N3{color:#8c6a2d;background-color:#c9a66b1f;border-color:#c9a66b38}.badge-level-N2{color:#3f6d5d;background-color:#6b908024;border-color:#6b90803d}.badge-level-N1{color:var(--anthropic-near-black);background-color:#1414131a;border-color:#1414132e}.badge-level-高考日语{color:#b24b2d;background-color:#d9775724;border-color:#d9775742}.lesson-course-column{gap:var(--space-2);min-width:min(100%,640px);display:grid}@media (width<=768px){.bookshelf-wrap{padding:var(--space-6);border-radius:var(--radius-very)}.bookshelf-cover{height:210px}.chapter-grid{grid-template-columns:1fr}}.word-moat-page.page{width:100%;max-width:none;min-height:0;padding:var(--space-4) var(--space-4) var(--space-5);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.moat-page-header{margin-bottom:var(--space-4);flex-shrink:0}.moat-page-header h1{font-size:var(--text-subheading);margin-bottom:var(--space-1)}.moat-page-sub{max-width:36rem}.word-moat-body{gap:var(--space-5);flex:1;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:stretch;min-height:0;display:grid}.moat-mode-sidebar{flex-direction:column;min-height:0;display:flex}.moat-mode-hero{gap:var(--space-3);flex-direction:column;flex-shrink:0;width:100%;margin-bottom:0;display:flex}.moat-mode-tile{align-items:center;gap:var(--space-4);text-align:left;width:100%;padding:var(--space-4) var(--space-5);border:2px solid var(--border-cream);border-radius:var(--radius-very);background:var(--pure-white);cursor:pointer;min-height:0;box-shadow:var(--shadow-whisper);flex-direction:row;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s;display:flex}.moat-mode-tile-text{align-items:flex-start;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.moat-mode-tile:hover{border-color:var(--ring-warm);transform:translateY(-2px);box-shadow:0 14px 36px #00000012}.moat-mode-tile.active{background:linear-gradient(165deg, #c9644217 0%, var(--pure-white) 48%);border-color:#c964428c;box-shadow:0 0 0 3px #c964421f,0 14px 36px #c9644214}.moat-mode-tile-icon{border-radius:var(--radius-soft);background:var(--parchment);border:1px solid var(--border-cream);width:2.5rem;height:2.5rem;font-family:var(--font-ja);color:var(--terracotta-brand);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:0;font-size:1.25rem;font-weight:600;display:flex}.moat-mode-tile.active .moat-mode-tile-icon{background:#c9644226;border-color:#c9644240}.moat-mode-tile-title{font-family:var(--font-serif);font-size:var(--text-subheading-sm);color:var(--anthropic-near-black);margin-bottom:var(--space-2);letter-spacing:-.02em;font-weight:600}.moat-mode-tile-desc{font-size:var(--text-body-small);color:var(--olive-gray);max-width:22rem;line-height:1.55}.moat-panel{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;display:flex}.word-moat-page .moat-study-section.section-block{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.moat-study-layout{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex}.moat-method-section{max-width:920px}.moat-doc-note{font-size:var(--text-caption);color:var(--stone-gray);margin-bottom:var(--space-4)}.memory-method-doc{background:var(--pure-white);border:1px solid var(--border-cream);border-radius:var(--radius-very);padding:var(--space-6) var(--space-7);box-shadow:var(--shadow-whisper);color:var(--dark-warm);line-height:1.65;font-size:var(--text-body-small)}.memory-method-doc h1,.memory-method-doc h2,.memory-method-doc h3{font-family:var(--font-serif);color:var(--anthropic-near-black);margin:1.25em 0 .5em}.memory-method-doc h1{font-size:var(--text-subheading-sm)}.memory-method-doc h2{font-size:var(--text-feature-title)}.memory-method-doc h3{font-size:var(--text-body-large)}.memory-method-doc p{margin:.65em 0}.memory-method-doc ul{margin:.5em 0;padding-left:1.25rem}.memory-method-doc li{margin:.35em 0}.memory-method-doc blockquote{border-left:3px solid var(--terracotta-brand);background:var(--parchment);color:var(--olive-gray);margin:1rem 0;padding:.75rem 1rem}.memory-method-doc code{font-family:var(--font-mono);font-size:var(--text-code);background:var(--warm-sand);border-radius:4px;padding:.1em .35em}.memory-method-doc pre{background:var(--anthropic-near-black);color:var(--ivory);padding:var(--space-4);border-radius:var(--radius-soft);font-size:var(--text-code);overflow-x:auto}.memory-method-doc pre code{color:inherit;background:0 0;padding:0}.memory-method-doc table{border-collapse:collapse;width:100%;font-size:var(--text-caption);margin:1rem 0}.memory-method-doc th,.memory-method-doc td{border:1px solid var(--border-cream);vertical-align:top;padding:.45rem .55rem}.memory-method-doc hr{border:none;border-top:1px solid var(--border-cream);margin:var(--space-6) 0}.moat-study-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex-shrink:0;margin-bottom:0;display:flex}.moat-counter{font-size:var(--text-caption);color:var(--stone-gray)}.moat-filter-group{gap:var(--space-2);display:flex}.moat-filter-btn{border:1px solid var(--border-cream);border-radius:var(--radius-full);background:var(--pure-white);color:var(--stone-gray);cursor:pointer;padding:2px 8px;font-size:.7rem;transition:all .15s}.moat-filter-btn:hover{border-color:var(--terracotta-brand);color:var(--terracotta-brand)}.moat-filter-btn.active{background:var(--terracotta-brand);color:var(--pure-white);border-color:var(--terracotta-brand)}.moat-difficulty{margin-top:var(--space-4);font-size:var(--text-caption);color:var(--stone-gray)}.moat-quiz-score-hint{margin-top:var(--space-2);font-size:var(--text-body);color:var(--stone-gray)}.moat-inline-link{font-size:var(--text-caption);color:var(--terracotta-brand);text-decoration:none}.moat-inline-link:hover{text-decoration:underline}.moat-flip-card{text-align:left;border:1px solid var(--border-cream);border-radius:var(--radius-very);background:var(--pure-white);width:100%;max-width:none;min-height:0;padding:clamp(var(--space-6), 3vh, var(--space-8)) clamp(var(--space-5), 4vw, var(--space-8));box-shadow:var(--shadow-whisper);cursor:pointer;box-sizing:border-box;flex-direction:column;flex:1;align-items:stretch;margin:0;transition:border-color .2s,box-shadow .2s;display:flex}.moat-flip-card:hover{border-color:var(--ring-warm);box-shadow:0 12px 32px #0000000f}.moat-card-label{font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;color:var(--stone-gray);margin-bottom:var(--space-3);display:inline-block}.moat-card-word{font-family:var(--font-ja);color:var(--anthropic-near-black);letter-spacing:.02em;font-size:clamp(3.25rem,11vmin,5.5rem);font-weight:600;line-height:1.1}.moat-card-word-with-sound{justify-content:center;align-items:center;gap:12px;display:flex}.moat-card-word-with-sound .moat-card-word{flex:0 auto}.moat-card-word-with-sound .mini-speech-btn{flex:none;width:32px;height:32px;font-size:1rem}.moat-card-reading{font-family:var(--font-ja);color:var(--olive-gray);margin-top:var(--space-4);letter-spacing:.04em;font-size:clamp(2rem,6.5vmin,3.25rem)}.moat-card-hint{padding-top:var(--space-6);font-size:var(--text-body-small);color:var(--stone-gray);margin-top:auto}.moat-card-face{box-sizing:border-box;flex:1;width:100%;min-height:0}.moat-card-face.moat-card-front{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.moat-card-face.moat-card-front .moat-card-label{align-self:flex-start}.moat-card-face.moat-card-front .moat-card-hint{text-align:center;align-self:stretch}.moat-card-face.moat-card-back{padding-right:var(--space-2);-webkit-overflow-scrolling:touch;overflow-y:auto}.moat-card-meaning{font-size:clamp(1.25rem, 2.5vw, var(--text-subheading-sm));color:var(--anthropic-near-black);margin-bottom:var(--space-4);font-weight:600}.moat-element-list{margin:0 0 var(--space-4);padding:0;list-style:none}.moat-element-list li{border-top:1px solid var(--border-cream);padding:var(--space-3) 0}.moat-el-method{margin-left:var(--space-2);font-size:var(--text-caption);color:var(--stone-gray);display:inline-block}.moat-el-bridge{color:var(--olive-gray);margin-top:.25rem}.moat-scene,.moat-review-hint{font-size:var(--text-body-small);color:var(--dark-warm);margin:var(--space-3) 0}.moat-scene-title{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--stone-gray);margin-bottom:.35rem;display:block}.moat-confusion{font-size:var(--text-caption);color:var(--warning);margin-top:var(--space-3)}.moat-card-nav{justify-content:center;gap:var(--space-3);padding-top:var(--space-2);flex-shrink:0;margin-top:0;display:flex}.moat-nav-btn{border:1px solid var(--border-cream);background:var(--ivory);cursor:pointer;font-size:var(--text-body-small);border-radius:999px;padding:.55rem 1.25rem}.moat-nav-btn.primary{background:var(--terracotta-brand);color:var(--pure-white);border-color:#c9644273}.moat-quiz-section{max-width:640px;margin:0 auto}.word-moat-page .moat-panel>.section-block{margin-top:0}.word-moat-page .moat-quiz-section{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;display:flex}.moat-quiz-head{font-size:var(--text-caption);color:var(--stone-gray);margin-bottom:var(--space-4);justify-content:space-between;display:flex}.moat-quiz-prompt{text-align:center;margin-bottom:var(--space-5)}.moat-quiz-word{font-family:var(--font-ja);font-size:var(--text-subheading-sm)}.moat-quiz-reading{font-family:var(--font-ja);color:var(--olive-gray);margin-top:var(--space-2)}.moat-quiz-instruction{margin-top:var(--space-4);font-size:var(--text-caption);color:var(--stone-gray)}.moat-quiz-options{gap:var(--space-3);display:grid}.moat-option-btn{text-align:left;border:1px solid var(--border-cream);background:var(--pure-white);padding:var(--space-4);border-radius:var(--radius-soft);cursor:pointer;font-size:var(--text-body-small);transition:border-color .15s,background .15s}.moat-option-btn:hover:not(:disabled){border-color:var(--ring-warm)}.moat-option-btn.correct{background:#6b90801f;border-color:#6b90808c}.moat-option-btn.wrong{background:#b5333314;border-color:#b5333373}.moat-quiz-title{font-family:var(--font-serif);font-size:var(--text-feature-title)}.moat-quiz-score{font-size:var(--text-body-large);margin:var(--space-4) 0 var(--space-5)}@media (width<=900px){.word-moat-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.moat-mode-sidebar{flex-shrink:0}.moat-mode-hero{flex-direction:column}}@media (width<=640px){.moat-mode-tile{padding:var(--space-3) var(--space-4)}.moat-card-word{font-size:clamp(2.75rem,14vw,4rem)}.moat-card-reading{font-size:clamp(1.65rem,8vw,2.5rem)}}.moat-mode-tile.tile-empty{opacity:.5}.srs-top-bar{flex-wrap:wrap;gap:.8rem;margin-top:.8rem;display:flex}.srs-stat-chip{background:var(--parchment);border-radius:10px;flex-direction:column;align-items:center;min-width:56px;padding:.5rem 1rem;display:flex}.srs-streak-chip{background:#c964421a}.srs-stat-chip .srs-stat-num{color:var(--anthropic-near-black);font-size:1.4rem;font-weight:700;line-height:1.2}.srs-streak-chip .srs-stat-num{color:var(--terracotta-brand)}.srs-stat-chip .srs-stat-label{color:var(--stone-gray);margin-top:2px;font-size:.72rem}.srs-bottom-bar{background:var(--ivory);border-top:1px solid var(--border-cream);z-index:100;justify-content:center;gap:.6rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:0}.srs-bottom-bar .srs-stat-chip{background:var(--parchment);min-width:unset;border-radius:8px;flex-direction:row;align-items:baseline;gap:.4rem;padding:.4rem .8rem}.srs-bottom-bar .srs-stat-num{color:var(--anthropic-near-black);font-size:1.1rem;font-weight:700}.srs-bottom-bar .srs-stat-label{color:var(--stone-gray);margin-top:0;font-size:.72rem}.srs-bottom-bar .srs-streak-chip{background:#c964421a}.srs-bottom-bar .srs-streak-chip .srs-stat-num{color:var(--terracotta-brand)}.moat-expand-btn{border:1px solid var(--border-cream);color:var(--stone-gray);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:1.1rem;line-height:1;transition:all .2s}.moat-expand-btn:hover{background:var(--parchment);color:var(--anthropic-near-black)}.card-expand-btn{background:var(--parchment);border:1px solid var(--border-cream);color:var(--olive-gray);cursor:pointer;border-radius:8px;margin:.6rem auto 0;padding:6px 16px;font-size:.85rem;transition:all .2s;display:block}.card-expand-btn:hover{background:var(--warm-sand);color:var(--anthropic-near-black)}.card-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s moatFadeIn;display:flex;position:fixed;inset:0}.card-overlay-content{background:var(--ivory);border-radius:16px;width:min(560px,100%);max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.card-overlay-close{background:var(--parchment);width:36px;height:36px;color:var(--olive-gray);cursor:pointer;z-index:10;border:none;border-radius:50%;font-size:1.1rem;transition:all .2s;position:absolute;top:12px;right:12px}.card-overlay-close:hover{background:var(--warm-sand);color:var(--anthropic-near-black)}.card-overlay-flip{cursor:pointer;text-align:left;background:0 0;border:none;width:100%}.card-overlay-face{padding:2rem}.card-overlay-front{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;display:flex}.card-overlay-word{color:var(--anthropic-near-black);font-size:3rem;font-weight:700;font-family:var(--font-serif)}.card-overlay-reading{color:var(--olive-gray);font-size:1.3rem}.card-overlay-hint{color:var(--stone-gray);margin-top:.5rem;font-size:.9rem}.card-overlay-back{flex-direction:column;gap:1rem;display:flex}.card-overlay-meaning{color:var(--anthropic-near-black);border-bottom:1px solid var(--border-cream);padding-bottom:.5rem;font-size:1.4rem;font-weight:600}.card-overlay-elements{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.card-overlay-elements li{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.card-overlay-elements li strong{color:var(--anthropic-near-black);font-size:1.05rem}.card-overlay-scene,.card-overlay-review{background:var(--parchment);color:var(--charcoal-warm);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;line-height:1.6}.card-overlay-scene .moat-scene-title,.card-overlay-review .moat-scene-title{color:var(--olive-gray);margin-bottom:.3rem;font-size:.8rem;font-weight:600;display:block}.card-overlay-confusion{color:var(--terracotta-brand);background:#c964421a;border-radius:8px;padding:.6rem 1rem;font-size:.85rem}.card-overlay-difficulty{color:var(--stone-gray);font-size:.85rem}.srs-progress-bar-wrap{background:var(--border-cream);border-radius:2px;flex:1;min-width:60px;height:4px;overflow:hidden}.srs-progress-bar{background:var(--terracotta-brand);border-radius:2px;height:100%;transition:width .3s}.srs-rate-bar{flex-direction:column;align-items:center;gap:.6rem;padding:.8rem 0;animation:.25s moatFadeIn;display:flex}.srs-rate-label{color:var(--olive-gray);font-size:.9rem;font-weight:500}.srs-rate-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;max-width:500px;display:grid}.srs-rate-btn{border:1px solid var(--border-cream);background:var(--pure-white);cursor:pointer;color:var(--olive-gray);border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;font-size:.8rem;transition:all .15s;display:flex}.srs-rate-btn:hover{border-color:var(--ring-warm)}.srs-rate-icon{font-size:1.1rem;line-height:1}.srs-rate-btn.srs-rate-forgot:hover{color:#b53333;background:#b5333314;border-color:#b533334d}.srs-rate-btn.srs-rate-hard:hover{color:#9a7d40;background:#c9a66b1a;border-color:#c9a66b66}.srs-rate-btn.srs-rate-ok:hover{color:#4a7a62;background:#6b90801a;border-color:#6b908066}.srs-rate-btn.srs-rate-easy:hover{color:var(--terracotta-brand);background:#c9644214;border-color:#c964424d}.srs-session-complete{text-align:center;padding:3rem 1rem}.srs-complete-icon{width:64px;height:64px;color:var(--success);background:#6b90801f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.2rem;font-size:1.8rem;display:flex}.srs-session-complete h2{font-family:var(--font-serif);font-size:var(--text-subheading-sm);margin:0 0 .4rem}.srs-session-complete p{color:var(--stone-gray);font-size:var(--text-body-small)}.srs-stats-section{max-width:800px;margin:0 auto}.srs-stats-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.srs-stat-card{background:var(--pure-white);border:1px solid var(--border-cream);border-radius:12px;padding:1.4rem}.srs-stat-card h3{font-family:var(--font-serif);font-size:1rem;font-weight:var(--weight-semibold);color:var(--anthropic-near-black);border-bottom:1px solid var(--border-cream);margin:0 0 1rem;padding-bottom:.6rem}.srs-stat-row{justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.srs-stat-row span:last-child{color:var(--olive-gray);font-size:.85rem}.srs-big-num{color:var(--anthropic-near-black);font-size:1.5rem;font-weight:700}.srs-streak-row .srs-big-num{color:var(--terracotta-brand)}.srs-level-bars{flex-direction:column;gap:.35rem;display:flex}.srs-level-row{grid-template-columns:56px 1fr 36px;align-items:center;gap:.6rem;display:grid}.srs-level-label{color:var(--stone-gray);text-align:right;white-space:nowrap;font-size:.78rem}.srs-level-bar-wrap{background:var(--border-cream);border-radius:5px;height:10px;overflow:hidden}.srs-level-bar{border-radius:5px;min-width:2px;height:100%;transition:width .3s}.srs-level-bar.level-new{background:var(--warm-sand)}.srs-level-bar.level-learning{background:var(--info)}.srs-level-bar.level-mastered{background:var(--success)}.srs-level-count{color:var(--olive-gray);text-align:left;font-size:.78rem}.srs-upcoming-list{flex-direction:column;gap:.4rem;display:flex}.srs-upcoming-item{background:var(--parchment);border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.85rem;display:flex}.srs-upcoming-item strong{min-width:50px;font-size:.95rem}.srs-upcoming-reading{color:var(--stone-gray);min-width:70px}.srs-upcoming-meaning{color:var(--olive-gray);flex:1}.srs-upcoming-acc{border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:500}.srs-upcoming-acc.acc-good{color:var(--success);background:#6b908026}.srs-upcoming-acc.acc-mid{color:var(--warning);background:#c9a66b26}.srs-upcoming-acc.acc-low{color:var(--error-crimson);background:#b533331a}@keyframes moatFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.srs-top-bar{gap:.5rem}.srs-stat-chip{min-width:48px;padding:.4rem .7rem}.srs-stat-chip .srs-stat-num{font-size:1.1rem}.srs-rate-buttons{grid-template-columns:repeat(4,1fr);gap:.3rem}.srs-rate-btn{padding:.5rem .2rem;font-size:.72rem}.srs-stats-grid{grid-template-columns:1fr}.srs-level-label{min-width:48px;font-size:.7rem}}@media (width<=768px) and (orientation:portrait){.word-moat-page.page{padding:var(--space-3) var(--space-2) var(--space-4);-webkit-overflow-scrolling:touch;min-height:100vh}.moat-page-header{margin-bottom:var(--space-3);padding:var(--space-2) 0}.moat-page-header h1{font-size:var(--text-subheading-sm);margin-bottom:var(--space-1)}.srs-top-bar{gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);justify-content:space-between}.srs-stat-chip{min-width:52px;padding:var(--space-2) var(--space-3);flex:auto;justify-content:center}.srs-stat-chip .srs-stat-num{font-size:1.2rem;font-weight:700}.srs-stat-chip .srs-stat-label{margin-top:2px;font-size:.65rem}.moat-mode-tile{padding:var(--space-3) var(--space-4);border-radius:var(--radius-generous);min-height:72px}.moat-mode-tile-icon{width:2.2rem;height:2.2rem;font-size:1.1rem}.moat-mode-tile-title{font-size:var(--text-body-nav);font-weight:600}.moat-mode-tile-desc{font-size:var(--text-caption);line-height:1.3}.word-moat-body{gap:var(--space-3);grid-template-rows:auto 1fr;grid-template-columns:1fr}.moat-panel{-webkit-overflow-scrolling:touch;overflow-y:auto}.moat-study-toolbar{gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap;justify-content:space-between}.moat-counter{font-size:var(--text-body-small);font-weight:600}.moat-filter-btn{border-radius:var(--radius-comfortable);touch-action:manipulation;min-width:44px;min-height:36px;padding:8px 12px;font-size:.8rem}.moat-filter-group{gap:var(--space-2);flex-wrap:wrap;justify-content:center}.moat-flip-card{border-radius:var(--radius-generous);padding:var(--space-4) var(--space-3);-webkit-overflow-scrolling:touch;min-height:400px;max-height:70vh;overflow-y:auto}.moat-card-face{padding:var(--space-2)}.moat-card-label{font-size:var(--text-overline);margin-bottom:var(--space-2)}.moat-card-word{word-break:keep-all;font-size:clamp(2.5rem,15vw,4rem);line-height:1.2}.moat-card-reading{margin-top:var(--space-3);font-size:clamp(1.5rem,8vw,2.5rem)}.moat-card-hint{font-size:var(--text-caption);padding-top:var(--space-4);margin-top:var(--space-3)}.moat-card-face.moat-card-back{padding-right:var(--space-1)}.moat-card-meaning{font-size:var(--text-body-large);margin-bottom:var(--space-3);line-height:1.5}.moat-element-list{gap:var(--space-3);margin-bottom:var(--space-3)}.moat-element-list li{padding:var(--space-2);background:var(--parchment);border-radius:var(--radius-subtle);font-size:var(--text-body-small)}.moat-scene,.moat-review-hint{font-size:var(--text-body-small);margin-bottom:var(--space-2);line-height:1.6}.moat-scene-title{font-size:var(--text-label);margin-bottom:var(--space-1);font-weight:600;display:block}.srs-rate-bar{margin-top:var(--space-3);padding:var(--space-2) 0}.srs-rate-label{font-size:var(--text-body-small);margin-bottom:var(--space-2);text-align:center;display:block}.srs-rate-buttons{gap:var(--space-2);grid-template-columns:repeat(4,1fr)}.srs-rate-btn{padding:var(--space-3) var(--space-2);font-size:var(--text-body-small);border-radius:var(--radius-comfortable);touch-action:manipulation;justify-content:center;align-items:center;min-height:56px}.srs-rate-icon{margin-bottom:2px;font-size:1.3rem}.moat-quiz-section{padding:var(--space-2)}.moat-quiz-head{margin-bottom:var(--space-3);font-size:var(--text-body-small);justify-content:space-between}.moat-quiz-word{text-align:center;margin-bottom:var(--space-2);font-size:clamp(2rem,12vw,3rem)}.moat-quiz-reading{font-size:var(--text-body-large);text-align:center;color:var(--olive-gray);margin-bottom:var(--space-3)}.moat-quiz-options{gap:var(--space-2)}.moat-option-btn{padding:var(--space-4) var(--space-3);font-size:var(--text-body-standard);border-radius:var(--radius-comfortable);touch-action:manipulation;min-height:52px}.srs-stats-section{padding:var(--space-2)}.srs-stats-grid{gap:var(--space-3);grid-template-columns:1fr}.srs-stat-card{padding:var(--space-4);border-radius:var(--radius-generous)}.srs-stat-card h3{font-size:var(--text-body-nav);margin-bottom:var(--space-2)}.srs-stat-row{margin-bottom:var(--space-2);justify-content:space-between}.srs-big-num{font-size:var(--text-subheading-sm);font-weight:700}.srs-level-bars{gap:var(--space-2)}.srs-level-row{gap:var(--space-2);align-items:center}.srs-level-label{min-width:60px;font-size:var(--text-caption)}.srs-level-count{font-size:var(--text-caption);text-align:right;min-width:24px}.srs-progress-bar-wrap{border-radius:var(--radius-full);height:6px}.srs-progress-bar{border-radius:var(--radius-full);height:100%;transition:width .3s}}@media (width<=375px){.word-moat-page.page{padding:var(--space-2) var(--space-1) var(--space-3)}.moat-mode-tile{padding:var(--space-2) var(--space-3);min-height:64px}.moat-flip-card{min-height:350px;padding:var(--space-3) var(--space-2)}.moat-card-word{font-size:clamp(2rem,14vw,3.5rem)}.srs-rate-btn{padding:var(--space-2) var(--space-1);font-size:var(--text-caption);min-height:52px}.srs-rate-icon{font-size:1.1rem}.moat-filter-btn{min-height:32px;padding:6px 10px;font-size:.75rem}.moat-option-btn{padding:var(--space-3) var(--space-2);font-size:var(--text-body-small);min-height:48px}.srs-bottom-bar{flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.5rem}.srs-bottom-bar .srs-stat-chip{gap:.25rem;padding:.3rem .5rem}.srs-bottom-bar .srs-stat-num{font-size:.95rem}.srs-bottom-bar .srs-stat-label{font-size:.65rem}.card-overlay-content{border-radius:12px;width:100%;max-height:95vh}.card-overlay-face{padding:1.2rem}.card-overlay-word{font-size:2.2rem}.card-overlay-reading{font-size:1.1rem}}@media (width<=768px){.page{padding:var(--space-3) var(--space-2) var(--space-4)}.page-header{margin-bottom:var(--space-3);padding:var(--space-2) 0}.page-header h1{font-size:var(--text-subheading-sm);margin-bottom:var(--space-1)}.page-sub{font-size:var(--text-body-small)}.vocabulary-controls{gap:var(--space-2);margin-bottom:var(--space-3)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-body-small);border-radius:var(--radius-comfortable);touch-action:manipulation;text-align:center;flex:auto;justify-content:center;min-height:40px}.book-filter-select{width:100%;min-width:auto;padding:var(--space-3);font-size:var(--text-body-small);border-radius:var(--radius-comfortable);min-height:44px}.vocabulary-grid{gap:var(--space-3);grid-template-columns:1fr;padding:0}.vocabulary-card{padding:var(--space-4);border-radius:var(--radius-generous)}.vocabulary-word-header{gap:var(--space-2);margin-bottom:var(--space-2);align-items:flex-start}.vocabulary-word-ja{font-size:var(--text-body-large);font-weight:600}.vocabulary-speech-btn{flex:none;align-self:center}.vocabulary-reading{font-size:var(--text-body-standard);margin-bottom:var(--space-2)}.vocabulary-meaning{font-size:var(--text-body-standard);margin-bottom:var(--space-2);line-height:1.5}.vocabulary-context{font-size:var(--text-body-small);padding:var(--space-2) var(--space-3);border-radius:var(--radius-subtle);margin-bottom:var(--space-2);line-height:1.4}.vocabulary-meta{margin-top:var(--space-3);padding-top:var(--space-2)}.vocabulary-date{font-size:var(--text-caption)}.remove-btn{min-width:36px;min-height:36px;font-size:var(--text-subheading);touch-action:manipulation}.empty-state{padding:var(--space-8) var(--space-4);text-align:center}.empty-state p{font-size:var(--text-body-standard);line-height:1.6}}.word-sets-page{padding:0}.ws-header{max-width:1100px;margin:0 auto;padding:2.5rem 2.5rem 0}.ws-header h1{font-size:2.2rem}.ws-header .page-sub{margin-top:.4rem;font-size:1.1rem}.word-sets-list{background:var(--border-cream);border:1px solid var(--border-cream);border-radius:16px;flex-direction:column;gap:0;max-width:1100px;margin:2rem auto;display:flex;overflow:hidden}.word-sets-list.compact{max-width:none;margin:0}.word-set-card{background:var(--pure-white);align-items:center;gap:2rem;padding:1.8rem 2.5rem;text-decoration:none;transition:background .15s;display:flex;position:relative}.word-sets-list.compact .word-set-card{gap:1.2rem;padding:1.2rem 1.4rem}.word-sets-list.compact .wsc-icon{border-radius:var(--radius-comfortable);width:52px;height:52px;font-size:1.35rem}.word-sets-list.compact .wsc-title{font-size:1.2rem}.word-sets-list.compact .wsc-desc{font-size:.92rem}.word-set-card:hover:not(.disabled){background:var(--parchment)}.word-set-card.disabled{opacity:.55;cursor:not-allowed}.wsc-left{flex-shrink:0;align-items:center;gap:1.2rem;display:flex}.wsc-icon{background:var(--parchment);width:72px;height:72px;font-family:var(--font-ja);font-size:2rem;font-weight:var(--weight-semibold);color:var(--terracotta-brand);border-radius:14px;justify-content:center;align-items:center;display:flex}.word-set-card:hover:not(.disabled) .wsc-icon{background:#c964421a}.wsc-level-dots{flex-direction:column;gap:4px;display:flex}.wsc-dot{background:var(--warm-sand);border-radius:50%;width:8px;height:8px}.wsc-dot.active{background:var(--terracotta-brand)}.wsc-center{flex:1;min-width:0}.wsc-title-row{align-items:baseline;gap:.8rem;margin-bottom:.4rem;display:flex}.wsc-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:var(--weight-semibold);color:var(--anthropic-near-black);margin:0}.wsc-subtitle{color:var(--stone-gray);white-space:nowrap;font-size:1rem}.wsc-desc{color:var(--olive-gray);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;line-height:1.5;overflow:hidden}.wsc-right{flex-shrink:0;align-items:center;gap:1.2rem;display:flex}.wsc-tag{font-size:.8rem;font-weight:var(--weight-medium);letter-spacing:.02em;white-space:nowrap;border-radius:20px;padding:4px 14px}.wsc-tag.tag-active{color:var(--terracotta-brand);background:#c964421a}.wsc-tag.tag-locked{background:var(--warm-sand);color:var(--stone-gray)}.wsc-count{color:var(--stone-gray);white-space:nowrap;text-align:right;min-width:60px;font-size:.95rem}.wsc-arrow{color:var(--ring-subtle);font-size:1.6rem;font-weight:300;transition:color .15s,transform .15s}.word-set-card:hover:not(.disabled) .wsc-arrow{color:var(--terracotta-brand);transform:translate(4px)}.word-set-card.disabled .wsc-arrow{color:var(--warm-sand)}.back-link{align-items:center;gap:var(--space-2);font-size:var(--text-body-small);color:var(--stone-gray);margin-bottom:var(--space-3);text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--terracotta-brand)}.word-study-page{width:min(100%,980px);min-height:0;padding:calc(22px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;flex:1;margin:0 auto;display:flex}.word-study-header{margin-bottom:28px}.word-study-header h1{font-family:var(--font-serif);margin:0;font-size:clamp(2.5rem,10vw,4rem);line-height:1.05}.word-study-dashboard{border:1px solid var(--border-cream);background:#fffefa;border-radius:18px;grid-template-columns:148px 1fr;gap:28px;padding:26px;display:grid;box-shadow:0 18px 54px #14141312}.word-study-book{aspect-ratio:.76;color:var(--terracotta-brand);font-family:var(--font-ja);background:linear-gradient(160deg,#f9f7ef,#e8e6dc);border:1px solid #e5e0d2;border-radius:14px;place-items:center;font-size:3.6rem;font-weight:700;display:grid}.word-study-book-n4{color:#fff;background:linear-gradient(160deg,#c96442,#d97757);border-color:#c96442}.word-study-summary{min-width:0}.word-study-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.word-study-title-row h2{color:var(--anthropic-near-black);font-family:var(--font-serif);margin:0;font-size:clamp(1.6rem,4.8vw,2.5rem)}.word-study-title-row p{color:var(--stone-gray);margin:8px 0 0}.word-study-pen{background:var(--parchment);width:44px;height:44px;color:var(--anthropic-near-black);cursor:pointer;border:0;border-radius:10px;font-size:1.65rem;line-height:1}.word-study-days{border:1px solid var(--border-cream);width:fit-content;color:var(--olive-gray);background:#fff;border-radius:999px;margin:28px 0 24px;padding:8px 18px;box-shadow:0 2px #e8e3d5}.word-study-days strong{color:var(--terracotta-brand);font-size:1.15em}.word-study-progress{background:#ece8dc;border-radius:999px;height:12px;overflow:hidden}.word-study-progress span{border-radius:inherit;background:linear-gradient(90deg, #b42112, var(--terracotta-brand));height:100%;transition:width .3s;display:block}.word-study-statline{color:var(--olive-gray);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;font-size:.96rem;display:flex}.word-study-statline span{align-items:center;gap:8px;display:inline-flex}.word-study-statline .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.word-study-statline .mastered{background:#d41d10}.word-study-statline .learned{background:#eadbdd}.word-study-list-note{margin-left:auto}.word-study-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px;display:grid}.word-study-actions button,.word-study-start,.word-recall-actions button,.word-quiz-options button{min-height:58px;color:var(--anthropic-near-black);cursor:pointer;background:#fff;border:1px solid #e0ddd1;border-radius:12px;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.word-study-actions button{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.word-study-actions button small{color:var(--stone-gray);font-weight:500}.word-study-actions button.active{border-color:#c9644266;box-shadow:0 0 0 3px #c9644214}.word-study-actions .primary,.word-study-start{background:var(--terracotta-brand);color:#fff;border-color:var(--terracotta-brand)}.word-study-actions .primary small{color:#fff8}.word-study-start{width:100%;margin-top:18px;font-size:1.05rem}.word-settings-page,.word-detail-page{max-width:520px;margin:0 auto}.word-session-page{flex-direction:column;flex:1;gap:18px;width:100%;max-width:520px;min-height:0;margin:0 auto;display:flex}.word-settings-header,.word-session-header{flex-shrink:0;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;min-height:52px;display:grid}.word-session-actions{align-items:center;gap:2px;display:inline-flex}.word-session-linkmap{min-width:44px;min-height:44px;font-family:var(--font-ja);color:var(--terracotta-brand);border-radius:10px;place-items:center;font-size:1rem;font-weight:700;text-decoration:none;display:grid}.word-session-linkmap:hover{background:#c964421a}.word-settings-header h1{text-align:center;margin:0;font-size:1.3rem}.word-settings-header button,.word-session-header button{min-height:44px;color:var(--anthropic-near-black);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:1.35rem}.word-settings-header .word-settings-save{color:var(--terracotta-brand);font-size:1rem;font-weight:700}.word-settings-tabs{justify-content:center;gap:36px;margin-bottom:36px;display:flex}.word-settings-tabs button{z-index:1;color:var(--stone-gray);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-width:44px;min-height:44px;padding:8px 12px 10px;font-size:1rem;font-weight:700;position:relative}.word-settings-tabs .active{color:var(--anthropic-near-black);border-bottom:4px solid var(--terracotta-brand)}.word-settings-section+.word-settings-section{margin-top:42px}.word-settings-section h2{margin:0 0 18px;font-size:1.05rem}.word-size-picker{grid-template-columns:1fr 42px;align-items:center;gap:12px;min-height:290px;display:grid;position:relative}.word-size-wheel{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;grid-column:1;align-items:center;max-height:260px;padding:100px 0;display:flex;position:relative;overflow-y:auto}.word-size-wheel::-webkit-scrollbar{display:none}.word-size-wheel button{color:#a1a09a;cursor:pointer;scroll-snap-align:center;background:0 0;border:0;border-radius:999px;flex:0 0 64px;justify-content:center;align-items:center;width:88px;min-height:64px;margin:0 auto;font-size:1.15rem;display:flex}.word-size-wheel button.active{color:#fff;text-shadow:0 1px 8px #0002;background:linear-gradient(135deg,#b98a3f,#d2a85b);width:104px;font-size:1.7rem;font-weight:800;box-shadow:0 10px 24px #b98a3f45}.word-size-wheel button.active:after{content:"词";margin-left:5px;font-size:.86rem;font-weight:700}.word-size-pointer{border-top:9px solid #0000;border-bottom:9px solid #0000;border-right:13px solid #8b887e;grid-column:2;place-self:center;width:0;height:0}.word-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.word-mode-grid button{border:1px solid var(--border-cream);cursor:pointer;background:#fff;border-radius:14px;align-content:center;justify-items:center;gap:8px;min-height:132px;padding:18px;display:grid}.word-mode-grid button.active{background:#fff8f4;border-color:#c9644266}.word-mode-grid .mode-icon{background:var(--parchment);width:48px;height:48px;color:var(--terracotta-brand);font-family:var(--font-ja);border-radius:14px;place-items:center;font-size:1.35rem;display:grid}.word-mode-grid small,.word-settings-footnote{color:var(--stone-gray);text-align:center;line-height:1.45}.word-settings-footnote{margin-top:28px}.word-quiz-type-note{color:var(--stone-gray);margin:-6px 0 14px;font-size:.92rem;line-height:1.45}.word-quiz-type-list{gap:10px;display:grid}.word-quiz-type-item{border:1px solid var(--border-cream);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.word-quiz-type-item.is-checked{background:#fff8f4;border-color:#c9644266}.word-quiz-type-item input{width:18px;height:18px;accent-color:var(--terracotta-brand);margin-top:2px}.word-quiz-type-copy{gap:4px;display:grid}.word-quiz-type-copy strong{font-size:.98rem}.word-quiz-type-copy small{color:var(--stone-gray);line-height:1.4}.word-quiz-center.is-audio-quiz{flex-direction:column;gap:22px;min-height:min(32vh,280px)}.word-quiz-center.is-audio-quiz .word-quiz-audio-row{gap:16px;width:auto}.word-quiz-center.is-audio-quiz .word-quiz-audio-btn{border-radius:16px;min-height:64px;font-size:1.08rem}.word-quiz-center.is-audio-quiz .word-quiz-audio-speaker{width:72px;min-width:72px}.word-quiz-center.is-audio-quiz .word-quiz-audio-icon{font-size:2rem}.word-quiz-center.is-audio-quiz .word-quiz-audio-example{min-width:132px;padding:0 28px}.word-quiz-center.is-audio-quiz .word-card-face{gap:10px}.word-quiz-options.is-word-options button{font-family:var(--font-ja);font-size:1.15rem}.word-session-progress{gap:7px;display:grid}.word-session-progress strong{text-align:center}.word-session-progress span{background:#e9e5d9;border-radius:999px;height:7px;overflow:hidden}.word-session-progress i{border-radius:inherit;background:var(--terracotta-brand);height:100%;display:block}.word-session-detail{font-family:var(--font-ja)}.word-study-card{cursor:pointer;text-align:center;background:#fffefa;border:1px solid #e0ddd1;border-radius:18px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:min(38vh,320px);padding:24px;display:flex;box-shadow:0 18px 48px #14141310}.word-study-card.is-flipped{text-align:left;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:stretch;min-height:min(52vh,480px);max-height:min(72vh,620px);padding:12px;overflow-y:auto}.word-session-page.memory-preview-mode{gap:18px}.word-memory-preview-card{cursor:default;text-align:left;border-radius:28px;flex:none;justify-content:flex-start;align-items:stretch;width:min(100%,520px);min-height:auto;margin:0 auto;padding:clamp(22px,5vw,34px);position:relative}.word-memory-preview-face{min-height:auto;display:block}.word-memory-preview-reading{min-height:24px;color:var(--stone-gray);font-family:var(--font-ja);letter-spacing:.08em;font-size:1.15rem;font-weight:700;display:block}.word-memory-preview-word{text-align:left;font-size:min(7.4rem, clamp(3.2rem, calc(86vw / var(--word-display-chars,4)), 7.4rem));justify-self:start;margin:6px 0 8px;display:block}.word-memory-preview-meaning{color:var(--stone-gray);margin:0;font-size:1.05rem;line-height:1.55}.word-memory-preview-block{background:#f1eee6;border-radius:18px;margin-top:22px;padding:17px}.word-memory-preview-block.story{background:#fff6ef}.word-memory-preview-block span{color:var(--terracotta-brand);margin-bottom:8px;font-size:.9rem;font-weight:800;display:block}.word-memory-preview-block p{color:#3f3f3d;margin:0;font-size:1rem;line-height:1.72}.word-memory-preview-actions{grid-template-columns:56px 1fr;gap:12px;margin-top:22px;display:grid}.word-memory-preview-audio,.word-memory-preview-primary{cursor:pointer;min-height:54px;font:inherit;border-radius:16px;font-weight:800;transition:transform .15s,border-color .15s}.word-memory-preview-audio{border:1px solid var(--border-cream);background:var(--parchment);font-size:1.2rem}.word-memory-preview-save{z-index:2;border:1px solid var(--border-cream);background:var(--parchment);width:44px;height:44px;color:var(--ink-black);cursor:pointer;font:inherit;border-radius:14px;font-size:1.25rem;font-weight:800;transition:transform .15s,border-color .15s;position:absolute;top:18px;right:18px}.word-memory-preview-save.saved{color:var(--terracotta-brand);background:#fff6ef;border-color:#c9644252}.word-memory-preview-save:disabled{cursor:default;opacity:1}.word-memory-preview-primary{background:var(--terracotta-brand);color:#fff;border:0;box-shadow:0 12px 28px #c9644238}.word-memory-preview-audio:hover,.word-memory-preview-save:hover:not(:disabled),.word-memory-preview-primary:hover{transform:translateY(-1px)}.word-card-face{align-content:center;place-items:center;gap:18px;width:100%;min-height:100%;display:grid}.word-card-pill{background:var(--parchment);min-height:34px;color:var(--terracotta-brand);border-radius:999px;justify-self:start;padding:6px 14px;font-weight:700}.word-sound-orb{width:84px;height:84px;color:var(--anthropic-near-black);font-family:var(--font-ja);background:#e8e6dc;border-radius:50%;place-items:center;font-size:2rem;font-weight:800;display:grid}.word-ruby-stack,.word-card-main-word,.word-detail-main-word{color:var(--anthropic-near-black);font-family:var(--font-ja);white-space:nowrap;word-break:keep-all;overflow-wrap:normal;font-weight:700;line-height:1.05}.word-ruby-stack{flex-wrap:nowrap;align-items:flex-start;gap:.08em;display:inline-flex}.word-ruby-stack ruby{ruby-position:under;ruby-align:center}.word-card-main-word{font-family:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", var(--font-ja), serif;font-size:min(7.4rem, clamp(2rem, calc(82vw / var(--word-display-chars,4)), 7.4rem));text-align:center;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;justify-self:center;max-width:100%;font-weight:600}.word-ruby-stack.word-card-main-word{justify-content:center;width:100%;max-width:100%}.word-ruby-stack rt,.word-card-main-word rt,.word-detail-main-word rt{color:var(--stone-gray);letter-spacing:.02em;text-align:center;font-size:.24em;font-weight:500}.word-card-reading,.word-detail-reading{color:var(--stone-gray);font-family:var(--font-ja);font-size:1.35rem}.word-answer-ok{color:var(--sage-deep)}.word-answer-ng{appearance:none;color:#b53333;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-weight:800}.word-answer-ng:active{transform:scale(.98)}.word-answer-ng:focus-visible{outline-offset:3px;outline:3px solid #f0c7bd}.word-session-page.quiz-mode{gap:14px;position:relative}.word-quiz-chip{z-index:25;border:1px solid var(--border-cream);cursor:pointer;text-align:left;background:#fffefa;border-radius:14px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;width:100%;padding:12px 16px;transition:border-color .15s,transform .15s;animation:.3s cubic-bezier(.22,1,.36,1) both word-quiz-chip-slide-down;display:flex;position:relative;box-shadow:0 8px 24px #1414130c}.word-quiz-chip:hover{border-color:var(--ring-warm);transform:translateY(-1px)}.word-quiz-chip-word{font-family:var(--font-ja);color:var(--anthropic-near-black);font-size:1.15rem;font-weight:700}.word-quiz-chip-reading{font-family:var(--font-ja);color:var(--stone-gray);font-size:.95rem}.word-quiz-chip-meaning{color:var(--olive-gray);flex:1;min-width:0;font-size:.92rem}.word-quiz-audio-row{flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.word-quiz-audio-btn{border:1px solid var(--border-cream);background:var(--parchment);min-height:44px;color:var(--anthropic-near-black);cursor:pointer;border-radius:12px;font-size:.92rem;font-weight:600;transition:border-color .15s,transform .15s}.word-quiz-audio-btn:hover:not(:disabled){border-color:var(--ring-warm);transform:translateY(-1px)}.word-quiz-audio-btn:disabled{opacity:.45;cursor:not-allowed}.word-quiz-audio-speaker{place-items:center;width:48px;padding:0;display:grid}.word-quiz-audio-icon{font-size:1.1rem;line-height:1}.word-quiz-audio-example{color:var(--terracotta-brand);background:#fff8f4;border-color:#c9644233;padding:0 16px}.word-quiz-center{background:#fffefa;border:1px solid #e0ddd1;border-radius:18px;flex:auto;justify-content:center;align-items:center;min-height:min(28vh,240px);padding:20px 16px;display:flex;box-shadow:0 18px 48px #14141310}.word-quiz-prompt{color:var(--stone-gray);margin:0;font-size:.92rem}.word-quiz-main-word{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;max-width:100%;font-size:min(5.6rem, clamp(2rem, calc(82vw / var(--word-display-chars,4)), 5.6rem))}.word-quiz-success-overlay{z-index:20;background:#14141347;place-items:center;padding:24px;animation:.22s ease-out word-quiz-overlay-in;display:grid;position:absolute;inset:0}.word-quiz-success-card{border:1px solid var(--border-cream);text-align:center;background:#fffefa;border-radius:20px;width:min(100%,280px);padding:28px 24px 22px;animation:.35s cubic-bezier(.34,1.4,.64,1) word-quiz-success-pop;position:relative;box-shadow:0 24px 56px #14141324}.word-quiz-success-burst{pointer-events:none;background:radial-gradient(circle at 50% 40%,#c9644228 0%,#0000 68%);border-radius:24px;animation:.6s ease-out word-quiz-burst;position:absolute;inset:-8px}.word-quiz-success-title{color:var(--sage-deep);margin-bottom:8px;font-size:1.45rem;font-weight:800;display:block}.word-quiz-success-meaning{color:var(--olive-gray);margin:0 0 18px;font-size:1.05rem;line-height:1.5}.word-quiz-success-next{background:var(--terracotta-brand);color:#fff;cursor:pointer;border:0;border-radius:999px;min-width:52px;min-height:52px;padding:0;font-size:1.35rem;font-weight:700;transition:transform .15s;box-shadow:0 10px 24px #c9644240}.word-quiz-success-next:hover{transform:scale(1.06)}.word-card-meaning{font-size:1.8rem}@keyframes word-quiz-chip-slide-down{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes word-quiz-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes word-quiz-success-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes word-quiz-burst{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.15)}}.word-quiz-options{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.word-quiz-options p{color:var(--stone-gray);text-align:center;grid-column:1/-1}.word-quiz-options button{min-height:64px;padding:14px 16px;font-size:1rem}.word-quiz-options button.correct{color:#476f5f;background:#6b90801f;border-color:#6b9080}.word-quiz-options button.wrong{color:#b53333;background:#b5333318;border-color:#b53333}.word-card-back{text-align:left;align-content:start;place-items:stretch stretch}.word-detail-card--recall{width:100%;box-shadow:none;background:0 0;border:none;padding:8px 4px 12px}.word-card-back strong{font-size:1.8rem}.word-card-back p,.word-card-back small{color:var(--olive-gray);line-height:1.75}.word-recall-actions{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.word-recall-actions button{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.word-recall-actions button small{color:var(--stone-gray);font-size:.78rem;font-weight:600}.word-recall-actions .primary{background:var(--terracotta-brand);border-color:var(--terracotta-brand);color:#fff}.word-recall-actions .primary small{color:#fff8}.word-detail-card{border:1px solid var(--border-cream);text-align:left;background:#fffefa;border-radius:18px;padding:26px;box-shadow:0 18px 48px #14141310}.word-detail-main-word{text-align:left;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;width:100%;max-width:100%;font-size:min(6rem, clamp(2rem, calc(82vw / var(--word-display-chars,4)), 6rem));display:block}.word-detail-reading,.word-detail-meaning{text-align:left;display:block}.word-detail-meaning-section{margin-top:16px}.word-detail-meaning{color:var(--olive-gray);margin:0;font-size:1.4rem}.word-detail-info-grid{gap:10px;margin-top:16px;display:grid}.word-detail-info-card{border:1px solid var(--border-cream);background:var(--parchment);border-radius:10px;padding:12px 14px}.word-detail-info-card span{color:var(--terracotta-brand);margin-bottom:6px;font-size:.86rem;font-weight:700;display:block}.word-detail-info-card strong{color:var(--anthropic-near-black);font-size:1rem}.word-detail-usage-card ul{color:var(--olive-gray);gap:6px;margin:0;padding-left:1.1em;line-height:1.65;display:grid}.word-detail-card section+section{margin-top:28px}.word-detail-card h2{color:var(--terracotta-brand);margin:0 0 12px;font-size:1rem}.word-example-list,.word-memory-panel{gap:10px;display:grid}.word-example-item,.word-memory-block{border:1px solid var(--border-cream);background:var(--parchment);border-radius:10px;padding:14px}.word-example-item p{font-family:var(--font-ja);color:var(--anthropic-near-black);margin:0 0 8px}.word-example-item span,.word-detail-muted,.word-memory-block p{color:var(--olive-gray);line-height:1.7}.word-memory-block h3{color:var(--anthropic-near-black);margin:0 0 8px;font-size:.92rem;font-weight:600}.word-memory-block p{margin:0}.word-study-actions button:hover,.word-study-start:hover,.word-recall-actions button:hover,.word-quiz-options button:hover:not(:disabled){border-color:var(--ring-warm);transform:translateY(-1px)}@media (width>=768px){.word-session-page{max-width:760px}.word-session-page.quiz-mode{justify-content:flex-start}.word-session-page.quiz-mode .word-quiz-center{flex:none;height:clamp(360px,42vh,520px);min-height:0;padding:28px 24px}.word-session-page.quiz-mode .word-quiz-center.is-audio-quiz{height:clamp(300px,34vh,420px);min-height:0}.word-session-page.quiz-mode .word-quiz-options{gap:16px}.word-session-page.quiz-mode .word-quiz-options button{min-height:70px;font-size:1.05rem}.word-session-page.recall-mode{max-width:720px}.word-session-page.recall-mode .word-study-card{flex:none;min-height:clamp(360px,42vh,520px)}}@media (width<=760px){.word-study-page{width:100%;padding:calc(14px + env(safe-area-inset-top)) 18px calc(16px + env(safe-area-inset-bottom))}.word-study-dashboard{box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;gap:18px;padding:0}.word-study-book{display:none}.word-study-summary{border:1px solid var(--border-cream);background:#fffefa;border-radius:18px;padding:18px;box-shadow:0 16px 42px #14141310}.word-study-title-row{align-items:flex-start}.word-study-days{margin:24px 0 22px}.word-study-actions{gap:12px;margin-top:32px}.word-study-actions button{min-height:58px}.word-size-picker{grid-template-columns:1fr 42px;min-height:250px}.word-size-wheel{max-height:230px;padding:82px 0}.word-study-card{min-height:min(34vh,280px)}}@media (width<=430px){.word-study-page{padding-left:16px;padding-right:16px}.word-study-header h1{font-size:2.7rem}.word-study-title-row h2{font-size:1.8rem}.word-study-statline{gap:10px}.word-study-list-note{width:100%;margin-left:0}.word-quiz-options,.word-recall-actions,.word-mode-grid{grid-template-columns:1fr}}.lesson-back-link{min-height:40px;padding:0 var(--space-3);border:1px solid var(--border-cream);border-radius:var(--radius-highly);background:var(--ivory);box-shadow:var(--shadow-whisper)}.quiz-back-link{margin-bottom:var(--space-4)}@media (width<=768px){.lesson-hub-header,.lesson-word-panel-head{flex-direction:column;align-items:stretch}.lesson-word-actions{justify-content:stretch}.lesson-word-trigger{justify-content:center;width:100%}.lesson-word-panel{padding:var(--space-4)}.lesson-word-all-link{white-space:normal}.lesson-word-panel-links{justify-content:flex-start}.word-sets-list{border-radius:12px;margin:1rem}.word-set-card{flex-wrap:wrap;gap:1rem;padding:1.4rem 1.2rem}.wsc-icon{width:56px;height:56px;font-size:1.5rem}.wsc-left{justify-content:space-between;width:100%}.wsc-level-dots{flex-direction:row}.wsc-center{width:100%}.wsc-title{font-size:1.2rem}.wsc-desc{white-space:normal;font-size:.9rem}.wsc-right{border-top:1px solid var(--border-cream);justify-content:space-between;width:100%;margin-top:.4rem;padding-top:.8rem}}@keyframes particle-float{0%,to{opacity:.4;transform:translate(0,0)}50%{opacity:.8;transform:translate(10px,-30px)}}@keyframes petal-fall-graceful{0%{opacity:.85;transform:translate(0,0)rotate(0)scale(1)}50%{opacity:.7;transform:translate(80px,50vh)rotate(180deg)scale(.9)}to{opacity:.3;transform:translate(-40px,110vh)rotate(360deg)scale(.7)}}@keyframes swirl-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes petal-swirl-offset{0%{transform:translate(30px)}to{transform:translate(50px)}}@keyframes cloud-drift-slow{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(40px)translateY(-10px)}}@keyframes wing-beat{0%,to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}@keyframes ripple-expand{0%{opacity:.5;width:100px}to{opacity:0;width:300px}}@keyframes sun-pulse{0%,to{transform:scale(1);box-shadow:0 0 60px #ffd54fcc,0 0 120px #ffb30080}50%{transform:scale(1.05);box-shadow:0 0 80px #ffd54f,0 0 160px #ffb300b3}}@keyframes sun-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cloud-float-gentle{0%,to{transform:translate(0)}50%{transform:translate(50px)}}@keyframes rice-sway-gentle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes dragonfly-fly{0%{transform:translate(0)}25%{transform:translate(100px,-50px)}50%{transform:translate(50px,-100px)}75%{transform:translate(-50px,-30px)}to{transform:translate(0)}}@keyframes lantern-glow{0%,to{box-shadow:0 0 20px #ff6b6b99}50%{box-shadow:0 0 35px #ff6b6be6}}@keyframes maple-fall-slow{0%{opacity:.9;transform:translate(0,0)rotate(0)}to{opacity:.4;transform:translateY(110vh)rotate(720deg)}}.shoji-horizontal:first-child{top:0}@keyframes shoji-glow{0%,to{opacity:.6}50%{opacity:1}}@media (width<=600px){.intro-door-assembly{width:320px;height:440px}.landscape-title-group{bottom:15%}.intro-text-container{bottom:5%}.intro-japanese{font-size:1.4rem}.intro-english{font-size:.85rem}.intro-instruction p{font-size:1rem}.instruction-sub{font-size:.75rem!important}.door-handle-left,.door-handle-right{width:28px;height:48px}}@media (width<=400px){.intro-door-assembly{width:280px;height:400px}.landscape-title{font-size:2.5rem}.landscape-subtitle{font-size:.9rem}}@keyframes flow-left{0%{transform:translate(100vw)}to{transform:translate(-100vw)}}@keyframes flow-right{0%{transform:translate(-100vw)}to{transform:translate(100vw)}}@keyframes firefly-glow{0%,to{opacity:0;transform:translate(0)scale(.5)}25%{opacity:.8;transform:translate(20px,-15px)scale(1)}50%{opacity:1;transform:translate(40px,10px)scale(1.2);box-shadow:0 0 15px #ff9c}75%{opacity:.6;transform:translate(60px,-5px)scale(.8)}}@keyframes ambient-glow{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.8;transform:translateY(-20px)}}@keyframes sparkle-fade{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1);box-shadow:0 0 10px #fffc}}@keyframes water-shimmer{0%,to{opacity:.3;transform:translate(-50%)scaleX(1)}50%{opacity:.5;transform:translate(-50%)scaleX(1.1)}}@keyframes dust-float{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-20vh)translate(50px)}}@keyframes wind-blow{0%{transform:translate(0)}to{transform:translate(33.33%)}}@keyframes smoke-rise{0%,to{opacity:.3;transform:translate(-50%)translateY(0)scaleX(1)}50%{opacity:.6;transform:translate(-50%)translateY(-30px)scaleX(1.5)}}@media (width<=600px){.flowing-text{font-size:.8rem!important}.romaji-text{font-size:.3em!important}.firefly{width:4px;height:4px}}@keyframes butterfly-wing{0%{transform:rotateY(0)}to{transform:rotateY(60deg)}}@keyframes butterfly-fly{0%{transform:translate(0)}25%{transform:translate(80px,-60px)}50%{transform:translate(40px,-120px)}75%{transform:translate(-40px,-80px)}to{transform:translate(0)}}.xp-toast-container{pointer-events:none;z-index:9998;position:fixed;inset:0}.xp-toast-popup{color:var(--accent,#c96442);text-shadow:0 1px 2px #00000026;pointer-events:none;white-space:nowrap;font-size:1.125rem;font-weight:700;animation:1.2s ease-out forwards xp-float;position:absolute}@keyframes xp-float{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1;transform:translateY(-40px)scale(1.15)}to{opacity:0;transform:translateY(-80px)scale(.9)}}.achievement-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:16px}.achievement-toast{background:var(--surface,#faf9f6);border:1px solid var(--border,#e8e6e0);pointer-events:auto;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;animation:.4s ease-out toast-slide-in,.4s ease-in 3.4s forwards toast-slide-out;display:flex;box-shadow:0 4px 16px #0000001f}.achievement-toast-icon{font-size:1.75rem;line-height:1}.achievement-toast-body{flex-direction:column;gap:2px;display:flex}.achievement-toast-body strong{text-transform:uppercase;letter-spacing:.05em;color:var(--accent,#c96442);font-size:.75rem}.achievement-toast-body span:nth-child(2){font-size:.9375rem;font-weight:600}.achievement-toast-xp{color:var(--muted,#8a8680);font-size:.8125rem}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.level-up-overlay{z-index:10000;background:#14141399;justify-content:center;align-items:center;animation:.3s ease-out level-up-fade-in,.4s ease-in 2s forwards level-up-fade-out;display:flex;position:fixed;inset:0}.level-up-content{text-align:center;animation:.5s ease-out level-up-bounce}.level-up-badge{background:var(--accent,#c96442);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:16px;font-size:1.5rem;font-weight:700;display:inline-flex;box-shadow:0 0 0 4px #c964424d,0 8px 32px #c9644266}.level-up-content h2{color:#fff;margin-bottom:4px;font-size:2rem}.level-up-content p{color:#fffc;font-size:1.125rem}.level-up-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.level-up-particle{background:var(--accent,#c96442);width:8px;height:8px;animation:particle-burst 1.5s ease-out var(--delay,0s) forwards;border-radius:50%;position:absolute;bottom:50%;left:50%}.level-up-particle:nth-child(odd){background:#e8a87c}.level-up-particle:nth-child(3n){background:#f5d491;width:6px;height:6px}@keyframes level-up-fade-in{0%{opacity:0}to{opacity:1}}@keyframes level-up-fade-out{0%{opacity:1}to{opacity:0}}@keyframes level-up-bounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes particle-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--x,0), var(--y,-200px)) rotate(var(--rotation,360deg));opacity:0}}.affinity-bar{flex-direction:column;gap:4px;display:flex}.affinity-bar-compact{color:var(--muted,#8a8680);align-items:center;gap:6px;font-size:.75rem;display:flex}.affinity-heart{color:#e25555;font-size:.875rem}.affinity-level{min-width:2.5em;font-weight:600}.affinity-header{justify-content:space-between;align-items:baseline;font-size:.8125rem;display:flex}.affinity-title{color:var(--text,#141413);font-weight:600}.affinity-points{color:var(--muted,#8a8680);font-size:.75rem}.affinity-track{background:var(--border,#e8e6e0);border-radius:3px;min-width:80px;height:6px;position:relative;overflow:hidden}.affinity-fill{background:linear-gradient(90deg,#e25555,#c96442);border-radius:3px;height:100%;transition:width .5s ease-out}.affinity-hint{color:var(--muted,#8a8680);margin:0;font-size:.75rem}.affinity-detail{color:var(--muted,#8a8680);font-size:.6875rem}.dialogue-line-actions{align-items:center;gap:12px;margin-bottom:8px;padding:4px 16px 8px;display:flex}.shadowing-btn{color:var(--accent,#c96442);border:1px solid var(--accent,#c96442);cursor:pointer;background:0 0;border-radius:16px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.shadowing-btn:hover{background:#c9644214}.shadowing-btn.is-playing{background:#c964421f;animation:1s ease-in-out infinite pulse-glow}.shadowing-done{color:#2d8a4e;background:#2d8a4e14;border-radius:16px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}@keyframes pulse-glow{0%,to{box-shadow:0 0 #c964424d}50%{box-shadow:0 0 0 4px #c964421a}}.speech-btn{color:var(--accent,#c96442);border:1px solid var(--accent,#c96442);cursor:pointer;background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-width:36px;min-height:32px;padding:6px 12px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.speech-btn:hover:not(:disabled){background:#c9644214;transform:translateY(-1px)}.speech-btn:disabled{opacity:.7;cursor:wait}.speech-btn.is-playing{background:#c964421f;animation:1.2s ease-in-out infinite speech-pulse}.speech-btn.is-loading{animation:1s linear infinite speech-spin}.speech-btn.is-error{color:#d32f2f;background:#d32f2f14;border-color:#d32f2f}.speech-btn-sm{min-width:28px;min-height:24px;padding:4px 8px;font-size:.75rem}.speech-btn-lg{min-width:44px;min-height:40px;padding:8px 16px;font-size:1rem}.speech-icon{line-height:1}.mini-speech-btn{width:24px;height:24px;color:var(--accent,#c96442);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.75rem;transition:all .15s;display:inline-flex}.mini-speech-btn:hover:not(:disabled){background:#c964421a;transform:scale(1.1)}.mini-speech-btn:disabled{opacity:.6;cursor:wait}.mini-speech-btn.is-playing{animation:.5s ease-in-out infinite mini-bounce}@keyframes speech-pulse{0%,to{box-shadow:0 0 #c9644266}50%{box-shadow:0 0 0 6px #c964421a}}@keyframes speech-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mini-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.dialogue-choice-panel{background:var(--surface,#faf9f6);border:1px dashed var(--border,#e8e6e0);border-radius:12px;margin:8px 16px 12px;padding:12px}.dialogue-choice-prompt{color:var(--muted,#8a8680);margin:0 0 8px;font-size:.8125rem}.dialogue-choice-options{flex-direction:column;gap:6px;display:flex}.dialogue-choice-btn{text-align:left;background:var(--bg,#f5f4ed);border:1px solid var(--border,#e8e6e0);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;transition:all .15s;display:flex}.dialogue-choice-btn:hover{border-color:var(--accent,#c96442);background:#c964420a}.choice-ja{font-size:.9375rem;font-weight:500}.choice-zh{color:var(--muted,#8a8680);font-size:.75rem}.dialogue-choice-result{color:var(--accent,#c96442);background:#c964420f;border-radius:8px;margin:4px 16px 8px;padding:6px 12px;font-size:.75rem}.dialogue-choice-trigger{margin:4px 16px 8px;padding:6px 14px;font-size:.8125rem}.dialogue-progress-bar{background:var(--border,#e8e6e0);border-radius:2px;height:4px;margin-bottom:16px;position:relative;overflow:visible}.dialogue-progress-fill{background:var(--accent,#c96442);border-radius:2px;height:100%;transition:width .5s ease-out}.dialogue-progress-markers{justify-content:space-between;padding:0 1px;display:flex;position:absolute;inset:0}.progress-marker{background:var(--border,#e8e6e0);border-radius:50%;width:8px;height:8px;transition:background .3s;transform:translateY(-2px)}.progress-marker.reached{background:var(--accent,#c96442)}.daily-tasks-card{padding:var(--space-3);background:var(--surface,#faf9f6);border:1px solid var(--border,#e8e6e0);box-shadow:var(--shadow-whisper);border-radius:16px;margin-bottom:24px}.daily-tasks-toggle{width:100%;min-height:60px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-generous);background:var(--ivory);color:var(--anthropic-near-black);cursor:pointer;align-items:center;gap:var(--space-3);text-align:left;font:inherit;border:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.daily-tasks-toggle>span:first-child{gap:2px;min-width:0;display:grid}.daily-tasks-toggle strong{color:var(--anthropic-near-black);font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium);line-height:1.2}.daily-tasks-toggle small{color:var(--stone-gray);font-size:var(--text-label)}.daily-tasks-toggle-meta{border-radius:var(--radius-highly);background:var(--warm-sand);min-width:56px;color:var(--olive-gray);font-size:var(--text-caption);font-weight:var(--weight-medium);text-align:center;padding:6px 10px}.daily-tasks-card.is-closed .daily-tasks-panel{display:none}.daily-tasks-panel{padding:var(--space-3) var(--space-3) var(--space-1)}.daily-tasks-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.daily-tasks-icon{display:none}.daily-tasks-header h3{flex:1;margin:0;font-size:1rem;font-weight:600}.daily-tasks-done-badge{color:#2d8a4e;margin-bottom:var(--space-2);background:#2d8a4e1a;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.daily-tasks-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.daily-task{align-items:center;gap:var(--space-3);background:var(--bg,#f5f4ed);border-radius:10px;padding:10px 12px;transition:all .2s;display:flex}.daily-task.is-done{opacity:.6}.daily-task-icon{display:none}.daily-task-label{flex:1;font-size:.875rem;font-weight:500}.daily-task-xp{color:var(--accent,#c96442);font-size:.75rem;font-weight:600}.daily-task-check{color:#2d8a4e;font-weight:700}.result-combo{color:var(--accent,#c96442);margin-top:8px;font-size:.9375rem;font-weight:600}.result-perfect{text-align:center;margin-top:12px}.perfect-text{color:var(--accent,#c96442);text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:800;animation:.6s ease-out perfect-bounce;display:inline-block}@keyframes perfect-bounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.2)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.affinity-greeting-banner{text-align:center;color:var(--accent,#c96442);background:#c964420f;border-radius:10px;margin-bottom:12px;padding:10px 16px;font-size:.875rem;font-style:italic;animation:.5s ease-out greeting-fade-in}@keyframes greeting-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.relationships-page .page-sub{max-width:400px}.relationship-graph{flex-direction:column;align-items:center;gap:32px;padding:32px 0;display:flex}.relationship-center{flex-direction:column;align-items:center;gap:8px;display:flex}.relationship-center-avatar{border:3px solid var(--accent,#c96442);border-radius:50%;width:80px;height:80px;overflow:hidden;box-shadow:0 0 0 4px #c9644226}.relationship-center-avatar img{object-fit:cover;width:100%;height:100%}.relationship-center-name{font-size:1rem;font-weight:600}.relationship-orbit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;display:grid}.relationship-node{background:var(--surface,#faf9f6);border:1px solid var(--border,#e8e6e0);border-radius:16px;gap:16px;padding:16px;transition:border-color .2s;display:flex}.relationship-node:hover{border-color:var(--accent,#c96442)}.relationship-node-avatar{border-radius:50%;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.relationship-node-avatar img{object-fit:cover;width:100%;height:100%}.relationship-node-glyph{background:var(--border,#e8e6e0);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.25rem;font-weight:600;display:flex}.relationship-node-emotion{font-size:.875rem;line-height:1;position:absolute;bottom:-2px;right:-2px}.relationship-node-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.relationship-node-info strong{font-size:.9375rem}.relationship-node-role{color:var(--muted,#8a8680);font-size:.75rem}.relationship-node-stats{color:var(--muted,#8a8680);gap:12px;margin-top:4px;font-size:.6875rem;display:flex}.relationship-node-greeting{color:var(--accent,#c96442);margin:4px 0 0;font-size:.8125rem;font-style:italic}.relationship-node-unlock{color:var(--text,#141413);align-items:center;gap:6px;margin-top:2px;font-size:.75rem;display:flex}.unlock-badge{color:#2d8a4e;background:#2d8a4e1a;border-radius:6px;padding:1px 6px;font-size:.625rem;font-weight:600}.affinity-legend,.relationship-details{margin-top:24px}.affinity-legend h3,.relationship-details h3{margin-bottom:12px;font-size:1rem}.affinity-levels-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.affinity-level-item{background:var(--surface,#faf9f6);border:1px solid var(--border,#e8e6e0);border-radius:10px;flex-direction:column;gap:2px;padding:10px;font-size:.8125rem;display:flex}.affinity-level-num{color:var(--accent,#c96442);font-weight:700}.affinity-level-name{font-weight:500}.affinity-level-pts{color:var(--muted,#8a8680);font-size:.6875rem}.affinity-sources-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.affinity-sources-list li{background:var(--surface,#faf9f6);border:1px solid var(--border,#e8e6e0);border-radius:10px;padding:10px 14px;font-size:.875rem}.affinity-sources-list strong{color:var(--accent,#c96442)}.vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:4px;display:grid}.vocabulary-card{background:var(--surface,#faf9f6);border:1px solid var(--border,#e8e6e0);border-radius:12px;padding:16px;transition:all .2s}.vocabulary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.vocabulary-word-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.vocabulary-word-ja{font-family:var(--font-ja);color:var(--anthropic-near-black);flex:1;font-size:1.25rem;font-weight:600}.vocabulary-speech-btn{flex:none}.vocabulary-reading{font-family:var(--font-ja);color:var(--stone-gray);margin-bottom:8px;font-size:.9rem}.vocabulary-meaning{color:var(--olive-gray);margin-bottom:8px;font-size:.95rem}.vocabulary-context{color:var(--muted,#8a8680);background:#00000005;border-radius:6px;margin-bottom:8px;padding:8px;font-size:.85rem;font-style:italic}.vocabulary-meta{border-top:1px solid var(--border,#e8e6e0);justify-content:space-between;align-items:center;margin-top:12px;padding-top:8px;display:flex}.vocabulary-date{color:var(--muted,#8a8680);font-size:.75rem}.remove-btn{width:24px;height:24px;color:var(--muted,#8a8680);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;padding:0;font-size:1.25rem;line-height:1;transition:all .15s}.remove-btn:hover{color:#d32f2f;background:#d32f2f1a}.vocabulary-controls{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-btn{color:var(--olive-gray);background:var(--surface,#faf9f6);border:1px solid var(--border,#e8e6e0);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--accent,#c96442);color:#fff;border-color:var(--accent,#c96442)}.book-filter-select{color:var(--anthropic-near-black);border:1px solid var(--border,#e8e6e0);background:#fff;border-radius:8px;min-width:200px;margin-top:8px;padding:8px 12px;font-size:.875rem}.japanese-input-guide-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:var(--space-6);background-color:#141413b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.japanese-input-guide-card{background-color:var(--ivory);border-radius:var(--radius-maximum);border:1px solid var(--border-cream);width:100%;max-width:800px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0006}.japanese-input-guide-close{top:var(--space-4);right:var(--space-4);background:var(--warm-sand);cursor:pointer;width:36px;height:36px;color:var(--charcoal-warm);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex;position:absolute}.japanese-input-guide-close:hover{background:var(--terracotta-brand);color:#fff;transform:scale(1.05)}.japanese-input-guide-header{text-align:center;padding:var(--space-10) var(--space-8) var(--space-6);border-bottom:1px solid var(--border-cream)}.japanese-input-guide-icon{width:64px;height:64px;font-size:40px;line-height:64px;font-family:var(--font-ja);background:linear-gradient(135deg, var(--terracotta-brand), var(--coral-accent));color:#fff;margin-bottom:var(--space-4);border-radius:50%;display:inline-block}.japanese-input-guide-header h2{font-family:var(--font-serif);font-size:var(--text-heading);color:var(--anthropic-near-black);margin:0 0 var(--space-2)}.japanese-input-guide-header p{color:var(--olive-gray);font-size:var(--text-body);margin:0}.japanese-input-guide-platforms{padding:var(--space-8);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.japanese-input-guide-platform{background-color:var(--parchment);padding:var(--space-5);border-radius:var(--radius-generous);border:1px solid var(--border-cream)}.japanese-input-guide-platform h3{font-size:var(--text-subheading);color:var(--terracotta-brand);margin:0 0 var(--space-3);align-items:center;gap:var(--space-2);display:flex}.japanese-input-guide-platform ol{padding-left:var(--space-5);color:var(--charcoal-warm);line-height:var(--leading-relaxed);margin:0}.japanese-input-guide-platform li{margin-bottom:var(--space-3);font-size:var(--text-body)}.japanese-input-guide-platform code{background-color:var(--warm-sand);font-family:var(--font-mono);color:var(--terracotta-brand);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.9em}.japanese-input-guide-footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--border-cream);text-align:center}.japanese-input-guide-note{color:var(--stone-gray);font-size:var(--text-label);margin:0 0 var(--space-4)}.japanese-input-guide-dismiss-btn{background-color:var(--terracotta-brand);color:#fff;padding:var(--space-3) var(--space-8);border-radius:var(--radius-generous);font-size:var(--text-body);cursor:pointer;border:none;font-weight:600;transition:all .2s}.japanese-input-guide-dismiss-btn:hover{background-color:var(--coral-accent);transform:translateY(-1px)}@media (width<=768px){.japanese-input-guide-card{margin:var(--space-4);max-height:calc(100vh - var(--space-8))}.japanese-input-guide-header{padding:var(--space-8) var(--space-6) var(--space-5)}.japanese-input-guide-icon{width:48px;height:48px;font-size:32px;line-height:48px}.japanese-input-guide-platforms{padding:var(--space-5);grid-template-columns:1fr}.japanese-input-guide-platform{padding:var(--space-4)}}.account-hall-page{background:linear-gradient(180deg, var(--fullscreen-bg-center) 0%, var(--fullscreen-bg-edge) 100%);min-height:100vh;padding:20px 20px 100px;position:relative}.account-back-button{border:1px solid var(--border-warm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:100;width:44px;height:44px;color:var(--charcoal-warm);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 2px 12px #0000001a}.account-back-button:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 16px #00000026}.account-back-button:active{transform:scale(.95)}.hall-header{text-align:center;flex-direction:column;align-items:center;padding:40px 20px 30px;display:flex}.hall-avatar{margin-bottom:20px;position:relative}.avatar-text{background:linear-gradient(135deg, var(--terracotta-brand), var(--coral-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;font-weight:700;display:flex;box-shadow:0 4px 20px #c964424d}.avatar-level-badge{background:var(--warning);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 8px #0003}.hall-title h1{color:var(--charcoal-warm);margin:0 0 8px;font-size:2rem;font-weight:700}.hall-subtitle{color:var(--olive-gray);margin:0;font-size:1rem}.hall-level-section{margin-bottom:30px;padding:0 20px}.level-card-main{border:1px solid var(--border-warm);background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014}.level-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.level-info-compact{align-items:baseline;gap:8px;display:flex}.level-title-text{color:var(--olive-gray);font-size:1rem;font-weight:500}.level-number{color:var(--charcoal-warm);font-size:1.5rem;font-weight:700}.level-xp-compact{color:var(--terracotta-brand);font-size:1.125rem;font-weight:600}.level-progress-card{background:var(--warm-sand);border-radius:12px;padding:16px}.progress-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-label{color:var(--olive-gray);font-size:.875rem;font-weight:500}.progress-percent{color:var(--terracotta-brand);font-size:.875rem;font-weight:600}.progress-bar-card{background:#c9644233;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill-card{background:linear-gradient(90deg, var(--terracotta-brand), var(--coral-accent));border-radius:4px;height:100%;transition:width .3s}.progress-remaining{color:var(--stone-gray);text-align:center;font-size:.75rem}.hall-stats-overview{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:30px;padding:0 20px;display:grid}.stat-overview-card{text-align:center;border:1px solid var(--border-warm);background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.stat-icon{margin-bottom:8px;font-size:1.5rem}.stat-value{color:var(--charcoal-warm);margin-bottom:4px;font-size:1.5rem;font-weight:700}.stat-label{color:var(--olive-gray);font-size:.75rem}.hall-achievements-section{padding:0 20px}.hall-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hall-section-header h2{color:var(--charcoal-warm);margin:0;font-size:1.25rem;font-weight:700}.achievement-progress{color:var(--terracotta-brand);background:#c964421a;border-radius:12px;padding:4px 12px;font-size:.875rem;font-weight:600}.achievements-trophy-case{margin-bottom:24px}.trophy-case-title{color:var(--olive-gray);margin:0 0 12px;font-size:1rem;font-weight:600}.trophy-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.trophy-item{border:2px solid var(--border-warm);text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:16px 8px;transition:all .3s;position:relative;overflow:hidden}.trophy-item.unlocked{border-color:var(--terracotta-brand);background:linear-gradient(135deg,#c964420d,#d977570d);box-shadow:0 4px 12px #c9644226}.trophy-item.unlocked:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #c9644240}.trophy-item.locked{opacity:.6;background:var(--warm-sand);border-color:var(--stone-gray)}.trophy-item.locked:hover{opacity:.8;transform:scale(1.02)}.trophy-icon{z-index:1;margin-bottom:8px;font-size:2rem;position:relative}.trophy-item.unlocked .trophy-icon{animation:2s ease-in-out infinite trophy-glow}@keyframes trophy-glow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.trophy-shine{background:radial-gradient(circle,#fffc,#0000);border-radius:50%;width:20px;height:20px;animation:3s ease-in-out infinite shine-move;position:absolute;top:8px;left:8px}@keyframes shine-move{0%{opacity:0;transform:translate(0)}50%{opacity:1}to{opacity:0;transform:translate(40px,40px)}}.trophy-glow{z-index:0;background:radial-gradient(circle,#c9644233,#0000);border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trophy-name{color:var(--charcoal-warm);z-index:1;margin-top:8px;font-size:.75rem;font-weight:600;line-height:1.2;display:block;position:relative}.trophy-lock{opacity:.5;font-size:.875rem;position:absolute;top:8px;right:8px}.hall-empty-state{text-align:center;color:var(--stone-gray);padding:40px 20px}.account-legal-links{text-align:center;justify-content:center;gap:18px;margin:24px 0 120px;display:flex}.account-legal-links a{color:var(--stone-gray);text-underline-offset:3px;font-size:.875rem;text-decoration:underline}.account-legal-links a:hover{color:var(--ink-black)}.login-card-container{z-index:50;width:calc(100% - 40px);max-width:400px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.login-card-toggle{border:1px solid var(--border-warm);cursor:pointer;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .3s;display:flex;box-shadow:0 -4px 20px #0000001a}.login-card-toggle:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 -6px 30px #00000026}.login-preview-icon{background:var(--warm-sand);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.login-card-preview{flex:1;align-items:center;gap:12px;display:flex}.login-preview-text strong{color:var(--charcoal-warm);font-size:1rem;font-weight:600;display:block}.login-preview-text p{color:var(--olive-gray);margin:0;font-size:.75rem}.login-toggle-arrow{color:var(--stone-gray);font-size:1rem;transition:transform .3s}.login-card-container.expanded .login-toggle-arrow{transform:rotate(180deg)}.login-card-content{border:1px solid var(--border-warm);background:#fff;border-radius:16px;margin-top:8px;padding:24px;animation:.3s ease-out slide-up;box-shadow:0 -4px 20px #0000001a}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-form h3{color:var(--charcoal-warm);text-align:center;margin:0 0 4px;font-size:1.25rem;font-weight:700}.login-subtitle{text-align:center;color:var(--olive-gray);margin:0 0 20px;font-size:.875rem}.login-input{border:1px solid var(--border-warm);background:var(--parchment);border-radius:8px;width:100%;margin-bottom:12px;padding:12px 16px;font-size:1rem;transition:all .2s}.login-input:focus{border-color:var(--terracotta-brand);outline:none;box-shadow:0 0 0 3px #c964421a}.login-button{background:linear-gradient(135deg, var(--terracotta-brand), var(--coral-accent));color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.login-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c964424d}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.68;transform:none}.login-button.secondary{background:var(--parchment);border:1px solid var(--border-warm);color:var(--charcoal-warm);box-shadow:none}.login-button.danger{color:#9e2929;box-shadow:none;background:#fff;border:1px solid #b53333}.login-button.danger:hover{box-shadow:none;background:#fff4f2}.login-action-row{grid-template-columns:1fr .72fr;gap:10px;display:grid}.supabase-status-pill{border-radius:999px;width:fit-content;margin:0 auto 16px;padding:6px 10px;font-size:.75rem;font-weight:700}.supabase-status-pill.ready{color:var(--sage-green);background:#66948424}.supabase-status-pill.missing{color:var(--terracotta-brand);background:#c964421f}.login-session-card{border:1px solid var(--border-warm);background:var(--parchment);border-radius:12px;gap:8px;padding:14px;display:grid}.login-session-card span{color:var(--olive-gray);font-size:.75rem}.login-session-card strong{color:var(--charcoal-warm);overflow-wrap:anywhere}.account-delete-overlay{z-index:1100;padding:20px;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1414139e;place-items:center;display:grid;position:fixed;inset:0}.account-delete-dialog{background:#fffefa;border-radius:16px;width:min(100%,420px);max-height:100%;padding:26px;overflow-y:auto;box-shadow:0 24px 64px #1414133d}.account-delete-dialog h2{color:var(--charcoal-warm);margin:0 0 12px;font-size:1.35rem}.account-delete-dialog>p{color:var(--olive-gray);margin:0 0 12px;line-height:1.65}.account-delete-dialog .account-delete-note{background:var(--parchment);border-radius:10px;padding:12px;font-size:.86rem}.account-delete-confirmation{gap:8px;margin-top:18px;display:grid}.account-delete-confirmation span{color:var(--charcoal-warm);font-size:.88rem;font-weight:600}.account-delete-confirmation input{border:1px solid var(--border-warm);width:100%;min-height:48px;color:var(--charcoal-warm);background:#fff;border-radius:8px;padding:10px 12px;font-size:1rem}.account-delete-confirmation input:focus{border-color:#b53333;outline:2px solid #b5333338}.account-delete-error{color:#9e2929;margin:10px 0 0;font-size:.86rem}.account-delete-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.account-delete-status{width:52px;height:52px;color:var(--sage-green);background:#66948424;border-radius:50%;place-items:center;margin-bottom:14px;font-size:1.5rem;font-weight:800;display:grid}.login-message{text-align:center;margin:12px 0 0;font-size:.8rem;line-height:1.6}.login-message.success{color:var(--sage-green)}.login-message.error{color:var(--terracotta-brand)}.login-message.info{color:var(--olive-gray)}.login-register-link{text-align:center;color:var(--olive-gray);margin:16px 0 0;font-size:.875rem}.login-register-link a{color:var(--terracotta-brand);font-weight:600;text-decoration:none}.login-register-link a:hover{text-decoration:underline}.achievement-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.achievement-modal-content{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:320px;padding:32px 24px;animation:.3s ease-out modal-scale-in;position:relative;box-shadow:0 20px 60px #0003}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.achievement-modal-close{background:var(--warm-sand);cursor:pointer;width:32px;height:32px;color:var(--charcoal-warm);border:none;border-radius:50%;font-size:1.25rem;transition:all .2s;position:absolute;top:16px;right:16px}.achievement-modal-close:hover{background:var(--stone-gray);color:#fff}.achievement-modal-icon{margin-bottom:16px;font-size:4rem;animation:.5s ease-out modal-icon-bounce}@keyframes modal-icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.achievement-modal-name{color:var(--charcoal-warm);margin:0 0 8px;font-size:1.5rem;font-weight:700}.achievement-modal-description{color:var(--olive-gray);margin:0 0 20px;font-size:1rem;line-height:1.5}.achievement-modal-stats{background:var(--warm-sand);border-radius:12px;padding:16px}.achievement-modal-reward{justify-content:space-between;align-items:center;display:flex}.reward-label{color:var(--olive-gray);font-size:.875rem;font-weight:500}.reward-value{color:var(--terracotta-brand);font-size:1rem;font-weight:700}@media (width<=768px){.account-hall-page{padding:16px}.account-back-button{width:40px;height:40px;top:16px;left:16px}.hall-header{padding:50px 16px 24px}.hall-title h1{font-size:1.5rem}.hall-stats-overview{gap:8px;padding:0 16px}.stat-overview-card{padding:12px}.trophy-grid{grid-template-columns:repeat(3,1fr);gap:8px}.trophy-item{padding:12px 4px}.trophy-icon{font-size:1.5rem}.trophy-name{font-size:.625rem}.login-card-container{width:calc(100% - 32px);bottom:16px}.login-card-content{padding:20px 16px}}.membership-entry-card{color:inherit;background:linear-gradient(135deg,#c9644214,#c9644208);border:1px solid #c9644233;border-radius:14px;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.membership-entry-card:hover{border-color:var(--terracotta-brand);box-shadow:0 2px 12px #c964421a}.membership-entry-icon{background:var(--terracotta-brand);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:700;display:flex}.membership-entry-text h3{font-family:var(--font-serif);color:var(--anthropic-near-black);margin:0 0 2px;font-size:1rem}.membership-entry-text p{color:var(--stone-gray);margin:0;font-size:.75rem}.membership-entry-arrow{color:var(--stone-gray);margin-left:auto;font-size:1.25rem}.relationship-node.locked{opacity:.55;border-style:dashed;border-color:var(--border-warm);filter:grayscale(.4)}.relationship-node.locked .relationship-node-info strong{color:var(--stone-gray)}.relationship-node-mystery{background:var(--ivory);border:2px dashed var(--border-warm);width:56px;height:56px;color:var(--stone-gray);font-size:1.5rem;font-family:var(--font-serif);border-radius:50%;justify-content:center;align-items:center;display:flex}.mystery-hint{color:var(--stone-gray);margin-top:4px;font-size:.75rem;font-style:italic}@media (width<=375px){.trophy-grid{grid-template-columns:repeat(3,1fr);gap:6px}.trophy-item{padding:10px 2px}.trophy-icon{font-size:1.25rem}.trophy-name{margin-top:4px;font-size:.5625rem}.stat-overview-card{padding:10px}.stat-icon,.stat-value{font-size:1.25rem}}.pricing-page{max-width:640px;margin:0 auto;padding-bottom:40px}.pricing-hero{text-align:center;padding:32px 0 24px}.pricing-hero h1{font-family:var(--font-serif);color:var(--anthropic-near-black);margin:0 0 8px;font-size:1.75rem}.pricing-hero .page-sub{color:var(--stone-gray);font-size:.875rem}.pricing-section{margin-bottom:28px}.pricing-section-title{font-family:var(--font-serif);color:var(--anthropic-near-black);align-items:center;gap:8px;margin:0 0 6px;font-size:1.125rem;display:flex}.pricing-coming-badge{font-size:.6875rem;font-family:var(--font-sans);background:var(--warm-sand);color:var(--stone-gray);border-radius:999px;padding:2px 8px}.pricing-grid{flex-direction:column;gap:12px;display:flex}.pricing-tier{background:var(--ivory);border:1px solid var(--border-warm);border-radius:14px;padding:20px;transition:border-color .2s,box-shadow .2s;position:relative}.pricing-tier:hover:not(.disabled){border-color:var(--terracotta-brand);box-shadow:0 2px 12px #c964421a}.pricing-tier.highlight{border-color:var(--terracotta-brand);background:linear-gradient(135deg, var(--ivory) 0%, #fdf5f0 100%)}.pricing-tier.disabled{opacity:.65;cursor:default}.pricing-badge{background:var(--terracotta-brand);color:#fff;border-radius:999px;padding:3px 10px;font-size:.6875rem;font-weight:600;position:absolute;top:-8px;right:16px}.pricing-maintenance-tag{background:var(--warm-sand);color:var(--stone-gray);border-radius:999px;padding:3px 10px;font-size:.6875rem;font-weight:500;position:absolute;top:-8px;left:16px}.pricing-tier-header{margin-bottom:12px}.pricing-tier-name{font-family:var(--font-serif);color:var(--anthropic-near-black);margin:0 0 4px;font-size:1.125rem}.pricing-tier-desc{color:var(--stone-gray);margin:0;font-size:.8125rem}.pricing-price-row{align-items:baseline;gap:8px;margin-bottom:14px;display:flex}.pricing-price{font-family:var(--font-serif);color:var(--terracotta-brand);font-size:1.5rem;font-weight:700}.pricing-original-price{color:var(--stone-gray);font-size:.875rem;text-decoration:line-through}.pricing-features{margin:0 0 16px;padding:0;list-style:none}.pricing-features li{color:var(--charcoal-warm);padding:4px 0 4px 18px;font-size:.8125rem;position:relative}.pricing-features li:before{content:"✓";color:var(--terracotta-brand);font-size:.75rem;font-weight:600;position:absolute;left:0}.pricing-btn{cursor:pointer;text-align:center;background:var(--terracotta-brand);color:#fff;border:none;border-radius:10px;width:100%;padding:10px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:block}.pricing-btn:hover:not(.disabled){background:#b5553a}.pricing-btn.disabled{background:var(--warm-sand);color:var(--stone-gray);cursor:not-allowed}.pricing-purchase-message{color:var(--stone-gray);margin:12px 0 0;font-size:.875rem;line-height:1.5}.pricing-restore-row{flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.pricing-restore-btn{border:1px solid var(--border-warm);color:var(--ink-black);cursor:pointer;background:#fff;border-radius:999px;padding:10px 18px;font-size:.875rem}.pricing-restore-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-intro-offer{color:var(--terracotta-brand);margin:0 0 12px;font-size:.875rem;font-weight:600;line-height:1.5}.n4-paywall-page{justify-content:center;align-items:center;min-height:calc(100dvh - 120px);padding:24px 16px;display:flex}.n4-paywall-card{border:1px solid var(--border-warm);text-align:center;background:#fff;border-radius:20px;width:min(100%,420px);padding:28px 24px;box-shadow:0 12px 40px #14141314}.n4-paywall-kicker{color:var(--stone-gray);margin:0 0 8px;font-size:.8125rem}.n4-paywall-card h1{margin:0 0 10px;font-size:1.5rem}.n4-paywall-desc{color:var(--stone-gray);margin:0 0 16px;line-height:1.6}.n4-paywall-trial-note{color:var(--terracotta-brand);margin:0 0 10px;font-size:.9375rem;font-weight:600}.n4-trial-banner{background:#74a8891f;border:1px solid #74a88947;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.n4-trial-banner.is-expired{background:#c964421a;border-color:#c964423d}.n4-trial-banner.is-active{background:#74a88929;border-color:#74a88957}.n4-trial-banner button{color:var(--terracotta-brand);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.8125rem;font-weight:600}.n4-trial-banner p{margin:0;font-size:.875rem;line-height:1.5}.n4-trial-banner a{color:var(--terracotta-brand);flex-shrink:0;font-size:.8125rem;font-weight:600;text-decoration:none}.n4-trial-banner--compact{margin:0 0 14px}.n4-paywall-features{text-align:left;margin:0 0 18px;padding:0;list-style:none}.n4-paywall-features li{border-bottom:1px solid var(--border-warm);padding:8px 0 8px 22px;position:relative}.n4-paywall-features li:before{content:"✓";color:var(--terracotta-brand);font-weight:700;position:absolute;left:0}.n4-paywall-price{color:var(--terracotta-brand);margin:0 0 16px;font-size:1.125rem;font-weight:700}.n4-paywall-back{color:var(--stone-gray);margin-top:14px;font-size:.875rem;display:inline-block}.relationships-page .mystery-hint{text-align:center;border:1px dashed var(--border-warm);background:linear-gradient(135deg,#f8f5f0 0%,#f0ebe4 100%);border-radius:12px;margin:16px 0;padding:24px 16px}.relationships-page .mystery-hint p{color:var(--stone-gray);margin:0;font-size:.875rem;line-height:1.6}.relationships-page .mystery-hint .mystery-icon{margin-bottom:8px;font-size:1.5rem;display:block}.mystery-locked-node{flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.mystery-locked-icon{border:2px dashed var(--border-warm);background:linear-gradient(135deg,#e8e2da 0%,#d9d2c8 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;display:flex}.mystery-locked-label{color:var(--stone-gray);font-size:.75rem;font-style:italic}.intro-container{z-index:9999;justify-content:center;align-items:center;font-family:Noto Sans JP,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.intro-background{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);transition:all 2s;position:absolute;inset:0}.intro-phase-approach .intro-background{background:linear-gradient(135deg,#2d1b3d 0%,#1a1a2e 50%,#0f3460 100%)}.intro-phase-door .intro-background,.intro-phase-opening .intro-background{background:radial-gradient(#2d1b3d 0%,#1a1a2e 100%)}.intro-particles{pointer-events:none;position:absolute;inset:0}.particle{will-change:transform, opacity;backface-visibility:hidden;background:#fff6;border-radius:50%;width:3px;height:3px;animation:ease-in-out infinite particle-float;position:absolute;transform:translate(0,0)}.intro-landscape{opacity:0;transition:all 2.5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;overflow:hidden;transform:scale(1.15)}.intro-phase-revealing .intro-landscape,.intro-phase-complete .intro-landscape{opacity:1;transform:scale(1)}.landscape-gradient{pointer-events:none;background:linear-gradient(#0000 0%,#00000026 60%,#00000080 100%);position:absolute;inset:0}.landscape-title-group{text-align:center;z-index:10;opacity:0;transition:all 1.2s .8s;position:absolute;bottom:12%;left:0;right:0;transform:translateY(30px)}.intro-phase-complete .landscape-title-group{opacity:1;transform:translateY(0)}.landscape-title{color:#fffffff2;text-shadow:0 4px 30px #0006,0 0 60px #fff3;letter-spacing:.4em;margin-bottom:.5rem;font-size:clamp(3.5rem,12vw,8rem);font-weight:200}.landscape-subtitle{color:#fffc;letter-spacing:.3em;text-shadow:0 2px 10px #0000004d;font-size:clamp(1rem,3vw,1.4rem);font-weight:300}.intro-landscape-sakura{background:linear-gradient(#ffd6e8 0%,#ffb3d1 20%,#ffcde0 40%,#fff0f5 70%,#ffe4ec 100%)}.sakura-grove{height:80%;position:absolute;bottom:0;left:0;right:0}.sakura-tree{position:absolute;bottom:5%}.tree-trunk{background:linear-gradient(90deg,#5d4037 0%,#8d6e63 50%,#5d4037 100%);border-radius:5px;width:40px;height:200px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tree-foliage{background:radial-gradient(at 30% 70%,#ffb7c5 0%,#0000 50%),radial-gradient(at 70% 60%,pink 0%,#0000 45%),radial-gradient(at 50% 40%,#ffd1dc 0%,#0000 55%),radial-gradient(at 20%,#ffb3c6 0%,#0000 40%),radial-gradient(at 80%,#ffb3c6 0%,#0000 40%);height:180px;position:absolute;top:-80px;left:-80px;right:-80px}.foliage-cluster{filter:blur(2px);background:radial-gradient(circle,pink 0%,#ffb7c5 50%,#0000 70%);border-radius:50%;width:60px;height:60px;position:absolute}.sakura-petal{opacity:.85;will-change:transform, opacity;backface-visibility:hidden;background:radial-gradient(circle at 40% 40%,#fff0f5 0%,#ffb7c5 40%,pink 100%);border-radius:50% 0 50% 50%;width:14px;height:14px;animation:linear infinite petal-fall-graceful;position:absolute;top:-20px;transform:translate(0,0);box-shadow:0 2px 4px #0000001a}.petal-swirl{width:100px;height:100px;animation:8s linear infinite swirl-rotate;position:absolute}.petal-swirl:before,.petal-swirl:after{content:"";background:radial-gradient(circle at 40% 40%,#fff0f5 0%,#ffb7c5 100%);border-radius:50% 0 50% 50%;width:12px;height:12px;position:absolute}.petal-swirl:after{animation:2s ease-in-out infinite alternate petal-swirl-offset}.ground-petals{background:linear-gradient(#0000 0%,#ffb7c566 100%);height:80px;position:absolute;bottom:0;left:0;right:0}.intro-landscape-fuji{background:linear-gradient(#87ceeb 0%,#b0e0e6 30%,#e0f4ff 60%,#f0f8ff 100%)}.sky-gradient{position:absolute;inset:0}.cloud-element{filter:blur(8px);background:#ffffffd9;border-radius:50px;animation:ease-in-out infinite cloud-drift-slow;position:absolute}.cloud-element:before,.cloud-element:after{content:"";filter:blur(4px);background:#ffffffd9;border-radius:50%;position:absolute}.fuji-container{width:400px;height:350px;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.fuji-back{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(#6b7b8c 0%,#5a6a7a 100%);width:280px;height:250px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fuji-snow-cap-back{border-bottom:60px solid #ffffff80;border-left:45px solid #0000;border-right:45px solid #0000;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.fuji-main{border-bottom:320px solid #4a5568;border-left:180px solid #0000;border-right:180px solid #0000;width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fuji-snow-cap{border-bottom:90px solid #fff;border-left:70px solid #0000;border-right:70px solid #0000;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.snow-highlight{border-bottom:60px solid #ffffffb3;border-left:50px solid #0000;border-right:50px solid #0000;width:0;height:0;position:absolute;top:5px;left:50%;transform:translate(-50%)}.snow-shadow{border-bottom:35px solid #c8d2dc99;border-left:30px solid #0000;border-right:30px solid #0000;width:0;height:0;position:absolute;top:20px;left:50%;transform:translate(-50%)}.fuji-body-gradient{background:linear-gradient(135deg,#0000 0%,#64788c4d 50%,#0000 100%);width:360px;height:240px;position:absolute;top:80px;left:-180px}.fuji-ridge{width:360px;height:230px;position:absolute;top:90px;left:-180px;overflow:hidden}.ridge-line{background:linear-gradient(#0000 0%,#3c465099 100%);width:2px;position:absolute;bottom:0}.pine-forest{height:150px;position:absolute;bottom:0;left:0;right:0}.pine-tree{position:absolute;bottom:20px}.pine-tree:before{content:"";border-bottom:80px solid #1a472a;border-left:25px solid #0000;border-right:25px solid #0000;width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pine-tree:after{content:"";border-bottom:55px solid #2d5a3f;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.flying-bird{width:25px;height:10px;position:absolute}.flying-bird:before,.flying-bird:after{content:"";border-top:2px solid #2c3e50;border-radius:50% 50% 0 0;width:14px;height:4px;animation:.25s ease-in-out infinite wing-beat;position:absolute}.flying-bird:before{transform-origin:100%;left:0}.flying-bird:after{transform-origin:0;animation-delay:50ms;right:0}.fuji-lake{background:linear-gradient(#87ceebcc 0%,#6496b4e6 100%);height:100px;position:absolute;bottom:0;left:0;right:0}.lake-reflection{opacity:.4;filter:blur(3px);clip-path:polygon(50% 0%,20% 100%,80% 100%);background:linear-gradient(#ffffff4d 0%,#0000 100%);width:360px;height:80px;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleY(-1)}.lake-ripples{position:absolute;inset:0}.ripple{background:#ffffff4d;border-radius:50%;width:200px;height:10px;animation:3s ease-out infinite ripple-expand;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.intro-landscape-ricefield{background:linear-gradient(#87ceeb 0%,#add8e6 30%,#b8e6b8 60%,#90ee90 100%)}.ricefield-sky{height:50%;position:absolute;top:0;left:0;right:0}.sun-glow{width:100px;height:100px;position:absolute;top:8%;right:12%}.sun-core{background:radial-gradient(circle,#fff9c4 0%,#ffd54f 40%,#ffb300 100%);border-radius:50%;width:100%;height:100%;animation:4s ease-in-out infinite sun-pulse;position:absolute;box-shadow:0 0 60px #ffd54fcc,0 0 120px #ffb30080}.sun-rays{animation:60s linear infinite sun-rotate;position:absolute;inset:-50%}.sun-ray{transform-origin:top;background:linear-gradient(#ffd54f99 0%,#0000 100%);width:2px;height:200px;position:absolute;top:50%;left:50%}.rice-cloud{filter:blur(3px);background:linear-gradient(#fffffff2 0%,#f0f8ffd9 100%);border-radius:60px;animation:40s ease-in-out infinite cloud-float-gentle;position:absolute}.rice-cloud:before{content:"";background:#ffffffe6;border-radius:50%;width:70%;height:80%;position:absolute;top:-30%;left:15%}.hills-background{height:30%;position:absolute;bottom:25%;left:0;right:0}.hill{opacity:.6;background:linear-gradient(#9acd32 0%,#6b8e23 50%,#556b2f 100%);border-radius:50% 50% 0 0;width:120%;height:100%;position:absolute;bottom:0}.ricefield-foreground{height:35%;position:absolute;bottom:0;left:0;right:0}.ricefield-ground{background:linear-gradient(#7cfc00 0%,#32cd32 30%,#228b22 100%);height:100%;position:absolute;bottom:0;left:0;right:0}.rice-row{justify-content:space-around;align-items:flex-end;width:100%;padding:0 5%;display:flex;position:absolute;bottom:10%}.rice-stalk{transform-origin:bottom;background:linear-gradient(#228b22 0%,#006400 100%);border-radius:2px 2px 0 0;width:4px;animation:3s ease-in-out infinite rice-sway-gentle;position:relative}.rice-grain{background:linear-gradient(#daa520 0%,#b8860b 100%);border-radius:50% 50% 20% 20%;width:8px;height:14px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.dragonfly{width:20px;height:8px;animation:15s ease-in-out infinite dragonfly-fly;position:absolute}.dragonfly:before{content:"";background:linear-gradient(90deg,#1e90ff 0%,#00bfff 50%,#1e90ff 100%);border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:0 0 10px #1e90ffcc}.dragonfly:after{content:"";background:#1e90ff99;width:30px;height:2px;position:absolute;top:50%;right:-25px;transform:translateY(-50%)}.intro-landscape-temple{background:linear-gradient(#ff9a56 0%,#ff6f3c 30%,#c41e3a 60%,#8b1a3a 100%)}.temple-sky{position:absolute;inset:0}.temple-sunset{background:radial-gradient(at 50% 100%,#ff9664cc 0%,#0000 70%);height:40%;position:absolute;bottom:30%;left:0;right:0}.temple-mountains{height:40%;position:absolute;bottom:20%;left:0;right:0}.temple-mountain{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(#4a3728 0%,#2d1f14 100%);width:100%;height:100%;position:absolute;bottom:0}.stone-path{perspective:500px;width:30%;height:100%;position:absolute;bottom:0;left:35%}.stone-step{background:linear-gradient(90deg,#696969 0%,gray 50%,#696969 100%);border-radius:3px;width:40px;height:15px;position:absolute;box-shadow:0 2px 5px #0000004d}.torii-tunnel{justify-content:center;align-items:flex-end;height:100%;display:flex;position:absolute;bottom:0;left:0;right:0}.torii-gate{flex-direction:column;align-items:center;display:flex;position:absolute}.torii-pillar{background:linear-gradient(90deg,#8b0000 0%,#c41e3a 50%,#8b0000 100%);border-radius:2px;width:12px;height:100px;position:absolute;bottom:0}.torii-pillar.left{left:30px}.torii-pillar.right{right:30px}.torii-lower-kasagi{background:linear-gradient(#c41e3a 0%,#8b0000 100%);border-radius:3px;width:100px;height:10px;position:absolute;bottom:85px}.torii-upper-kasagi{background:linear-gradient(#dc143c 0%,#c41e3a 100%);border-radius:5px 5px 0 0;width:130px;height:15px;position:absolute;bottom:95px}.torii-upper-kasagi:before,.torii-upper-kasagi:after{content:"";background:#8b0000;border-radius:2px;width:8px;height:12px;position:absolute;top:5px}.torii-upper-kasagi:before{left:5px}.torii-upper-kasagi:after{right:5px}.temple-main{width:300px;height:200px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.temple-roof-main{clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);background:linear-gradient(#2f2f2f 0%,#1a1a1a 100%);width:340px;height:80px;position:absolute;top:0;left:-20px}.roof-tiles{height:60px;position:absolute;top:10px;left:0;right:0;overflow:hidden}.roof-tile{background:linear-gradient(#3a3a3a 0%,#1f1f1f 100%);border-radius:0 0 10px 10px;width:18px;height:8px;position:absolute;top:0}.temple-body-main{background:linear-gradient(#d4a574 0%,#c4956a 100%);width:240px;height:120px;position:absolute;bottom:0;left:30px}.temple-door{background:linear-gradient(#8b4513 0%,#654321 100%);width:80px;height:80px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.temple-shoji{background:#fffaf0f2;position:absolute;inset:5px;box-shadow:inset 0 0 20px #ffc8644d}.temple-shoji:before{content:"";background:#654321;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.temple-shoji:after{content:"";background:#654321;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.temple-paper-lantern{background:linear-gradient(#ff6b6b 0%,#ee5a5a 100%);border-radius:50% 50% 25% 25%;width:25px;height:40px;animation:3s ease-in-out infinite lantern-glow;position:absolute;top:30px;box-shadow:0 0 20px #ff6b6b99}.temple-paper-lantern.left{left:30px}.temple-paper-lantern.right{right:30px}.maple-leaf{clip-path:polygon(50% 0%,65% 20%,100% 25%,70% 45%,85% 70%,50% 55%,50% 100%,50% 55%,15% 70%,30% 45%,0% 25%,35% 20%);opacity:.9;will-change:transform, opacity;backface-visibility:hidden;background:radial-gradient(circle at 30% 30%,tomato 0%,#dc143c 70%,#8b0000 100%);width:18px;height:18px;animation:linear infinite maple-fall-slow;position:absolute;top:-20px;transform:translate(0,0)}.bamboo-grove{width:15%;height:60%;position:absolute;bottom:0;left:0}.bamboo{background:linear-gradient(90deg,#228b22 0%,#32cd32 50%,#228b22 100%);border-radius:4px;width:8px;position:absolute;bottom:0}.bamboo:before{content:"";background:#1a6b1a;height:3px;position:absolute;top:20%;left:0;right:0}.bamboo:after{content:"";background:#1a6b1a;height:3px;position:absolute;top:50%;left:0;right:0}.intro-door-assembly{perspective:2000px;justify-content:center;align-items:center;width:420px;height:560px;transition:opacity 1.5s,transform 1.5s;display:flex;position:absolute}.intro-phase-initial .intro-door-assembly{opacity:0;transform:scale(.9)}.intro-phase-approach .intro-door-assembly{opacity:1;transform:scale(1)}.intro-phase-opening .intro-door-assembly{opacity:0;pointer-events:none;transform:scale(1.1)}.door-frame{background:linear-gradient(135deg,#3e2723 0%,#5d4037 20%,#4e342e 50%,#5d4037 80%,#3e2723 100%);border-radius:4px;width:100%;height:100%;position:relative;box-shadow:0 0 0 4px #2d1b15,0 0 0 8px #1a0f0a,0 20px 60px #00000080,inset 0 0 30px #0000004d}.door-header{background:linear-gradient(#4e342e 0%,#3e2723 100%);border-radius:4px 4px 0 0;justify-content:center;align-items:center;height:60px;display:flex;position:absolute;top:0;left:0;right:0}.door-header-ornament{background:linear-gradient(#d4af37 0%,#aa8c2c 50%,#d4af37 100%);border-radius:10px;width:120px;height:20px;box-shadow:0 2px 5px #0000004d,inset 0 -2px 3px #0003}.door-body{gap:8px;display:flex;position:absolute;inset:60px 15px 15px}.door-left,.door-right{transform-style:preserve-3d;background:linear-gradient(135deg,#4e342e 0%,#5d4037 50%,#4e342e 100%);border-radius:2px;flex:1;transition:transform 3.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006}.door-left{transform-origin:0}.door-right{transform-origin:100%}.intro-phase-opening .door-left{transform:rotateY(-120deg)}.intro-phase-opening .door-right{transform:rotateY(120deg)}.shoji-screen{background:#fffaf0f2;position:absolute;inset:12px;overflow:hidden;box-shadow:inset 0 0 30px #ffc8964d,0 0 20px #ffc89633}.shoji-horizontal{background:linear-gradient(#5d4037 0%,#4e342e 50%,#3e2723 100%);height:3px;position:absolute;left:0;right:0;box-shadow:0 1px 2px #0000004d}.shoji-horizontal:first-child{top:0}.shoji-horizontal:nth-child(2){top:16.66%}.shoji-horizontal:nth-child(3){top:33.33%}.shoji-horizontal:nth-child(4){top:50%}.shoji-horizontal:nth-child(5){top:66.66%}.shoji-horizontal:nth-child(6){top:83.33%;bottom:0}.shoji-vertical{background:linear-gradient(90deg,#5d4037 0%,#4e342e 50%,#3e2723 100%);width:3px;position:absolute;top:0;bottom:0;box-shadow:1px 0 2px #0000004d}.shoji-vertical-left:nth-child(7){left:0}.shoji-vertical-left:nth-child(8){left:33.33%}.shoji-vertical-left:nth-child(9){left:66.66%}.shoji-vertical-right:nth-child(7){left:0}.shoji-vertical-right:nth-child(8){left:33.33%}.shoji-vertical-right:nth-child(9){left:66.66%}.door-paper-glow{pointer-events:none;background:radial-gradient(#ffdc9666 0%,#0000 70%);animation:4s ease-in-out infinite shoji-glow;position:absolute;inset:0}.door-center-post{background:linear-gradient(90deg,#3e2723 0%,#5d4037 50%,#3e2723 100%);width:12px;position:absolute;top:60px;bottom:15px;left:50%;transform:translate(-50%);box-shadow:2px 0 5px #0000004d,-2px 0 5px #0000004d}.door-threshold{background:linear-gradient(#4e342e 0%,#3e2723 100%);border-radius:0 0 4px 4px;height:15px;position:absolute;bottom:0;left:0;right:0}.door-handle-left,.door-handle-right{width:35px;height:60px;position:absolute;top:50%;transform:translateY(-50%)}.door-handle-left{left:20px}.door-handle-right{right:20px}.handle-ring{background:linear-gradient(135deg,#d4af37 0%,#f4cf57 25%,#d4af37 50%,#aa8c2c 75%,#d4af37 100%);border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 4px 15px #0006,inset 0 2px 5px #fff6,inset 0 -2px 5px #0000004d}.handle-ring:before{content:"";background:radial-gradient(circle at 30% 30%,#3e2723 0%,#2d1b15 100%);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 3px #00000080}.intro-text-container{text-align:center;z-index:100;position:absolute;bottom:8%;left:0;right:0}.intro-welcome{opacity:0;transition:all 1s;transform:translateY(20px)}.intro-phase-door .intro-welcome,.intro-phase-opening .intro-welcome{opacity:1;transform:translateY(0)}.intro-phase-revealing .intro-welcome{opacity:0;transform:translateY(-20px)}.intro-japanese{color:#fff;letter-spacing:.15em;text-shadow:0 2px 10px #00000080,0 0 30px #ffc8964d;margin:0 0 .5rem;font-size:clamp(1.8rem,5vw,3rem);font-weight:300}.intro-english{color:#ffffffd9;letter-spacing:.1em;text-shadow:0 1px 5px #0006;margin:0;font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:300}.intro-instruction{opacity:0;transition:all 1s .3s;transform:translateY(20px)}.intro-phase-revealing .intro-instruction,.intro-phase-complete .intro-instruction{opacity:1;transform:translateY(0)}.intro-instruction p{color:#fff;letter-spacing:.12em;text-shadow:0 2px 10px #00000080,0 0 20px #fff3;margin:.3rem 0;font-size:clamp(1rem,3vw,1.4rem);font-weight:300}.instruction-sub{color:#ffffffbf!important;font-size:clamp(.75rem,2vw,.95rem)!important}.intro-skip{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;cursor:pointer;z-index:1000;background:#ffffff26;border:1px solid #ffffff40;border-radius:25px;flex-direction:column;align-items:center;gap:2px;padding:.6rem 1.2rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;transition:all .3s;display:flex;position:absolute;top:25px;right:25px;box-shadow:0 4px 15px #0003}.intro-skip:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.skip-en{opacity:.75;font-family:system-ui,sans-serif;font-size:.7rem}@media (width<=600px){.intro-door-assembly{width:320px;height:440px}.landscape-title-group{bottom:15%}.intro-text-container{bottom:5%}.intro-japanese{font-size:1.4rem}.intro-english{font-size:.85rem}.intro-instruction p{font-size:1rem}.instruction-sub{font-size:.75rem!important}.door-handle-left,.door-handle-right{width:28px;height:48px}}@media (width<=400px){.intro-door-assembly{width:280px;height:400px}.landscape-title{font-size:2.5rem}.landscape-subtitle{font-size:.9rem}}.flowing-subtitles{pointer-events:none;z-index:50;contain:strict;position:absolute;inset:0;overflow:hidden;transform:translate(0,0)}.flowing-text{color:#fffffff2;text-shadow:0 1px 3px #00000080;white-space:nowrap;letter-spacing:.06em;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;contain:layout style paint;flex-direction:column;align-items:center;gap:.1rem;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.1;display:flex;position:absolute;transform:translateZ(0)}.flowing-text:nth-child(7n+1),.flowing-text:nth-child(7n+1) .romaji-text{color:#ff6b6b;text-shadow:0 1px 3px #0006,0 0 10px #ff6b6b80}.flowing-text:nth-child(7n+2),.flowing-text:nth-child(7n+2) .romaji-text{color:#ffa94d;text-shadow:0 1px 3px #0006,0 0 10px #ffa94d80}.flowing-text:nth-child(7n+3),.flowing-text:nth-child(7n+3) .romaji-text{color:#ffd93d;text-shadow:0 1px 3px #0006,0 0 10px #ffd93d80}.flowing-text:nth-child(7n+4),.flowing-text:nth-child(7n+4) .romaji-text{color:#6bcb77;text-shadow:0 1px 3px #0006,0 0 10px #6bcb7780}.flowing-text:nth-child(7n+5),.flowing-text:nth-child(7n+5) .romaji-text{color:#4d96ff;text-shadow:0 1px 3px #0006,0 0 10px #4d96ff80}.flowing-text:nth-child(7n+6),.flowing-text:nth-child(7n+6) .romaji-text{color:#9b59b6;text-shadow:0 1px 3px #0006,0 0 10px #9b59b680}.flowing-text:nth-child(7n+7),.flowing-text:nth-child(7n+7) .romaji-text{color:#ff69b4;text-shadow:0 1px 3px #0006,0 0 10px #ff69b480}.flowing-left{animation:linear infinite flow-left}.flowing-right{animation:linear infinite flow-right}.romaji-text{opacity:.65;letter-spacing:.03em;contain:layout style;font-family:system-ui,-apple-system,sans-serif;font-size:.32em;font-weight:200}.firefly{background:radial-gradient(circle,#ff9 0%,#fc0 50%,#0000 70%);border-radius:50%;width:6px;height:6px;animation:ease-in-out infinite firefly-glow;position:absolute}.sakura-petal:before{content:"";border-radius:inherit;opacity:.5;background:radial-gradient(circle at 30% 30%,#fff9 0%,#0000 50%);position:absolute;inset:0}.intro-landscape:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ffffff1a 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite ambient-glow;position:absolute;top:-50%;left:-50%}.sparkle{background:#fff;border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite sparkle-fade;position:absolute}.lake-ripples:before{content:"";background:radial-gradient(#ffffff4d 0%,#0000 70%);width:300px;height:20px;animation:4s ease-in-out infinite water-shimmer;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.floating-dust{background:#fff9;border-radius:50%;width:2px;height:2px;animation:linear infinite dust-float;position:absolute}.petals-in-wind{pointer-events:none;width:100%;height:100%;position:absolute}.petals-in-wind:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffb7c51a 50%,#0000 100%);width:300%;height:100%;animation:15s linear infinite wind-blow;position:absolute;top:0;left:-100%}.sun-rays:before{content:"";background:conic-gradient(#0000 0deg,#ffd54f1a 10deg,#0000 20deg);animation:60s linear infinite sun-rotate;position:absolute;inset:0}.temple-smoke{filter:blur(10px);background:linear-gradient(#0000 0%,#c8c8c84d 100%);width:20px;height:60px;animation:8s ease-in-out infinite smoke-rise;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.maple-leaf:before{content:"";clip-path:inherit;background:radial-gradient(circle at 40% 40%,#ff966480 0%,#0000 70%);position:absolute;inset:2px}@media (width<=600px){.flowing-text{font-size:.8rem!important}.romaji-text{font-size:.3em!important}.firefly{width:4px;height:4px}}.butterfly{width:16px;height:12px;position:absolute}.butterfly:before,.butterfly:after{content:"";background:linear-gradient(135deg,gold 0%,#ffb347 50%,#ff8c00 100%);border-radius:50% 50% 50% 0;width:8px;height:10px;animation:.3s ease-in-out infinite alternate butterfly-wing;position:absolute}.butterfly:before{transform-origin:100%;left:0}.butterfly:after{transform-origin:0;animation-delay:50ms;right:0}.butterfly:nth-child(3n):before,.butterfly:nth-child(3n):after{background:linear-gradient(135deg,#ff69b4 0%,#ff1493 50%,#c71585 100%)}.butterfly:nth-child(3n+1):before,.butterfly:nth-child(3n+1):after{background:linear-gradient(135deg,#87ceeb 0%,#00bfff 50%,#1e90ff 100%)}.butterfly:nth-child(3n+2):before,.butterfly:nth-child(3n+2):after{background:linear-gradient(135deg,#98fb98 0%,#90ee90 50%,#32cd32 100%)}.landing-page{background:var(--parchment);width:100%;min-height:100vh}.landing-nav{z-index:100;background:color-mix(in oklch, var(--parchment) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-cream);position:sticky;top:0}.landing-nav-inner{max-width:var(--container-max-width);padding:0 var(--space-4);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.landing-brand{align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-subheading-sm);font-weight:var(--weight-medium);color:var(--anthropic-near-black);text-decoration:none;display:flex}.landing-brand-mark{border-radius:var(--radius-comfortable);background:var(--terracotta-brand);width:36px;height:36px;color:var(--pure-white);font-family:var(--font-ja);font-size:1.1rem;font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:inline-flex}.landing-nav-links{align-items:center;gap:var(--space-6);list-style:none;display:flex}.landing-nav-links a{font-size:var(--text-body-small);color:var(--olive-gray);text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--anthropic-near-black)}.landing-cta{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--terracotta-brand);color:var(--pure-white);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body-small);font-weight:var(--weight-medium);cursor:pointer;border:none;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.landing-cta:hover{background:var(--coral-accent);color:var(--pure-white);transform:translateY(-1px)}.landing-hero{max-width:var(--container-max-width);padding:var(--space-16) var(--space-4) var(--space-20);gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.hero-copy{gap:var(--space-8);flex-direction:column;display:flex}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--terracotta-brand)}.hero-title{font-family:var(--font-serif);font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:0;line-height:1.15}.hero-lead{font-size:var(--text-body-large);color:var(--olive-gray);line-height:var(--leading-relaxed);max-width:480px;margin-bottom:0}.hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--terracotta-brand);color:var(--pure-white);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body-standard);font-weight:var(--weight-medium);cursor:pointer;border:none;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.hero-btn-primary:hover{background:var(--coral-accent);color:var(--pure-white);transform:translateY(-1px)}.hero-btn-secondary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);color:var(--anthropic-near-black);border:1px solid var(--border-warm);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body-standard);font-weight:var(--weight-medium);cursor:pointer;background:0 0;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.hero-btn-secondary:hover{border-color:var(--terracotta-brand);background:var(--ivory);color:var(--anthropic-near-black)}.proof-strip{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-cream);grid-template-columns:repeat(3,1fr);display:grid}.proof-item{gap:var(--space-1);flex-direction:column;display:flex}.proof-num{font-family:var(--font-mono);font-size:var(--text-subheading-sm);font-weight:var(--weight-semibold);color:var(--terracotta-brand)}.proof-label{font-size:var(--text-caption);color:var(--stone-gray);line-height:var(--leading-snug)}.phone-preview{justify-content:center;display:flex}.phone-frame{background:var(--pure-white);border-radius:var(--radius-highly);border:1px solid var(--border-warm);width:300px;box-shadow:var(--shadow-whisper), 0 20px 60px #00000014;overflow:hidden}.phone-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-cream)}.phone-header-eyebrow{font-family:var(--font-ja);font-size:var(--text-caption);color:var(--stone-gray);margin-bottom:var(--space-1)}.phone-header-title{font-family:var(--font-serif);font-size:var(--text-body-standard);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:0}.phone-path{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.path-step{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-comfortable);background:var(--ivory);transition:background .2s;display:flex}.path-step:hover{background:var(--border-cream)}.path-node-icon{border-radius:var(--radius-comfortable);width:40px;height:40px;font-family:var(--font-ja);font-size:1.2rem;font-weight:var(--weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.path-node-icon.now{background:var(--terracotta-brand);color:var(--pure-white)}.path-node-icon.next{background:var(--border-cream);color:var(--anthropic-near-black)}.path-node-icon.later{background:var(--ivory);color:var(--stone-gray);border:1px solid var(--border-cream)}.path-info{flex:1;min-width:0}.path-info strong{font-size:var(--text-body-small);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:2px;display:block}.path-meta{font-size:var(--text-overline);color:var(--stone-gray)}.path-tag{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-medium);border-radius:var(--radius-sharp);text-transform:uppercase;letter-spacing:var(--tracking-wider);flex-shrink:0;padding:2px 8px}.path-tag.now{background:color-mix(in oklch, var(--terracotta-brand) 12%, transparent);color:var(--terracotta-brand)}.path-tag.next{background:var(--border-cream);color:var(--stone-gray)}.path-tag.later{background:var(--ivory);color:var(--warm-silver)}.landing-features{background:var(--ivory);padding:var(--space-20) 0}.landing-features-inner{max-width:var(--container-max-width);padding:0 var(--space-4);margin:0 auto}.section-eyebrow{font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--terracotta-brand);margin-bottom:var(--space-3)}.section-title{font-family:var(--font-serif);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:var(--weight-medium);color:var(--anthropic-near-black);max-width:680px;margin-bottom:var(--space-10);line-height:1.2}.feature-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-8);background:var(--pure-white);border:1px solid var(--border-cream);border-radius:var(--radius-generous);transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--ring-warm);box-shadow:var(--shadow-whisper)}.feature-card h3{font-family:var(--font-serif);font-size:var(--text-feature-title);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-3)}.feature-card p{font-size:var(--text-body-small);color:var(--olive-gray);line-height:var(--leading-relaxed);margin-bottom:0}.landing-srs{padding:var(--space-20) 0}.landing-srs-inner{max-width:var(--container-max-width);padding:0 var(--space-4);gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.srs-copy{gap:var(--space-6);flex-direction:column;display:flex}.srs-lead{font-size:var(--text-body-large);color:var(--olive-gray);line-height:var(--leading-relaxed);margin-bottom:0}.srs-card{background:var(--pure-white);border:1px solid var(--border-cream);border-radius:var(--radius-generous);padding:var(--space-8);box-shadow:var(--shadow-whisper)}.srs-word-reading{font-family:var(--font-ja);font-size:var(--text-subheading);color:var(--stone-gray);margin-bottom:var(--space-2)}.srs-word-kanji{font-family:var(--font-serif);font-size:var(--text-section);font-weight:var(--weight-medium);color:var(--anthropic-near-black);margin-bottom:var(--space-3)}.srs-word-meaning{font-size:var(--text-body-standard);color:var(--olive-gray);margin-bottom:var(--space-1)}.srs-word-example{font-size:var(--text-caption);color:var(--stone-gray);margin-bottom:var(--space-6);font-style:italic}.srs-buttons{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.srs-btn{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--ivory);border:1px solid var(--border-cream);border-radius:var(--radius-comfortable);cursor:pointer;flex-direction:column;transition:border-color .2s,background .2s,transform .15s;display:flex}.srs-btn:hover{border-color:var(--ring-warm);background:var(--border-cream);transform:translateY(-1px)}.srs-btn.active{border-color:var(--terracotta-brand);background:color-mix(in oklch, var(--terracotta-brand) 8%, var(--pure-white))}.srs-btn-label{font-family:var(--font-sans);font-size:var(--text-body-small);font-weight:var(--weight-medium);color:var(--anthropic-near-black)}.srs-btn-time{font-size:var(--text-micro);color:var(--stone-gray)}.srs-feedback{margin-top:var(--space-4);padding:var(--space-3);background:var(--ivory);border-radius:var(--radius-comfortable);text-align:center;font-size:var(--text-caption);color:var(--olive-gray);justify-content:center;align-items:center;min-height:40px;display:flex}.landing-footer{padding:var(--space-8) 0;border-top:1px solid var(--border-cream)}.landing-footer-inner{max-width:var(--container-max-width);padding:0 var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-footer-brand{font-family:var(--font-serif);font-size:var(--text-caption);color:var(--stone-gray)}.landing-footer-links{gap:var(--space-6);list-style:none;display:flex}.landing-footer-links a{font-size:var(--text-caption);color:var(--stone-gray);text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:var(--anthropic-near-black)}@media (width<=900px){.landing-hero{gap:var(--space-10);padding:var(--space-10) var(--space-4) var(--space-12);grid-template-columns:1fr}.phone-preview{order:-1}.phone-frame{width:260px}.feature-grid{grid-template-columns:1fr}.landing-srs-inner{gap:var(--space-10);grid-template-columns:1fr}.proof-strip{gap:var(--space-3);grid-template-columns:1fr}.landing-nav-links{display:none}}@media (width<=600px){.hero-title{font-size:1.8rem}.hero-actions{flex-direction:column}.srs-buttons{grid-template-columns:1fr}.landing-footer-inner{gap:var(--space-4);text-align:center;flex-direction:column}}.word-link-map-page{--paper:#f7f3ea;--paper-strong:#fffaf2;--ink:#14202a;--muted:#7d817b;--line:#34414829;--accent:#c96543;--accent-soft:#f3ded4;--map-bg:#101923;--map-bg-2:#182736;--panel:#fffaf2eb;overscroll-behavior:none;box-sizing:border-box;touch-action:manipulation;flex-direction:column;flex:1;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.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}.word-link-map-shell{background:radial-gradient(circle at 20% 18%, #74a8892e, transparent 32%), radial-gradient(circle at 80% 78%, #c965432e, transparent 30%), linear-gradient(145deg, var(--map-bg), var(--map-bg-2));width:100%;max-width:100%;height:100%;min-height:0;color:var(--paper);flex:1;position:relative;overflow:hidden}.link-map-immersive-shell{touch-action:manipulation;background:radial-gradient(circle at 20% 18%,#74a8892e,#0000 32%),radial-gradient(circle at 80% 78%,#c965432e,#0000 30%),linear-gradient(145deg,#101923,#182736);width:100%;max-width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.link-map-immersive-shell .site-main{flex:1;width:100%;max-width:100%;min-height:0;overflow:hidden}.link-map-immersive-shell .site-header,.link-map-immersive-shell .user-dock{display:none!important}.word-link-map-stage{width:100%;max-width:100%;position:absolute;inset:0;overflow:hidden}.word-link-map-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.word-link-map-empty-stage{text-align:center;color:#f7f3eac7;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.word-link-map-topbar{top:calc(22px + env(safe-area-inset-top,0px));z-index:5;pointer-events:none;box-sizing:border-box;width:min(720px,100% - 36px);max-width:calc(100% - 36px);position:absolute;left:50%;transform:translate(-50%)}.word-link-map-back{width:42px;height:42px;color:var(--ink);cursor:pointer;background:#14202a14;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:background .18s,color .18s;display:inline-grid}.word-link-map-back:hover{background:#14202a24}.word-link-map-back svg{width:18px;height:18px}.word-link-map-search-bar{pointer-events:auto;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3eae6;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex;box-shadow:0 18px 50px #0000003d}.word-link-map-search{flex:1;min-width:0}.word-link-map-search input{width:100%;min-height:42px;color:var(--ink);background:0 0;border:0;outline:none;padding:0 8px;font-size:15px}.word-link-map-search input::placeholder{color:var(--muted)}.word-link-map-orbs{flex-shrink:0;align-items:center;gap:8px;display:flex}.word-link-map-orb-wrap{position:relative}.word-link-map-orb{background:linear-gradient(145deg, var(--paper-strong), #c965431a);width:42px;height:42px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:14px;font-weight:800;transition:background .18s,color .18s,box-shadow .18s;display:inline-grid}.word-link-map-orbs>.word-link-map-orb-wrap:first-child .word-link-map-orb{background:linear-gradient(145deg,#fffaf2 0%,#ede4d6 55%,#c9654329 100%)}.word-link-map-orbs>.word-link-map-orb-wrap:first-child .word-link-map-orb:hover{background:linear-gradient(145deg,#fff6ea 0%,#e5dacf 55%,#c965433d 100%)}.word-link-map-orbs>.word-link-map-orb-wrap:first-child .word-link-map-orb.active{color:var(--ink);background:linear-gradient(145deg,#f3ded4 0%,#c965436b 100%);box-shadow:0 8px 20px #c9654338}.word-link-map-orbs>.word-link-map-orb-wrap:nth-child(2) .word-link-map-orb{background:linear-gradient(145deg,#f5e8de 0%,#c9654347 100%)}.word-link-map-orbs>.word-link-map-orb-wrap:nth-child(2) .word-link-map-orb:hover{background:linear-gradient(145deg,#efd9cc 0%,#c9654361 100%)}.word-link-map-orbs>.word-link-map-orb-wrap:nth-child(2) .word-link-map-orb.active{color:#fff;background:linear-gradient(145deg,#e8b89e 0%,#c965439e 100%);box-shadow:0 8px 22px #c9654347}.word-link-map-orbs>.word-link-map-orb-wrap:nth-child(3) .word-link-map-orb{color:#fff;background:linear-gradient(145deg,#db8a6e 0%,#c96543b8 100%)}.word-link-map-orbs>.word-link-map-orb-wrap:nth-child(3) .word-link-map-orb:hover{background:linear-gradient(145deg,#d0785c 0%,#c96543d1 100%)}.word-link-map-orbs>.word-link-map-orb-wrap:nth-child(3) .word-link-map-orb.active{color:#fff;background:linear-gradient(145deg,#c96543 0%,#a84e32 100%);box-shadow:0 10px 26px #c9654352}.word-link-map-orb-accent{background:linear-gradient(145deg, #e0886a 0%, var(--accent) 48%, #b55638 100%);color:#fff;box-shadow:0 10px 28px #c9654357}.word-link-map-orb-accent:hover{background:linear-gradient(145deg,#d97858 0%,#b85a3d 48%,#a84e32 100%)}.word-link-map-orb-menu{z-index:9;background:var(--panel);min-width:148px;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff29;border-radius:14px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 70px #00000047}.word-link-map-orb-menu button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-size:14px}.word-link-map-orb-menu button:hover{background:#14202a0f}.word-link-map-orb-menu button.active{color:#9b4a31;background:#c965431f;font-weight:700}.word-link-map-search-results{z-index:7;background:var(--panel);width:min(420px,100% - 36px);max-width:calc(100% - 36px);max-height:min(560px,100vh - 180px);color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;border:1px solid #ffffff29;border-radius:16px;padding:8px;display:none;position:absolute;top:88px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 22px 70px #00000047}.word-link-map-search-results.open{gap:8px;display:grid}.word-link-map-search-results button{width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff8a;border:0;border-radius:12px;grid-template-columns:1fr auto;gap:10px;padding:10px 12px;display:grid}.word-link-map-search-results button.active{box-shadow:inset 0 0 0 1px #c9654359}.word-link-map-search-results strong{font-size:18px;display:block}.word-link-display{display:inline}.word-link-display--stacked{flex-direction:column;align-items:flex-start;gap:2px;display:inline-flex}.word-link-display-primary{line-height:1.1;display:block}.word-link-display-secondary{font-family:"Hiragino Sans", "Noto Sans JP", var(--font-ja,sans-serif);color:var(--muted);line-height:1.2;display:block}.word-link-map-search-results .word-link-display{display:block}.word-link-map-search-results .word-link-display-primary{font-size:18px;font-weight:800}.word-link-map-search-results .word-link-display-secondary{margin-top:2px;font-size:13px;font-weight:500}.word-link-map-search-results small{color:var(--muted);margin-top:3px;display:block}.word-link-map-level-badge{background:var(--accent-soft);color:#9b4a31;border-radius:999px;align-self:center;padding:5px 8px;font-size:12px;font-weight:800}.word-link-map-legend{left:max(18px, env(safe-area-inset-left,0px));bottom:max(18px, env(safe-area-inset-bottom,0px));z-index:5;pointer-events:none;flex-wrap:wrap;gap:8px;max-width:calc(100% - 36px);display:flex;position:absolute}.word-link-map-legend span{color:#f7f3eae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111d28b8;border:1px solid #ffffff24;border-radius:999px;padding:8px 11px;font-size:12px}.word-link-map-legend i{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.word-link-map-legend-hint{opacity:.72}.word-link-map-drawer{z-index:6;background:var(--panel);width:100%;max-width:100%;height:44dvh;color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px);border:1px solid #ffffff29;border-bottom:0;border-radius:20px 20px 0 0;grid-template-rows:auto auto 1fr;transition:transform .24s,height .28s;display:grid;position:absolute;inset:auto 0 0;overflow:hidden;transform:translateY(110%);box-shadow:0 -18px 60px #00000059}.word-link-map-drawer.open{transform:translateY(0)}.word-link-map-drawer.expanded{height:86dvh}.word-link-map-drawer-handle{cursor:grab;touch-action:none;place-items:center;padding:10px 0 4px;display:grid}.word-link-map-drawer-handle span{background:#14202a2e;border-radius:999px;width:42px;height:5px}.word-link-map-drawer-handle:active{cursor:grabbing}.word-link-map-drawer-head{padding:18px max(18px, env(safe-area-inset-right,0px)) 14px max(18px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0;display:grid;overflow:hidden}.word-link-map-drawer-head>div:first-child{min-width:0;overflow:hidden}.word-link-map-drawer-head h2,.word-link-map-drawer-word{overflow-wrap:anywhere;word-break:keep-all;max-width:100%;margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(1.75rem,9vw,2.625rem);font-weight:500;line-height:1.05}.word-link-map-drawer-word .word-link-display-secondary{color:var(--muted);margin-top:6px;font-size:18px;font-weight:500}.word-link-map-panel-level{color:var(--muted);font-size:.78rem}.word-link-map-drawer-reading{color:var(--muted);margin:8px 0 0;font-size:15px}.word-link-map-drawer-close{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#14202a14;border:0;border-radius:12px;font-size:20px}.word-link-map-drawer-body{padding:16px max(18px, env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;gap:15px;min-width:0;min-height:0;display:grid;overflow:hidden auto}.word-link-map-relation-card,.word-link-map-memory,.word-link-map-relation-note,.word-link-map-relation-meaning{overflow-wrap:anywhere;word-break:break-word;min-width:0}.word-link-map-memory{background:#ffffffb8;border:1px solid #34414814;border-radius:14px;padding:.85rem}.word-link-map-memory h3,.word-link-map-relations-title{margin:0 0 .5rem;font-size:.92rem}.word-link-map-summary{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.word-link-map-summary div{background:#ffffffb8;border-radius:12px;padding:.7rem}.word-link-map-summary span{color:var(--muted);font-size:.78rem;display:block}.word-link-map-relations{gap:.75rem;display:grid}.word-link-map-relation-card{background:#fff;border:1px solid #34414814;border-radius:14px;padding:.85rem}.word-link-map-relation-type{color:var(--muted);font-size:.78rem}.word-link-map-relation-card h4,.word-link-map-relation-word{margin:.35rem 0 .15rem}.word-link-map-relation-word .word-link-display-primary{color:var(--ink);font-size:1.15rem;font-weight:700}.word-link-map-relation-word .word-link-display-secondary{margin-top:2px;font-size:.88rem}.word-link-map-relation-reading,.word-link-map-relation-meaning,.word-link-map-relation-note{margin:.15rem 0;font-size:.88rem}.word-link-map-relation-note{color:#425058}.word-link-map-relation-card button{background:var(--ink);color:var(--paper);cursor:pointer;border:0;border-radius:999px;margin-top:.55rem;padding:.45rem .8rem}.word-link-map-empty,.word-link-map-loading,.word-link-map-error{color:#425058;padding:2rem}.word-link-map-stage:has(.word-link-map-drawer.open) .word-link-map-legend{display:none}@media (width<=760px){.word-link-map-topbar{top:calc(14px + env(safe-area-inset-top,0px));width:calc(100% - 24px);max-width:calc(100% - 24px)}.word-link-map-search-bar{gap:6px;padding:6px 8px}.word-link-map-search input{min-height:38px;font-size:14px}.word-link-map-back,.word-link-map-orb{width:36px;height:36px;font-size:12px}.word-link-map-back svg{width:16px;height:16px}.word-link-map-search-results{top:calc(78px + env(safe-area-inset-top,0px));overscroll-behavior:contain;width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:min(280px,38vh)}.word-link-map-drawer-head{padding-top:8px}.word-link-map-drawer-head h2,.word-link-map-drawer-word{font-size:clamp(1.55rem,8.5vw,2rem)}.word-link-map-drawer-word .word-link-display-secondary{font-size:.95rem}}.app-welcome-shell{min-height:100dvh;padding:calc(28px + env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));color:#141413;box-sizing:border-box;background:#f5f4ed;flex-direction:column;gap:22px;display:flex;position:relative;overflow-x:hidden}.app-welcome-shell--privacy{gap:16px}.app-welcome-bg{pointer-events:none;background:radial-gradient(circle at 18% 12%,#c9644224,#0000 34%),radial-gradient(circle at 82% 78%,#74a8891f,#0000 32%),linear-gradient(#faf9f5 0%,#f0ece2 100%);position:absolute;inset:0}.app-welcome-brand,.app-welcome-card,.app-welcome-footer,.app-welcome-privacy-scroll{z-index:1;position:relative}.app-welcome-brand{align-items:center;gap:16px;display:flex}.app-welcome-logo{width:64px;height:64px;font-family:var(--font-ja,"Hiragino Sans", sans-serif);color:#fff;background:linear-gradient(145deg,#c96442,#d97757);border-radius:18px;place-items:center;font-size:1.8rem;font-weight:700;display:grid;box-shadow:0 14px 32px #c9644247}.app-welcome-kicker{color:#8b8176;letter-spacing:.08em;margin:0 0 4px;font-size:.82rem}.app-welcome-brand h1{margin:0;font-size:clamp(1.8rem,7vw,2.4rem);line-height:1.1}.app-welcome-subtitle{color:#6f6a62;margin:8px 0 0;font-size:.95rem}.app-welcome-card{background:#fffefaf0;border:1px solid #14141314;border-radius:22px;margin-top:auto;padding:22px 18px 18px;box-shadow:0 18px 48px #14141314}.app-welcome-tabs{background:#ece7dc;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:4px;display:grid}.app-welcome-tabs button{color:#6f6a62;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:600}.app-welcome-tabs button.active{color:#141413;background:#fffefa;box-shadow:0 4px 14px #14141314}.app-welcome-form{gap:14px;display:grid}.app-welcome-form label span{color:#6f6a62;margin-bottom:6px;font-size:.86rem;display:block}.app-welcome-form input[type=email],.app-welcome-form input[type=password]{color:#141413;width:100%;min-height:48px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #1414131f;border-radius:14px;padding:0 14px}.app-welcome-form input:focus{border-color:#c96442;outline:2px solid #c9644247}.app-welcome-consent{color:#6f6a62;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.app-welcome-consent input{flex-shrink:0;margin-top:3px}.app-welcome-link{color:#c96442;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.app-welcome-primary,.app-welcome-secondary{width:100%;min-height:48px;font:inherit;cursor:pointer;border-radius:14px;font-weight:600}.app-welcome-primary{color:#fff;background:linear-gradient(135deg,#c96442,#d97757);border:0;box-shadow:0 10px 24px #c964423d}.app-welcome-primary:disabled{opacity:.72;cursor:wait}.app-welcome-secondary{color:#141413;background:0 0;border:1px solid #1414131f;margin-top:12px}.app-welcome-note{color:#8b8176;margin:12px 0 0;font-size:.84rem;line-height:1.6}.app-welcome-message{margin:0;font-size:.88rem;line-height:1.5}.app-welcome-message.error{color:#b53333}.app-welcome-message.success{color:#3f6f55}.app-welcome-message.info{color:#6f6a62}.app-welcome-privacy-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px 2px;overflow:auto}.app-welcome-footer{gap:12px;display:grid}.privacy-policy-page{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));box-sizing:border-box;background:#f5f4ed;overflow-x:hidden}.privacy-policy-page--native{padding-top:calc(12px + env(safe-area-inset-top,0px))}.privacy-policy-toolbar{margin-bottom:12px}.privacy-policy-back{color:#c96442;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:none}.privacy-policy-content{color:#3f3f3d;max-width:720px;margin:0 auto;line-height:1.75}.privacy-policy-content--compact h1{font-size:1.35rem}.privacy-policy-header{margin-bottom:18px}.privacy-policy-kicker{color:#c96442;letter-spacing:.08em;margin:0 0 6px;font-size:.82rem}.privacy-policy-header h1{margin:0 0 8px;font-size:clamp(1.5rem,5vw,2rem)}.privacy-policy-meta{color:#8b8176;margin:0;font-size:.88rem}.privacy-policy-content section+section{margin-top:18px}.privacy-policy-content h2{color:#141413;margin:0 0 8px;font-size:1rem}.privacy-policy-content p,.privacy-policy-content li{margin:0;font-size:.92rem}.privacy-policy-content ul{gap:6px;margin:8px 0 0;padding-left:1.2rem;display:grid}.ios-word-demo-shell{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));color:#141413;box-sizing:border-box;background:linear-gradient(#fffefab8,#f5f4edf2),#f5f4ed;flex-direction:column;display:flex;position:relative;overflow:hidden}.ios-word-demo-orbit{filter:blur(4px);pointer-events:none;background:radial-gradient(circle at 22% 18%,#c964422e,#0000 26%),radial-gradient(circle at 76% 20%,#74a88924,#0000 26%);height:56%;position:absolute;inset:-20% -18% auto}.ios-word-demo-top,.ios-word-demo-card,.ios-word-demo-complete-card{z-index:1;position:relative}.ios-word-demo-top{grid-template-columns:76px 1fr 76px;align-items:center;gap:12px;display:grid}.ios-word-demo-top--simple{justify-content:flex-end;display:flex}.ios-word-demo-skip{color:#8b8176;min-height:40px;font:inherit;background:#fffefabd;border:1px solid #14141314;border-radius:999px;grid-column:3;font-size:.9rem;font-weight:600}.ios-word-demo-progress{color:#141413;grid-column:2;grid-template-rows:auto 7px;justify-items:center;gap:9px;font-weight:700;display:grid}.ios-word-demo-progress span{font-size:1rem}.ios-word-demo-progress:after{content:"";background:#ebe6dc;border-radius:999px;grid-area:2/1;width:min(240px,100%);height:7px}.ios-word-demo-progress i{transform-origin:0;background:#c96442;border-radius:999px;grid-area:2/1;justify-self:start;width:0;max-width:min(240px,100%);height:7px;transition:width .24s}.ios-word-demo-card{box-sizing:border-box;background:#fffefaf5;border:1px solid #14141314;border-radius:28px;width:min(100%,520px);margin:clamp(34px,7vh,72px) auto 0;padding:clamp(24px,5vw,34px);box-shadow:0 24px 64px #14141317}.ios-level-card,.ios-kana-guide-card,.ios-placement-card{z-index:1;box-sizing:border-box;background:#fffefaf5;border:1px solid #14141314;border-radius:28px;width:min(100%,520px);margin:clamp(34px,7vh,72px) auto 0;padding:clamp(26px,6vw,36px) clamp(20px,5vw,30px);position:relative;box-shadow:0 24px 64px #14141317}.ios-level-logo{color:#fff;width:62px;height:62px;font-family:var(--font-ja,"Hiragino Sans", sans-serif);background:#c96442;border-radius:18px;place-items:center;font-size:1.8rem;font-weight:800;display:grid;box-shadow:0 14px 32px #c964423d}.ios-level-card h1,.ios-kana-guide-card h1{letter-spacing:0;margin:20px 0 10px;font-size:clamp(2rem,8vw,2.7rem);line-height:1.1}.ios-level-card p,.ios-kana-guide-card p{color:#6f6a62;margin:0;font-size:1rem;line-height:1.7}.ios-level-options{gap:12px;margin-top:26px;display:grid}.ios-level-option{color:#141413;min-height:92px;font:inherit;text-align:left;background:#fffefa;border:1px solid #14141314;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:52px 1fr;align-items:center;column-gap:14px;padding:16px;display:grid}.ios-level-option span{color:#c96442;width:52px;height:52px;font-family:var(--font-ja,"Hiragino Sans", sans-serif);background:#f1eee6;border-radius:16px;grid-row:1/3;place-items:center;font-size:1.45rem;font-weight:800;display:grid}.ios-level-option strong{font-size:1.12rem}.ios-level-option small{color:#7f776e;margin-top:4px;font-size:.9rem;line-height:1.45}.ios-kana-guide-actions{justify-items:center;gap:12px;margin-top:28px;display:grid}.ios-kana-guide-actions .ios-word-demo-primary,.ios-kana-guide-actions .ios-word-demo-secondary{text-align:center;width:min(100%,300px)}.ios-word-demo-secondary{color:#3f3f3d;width:100%;min-height:50px;font:inherit;background:#fffefa;border:1px solid #1414131f;border-radius:16px;margin-top:12px;font-weight:700}.ios-kana-guide-actions .ios-word-demo-secondary{margin-top:0}.ios-placement-card{margin-top:clamp(28px,6vh,56px)}.ios-placement-kicker{color:#c96442;margin:0 0 10px;font-size:.9rem;font-weight:800}.ios-placement-card h1{font-family:var(--font-ja,"Hiragino Mincho ProN", "Yu Mincho", serif);letter-spacing:0;margin:0;font-size:clamp(4.2rem,18vw,6.8rem);line-height:1}.ios-word-demo-kana,.ios-word-demo-meaning,.ios-word-demo-question{color:#8b8176;margin:0}.ios-word-demo-kana{letter-spacing:.08em;min-height:24px;font-size:1.15rem;font-weight:700}.ios-word-demo-card h1{font-family:var(--font-ja,"Hiragino Mincho ProN", "Yu Mincho", serif);letter-spacing:0;margin:6px 0 8px;font-size:clamp(4.8rem,21vw,7.4rem);font-weight:800;line-height:.98}.ios-word-demo-meaning{font-size:1.05rem;line-height:1.55}.ios-word-demo-memory{background:#f1eee6;border-radius:18px;margin-top:22px;padding:17px}.ios-word-demo-memory.story{background:#fff6ef}.ios-word-demo-memory span{color:#c96442;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.ios-word-demo-memory p{color:#3f3f3d;margin:0;font-size:.98rem;line-height:1.7}.ios-word-demo-actions{grid-template-columns:56px 1fr;gap:12px;margin-top:22px;display:grid}.ios-word-demo-audio,.ios-word-demo-primary{min-height:54px;font:inherit;border-radius:16px;font-weight:700}.ios-word-demo-audio{background:#f1eee6;border:1px solid #14141314;font-size:1.25rem}.ios-word-demo-primary{color:#fff;background:#c96442;border:0;box-shadow:0 12px 28px #c9644238}.ios-word-demo-question{margin-top:24px;font-size:.96rem;font-weight:700}.ios-word-demo-options{gap:10px;margin-top:12px;display:grid}.ios-word-demo-options button{color:#141413;min-height:54px;font:inherit;text-align:left;background:#fffefa;border:1px solid #1414131a;border-radius:16px;padding:12px 14px;font-weight:700}.ios-word-demo-options button.correct{color:#3f6f55;background:#e8f0e8;border-color:#4984606b}.ios-word-demo-options button.wrong{color:#b53333;background:#f8e9e4;border-color:#b5333357}.ios-word-demo-result{background:#f1eee6;border-radius:18px;margin-top:16px;padding:16px}.ios-word-demo-result.correct{background:#e8f0e8}.ios-word-demo-result.wrong{background:#fff2ed}.ios-word-demo-result strong{margin-bottom:8px;display:block}.ios-word-demo-result p{color:#5f5a53;margin:0 0 14px;line-height:1.65}.ios-word-demo-shell--done{justify-content:center}.ios-word-demo-complete-card{background:#fffefaf5;border:1px solid #14141314;border-radius:28px;width:min(100%,520px);margin:0 auto;padding:34px 24px 24px;box-shadow:0 24px 64px #14141317}.ios-word-demo-mark{color:#fff;background:#c96442;border-radius:18px;place-items:center;width:64px;height:64px;font-size:1.9rem;font-weight:800;display:grid}.ios-word-demo-complete-card h1{margin:22px 0 10px;font-size:clamp(1.8rem,7vw,2.5rem);line-height:1.12}.ios-word-demo-complete-card p{color:#6f6a62;margin:0;font-size:1rem;line-height:1.7}.ios-word-demo-score{background:#f1eee6;border-radius:18px;margin:24px 0;padding:18px}.ios-word-demo-score strong{margin-right:6px;font-size:2.2rem}.ios-word-demo-score span{color:#6f6a62;font-weight:700}@media (width<=430px){.app-welcome-card{padding:18px 14px 14px}.app-welcome-logo{width:56px;height:56px;font-size:1.55rem}.ios-word-demo-shell{padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px))}.ios-word-demo-top{grid-template-columns:60px 1fr 60px}.ios-word-demo-card{border-radius:24px;margin-top:28px;padding:22px 18px}.ios-level-card,.ios-kana-guide-card,.ios-placement-card{border-radius:24px;margin-top:28px;padding:24px 18px}.ios-word-demo-actions{grid-template-columns:52px 1fr}}