:root{--background:#efefef;--foreground:#202020;--card:#fff;--muted:#f5f5f5;--muted-foreground:#6b6b6b;--border:#dedede;--primary:#344a3f;--secondary:#50665b;--selected:#dce5e0;--orange:#ff682c;--shadow:0 18px 45px #1b272214;--font-display:"Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;min-width:320px}body{background:var(--background);min-height:100dvh;color:var(--foreground);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{opacity:.35;cursor:not-allowed}::selection{background:var(--selected);color:var(--primary)}.icon{flex:none;display:block}.icon-filled{fill:currentColor}.app-shell{min-height:100dvh}.page-content{min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.page-wrap{width:min(100%,840px);margin:0 auto;padding:24px 18px 48px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-header h1{font:700 clamp(1.9rem, 7vw, 2.75rem)/1.02 var(--font-display);letter-spacing:-.045em;margin:4px 0 8px}.page-header>div>p:last-child{max-width:620px;color:var(--muted-foreground);margin:0;font-size:.94rem;line-height:1.55}.eyebrow{color:var(--secondary);letter-spacing:.14em;margin:0;font-size:.67rem;font-weight:800;line-height:1.2}.icon-button{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:12px;place-items:center;min-width:42px;height:42px;padding:0;display:grid}.icon-button.selected{color:var(--orange);background:#fff3ed;border-color:#ffd1bf}.romaji-badge{font:750 .85rem/1 var(--font-display)}.bottom-nav{z-index:30;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #20202014;border-radius:18px;grid-template-columns:repeat(5,1fr);height:66px;padding:5px;display:grid;position:fixed;box-shadow:0 15px 40px #1a201d29}.nav-item{color:#777;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.62rem;font-weight:700;display:flex}.nav-item.active{background:var(--selected);color:var(--primary)}.desktop-rail{display:none}.hero-card{background:var(--primary);color:#fff;box-shadow:var(--shadow);border-radius:22px;padding:22px;overflow:hidden}.hero-top{color:#ffffffb8;letter-spacing:.03em;align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.hero-top strong{color:#fff;background:#ffffff1f;border-radius:999px;margin-left:auto;padding:6px 9px;font-size:.69rem}.hero-icon{width:34px;height:34px;color:var(--primary);background:#fff;border-radius:10px;place-items:center;margin-right:2px;display:grid}.hero-copy{padding:28px 0 24px}.hero-copy p{color:#bed0c6;margin:0 0 7px;font-size:.82rem}.hero-copy h2{max-width:610px;font:700 clamp(1.75rem, 7vw, 2.7rem)/1.04 var(--font-display);letter-spacing:-.045em;margin:0}.progress-track,.mini-track{background:#ffffff24;border-radius:999px;height:7px;overflow:hidden}.progress-track span,.mini-track span{border-radius:inherit;background:var(--orange);height:100%;display:block}.hero-meta{color:#ffffffa6;justify-content:space-between;margin:8px 0 18px;font-size:.67rem;display:flex}.primary-button{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 18px;font-size:.86rem;font-weight:800;display:inline-flex;box-shadow:0 9px 20px #0f191429}.primary-button.full{width:100%}.primary-button .icon{margin-left:auto}.section-block{margin-top:36px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.section-heading h2{font:700 1.25rem/1.15 var(--font-display);letter-spacing:-.025em;margin:4px 0 0}.text-button{color:var(--secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:7px 0;font-size:.72rem;font-weight:800;display:inline-flex}.today-list,.word-library{border:1px solid var(--border);background:var(--card);border-radius:17px;overflow:hidden}.word-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ececec;grid-template-columns:30px minmax(88px,1fr) minmax(100px,1.15fr) 26px;align-items:center;gap:8px;width:100%;min-height:72px;padding:10px 12px;display:grid}.word-row:last-child{border-bottom:0}.word-row:hover{background:#fafafa}.word-number{color:#aaa;font:650 .68rem/1 var(--font-display)}.word-main{flex-direction:column;gap:2px;min-width:0;display:flex}.word-main strong{font-size:1.17rem;font-weight:750}.word-main small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.word-meaning{color:#474747;font-size:.72rem;line-height:1.35}.word-status{color:#999;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.word-status.done{background:var(--selected);color:var(--primary)}.method-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.method-grid article{border:1px solid var(--border);background:var(--card);border-radius:16px;min-height:130px;padding:15px}.method-grid span{color:var(--orange);font:750 .69rem/1 var(--font-display)}.method-grid h3{font:700 1rem/1 var(--font-display);margin:24px 0 4px}.method-grid p{color:var(--muted-foreground);margin:0;font-size:.7rem;line-height:1.4}.feature-grid{gap:10px;margin-top:36px;display:grid}.feature-card{border:1px solid var(--border);background:var(--card);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:42px 1fr 22px;align-items:center;gap:13px;width:100%;min-height:126px;padding:18px;display:grid}.feature-card>span{background:var(--selected);width:42px;height:42px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.feature-card.dark{border-color:var(--primary);background:var(--primary);color:#fff}.feature-card.dark>span{color:#fff;background:#ffffff1f}.feature-card p{color:var(--orange);letter-spacing:.11em;margin:0 0 5px;font-size:.62rem;font-weight:850}.feature-card h3{font:700 1.08rem/1.1 var(--font-display);margin:0 0 4px}.feature-card small{color:var(--muted-foreground);font-size:.7rem;line-height:1.4}.feature-card.dark small{color:#fff9}.search-box{border:1px solid var(--border);background:var(--card);color:#888;border-radius:14px;align-items:center;gap:10px;height:50px;padding:0 13px;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #344a3f17}.search-box input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;font-size:.85rem}.search-box span{background:var(--muted);border-radius:7px;padding:4px 7px;font-size:.65rem}.filter-scroller{scrollbar-width:none;gap:7px;margin:12px -18px 0;padding:0 18px 5px;display:flex;overflow-x:auto}.filter-scroller::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--card);color:#656565;cursor:pointer;border-radius:999px;flex:none;min-height:34px;padding:0 12px;font-size:.68rem;font-weight:750}.chip.active{border-color:var(--primary);background:var(--primary);color:#fff}.library-summary{color:var(--muted-foreground);align-items:center;gap:14px;margin:15px 2px 10px;font-size:.63rem;display:flex}.library-summary strong{color:var(--foreground)}.word-library{border-radius:16px}.empty-state{text-align:center;color:#888;padding:60px 20px}.empty-state .icon{margin:auto}.empty-state h3{color:var(--foreground);font-family:var(--font-display);margin:12px 0 4px}.empty-state p{margin:0;font-size:.78rem}.sheet-layer{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#0f161275;border:0;position:absolute;inset:0}.word-sheet{z-index:1;width:min(100%,620px);max-height:93dvh;padding:13px 18px calc(22px + env(safe-area-inset-bottom));background:var(--background);border-radius:24px 24px 0 0;animation:.25s cubic-bezier(.2,.8,.2,1) sheet-in;position:relative;overflow-y:auto;box-shadow:0 -24px 80px #0003}@keyframes sheet-in{0%{opacity:.5;transform:translateY(30px)}}.sheet-header{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#efefefed;justify-content:space-between;align-items:center;margin:-2px -5px 0;padding:10px 5px;display:flex;position:sticky;top:-13px}.sheet-header>span{color:#777;font-size:.68rem;font-weight:700}.word-display{text-align:center;padding:28px 0 24px}.category-label{background:var(--selected);color:var(--primary);border-radius:7px;padding:5px 8px;font-size:.61rem;font-weight:800;display:inline-flex}.word-display h2{font:750 clamp(3.4rem, 17vw, 5rem)/1 var(--font-display);letter-spacing:-.06em;margin:18px 0 2px}.word-display>p{color:var(--muted-foreground);margin:7px 0 15px;font-size:.82rem}.word-display>p span{color:#bbb;padding:0 3px}.word-display h3{font:650 1.15rem/1.25 var(--font-display);margin:0 0 20px}.audio-button{border:1px solid var(--border);background:var(--card);min-height:43px;color:var(--primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.72rem;font-weight:800;display:inline-flex}.example-card{border:1px solid var(--border);background:var(--card);border-radius:17px;padding:19px}.card-label{color:var(--secondary);letter-spacing:.11em;justify-content:space-between;align-items:center;font-size:.6rem;font-weight:850;display:flex}.mini-audio{background:var(--selected);width:34px;height:34px;color:var(--primary);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.example-card blockquote{font:650 1.28rem/1.45 var(--font-display);margin:17px 0 8px}.example-card>p{color:var(--muted-foreground);margin:0;font-size:.78rem;line-height:1.5}.usage-note,.honesty-note{color:var(--primary);background:#e7ebe8;border-radius:14px;align-items:flex-start;gap:10px;margin:12px 0;padding:14px;display:flex}.usage-note p,.honesty-note p{margin:0;font-size:.72rem;line-height:1.5}.learn-button{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:14px;font-size:.78rem;font-weight:800;display:flex}.learn-button.learned{background:var(--selected);color:var(--primary)}.sheet-footer{justify-content:space-between;margin-top:13px;display:flex}.sheet-footer button{color:var(--secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:9px 2px;font-size:.7rem;font-weight:750;display:flex}.combiner-banner{background:var(--primary);color:#fff;text-align:left;cursor:pointer;border:0;border-radius:17px;grid-template-columns:45px 1fr 22px;align-items:center;gap:13px;width:100%;padding:18px;display:grid}.combiner-banner>span{background:#ffffff21;border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.combiner-banner small{color:#b9c9c0;letter-spacing:.11em;font-size:.58rem;font-weight:850}.combiner-banner strong{font:700 1.1rem/1.2 var(--font-display);margin-top:2px;display:block}.combiner-banner p{color:#ffffff94;margin:3px 0 0;font-size:.68rem}.pattern-list{gap:11px;margin-top:14px;display:grid}.pattern-card{border:1px solid var(--border);background:var(--card);border-radius:17px;grid-template-columns:37px 1fr;gap:11px;padding:18px;display:grid}.pattern-index{background:var(--selected);width:34px;height:34px;color:var(--primary);font:750 .7rem/1 var(--font-display);border-radius:10px;place-items:center;display:grid}.pattern-content>p{color:var(--secondary);margin:2px 0 8px;font-size:.67rem;font-weight:800}.pattern-content>h2{font:700 1.25rem/1.25 var(--font-display);letter-spacing:-.025em;margin:0 0 8px}.pattern-content>span{color:var(--muted-foreground);font-size:.73rem;line-height:1.5}.pattern-example{background:var(--muted);border-radius:11px;flex-direction:column;gap:4px;margin-top:14px;padding:13px;display:flex}.pattern-example strong{font-size:.9rem}.pattern-example small{color:var(--muted-foreground);font-size:.68rem}.pattern-content .text-button{margin-top:7px}.combiner-card{border:1px solid var(--border);background:var(--card);border-radius:20px;padding:18px}.field-label{color:var(--secondary);letter-spacing:.11em;margin-bottom:7px;font-size:.61rem;font-weight:850;display:block}.select-field{border:1px solid var(--border);background:var(--muted);width:100%;height:48px;color:var(--foreground);border-radius:12px;padding:0 38px 0 12px;font-size:.75rem}.slot-grid{gap:10px;margin:20px 0;display:grid}.slot-grid label>span{color:var(--muted-foreground);margin:0 0 6px 2px;font-size:.65rem;font-weight:750;display:block}.result-card{background:var(--primary);color:#fff;text-align:center;border-radius:16px;padding:24px 17px;position:relative;overflow:hidden}.result-card:after{content:"";border:18px solid #ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;top:-62px;right:-40px}.result-card small{color:#b9c9c0;letter-spacing:.12em;font-size:.58rem;font-weight:850}.result-card h2{font:700 1.55rem/1.35 var(--font-display);margin:12px 0 7px}.result-card p{color:#ffffffad;margin:0 0 18px;font-size:.74rem}.result-card .audio-button{color:#fff;background:#ffffff1a;border-color:#ffffff26}.speak-prompt{border:1px dashed #c8c8c8;border-radius:13px;align-items:flex-start;gap:12px;margin-top:15px;padding:14px;display:flex}.speak-prompt>span{color:var(--orange)}.speak-prompt strong{font-size:.76rem}.speak-prompt p{color:var(--muted-foreground);margin:3px 0 0;font-size:.68rem;line-height:1.45}.phrase-list{gap:10px;margin-top:15px;display:grid}.phrase-card{border:1px solid var(--border);background:var(--card);border-radius:17px;grid-template-columns:1fr 42px;align-items:center;gap:13px;min-height:128px;padding:18px;display:grid}.phrase-card span{color:var(--secondary);letter-spacing:.09em;font-size:.59rem;font-weight:850}.phrase-card h2{font:700 1.18rem/1.3 var(--font-display);margin:12px 0 5px}.phrase-card p{color:var(--muted-foreground);margin:0;font-size:.73rem}.audio-icon{background:var(--selected);width:42px;height:42px;color:var(--primary);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-card{border:1px solid var(--border);background:var(--card);border-radius:15px;min-width:0;padding:14px 10px}.stat-card>span{width:max-content;color:var(--secondary);margin-bottom:18px;display:block}.stat-card strong{font:750 1.45rem/1 var(--font-display);letter-spacing:-.04em;display:block}.stat-card p{color:var(--muted-foreground);margin:5px 0 0;font-size:.59rem;line-height:1.3}.stat-card.primary{border-color:var(--primary);background:var(--primary);color:#fff}.stat-card.primary>span{color:#c3d2ca}.stat-card.primary p{color:#ffffff94}.category-progress{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:18px}.category-progress.section-block{margin-top:16px}.category-progress button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ededed;width:100%;padding:13px 0;display:block}.category-progress button:last-child{border-bottom:0}.category-progress button>div:first-child{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.category-progress strong{font-size:.7rem}.category-progress button span{color:var(--muted-foreground);font-size:.64rem}.category-progress .mini-track{background:#ececec;height:5px}.day-pill{background:var(--selected);color:var(--primary);border-radius:999px;flex:none;padding:6px 9px;font-size:.63rem;font-weight:800}.day-list{border:1px solid var(--border);background:var(--card);border-radius:17px;overflow:hidden}.day-item{border-bottom:1px solid #ededed;grid-template-columns:34px 1fr;gap:11px;padding:15px;display:grid}.day-item:last-child{border-bottom:0}.day-item>span{border:1px solid var(--border);color:#888;border-radius:50%;place-items:center;width:31px;height:31px;font-size:.66rem;font-weight:800;display:grid}.day-item strong{margin:1px 0 4px;font-size:.73rem;display:block}.day-item p{color:var(--muted-foreground);margin:0;font-size:.65rem;line-height:1.45}.day-item.current{box-shadow:inset 3px 0 var(--primary);background:#f2f6f3}.day-item.current>span{border-color:var(--primary);background:var(--primary);color:#fff}.day-item.past>span{border-color:var(--selected);background:var(--selected);color:var(--primary)}.toast{z-index:100;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));color:#fff;background:#202020;border-radius:13px;align-items:flex-start;gap:9px;width:min(100% - 28px,430px);padding:13px 14px;font-size:.7rem;line-height:1.45;animation:.2s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 35px #0003}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (min-width:700px){.page-wrap{padding:38px 28px 70px}.hero-card{padding:30px}.method-grid{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.slot-grid{grid-template-columns:repeat(2,1fr)}.pattern-card{grid-template-columns:50px 1fr;padding:22px}.word-sheet{border-radius:24px 24px 0 0;padding-left:30px;padding-right:30px}}@media (min-width:1050px){.app-shell{padding-left:98px}.page-content{padding-bottom:0}.bottom-nav{display:none}.desktop-rail{z-index:30;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f5f5f0;flex-direction:column;align-items:center;width:98px;padding:24px 10px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{background:var(--orange);color:#fff;width:45px;height:45px;font:800 .82rem/1 var(--font-display);cursor:pointer;border:0;border-radius:13px}.rail-links{flex-direction:column;flex:1;justify-content:center;gap:7px;width:100%;display:flex}.rail-link{color:#777;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:58px;font-size:.61rem;font-weight:750;display:flex}.rail-link.active{background:var(--selected);color:var(--primary)}.rail-progress{text-align:center}.rail-progress span{font:750 .9rem/1 var(--font-display);display:block}.rail-progress small{color:var(--muted-foreground);font-size:.55rem}.page-wrap{padding-top:52px}.sheet-layer{align-items:center;padding-left:98px}.word-sheet{border-radius:24px;max-height:min(860px,92dvh)}.sheet-header{top:-13px}.toast{bottom:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-button{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:15px;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative;box-shadow:0 7px 20px #1b27220f}.account-button>img{object-fit:contain;width:39px;height:39px}.account-button>span{border:2px solid var(--background);background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;bottom:-4px;right:-4px}.brand-mark{background:#0d273a;padding:0;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.hero-card{isolation:isolate;background:linear-gradient(145deg,#2f463a 0%,#3c594a 56%,#223a31 100%);position:relative}.hero-card:before{content:"";z-index:-1;background:radial-gradient(circle,#ff682c36,#0000 68%);border-radius:50%;width:230px;height:230px;position:absolute;top:-125px;right:-70px}.hero-icon{background:#0d273a;overflow:hidden}.hero-icon img{object-fit:cover;width:100%;height:100%}.streak-badge{align-items:center;gap:5px;display:inline-flex}.streak-badge .icon{color:#ff8b5f;transform-origin:50% 80%;animation:1.8s ease-in-out infinite streak-flicker}@keyframes streak-flicker{0%,to{transform:rotate(-2deg)scale(1)}45%{transform:rotate(3deg)scale(1.12)}70%{transform:rotate(-1deg)scale(.97)}}ruby{ruby-position:over}rt{color:var(--secondary);font:650 .42em/1 var(--font-body);letter-spacing:.03em}.word-main ruby{flex-direction:column-reverse;align-items:flex-start;padding-top:7px;display:inline-flex}.word-main rt{transform:translateY(2px)}.word-display ruby{flex-direction:column-reverse;align-items:center;padding-top:18px;display:inline-flex}.word-display rt{font-size:.22em;transform:translateY(4px)}.library-tabs{background:#dedede;border-radius:13px;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:12px;padding:4px;display:grid}.library-tabs button{color:#666;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:.71rem;font-weight:800;display:flex}.library-tabs button span{background:#20202012;border-radius:7px;min-width:25px;padding:3px 6px;font-size:.6rem}.library-tabs button.active{background:var(--card);color:var(--primary);box-shadow:0 2px 8px #1b272212}.saved-home .section-heading>div>p{color:var(--muted-foreground);margin:5px 0 0;font-size:.7rem}.saved-strip{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.saved-strip button{border:1px solid var(--border);background:var(--card);text-align:left;cursor:pointer;border-radius:15px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:94px;padding:14px;display:flex;position:relative}.saved-strip button>span{font:750 1.15rem/1.1 var(--font-display)}.saved-strip button small{color:var(--muted-foreground);margin-top:5px;font-size:.65rem}.saved-strip button>.icon{color:var(--orange);position:absolute;top:12px;right:12px}.method-roadmap{gap:0;padding:5px 0;display:grid;position:relative;overflow:hidden}.method-roadmap:before{content:"";background:linear-gradient(var(--orange), var(--primary));width:2px;position:absolute;top:40px;bottom:40px;left:26px}.method-roadmap article{grid-template-columns:54px 1fr;align-items:center;gap:14px;min-height:104px;display:grid;position:relative}.roadmap-node{z-index:1;border:7px solid var(--background);background:var(--primary);color:#fff;width:54px;height:54px;box-shadow:0 0 0 1px var(--border);border-radius:50%;place-items:center;display:grid}.method-roadmap article:first-child .roadmap-node{background:var(--orange)}.method-roadmap article>div:last-child{padding:13px 0}.method-roadmap span{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.59rem;font-weight:850}.method-roadmap h3{font:720 1.06rem/1.1 var(--font-display);margin:4px 0 3px}.method-roadmap p{color:var(--muted-foreground);margin:0;font-size:.72rem}.example-controls{border-top:1px solid #ececec;grid-template-columns:35px 1fr 35px;align-items:center;margin-top:18px;padding-top:12px;display:grid}.example-controls button{background:var(--muted);width:34px;height:34px;color:var(--primary);cursor:pointer;border:0;border-radius:9px;place-items:center;display:grid}.example-controls>div{justify-content:center;gap:5px;display:flex}.example-controls>div span{background:#d1d1d1;border-radius:50%;width:6px;height:6px}.example-controls>div span.active{background:var(--orange);border-radius:999px;width:17px}.pattern-tabs{margin:14px 0 10px}.pattern-practice{color:var(--secondary);margin-top:10px;font-size:.67rem;font-weight:750}.conversation-section{margin:2px 0 38px}.conversation-section .section-heading>div>p,.phrase-heading p{color:var(--muted-foreground);margin:5px 0 0;font-size:.72rem;line-height:1.5}.story-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.story-card{border:1px solid var(--border);background:var(--card);text-align:left;cursor:pointer;border-radius:17px;grid-template-columns:1fr 18px;align-items:end;min-width:0;padding:0;display:grid;overflow:hidden}.story-art{background:linear-gradient(145deg,#dce5e0,#f5f5f5);grid-column:1/-1;min-height:112px;position:relative;overflow:hidden}.story-card:nth-child(2) .story-art{background:linear-gradient(145deg,#ffe0d2,#f5f5f5)}.story-card:nth-child(3) .story-art{background:linear-gradient(145deg,#e1e9ed,#f5f5f5)}.story-card:nth-child(4) .story-art{background:linear-gradient(145deg,#dfe6dc,#f5f5f5)}.story-scene{object-fit:cover;width:100%;height:100%;transition:transform .2s;position:absolute;inset:0}.story-card[data-conversation=station] .story-scene{object-position:50% 52%}.story-card[data-conversation=restaurant] .story-scene{object-position:55% 58%}.story-card[data-conversation=shopping] .story-scene{object-position:48% 56%}.story-card[data-conversation=hotel] .story-scene{object-position:52% 60%}.story-card:active .story-scene{transform:scale(1.015)}.story-card>div:nth-child(2){min-width:0;padding:13px 4px 15px 14px}.story-card>.icon{color:var(--secondary);margin:0 11px 15px 0}.story-card span{color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:850}.story-card h3{font:700 .83rem/1.22 var(--font-display);margin:6px 0 4px}.story-card p{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.62rem;line-height:1.4;display:-webkit-box;overflow:hidden}.phrase-heading{margin-top:4px}.phrase-heading h2{font:700 1.2rem/1.2 var(--font-display);margin:0}.conversation-sheet{z-index:1;width:min(100%,620px);max-height:93dvh;padding:13px 18px calc(24px + env(safe-area-inset-bottom));background:var(--background);border-radius:24px 24px 0 0;position:relative;overflow-y:auto;box-shadow:0 -24px 80px #0003}.conversation-intro{grid-template-columns:80px 1fr;align-items:center;gap:14px;padding:22px 0;display:grid}.conversation-intro>img{object-fit:contain;width:80px;height:80px}.conversation-intro span{color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:850}.conversation-intro h2{font:720 1.45rem/1.1 var(--font-display);margin:5px 0}.conversation-intro p{color:var(--muted-foreground);margin:0;font-size:.7rem;line-height:1.45}.dialogue-list{gap:9px;display:grid}.dialogue-line{border:1px solid var(--border);background:var(--card);border-radius:14px;grid-template-columns:42px 1fr;align-items:start;gap:10px;padding:13px;display:grid}.dialogue-line>img{object-fit:contain;width:42px;height:42px}.dialogue-line strong{font:650 .88rem/1.45 var(--font-display)}.dialogue-line p{color:var(--muted-foreground);margin:4px 0 0;font-size:.68rem;line-height:1.45}.account-layer,.confirm-layer{z-index:75;position:fixed;inset:0}.menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f16122e;border:0;position:absolute;inset:0}.account-popover{border:1px solid var(--border);background:var(--card);border-radius:19px;width:min(100% - 28px,390px);padding:17px;position:absolute;top:78px;right:14px;box-shadow:0 22px 60px #16221c33}.account-popover header{grid-template-columns:52px 1fr 34px;align-items:center;gap:11px;display:grid}.account-popover header img{object-fit:contain;background:var(--selected);border-radius:14px;width:52px;height:52px;padding:4px}.account-popover header strong{font:700 .86rem/1.2 var(--font-display);display:block}.account-popover header span{color:var(--muted-foreground);margin-top:3px;font-size:.63rem;display:block}.account-close{border:1px solid var(--border);background:var(--muted);cursor:pointer;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;display:grid}.account-stats{border-top:1px solid #ececec;border-bottom:1px solid #ececec;grid-template-columns:repeat(3,1fr);margin:15px 0;padding:12px 0;display:grid}.account-stats span{text-align:center;color:var(--muted-foreground);font-size:.58rem}.account-stats span+span{border-left:1px solid #ececec}.account-stats strong{color:var(--foreground);font:750 1rem/1 var(--font-display);margin-bottom:3px;display:block}.settings-group>p{color:var(--secondary);text-transform:uppercase;letter-spacing:.09em;margin:0 0 5px;font-size:.6rem;font-weight:850}.settings-group button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 2px;display:flex}.settings-group button span strong{font-size:.74rem;display:block}.settings-group button span small{color:var(--muted-foreground);margin-top:3px;font-size:.62rem;display:block}.toggle{background:#d4d4d4;border-radius:999px;flex:none;width:38px;height:23px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.toggle.on{background:var(--primary)}.toggle.on:after{transform:translate(15px)}.account-note{background:var(--muted);color:var(--secondary);border-radius:12px;align-items:flex-start;gap:8px;margin-top:13px;padding:12px;display:flex}.account-note p{margin:0;font-size:.62rem;line-height:1.45}.reset-plan-button{border:1px solid var(--border);background:var(--card);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;width:100%;margin-top:12px;padding:14px;display:grid}.reset-plan-button>.icon:first-child{color:var(--orange)}.reset-plan-button strong{font-size:.72rem;display:block}.reset-plan-button small{color:var(--muted-foreground);margin-top:3px;font-size:.61rem;display:block}.confirm-layer{place-items:center;padding:18px;display:grid}.confirm-dialog{z-index:1;background:var(--card);text-align:center;border-radius:20px;width:min(100%,390px);padding:24px;position:relative;box-shadow:0 24px 70px #00000038}.confirm-dialog>img{object-fit:contain;width:78px;height:78px}.confirm-dialog h2{font:720 1.28rem/1.2 var(--font-display);margin:10px 0 7px}.confirm-dialog p{color:var(--muted-foreground);margin:0;font-size:.72rem;line-height:1.5}.confirm-dialog>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.secondary-button{border:1px solid var(--border);background:var(--muted);cursor:pointer;border-radius:12px;min-height:48px;font-size:.75rem;font-weight:800}@media (min-width:700px){.method-roadmap{grid-template-columns:repeat(4,1fr);padding:18px 0 0}.method-roadmap:before{width:auto;height:2px;inset:44px 13% auto}.method-roadmap article{text-align:center;grid-template-columns:1fr;align-content:start;justify-items:center;gap:6px}.roadmap-node{border-width:8px}.saved-strip,.story-grid{grid-template-columns:repeat(4,1fr)}.conversation-sheet{border-radius:24px;padding-left:28px;padding-right:28px}}@media (min-width:1050px){.account-popover{top:46px;right:calc(50vw - 469px)}.conversation-layer{align-items:center;padding-left:98px}}@media (prefers-reduced-motion:reduce){.streak-badge .icon{animation:none!important}}
.account-note{text-align:left;cursor:pointer;border:0;width:100%}.account-popover{overscroll-behavior:contain;max-height:calc(100dvh - 96px);overflow-y:auto}.profile-settings{margin-bottom:14px}.profile-settings>p{color:var(--secondary);letter-spacing:.09em;text-transform:uppercase;margin:0 0 9px;font-size:.6rem;font-weight:850}.profile-form label{color:var(--muted-foreground);margin-bottom:5px;font-size:.62rem;font-weight:700;display:block}.profile-form>div{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.profile-form input{border:1px solid var(--border);background:var(--muted);min-width:0;height:40px;color:var(--foreground);font:650 .7rem/1 var(--font-display);border-radius:10px;padding:0 11px}.profile-form button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:40px;padding:0 11px;font-size:.63rem;font-weight:800}.locale-setting{gap:7px;margin-top:11px;display:grid}.locale-setting>span strong{font-size:.68rem}.locale-switch{background:var(--muted);border-radius:11px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.locale-switch button{min-height:34px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:.62rem;font-weight:800}.locale-switch button.active{background:var(--card);color:var(--primary);box-shadow:0 2px 8px #1b272214}.account-password-link{border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);text-align:left;cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;padding:11px 12px;display:flex}.account-password-link span{gap:3px;display:grid}.account-password-link strong{font-size:.66rem}.account-password-link small{color:var(--muted-foreground);font-size:.56rem;line-height:1.35}.access-page{background:var(--background);place-items:center;min-height:100dvh;padding:24px 18px;display:grid}.access-card{border:1px solid var(--border);background:var(--card);width:min(100%,430px);box-shadow:var(--shadow);border-radius:22px;padding:28px}.access-card .eyebrow{margin-top:24px}.access-card h1{font:700 clamp(2rem, 10vw, 2.8rem)/1.02 var(--font-display);letter-spacing:-.045em;margin:7px 0 10px}.access-card>p{color:var(--muted-foreground);margin:0;font-size:.86rem;line-height:1.55}.access-card .primary-button{width:100%;margin-top:22px;text-decoration:none}.select-trigger{border:1px solid var(--border);background:var(--muted);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:58px;padding:11px 13px;display:grid}.select-trigger>span{min-width:0}.select-trigger strong,.select-trigger small{display:block}.select-trigger strong{font:700 .8rem/1.4 var(--font-display)}.select-trigger small{color:var(--muted-foreground);margin-bottom:3px;font-size:.61rem;line-height:1.35}.select-trigger>.icon{color:var(--secondary);transform:rotate(90deg)}.pattern-trigger{background:var(--card);border-color:var(--primary);min-height:66px;box-shadow:0 0 0 3px #344a3f0f}.slot-grid>div>span{color:var(--muted-foreground);margin:0 0 6px 2px;font-size:.65rem;font-weight:750;display:block}.slot-trigger strong{font-size:.82rem}.slot-trigger small{margin:3px 0 0}.picker-layer{z-index:90;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.picker-sheet{z-index:1;width:min(100%,620px);max-height:82dvh;padding:13px 18px calc(20px + env(safe-area-inset-bottom));background:var(--background);border-radius:24px 24px 0 0;grid-template-rows:auto minmax(0,1fr);animation:.22s cubic-bezier(.2,.8,.2,1) picker-in;display:grid;position:relative;overflow:hidden;box-shadow:0 -24px 80px #0003}@keyframes picker-in{0%{opacity:.55;transform:translateY(24px)}}.picker-sheet>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:6px 0 13px;display:flex}.picker-sheet>header span,.picker-list section>p{color:var(--secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.59rem;font-weight:850}.picker-sheet>header h2{font:720 1.15rem/1.2 var(--font-display);margin:4px 0 0}.picker-list{overscroll-behavior:contain;padding:4px 0 8px;overflow-y:auto}.picker-list section>p{margin:15px 3px 6px}.picker-option{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:61px;padding:10px 12px;display:grid}.picker-option:last-child{border-bottom:0}.picker-option.selected{background:var(--selected);color:var(--primary);border-radius:12px}.picker-option strong,.picker-option small{display:block}.picker-option strong{font:680 .82rem/1.42 var(--font-display)}.picker-option small{color:var(--muted-foreground);margin-bottom:4px;font-size:.61rem}.audio-button,.audio-icon,.mini-audio,.icon-button[data-action=conversation-audio]{position:relative}[data-audio-state=loading] .icon,[data-audio-state=loading]>span{opacity:.35}[data-audio-state=loading]:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite audio-spin;position:absolute}[data-audio-state=playing]{border-color:var(--orange);color:#c94b1b;background:#fff3ed}.result-card [data-audio-state=playing]{color:#fff;background:#ffffff2e;border-color:#ffffff61}@keyframes audio-spin{to{transform:rotate(360deg)}}.dialogue-line{grid-template-columns:42px minmax(0,1fr) 34px;transition:border-color .18s,background-color .18s,transform .18s}.dialogue-line.is-speaking{background:#fff7f3;border-color:#ffb596;transform:translateY(-1px);box-shadow:0 0 0 3px #ff682c14}.dialogue-line>.mini-audio{align-self:center}.pattern-content ruby,.pattern-example ruby,.result-card ruby,.phrase-card ruby,.dialogue-line ruby,.select-trigger ruby,.picker-option ruby,.example-card ruby{white-space:nowrap}@media (min-width:700px){.picker-layer{align-items:center;padding-left:98px}.picker-sheet{border-radius:24px;max-height:min(760px,88dvh);padding-left:26px;padding-right:26px}}@media (prefers-reduced-motion:reduce){.picker-sheet,.dialogue-line{transition:none;animation:none}}.scene-page{padding-top:0;overflow:visible}.scene-header{--scene-image:none;--scene-position:center;isolation:isolate;height:176px;padding:max(18px, env(safe-area-inset-top)) 18px 30px;color:#173129;background-color:#cfe2d6;border-radius:0 0 28px 28px;margin:0 -18px;position:relative;overflow:hidden;box-shadow:inset 0 -1px #1d3a3014}.scene-header.has-scene-art{background-image:linear-gradient(90deg, #eff4f0db 0%, #eff4f08f 50%, #eff4f01f 100%), var(--scene-image);background-position:center, var(--scene-position);background-size:cover}.scene-header.has-scene-art:before{opacity:.34}.scene-header:before,.scene-header:after{content:"";z-index:-2;pointer-events:none;position:absolute}.scene-header:before{opacity:.8;background:linear-gradient(135deg,#0000 0 58%,#fff3 58% 64%,#0000 64%),linear-gradient(0deg,#344a3f21 0 27%,#0000 27%);inset:0}.scene-header:after{z-index:-1;background:#344a3f29;border-radius:50% 50% 0 0;height:92px;bottom:-38px;left:-7%;right:-7%;box-shadow:0 -22px #ffffff24}.scene-home{--scene-image:url(/api/media?path=scenes%2Fhome.webp);--scene-position:54% center;background:linear-gradient(#bfe2ee 0%,#d9ebe2 68%,#bcd4c4 68%);height:224px}.scene-home:before{background:linear-gradient(90deg,#0000 0 8%,#ffffff7a 8% 21%,#0000 21% 100%),linear-gradient(150deg,#0000 0 66%,#344a3f1f 66% 71%,#0000 71%),linear-gradient(0deg,#344a3f1c 0 24%,#0000 24%)}.scene-words{--scene-image:url(/api/media?path=scenes%2Fwords.webp);--scene-position:50% center;background:linear-gradient(#d9e8d7 0 64%,#b8ccba 64%),#d9e8d7}.scene-words:before{background:linear-gradient(90deg,#0000 0 9%,#ffffff57 9% 24%,#0000 24% 29%,#ffffff3d 29% 42%,#0000 42%),linear-gradient(0deg,#ff682c21 0 19%,#0000 19%)}.scene-patterns{--scene-image:url(/api/media?path=scenes%2Fpatterns.webp);--scene-position:56% center;background:linear-gradient(#dce2e7 0 64%,#c2d0cc 64%),#dce2e7}.scene-patterns:before{background:linear-gradient(90deg,#0000 0 54%,#0d273a1a 54% 61%,#0000 61% 66%,#ff682c2e 66% 73%,#0000 73%),linear-gradient(0deg,#0d273a1f 0 24%,#0000 24%)}.scene-phrases{--scene-image:url(/api/media?path=scenes%2Fphrases.webp);--scene-position:52% center;background:linear-gradient(#d5e7e5 0 63%,#bfd0c7 63%),#d5e7e5}.scene-phrases:before{background:linear-gradient(90deg,#0000 0 12%,#ffffff52 12% 29%,#0000 29% 64%,#ff682c26 64% 74%,#0000 74%),linear-gradient(0deg,#0d273a1c 0 23%,#0000 23%)}.scene-progress{--scene-image:url(/api/media?path=scenes%2Fprogress.webp);--scene-position:58% center;background:linear-gradient(#f0d7bd 0%,#dbe4d0 66%,#bbc9b3 66%)}.scene-progress:before{background:linear-gradient(135deg,#0000 0 58%,#ff682c24 58% 64%,#0000 64%),linear-gradient(0deg,#344a3f21 0 24%,#0000 24%)}.scene-top,.scene-main,.scene-top-actions,.mastery-control,.scene-streak,.scene-back,.scene-stats,.scene-level-progress{align-items:center;display:flex}.scene-top{z-index:3;justify-content:space-between;gap:8px;position:relative}.scene-top-actions{gap:7px}.mastery-control,.scene-streak{min-height:32px;color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #ffffff9e;border-radius:11px;gap:6px;padding:0 10px;font-size:.62rem;font-weight:850;box-shadow:0 5px 14px #1f342c12}.mastery-control{cursor:pointer;text-align:left;border:1px solid #ffffffad;min-width:130px;padding:3px 9px 3px 4px}.mastery-ring{--level-progress:0deg;background:conic-gradient(var(--orange) var(--level-progress), #344a3f24 0);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.mastery-ring>span{width:24px;height:24px;color:var(--primary);font:850 .64rem/1 var(--font-display);background:#fffffff0;border-radius:50%;place-items:center;display:grid}.mastery-copy{gap:1px;min-width:0;display:grid}.mastery-copy small,.mastery-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mastery-copy small{color:#1731299e;font-size:.49rem;font-weight:750}.mastery-copy strong{font:800 .61rem/1.15 var(--font-display)}.scene-streak .icon{color:var(--orange)}.scene-header .account-button{background:#ffffffd1;border-color:#ffffffad;border-radius:12px;width:38px;height:38px;box-shadow:0 5px 14px #1f342c14}.scene-header .account-button>img{width:31px;height:31px}.scene-header .account-button>span{border-color:#d8e8df;width:18px;height:18px;bottom:-3px;right:-3px}.scene-header .account-button .icon{width:13px;height:13px}.scene-main{z-index:1;justify-content:space-between;gap:12px;height:calc(100% - 38px);position:relative}.scene-message{z-index:2;align-self:center;min-width:0;max-width:72%;padding-top:8px}.scene-message h1{font:750 clamp(1.75rem, 8vw, 2.65rem)/1.02 var(--font-display);letter-spacing:-.05em;margin:0}.scene-message>p{color:#173129b8;margin:7px 0 0;font-size:.74rem;font-weight:600;line-height:1.4}.scene-cast{justify-content:flex-end;align-items:flex-end;width:38%;height:128px;display:flex;position:absolute;bottom:-26px;right:-4px}.scene-cast img{object-fit:contain;filter:drop-shadow(0 10px 12px #1f342c29);width:102px;height:102px}.scene-cast img[data-character=pijar]{--mascot-bob-duration:3.8s;--mascot-bob-delay:-.3s}.scene-cast img[data-character=aksa]{--mascot-bob-duration:4.6s;--mascot-bob-delay:-1.1s}.scene-cast img[data-character=tempa]{--mascot-bob-duration:5.1s;--mascot-bob-delay:-1.8s}.scene-cast img[data-character=bara]{--mascot-bob-duration:4.3s;--mascot-bob-delay:-.7s}.scene-cast img+img{width:78px;height:78px;margin-left:-38px}.scene-content{z-index:3;margin-top:-20px;position:relative}.scene-content>:first-child{position:relative}.scene-stats{gap:7px;margin-top:11px}.scene-stats span{color:#173129b3;background:#ffffffa8;border-radius:9px;grid-template-columns:auto auto;align-items:baseline;gap:4px;padding:6px 9px;font-size:.56rem;font-weight:750;display:grid}.scene-stats strong{color:var(--foreground);font:800 .78rem/1 var(--font-display)}.scene-level-progress{flex-direction:column;align-items:flex-start;gap:2px;margin-top:10px}.scene-level-progress strong{font:800 1.06rem/1 var(--font-display);letter-spacing:-.035em}.scene-level-progress span{color:#173129b3;font-size:.58rem;font-weight:700}.scene-back{color:var(--primary);cursor:pointer;background:0 0;border:0;gap:3px;margin:0 0 6px -4px;padding:4px;font-size:.62rem;font-weight:800}.scene-header.is-compact .scene-message{padding-top:1px}.scene-header.is-compact .scene-message h1{font-size:1.55rem}.daily-card{border-radius:20px;min-height:0;padding:19px}.daily-card .hero-copy{justify-content:space-between;align-items:flex-end;gap:12px;padding:22px 0 15px;display:flex}.daily-card .hero-copy h2{font-size:clamp(2.1rem,11vw,3.1rem);line-height:.9}.daily-card .hero-copy h2 span{color:#ffffff75;letter-spacing:-.02em;font-size:.5em}.daily-card .hero-copy p{color:#c8d8cf;text-align:right;max-width:88px;margin:0;font-size:.68rem;font-weight:700;line-height:1.25}.daily-card .progress-track{margin-bottom:13px}.daily-card .primary-button{min-height:46px}.phrase-mode-tabs{border:1px solid var(--border);background:#ffffffed;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:14px;padding:5px;display:grid;box-shadow:0 10px 28px #1b272212}.phrase-mode-tabs button{min-height:42px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:.7rem;font-weight:800;display:flex}.phrase-mode-tabs button span{background:#20202012;border-radius:6px;min-width:23px;padding:3px 5px;font-size:.57rem}.phrase-mode-tabs button.active{background:var(--primary);color:#fff}.phrase-mode-tabs button.active span{background:#ffffff24}.phrase-filters .chip{align-items:center;gap:7px;display:inline-flex}.phrase-filters .chip small{min-width:19px;color:inherit;text-align:center;background:#20202012;border-radius:999px;padding:2px 5px;font-size:.55rem;line-height:1.25}.phrase-filters .chip.active small{background:#ffffff29}.scene-content .conversation-section{margin-top:0}.phrase-card{min-height:126px;padding:0 14px 0 0;transition:border-color .18s,box-shadow .18s,transform .18s}.phrase-card:has(.phrase-open:active){transform:translateY(1px)}.phrase-open{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;min-height:124px;padding:17px 8px 17px 17px}.phrase-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.phrase-card .phrase-category-badge{background:var(--selected);width:max-content;color:var(--primary);letter-spacing:.04em;border-radius:7px;padding:5px 8px;display:inline-flex}.phrase-card .phrase-position{color:#929292;letter-spacing:.04em}.phrase-open h2{margin-top:10px}.phrase-open>small{color:#969696;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:.61rem;display:block;overflow:hidden}.phrase-sheet{z-index:1;width:min(100%,620px);max-height:94dvh;padding:13px 18px calc(24px + env(safe-area-inset-bottom));background:var(--background);border-radius:24px 24px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) picker-in;position:relative;overflow-y:auto;box-shadow:0 -24px 80px #0003}.phrase-display{text-align:center;padding:26px 0 22px}.phrase-display>span,.sheet-section-title small{color:var(--secondary);letter-spacing:.11em;font-size:.58rem;font-weight:850}.phrase-display h2{font:750 clamp(1.8rem, 8vw, 2.65rem)/1.32 var(--font-display);letter-spacing:-.04em;margin:17px 0 5px}.phrase-display>p:not(.phrase-romaji){color:var(--foreground);margin:8px 0 18px;font-size:.84rem;font-weight:650}.phrase-display .phrase-romaji{color:var(--muted-foreground);margin:0;font-size:.67rem}.phrase-breakdown,.phrase-usage,.phrase-related,.phrase-video{border:1px solid var(--border);background:var(--card);border-radius:17px;margin-top:12px;padding:17px}.sheet-section-title{grid-template-columns:34px 1fr;align-items:center;gap:10px;margin-bottom:14px;display:grid}.sheet-section-title>span{background:var(--selected);width:34px;height:34px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.sheet-section-title h3{font:720 .86rem/1.2 var(--font-display);margin:3px 0 0}.token-list{display:grid}.phrase-token{border-top:1px solid #ededed;grid-template-columns:minmax(92px,.8fr) minmax(0,1.25fr);gap:13px;padding:12px 0;display:grid}.phrase-token>div{min-width:0}.phrase-token strong,.phrase-token span,.phrase-token small{display:block}.phrase-token strong{font:720 .9rem/1.5 var(--font-display)}.phrase-token span{font-size:.7rem;font-weight:700}.phrase-token small{color:var(--muted-foreground);margin-top:3px;font-size:.59rem;line-height:1.4}.phrase-usage>p,.phrase-related>p,.phrase-video p{color:var(--muted-foreground);margin:0;font-size:.72rem;line-height:1.55}.phrase-related>strong{font:720 1rem/1.5 var(--font-display);margin-bottom:6px;display:block}.phrase-video a{color:var(--primary);margin-top:9px;font-size:.7rem;font-weight:800;display:inline-flex}.phrase-sheet ruby,.phrase-token ruby,.phrase-related ruby{white-space:nowrap}.level-sheet{z-index:1;width:min(100%,620px);max-height:92dvh;padding:13px 18px calc(24px + env(safe-area-inset-bottom));background:var(--background);border-radius:24px 24px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) picker-in;position:relative;overflow-y:auto;box-shadow:0 -24px 80px #0003}.level-sheet-intro{align-items:center;gap:15px;padding:24px 4px 20px;display:flex}.mastery-ring.large{width:52px;height:52px}.mastery-ring.large>span{width:40px;height:40px;font-size:.9rem}.level-sheet-intro p{color:var(--secondary);letter-spacing:.1em;margin:0 0 4px;font-size:.56rem;font-weight:850}.level-sheet-intro h2{font:760 1.45rem/1.05 var(--font-display);letter-spacing:-.035em;margin:0}.level-sheet-intro div>span{color:var(--muted-foreground);margin-top:5px;font-size:.67rem;display:block}.level-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.level-row{border:1px solid var(--border);background:var(--card);border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:11px 12px;display:grid}.level-row.is-current{border-color:var(--primary);box-shadow:inset 3px 0 var(--orange);background:#f3f7f4}.level-row-number{border:1px solid var(--border);color:#888;width:32px;height:32px;font:800 .66rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.level-row.is-complete .level-row-number{border-color:var(--selected);background:var(--selected);color:var(--primary)}.level-row>div{min-width:0}.level-row>div>span,.level-row strong,.level-row small{display:block}.level-row>div>span{color:var(--orange);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:.52rem;font-weight:850}.level-row strong{font:740 .79rem/1.2 var(--font-display)}.level-row small,.level-threshold{color:var(--muted-foreground);font-size:.56rem}.level-row small{margin-top:3px}.level-threshold{text-align:right}@media (min-width:700px){.scene-header{border-radius:0 0 30px 30px;height:180px;margin-left:-28px;margin-right:-28px;padding:22px 28px 32px}.scene-home{height:230px}.scene-message{max-width:62%}.scene-cast{width:35%;right:24px}.scene-cast img{width:126px;height:126px}.scene-cast img+img{width:94px;height:94px;margin-left:-42px}.daily-card{padding:24px}.phrase-list{grid-template-columns:repeat(2,minmax(0,1fr))}.phrase-sheet,.level-sheet{border-radius:24px;padding-left:28px;padding-right:28px}}@media (min-width:1050px){.scene-page{padding-top:28px}.scene-header{border-radius:28px}.phrase-layer,.level-layer{align-items:center;padding-left:98px}}@media (prefers-reduced-motion:no-preference){.scene-cast img{animation:mascot-float var(--mascot-bob-duration,4.2s) ease-in-out var(--mascot-bob-delay,0s) infinite}.scene-cast img+img{animation-delay:-.9s}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}}.auth-page{isolation:isolate;background:radial-gradient(circle at 18% 16%,#ffffffd1 0 8%,#0000 26%),radial-gradient(circle at 84% 78%,#ff682c1f 0 6%,#0000 28%),linear-gradient(155deg,#dce9e3 0%,#edf1ee 43%,#d7e3e9 100%);place-items:center;min-height:100dvh;padding:58px 18px 28px;display:grid;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";z-index:-1;pointer-events:none;position:absolute}.auth-page:before{border:1px solid #ffffff94;border-radius:50%;width:min(900px,120vw);height:min(900px,120vw);box-shadow:0 0 0 76px #ffffff26,0 0 0 152px #ffffff1a}.auth-page:after{filter:blur(2px);background:linear-gradient(#344a3f1a,#344a3f0a);border-radius:50% 50% 0 0;height:31%;bottom:-9%;left:-10%;right:-10%}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffffe0;border:1px solid #fffc;border-radius:24px;width:min(100%,420px);padding:52px 28px 30px;position:relative;box-shadow:0 24px 70px #1b272226,inset 0 1px #ffffffe6}.auth-brand{background:#ffffffeb;border:1px solid #ffffffe6;border-radius:20px;width:68px;height:68px;padding:5px;position:absolute;top:-34px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 28px #1b272229}.auth-brand img{object-fit:cover;border-radius:15px;width:100%;height:100%}.auth-product{color:var(--secondary);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:850}.auth-card h1{font:760 clamp(1.85rem, 8vw, 2.35rem)/1.02 var(--font-display);letter-spacing:-.045em;margin:10px 0 8px}.auth-card>p:not(.auth-product){color:var(--muted-foreground);margin:0;font-size:.78rem;line-height:1.5}.auth-form{text-align:left;gap:11px;margin-top:25px;display:grid}.auth-methods{background:#344a3f14;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:23px;padding:4px;display:grid}.auth-methods button{min-height:38px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:.68rem;font-weight:800}.auth-methods button.active{color:var(--primary);background:#fff;box-shadow:0 3px 10px #1b272217}.auth-methods+.auth-form{margin-top:14px}.auth-form label{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.63rem;font-weight:850}.auth-form input{border:1px solid var(--border);width:100%;height:52px;color:var(--foreground);background:#f5f5f5e6;border-radius:13px;padding:0 15px}.auth-form input:disabled{cursor:wait}.auth-form .primary-button{width:100%;margin-top:1px}.auth-forgot,.auth-back{color:var(--primary);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.68rem;font-weight:800}.auth-back{margin-bottom:2px}.auth-first-time{margin-top:14px!important;font-size:.67rem!important}.auth-first-time button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.auth-password-hint{color:var(--muted-foreground);margin:0;font-size:.64rem;line-height:1.45}.auth-inline-success{background:var(--selected);color:var(--primary);border-radius:10px;margin:1px 0 0;padding:10px 12px;font-size:.67rem;line-height:1.4}.auth-home-link{color:var(--primary);margin-top:18px;font-size:.7rem;font-weight:800;text-decoration:none;display:inline-block}.auth-error{color:#8b3218;background:#fff0ea;border-radius:10px;margin:1px 0 0;padding:10px 12px;font-size:.67rem;line-height:1.4}.auth-success{text-align:center;justify-items:center;padding:24px 0 4px;display:grid}.auth-success-mark{background:var(--selected);width:46px;height:46px;color:var(--primary);font:850 1.15rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.auth-success h2{font:760 1.55rem/1.05 var(--font-display);letter-spacing:-.035em;margin:14px 0 6px}.auth-success p{color:var(--muted-foreground);margin:0;font-size:.75rem;line-height:1.5}.auth-reset{color:var(--primary);cursor:pointer;background:0 0;border:0;margin-top:19px;padding:8px 4px;font-size:.72rem;font-weight:800}@media (max-width:380px){.scene-streak{padding-left:7px;padding-right:7px}.mastery-control{min-width:120px}.mastery-copy small{font-size:.46rem}}