@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Plus+Jakarta+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";.assessment-shell{max-width:720px;margin:0 auto;padding:96px 20px 64px}.assessment-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.assessment-header-meta{display:flex;flex-direction:column;gap:4px}.assessment-header-meta strong{font-size:20px}.assessment-header-sub{display:inline-flex;align-items:center;gap:5px;font-size:13px;opacity:.7}.assessment-back-btn,.assessment-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid rgba(128,128,128,.35);background:transparent;color:inherit;font-size:14px;cursor:pointer}.assessment-back-btn:hover,.assessment-retry-btn:hover{background:#8080801f}.assessment-state{padding:48px 0;text-align:center;opacity:.7}.assessment-state.is-error{color:#d64545;opacity:1}.assessment-body{display:flex;flex-direction:column;gap:16px}.assessment-card{border:1px solid rgba(128,128,128,.28);border-radius:14px;padding:16px 18px;background:#8080800d;display:flex;flex-direction:column;gap:12px}.assessment-card.is-correct{border-color:#2ea0438c}.assessment-card.is-wrong{border-color:#d645458c}.assessment-card.is-unsupported{opacity:.6}.assessment-card-head{display:flex;align-items:center;gap:10px}.assessment-card-index{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#80808033;font-size:13px;font-weight:600}.assessment-card-type{font-size:12.5px;opacity:.65}.assessment-prompt{font-size:16.5px;line-height:1.6;margin:0}.assessment-context{padding:8px 12px;border-radius:8px;background:#80808014;display:flex;flex-wrap:wrap;gap:4px 8px}.assessment-context-line{margin:0;font-size:14px;opacity:.8;line-height:1.5}.assessment-options{display:flex;flex-direction:column;gap:8px}.assessment-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-radius:10px;border:1px solid rgba(128,128,128,.35);background:transparent;color:inherit;font-size:15px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.assessment-option:hover:not(:disabled){background:#80808014}.assessment-option.selected{border-color:#4a90d999;background:#4a90d91f}.assessment-option.correct{border-color:#2ea04399;background:#2ea0431a}.assessment-option.wrong{border-color:#d6454599;background:#d645451a}.assessment-option:disabled{cursor:default}.assessment-option-text{flex:1}.assessment-feedback{display:flex;align-items:center;gap:7px;font-size:14px;flex-wrap:wrap}.assessment-feedback.ok{color:#2ea043}.assessment-feedback.ng{color:#d64545}.assessment-answer{opacity:.85}.assessment-submit-btn{margin-top:8px;padding:13px 20px;border-radius:12px;border:none;background:#4a90d9;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.assessment-submit-btn:hover{background:#3a7bc8}.assessment-result{border-radius:14px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:8px}.assessment-result.pass{background:#2ea0431f;border:1px solid rgba(46,160,67,.4)}.assessment-result.fail{background:#d645451a;border:1px solid rgba(214,69,69,.35)}.assessment-result-score{font-size:19px;font-weight:700;margin:0}.assessment-result-verdict{margin:0;font-size:15px}.assessment-result-srs{margin:0;font-size:13px;opacity:.7}.assessment-result-actions{display:flex;justify-content:center;gap:10px;margin-top:8px}:root{color-scheme:light;--page: #faf7f2;--surface: #ffffff;--surface-strong: #ffffff;--ink: #3d3229;--muted: #6b5d4d;--soft: #9a8e7e;--line: rgba(61, 50, 41, .08);--line-strong: rgba(61, 50, 41, .16);--accent: #b8956a;--accent-dark: #9a7a52;--accent-light: #c9a86c;--story-accent: #6552ee;--green: #7a9e6b;--blue: #6b8db8;--danger: #b4624a;--dark: #11100f;--dark-soft: #1f1d1b;--shadow: 0 6px 24px rgba(61, 50, 41, .08);--cafe-cream: #f5f0e8;--cafe-tan: #ebe3d5;--cafe-brown: #8b7355;--cafe-dark: #3d3530;--cafe-sage: #7a8b6f;--sidebar-bg: #f5f0e8;--sidebar-text: #6b5d4d;--sidebar-active-bg: rgba(184, 149, 106, .12);--page-grid: rgba(61, 50, 41, .05);--home-max-width: 1440px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}[data-theme=dark]{color-scheme:dark;--dark: #0f0e0c;--dark-soft: #1a1815;--green: #5a8a4a;--blue: #5a8dba;--danger: #c97560}.app-error-boundary{min-height:100vh;display:grid;place-items:center;padding:32px;background:var(--page);color:var(--ink)}.app-error-boundary>div{max-width:520px;padding:32px;border-radius:18px;background:var(--surface-strong);box-shadow:0 18px 54px #2f292424;text-align:center}.app-error-boundary button{margin-top:14px;padding:10px 18px;border:0;border-radius:10px;background:var(--accent, #b8956a);color:#fff;cursor:pointer}.story-practice-shell{--story-ink: #211f1d;--story-muted: #746f69;--story-line: rgba(111, 94, 69, .16);height:100vh;overflow:hidden;color:var(--story-ink);background:var(--surface)}.story-practice-header{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:auto auto minmax(360px,1fr) auto auto auto;align-items:center;min-height:70px;gap:24px;padding:0 24px;border-bottom:1px solid rgba(51,42,31,.1);background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-brand,.story-course-lockup,.story-primary-nav,.story-primary-nav button{display:flex;align-items:center}.story-brand{gap:10px;border:0;background:transparent;color:var(--story-ink);font-size:20px;cursor:pointer}.story-brand img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.story-brand:hover img{transform:rotate(-3deg) scale(1.05)}.story-course-lockup{gap:8px;padding-left:22px;border-left:1px solid var(--story-line);font-size:14px;font-weight:650;white-space:nowrap}.story-primary-nav{justify-content:center;gap:38px}.story-primary-nav button{position:relative;align-self:stretch;min-height:70px;border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:650;cursor:pointer}.story-primary-nav button.active:after{position:absolute;right:22%;bottom:12px;left:22%;height:3px;border-radius:99px;background:var(--story-accent);content:""}.story-lang-select{height:38px;border:1px solid var(--story-line);border-radius:10px;background:var(--surface-strong);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;padding:0 8px;font-family:inherit;transition:border-color .15s}.story-lang-select:hover{border-color:var(--story-accent);color:var(--story-accent)}.story-lang-select:focus{outline:none;border-color:var(--story-accent)}.story-user-avatar{width:38px;height:38px;border:2px solid var(--surface-strong);border-radius:50%;object-fit:cover;box-shadow:0 2px 12px #2a20151f}.story-resource-toggle{display:none;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--story-line);border-radius:9px;color:var(--muted);background:var(--surface-strong);cursor:pointer}.story-exit-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(220,80,70,.3);border-radius:9px;color:#c75450;background:#dc50460f;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.story-exit-btn:hover{background:#dc50461f;border-color:#dc504680}.story-practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 314px;grid-template-rows:minmax(0,1fr);gap:14px;max-width:1458px;height:calc(100vh - 70px);margin:0 auto;padding:20px;overflow:hidden}.story-stage{position:relative;isolation:isolate;min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid rgba(158,128,90,.18);border-radius:16px;background-color:#e8d5b9;background-position:center;background-size:cover;box-shadow:0 12px 34px #4d392314}.story-stage-wash{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#fffaf1d6 0,#fff8ed2e 21%,#55351b0d 70%,#fffaf3f0),linear-gradient(90deg,rgba(255,246,232,.5),transparent 23%,transparent 77%,rgba(255,246,232,.45));pointer-events:none}.story-scene-heading{position:relative;z-index:7;max-width:620px;padding:22px 30px 8px}.story-scene-heading>span{display:inline-flex;padding:6px 13px;border-radius:99px;background:#fffaf2bd;color:var(--muted);font-size:13px;font-weight:650}.story-scene-heading h1{margin:13px 0 7px;font-size:clamp(25px,2.2vw,34px);line-height:1.08;letter-spacing:-.03em}.story-scene-heading p{margin:0;color:var(--muted);font-size:14px}.story-character{position:absolute;z-index:1;bottom:93px;width:36%;max-width:390px;min-width:180px;height:80%;margin:0;pointer-events:none}.story-character-left{left:-2%}.story-character-right{right:-2%}.story-character img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(1.12);transform-origin:center bottom;filter:drop-shadow(0 12px 18px rgba(43,27,13,.2))}.story-character figcaption{position:absolute;right:12%;bottom:19%;display:grid;padding:8px 12px;border-radius:10px;color:#fff;background:#261d1694;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.story-character-left figcaption{right:auto;left:20%}.story-character figcaption strong{font-size:17px}.story-character figcaption span{margin-top:2px;font-size:11px;opacity:.9}.story-dialogue-scroll{position:absolute;z-index:5;inset:132px 18% 105px;display:flex;flex-direction:column;gap:10px;overflow:auto;padding:12px 7px 30px;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 4%,#000 93%,transparent);mask-image:linear-gradient(180deg,transparent,#000 4%,#000 93%,transparent)}.story-dialogue-scroll::-webkit-scrollbar{display:none}.story-bubble{position:relative;width:min(82%,520px);padding:14px 18px;border:1px solid rgba(93,71,45,.2);border-radius:18px;color:var(--ink);background:#fffdf8f0;box-shadow:0 8px 22px #3d28141f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.story-bubble.npc{align-self:flex-start}.story-bubble.player{align-self:flex-end;border-color:var(--story-accent);background:linear-gradient(135deg,var(--accent-light),var(--cafe-cream));box-shadow:0 8px 22px #3d28141f,0 0 0 1px var(--story-accent) inset}.story-bubble.player.current{border-color:var(--story-accent);background:linear-gradient(135deg,var(--accent-light),var(--cafe-tan));box-shadow:0 8px 22px #3d281426,0 0 0 2px var(--story-accent) inset}.story-bubble.npc.current{border-color:#4e634080;background:#fbfff5f5}.story-bubble.completed{opacity:.83;transform:scale(.97)}.story-bubble.focused{opacity:1;transform:none}.story-paragraph-divider{width:100%;height:1px;background:repeating-linear-gradient(90deg,var(--line, rgba(0,0,0,.1)) 0 8px,transparent 8px 16px);margin:12px 0}.story-bubble.longtext{align-self:stretch;border-style:dashed}.story-bubble.longtext:after{display:none}.story-bubble:after{position:absolute;bottom:-7px;left:24px;width:14px;height:14px;border-right:1px solid rgba(93,71,45,.2);border-bottom:1px solid rgba(93,71,45,.2);background:inherit;content:"";transform:rotate(45deg)}.story-bubble.player:after{right:24px;left:auto}.story-bubble-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:13px}.story-bubble-meta button{display:inline-grid;place-items:center;min-width:25px;height:25px;margin-left:auto;padding:0 6px;border:0;border-radius:50%;color:var(--muted);background:#6552ee14;cursor:pointer}.story-bubble-meta .story-edit-line{width:auto;border-radius:8px;font-size:10px}.story-bubble p{margin:0;font-size:16px;font-weight:650;line-height:1.45}.story-bubble>small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4}.story-bubble .story-target-caption{color:var(--ink)}.story-playing-bar{position:absolute;right:15px;bottom:8px;left:15px;height:2px;overflow:hidden;border-radius:99px;background:#6552ee29}.story-playing-bar:after{display:block;width:45%;height:100%;border-radius:inherit;background:var(--story-accent);content:"";animation:story-playing 1s linear infinite alternate}@keyframes story-playing{to{transform:translate(120%)}}.story-composer{position:absolute;z-index:12;right:16px;bottom:16px;left:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:10px 14px;border:2px solid transparent;border-radius:18px;background:#fffffff2;box-shadow:0 10px 30px #3f2a1424;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.story-composer.composer-ready{border-color:#16a34a66;background:linear-gradient(135deg,#22c55e14,#16a34a0a);box-shadow:0 10px 30px #16a34a1f}.story-composer.composer-locked{border-color:#ea580c66;background:linear-gradient(135deg,#f59e0b1a,#ea580c0d);box-shadow:0 10px 30px #ea580c1a}.story-composer.composer-listen{border-color:#2563eb59;background:linear-gradient(135deg,#3b82f614,#2563eb0a);box-shadow:0 10px 30px #2563eb1a}.story-composer.composer-wait{display:flex;align-items:center;justify-content:center;border-color:#2563eb4d;background:linear-gradient(135deg,#3b82f60f,#2563eb08);box-shadow:0 6px 20px #2563eb14}.story-composer-wait-text{margin:0;font-size:14px;font-weight:500;color:var(--muted);letter-spacing:.3px}.story-language-toggle,.story-mode-switch button{display:flex;align-items:center;justify-content:center;border:1px solid var(--story-line);color:var(--ink);background:var(--surface-strong);cursor:pointer}.story-language-toggle{gap:7px;min-height:46px;padding:0 14px;border-radius:12px;font-size:12px;font-weight:650;color:var(--soft);transition:color .15s ease,border-color .15s ease,background .15s ease}.story-language-toggle.active{color:#2d7dd2;border-color:#2d7dd2;background:#2d7dd20f}.story-composer-main{position:relative;min-width:0}.story-composer-main .character-input-shell{position:relative;display:flex;align-items:center;min-height:50px;overflow:hidden;border:1px solid var(--story-line);border-radius:12px;background:#ffffffeb;box-shadow:none;cursor:text}.story-composer-main .character-input-shell:focus-within{border-color:#634aeb85}.story-composer-main .practice-code-input{width:100%;padding-right:52px}.story-composer-main .practice-code-input .cm-editor,.story-composer-main .practice-code-input .cm-scroller{min-height:48px}.story-composer-main .practice-code-input .cm-content{padding:14px 12px}.story-composer-main .practice-input-placeholder{position:absolute;top:50%;left:13px;color:var(--soft);transform:translateY(-50%);pointer-events:none}.cm-saynext-wrong{color:#b43a2f;background:#b43a2f2e;border-radius:3px}.cm-saynext-case{color:#9a6b1a;background:#e8b22a33;border-bottom:2px solid #e8b22a;border-radius:1px}.cm-saynext-extra{color:#c46a30;background:#e8622a29;text-decoration:line-through;text-decoration-color:#e8622a80;border-radius:3px}.story-composer-main .character-submit-button{position:absolute;z-index:2;top:50%;right:7px;display:grid;width:36px;height:36px;margin:0;padding:0;place-items:center;border:0;border-radius:9px;color:#fff;background:var(--story-accent);transform:translateY(-50%);cursor:pointer}.story-composer-main .character-submit-button:disabled{opacity:.38;cursor:not-allowed}.story-submit-hint{position:absolute;top:calc(100% + 2px);left:10px;color:#b84747}.story-mode-switch{display:flex;gap:5px}.story-mode-switch button{width:38px;height:38px;border-radius:10px}.story-mode-switch button.active{color:#fff;border-color:var(--story-accent);background:var(--story-accent)}.story-voice-composer,.story-listen-prompt{display:flex;align-items:center;width:100%;min-height:50px;gap:10px;padding:0 16px;border:1px solid var(--story-line);border-radius:12px;color:var(--muted);background:var(--surface-strong)}.story-locked-prompt{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;gap:8px;padding:0 16px;border:1px dashed rgba(234,88,12,.4);border-radius:12px;color:#c2410c;font-size:13px;font-weight:600;background:#f59e0b0f}.story-listen-prompt-hint{font-size:12px;font-weight:600;color:var(--story-accent);flex-shrink:0}.story-listen-prompt-text{font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-bubble-you-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.3px;color:#fff;background:var(--story-accent);text-transform:uppercase}.story-voice-composer{display:flex;align-items:center;width:100%;min-height:50px;gap:12px;padding:0 16px;border:1px solid var(--story-line);border-radius:12px;color:var(--muted);background:var(--surface-strong)}.voice-record-btn{flex-shrink:0;width:44px;height:44px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.voice-record-btn:disabled{opacity:.4;cursor:not-allowed}.voice-record-dot{width:20px;height:20px;border-radius:50%;background:#e8443a;box-shadow:0 0 0 3px #e8443a33;animation:voice-dot-pulse 2s ease-in-out infinite}.voice-record-btn.recording{background:#e8443a1a}.voice-stop-icon{width:16px;height:16px;border-radius:3px;background:#e8443a}@keyframes voice-dot-pulse{0%,to{box-shadow:0 0 0 3px #e8443a33}50%{box-shadow:0 0 0 6px #e8443a1a}}.voice-text-area{flex:1;min-height:24px;font-size:15px;line-height:1.5;color:var(--ink);word-break:break-word}.voice-text-area:empty:before{content:attr(data-placeholder);color:var(--soft)}.voice-submit-btn{flex-shrink:0;padding:8px 16px;border:0;border-radius:8px;background:var(--story-accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.voice-submit-btn:disabled{opacity:.5;cursor:not-allowed}.story-return-current{position:absolute;z-index:15;right:24px;bottom:105px;padding:9px 13px;border:0;border-radius:99px;color:#fff;background:var(--story-accent);box-shadow:0 7px 16px #483bba40;cursor:pointer}.story-learning-panel{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:2px}.story-learning-panel::-webkit-scrollbar{width:5px}.story-learning-panel::-webkit-scrollbar-track{background:transparent}.story-learning-panel::-webkit-scrollbar-thumb{background:#6f5e4533;border-radius:4px}.story-resource-card{overflow:hidden;border:1px solid rgba(92,74,54,.12);border-radius:14px;background:#fffffff5;box-shadow:0 8px 24px #3728190e}.story-resource-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 16px}.story-resource-card h2{margin:0;font-size:15px}.story-resource-card>header button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--story-line);border-radius:9px;color:var(--muted);background:var(--surface-strong);font-size:11px;cursor:pointer}.story-card-header-actions{display:flex;align-items:center;gap:5px}.story-card-header-actions button.active{color:#b87916;border-color:#e8c87d;background:#fff7df}.story-empty-copy{margin:0;padding:2px 16px 16px;color:var(--story-muted);font-size:12px}.story-note-editor{display:grid;gap:8px;padding:0 12px 12px}.story-note-editor>div{display:flex;gap:5px}.story-note-editor>div button,.story-note-editor>button{padding:6px 8px;border:1px solid var(--story-line);border-radius:7px;background:var(--surface-strong);font-size:10px;cursor:pointer}.story-note-editor>div button.active{color:#fff;background:var(--story-accent)}.story-note-editor textarea{min-height:64px;padding:9px;border:1px solid var(--story-line);border-radius:9px;resize:vertical}.story-note-editor>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#fff;background:var(--story-accent)}.story-note-preview{margin:0 12px 10px;padding:12px;border:1px solid rgba(190,150,84,.18);border-radius:10px;background:#fffaf0}.story-note-preview strong{display:block;font-size:12px;line-height:1.5}.story-note-preview time{display:block;margin-top:8px;color:var(--story-muted);font-size:10px}.story-resource-list{border-top:1px solid rgba(92,74,54,.08)}.story-source-item,.story-vocabulary-item{display:flex;width:100%;align-items:center;gap:8px;min-height:59px;padding:10px 13px;border:0;border-bottom:1px solid rgba(92,74,54,.08);color:var(--story-ink);background:transparent;text-align:left}.story-source-item{justify-content:space-between;cursor:pointer}.story-source-item>span{display:grid;gap:3px}.story-source-item strong{font-size:12px;line-height:1.35}.story-source-item small{color:var(--story-muted);font-size:10px}.story-source-item svg{flex:none;color:var(--story-accent)}.story-vocabulary-source{display:grid;flex:1;gap:3px;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.story-vocabulary-source strong{font-size:13px}.story-vocabulary-source span{color:var(--story-muted);font-size:10px}.story-vocabulary-save{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:50%;color:#6d685f;background:transparent;cursor:pointer}.story-vocabulary-save:hover{color:#b87916;background:#fff4d8}.story-view-all{display:flex;align-items:center;justify-content:center;width:100%;gap:5px;min-height:38px;border:0;color:var(--story-accent);background:transparent;font-size:11px;font-weight:650;cursor:pointer}.story-mastery-row{display:grid;grid-template-columns:74px 1fr 1fr;align-items:center;gap:8px;padding:4px 14px 16px}.story-mastery-ring{display:grid;width:66px;height:66px;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#fff 57%,transparent 59%),conic-gradient(var(--story-accent) var(--mastery),var(--line) 0)}.story-mastery-ring strong{font-size:16px}.story-mastery-row>div:not(.story-mastery-ring){display:grid;gap:4px;text-align:center}.story-mastery-row span{color:var(--story-muted);font-size:10px}.story-mastery-row strong{font-size:16px}.story-progress-track{height:3px;background:#eeece9}.story-progress-track i{display:block;height:100%;background:var(--story-accent);transition:width .22s ease}.story-live-metrics{display:flex;align-items:center;gap:12px}.story-live-wpm,.story-live-accuracy{display:flex;flex-direction:column;align-items:center;line-height:1.1}.story-live-wpm strong,.story-live-accuracy strong{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.story-live-wpm strong{color:var(--story-accent)}.story-live-accuracy strong{color:var(--story-ink)}.story-live-wpm span,.story-live-accuracy span{font-size:9px;color:var(--story-muted);text-transform:uppercase;letter-spacing:.4px}.story-info-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--story-line);border-radius:50%;color:var(--story-muted);background:#6552ee0f;cursor:pointer;flex-shrink:0;transition:color .15s ease,border-color .15s ease,background .15s ease}.story-info-toggle:hover{color:var(--story-accent);border-color:var(--story-accent);background:#6552ee1f}.story-info-toggle.active{color:#fff;border-color:var(--story-accent);background:var(--story-accent)}.story-scoring-info{padding:8px 14px 10px;border-top:1px solid rgba(92,74,54,.08);background:#6552ee0a}.story-scoring-info p{margin:0 0 4px;font-size:11px;color:var(--story-muted);line-height:1.5}.story-scoring-info p:last-child{margin-bottom:0}.story-scoring-info strong{color:var(--story-ink);font-weight:600;margin-right:4px}.story-line-toast{display:flex;align-items:center;gap:10px;padding:5px 14px;margin:0 16px 4px;border-radius:10px;background:#e8f5eceb;border:1px solid rgba(46,158,91,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;animation:story-toast-in .22s ease-out}@keyframes story-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.story-line-toast-accuracy{font-weight:700;color:#2e9e5b}.story-line-toast-delta{font-size:11px;font-weight:600}.story-line-toast-delta.up{color:#2e9e5b}.story-line-toast-delta.down{color:#d9534f}.story-line-toast-streak{font-size:11px;font-weight:600;color:#e8923a;padding:1px 7px;border-radius:8px;background:#e8923a1f}.story-sparkline-wrap{padding:0 14px}.story-sparkline-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.story-sparkline-label span{font-size:10px;color:var(--story-muted);font-weight:600;letter-spacing:.2px}.story-sparkline-label em{font-size:10px;color:var(--story-muted);font-style:normal;font-variant-numeric:tabular-nums}.story-sparkline{display:flex;align-items:flex-end;gap:3px;height:36px}.story-sparkline-bar{flex:1;min-width:4px;border-radius:3px 3px 0 0;transition:height .2s ease,background .2s ease}.story-sparkline-bar.good{background:#2e9e5b59}.story-sparkline-bar.mid{background:#e8923a59}.story-sparkline-bar.low{background:#d9534f59}.story-sparkline-bar.latest.good{background:#2e9e5b}.story-sparkline-bar.latest.mid{background:#e8923a}.story-sparkline-bar.latest.low{background:#d9534f}.story-trend-extra{display:flex;flex-wrap:wrap;gap:6px 12px;padding:4px 14px 8px}.story-trend-extra>div{display:flex;flex-direction:column;gap:2px;text-align:center;flex:0 0 auto}.story-trend-extra span{font-size:9px;color:var(--story-muted)}.story-trend-extra strong{font-size:13px;font-variant-numeric:tabular-nums}.story-trend-extra strong.trend-up{color:#2e9e5b}.story-trend-extra strong.trend-down{color:#d9534f}.story-fatigue-warning{flex:1 1 100%}.story-fatigue-warning span{font-size:10px;color:#d9534f;font-weight:600}@media(max-width:1100px){.story-practice-header{grid-template-columns:auto 1fr auto auto auto}.story-course-lockup{display:none}.story-primary-nav{gap:24px}.story-resource-toggle{display:flex}.story-practice-layout{grid-template-columns:minmax(0,1fr)}.story-learning-panel{position:fixed;z-index:40;top:82px;right:12px;bottom:12px;width:min(330px,calc(100vw - 24px));overflow:auto;padding:8px;border-radius:16px;background:#f9f7f3f5;box-shadow:0 18px 46px #2e22162e;transform:translate(calc(100% + 24px));transition:transform .18s ease}.story-learning-panel.open{transform:translate(0)}}@media(max-width:720px){.story-practice-header{grid-template-columns:1fr auto auto auto;min-height:58px;gap:8px;padding:0 13px;-webkit-backdrop-filter:none;backdrop-filter:none}.story-brand strong{font-size:17px}.story-brand img{width:30px;height:30px}.story-user-avatar{width:32px;height:32px}.story-resource-toggle{display:grid;width:32px;height:32px;padding:0;place-items:center;font-size:0}.story-primary-nav{display:none}.story-practice-layout{min-height:calc(100vh - 58px);height:calc(100vh - 58px);padding:0;overflow:hidden}.story-stage{min-height:calc(100vh - 58px);height:calc(100vh - 58px);border:0;border-radius:0}.story-scene-heading{padding:17px 16px 6px}.story-scene-heading h1{margin-top:9px;font-size:24px}.story-scene-heading p{display:none}.story-character{bottom:100px;width:35%;height:48%;opacity:.7}.story-character-left{left:-8%}.story-character-right{right:-8%}.story-character figcaption{display:none}.story-dialogue-scroll{inset:105px 10px 99px;padding-right:0;padding-left:0}.story-bubble{width:min(88%,400px);padding:12px 14px}.story-bubble p{font-size:14px}.story-composer{right:8px;bottom:56px;left:8px;grid-template-columns:minmax(0,1fr) auto;min-height:68px;padding:8px}.story-language-toggle{position:absolute;right:5px;bottom:calc(100% + 6px);min-height:30px;padding:0 8px;background:#ffffffeb}.story-mode-switch{flex-direction:column}.story-mode-switch button{width:30px;height:25px}.story-learning-panel{top:64px;right:8px;bottom:56px;display:grid;width:calc(100vw - 16px)}}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--page)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 44px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;min-height:40px;border:0;padding:0;color:var(--ink);background:transparent}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:var(--ink);font-weight:800}.brand-name{font-size:15px;font-weight:780}.app-header nav{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fffdf8c7}.app-header nav button{min-height:32px;border:0;border-radius:6px;padding:0 13px;color:var(--muted);background:transparent;font-size:13px;font-weight:760}.app-header nav button[aria-current=true]{color:#fff;background:var(--ink)}.screen{min-height:calc(100vh - 116px)}.loading-screen{display:grid;place-items:center;gap:24px;text-align:center}.loading-logo{width:120px;height:120px;border-radius:50%;animation:loading-pulse 1.8s ease-in-out infinite}.loading-text{font-size:14px;color:var(--muted);letter-spacing:.5px}@keyframes loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.detail-loading-logo{width:64px;height:64px;border-radius:50%;animation:loading-pulse 1.8s ease-in-out infinite}.choose-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.choose-main{min-width:0}.step-rail{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.step-rail span{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--line);border-radius:999px;padding:0 10px;color:var(--muted);background:#fffdf89e;font-size:12px;font-weight:760}.step-rail span.active{border-color:#e8622a61;color:var(--accent-dark);background:#e8622a1c}.step-panel{padding:4px 0}.eyebrow{display:block;margin-bottom:10px;color:var(--accent-dark);font-size:12px;font-weight:800;text-transform:uppercase}.eyebrow.hero-slogan{text-transform:none;font-size:13px;font-weight:600;letter-spacing:.01em}h1,h2,h3,p{margin-top:0}.step-panel h1,.stats-header h1{max-width:760px;margin-bottom:12px;font-size:56px;line-height:1}.step-panel p,.stats-header p{max-width:660px;margin-bottom:22px;color:var(--muted);font-size:17px;line-height:1.55}.language-groups{display:grid;gap:18px;margin-bottom:18px}.option-grid,.scene-grid,.difficulty-grid,.dialogue-list,.history-stack{display:grid;gap:10px}.option-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.option-grid.two,.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-card,.history-card,.setup-card,.stats-summary,.trend-card,.panel,.metric{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.dialogue-card,.history-card{min-width:0;padding:16px;text-align:left}.dialogue-card{display:grid;gap:7px}.dialogue-card strong{color:var(--ink);font-size:20px;line-height:1.16}.dialogue-card span,.dialogue-card small,.history-card span{color:var(--muted);font-size:13px;line-height:1.35}.dialogue-card small{color:var(--accent-dark);font-weight:780}.dialogue-card.active{border-color:#e8622ab8;box-shadow:0 16px 44px #b8401829}.history-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.history-card strong,.history-card span{display:block}.history-card>span{min-height:30px;border-radius:999px;padding:6px 10px;color:var(--green);background:#27855c1c;font-weight:820}.setup-card{position:sticky;top:18px;display:grid;gap:18px;padding:16px}.setup-empty strong,.setup-title h2{display:block;margin:0 0 8px;color:var(--ink);font-size:22px;line-height:1.15}.setup-empty p,.setup-title p,.audio-status,.setup-warning{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.setup-warning{color:var(--danger);font-weight:760}.setup-label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.role-grid,.mode-grid{display:grid;gap:8px}.role-grid,.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{display:grid;gap:3px;align-content:center;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--ink);background:#ffffff94;font-size:14px;font-weight:760;text-align:center}.choice strong,.choice span{min-width:0}.choice span{color:var(--muted);font-size:11px;font-weight:680}.choice.active{border-color:var(--accent);color:#fff;background:var(--accent)}.choice.active span{color:#ffffffc7}.primary-action,.secondary-action,.text-button{border-radius:8px;font-weight:820}.primary-action{min-height:52px;border:0;padding:0 18px;color:#fff;background:var(--accent)}.primary-action:hover:not(:disabled){background:var(--accent-dark)}.primary-action:disabled{opacity:.48}.primary-action.wide{width:100%;max-width:280px}.primary-action.compact{min-height:42px}.secondary-action{min-height:44px;border:1px solid var(--line);padding:0 14px;color:var(--ink);background:#ffffffa8}.text-button{min-height:34px;border:0;margin-bottom:12px;padding:0;color:var(--accent-dark);background:transparent}.preview-screen{max-width:920px;margin:0 auto}.preview-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:18px}.preview-top h1{margin-bottom:6px;font-size:42px;line-height:1}.preview-top p{margin:0;color:var(--muted);font-size:14px}.round-button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;color:#fff;background:#ffffff1c;font-weight:850}.round-button.dark{color:var(--ink);background:#1a191814}.dialogue-audio{width:100%;margin-bottom:16px}.preview-lines{display:grid;gap:10px}.preview-line{display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;padding:15px;background:var(--surface)}.preview-line.active{border-color:#e8622ab8}.preview-line p{margin:0;color:var(--ink);font-size:24px;font-weight:760;line-height:1.22}.preview-line small{color:var(--muted);font-size:14px}.longtext-header{margin-bottom:16px;padding:14px 18px;border-left:3px solid var(--accent, #e8622a);background:var(--surface);border-radius:0 8px 8px 0}.longtext-meta-line{margin:0 0 4px;color:var(--muted);font-size:15px}.longtext-meta-line:last-child{margin-bottom:0}.longtext-date{font-style:italic}.longtext-recipient{font-weight:600;color:var(--ink)}.longtext-paragraph-break{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}.preview-line.longtext-line{border-style:dashed;border-color:var(--line)}.preview-line.longtext-line p{font-weight:500;font-size:20px;line-height:1.5}.longtext-footer{margin-top:20px;padding:14px 18px;text-align:right}.longtext-signature{margin:0;font-size:18px;font-weight:600;color:var(--ink);font-style:italic}.longtext-header-practice{margin-bottom:12px;padding:10px 14px;border-left:3px solid var(--accent, #e8622a);background:#ffffffd9;border-radius:0 8px 8px 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.longtext-footer-practice{margin-top:16px;padding:10px 14px;text-align:right;background:#ffffffbf;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.typing-console{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;cursor:text}.typing-progress-bar{position:relative;height:6px;background:#00000014;border-radius:3px;margin-bottom:8px;overflow:hidden}.typing-progress-fill{height:100%;background:var(--accent, #9C27B0);border-radius:3px;transition:width .15s ease-out}.typing-progress-label{position:absolute;right:0;top:-20px;font-size:12px;color:var(--muted, #888);font-variant-numeric:tabular-nums}.typing-stats-bar{display:flex;gap:16px;margin-bottom:12px;font-size:14px;color:var(--muted, #888)}.typing-stat strong{color:var(--ink, #333);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}.typing-stat-errors strong{color:#e53935}.typing-longtext-header{margin-bottom:20px;padding:12px 16px;border-left:3px solid var(--accent, #9C27B0);background:#fff9;border-radius:0 8px 8px 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.typing-meta-line{margin:0 0 4px;color:var(--muted, #666);font-size:15px}.typing-date{font-style:italic}.typing-recipient{font-weight:600;color:var(--ink, #333)}.typing-text-area{flex:1;overflow-y:auto;padding:24px 28px;background:#ffffffd9;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:2;font-size:20px;font-family:"Noto Serif",Georgia,Noto Sans CJK SC,WenQuanYi Micro Hei,serif;color:var(--ink, #333)}.typing-paragraph{margin:0 0 16px}.typing-paragraph-break{margin-top:20px}.typing-char{position:relative;transition:color .1s,background .1s}.typing-char-pending{color:var(--muted, #999);opacity:.5}.typing-char-correct{color:var(--ink, #333);opacity:1}.typing-char-error{color:#e53935;background:#e539351a;border-radius:2px;text-decoration:underline;text-decoration-color:#e5393580}.typing-char-current{color:var(--ink, #333);background:#9c27b026;border-radius:2px;box-shadow:-2px 0 0 var(--accent, #9C27B0)}.typing-cursor{display:inline-block;width:2px;height:1.2em;background:var(--accent, #9C27B0);vertical-align:text-bottom;margin-left:1px;animation:typing-cursor-blink 1s steps(2,start) infinite}@keyframes typing-cursor-blink{to{visibility:hidden}}.typing-signature{margin-top:24px;text-align:right;font-style:italic;font-size:18px;font-weight:600}.typing-complete{margin-top:24px;padding:20px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;text-align:center}.typing-complete p{font-size:20px;font-weight:700;color:#4caf50;margin:0 0 8px}.typing-complete-stats{display:flex;justify-content:center;gap:20px;font-size:16px;color:var(--ink, #333);font-variant-numeric:tabular-nums}.typing-hidden-input{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.typing-start-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;background:var(--accent, #9C27B0);color:#fff;border-radius:24px;font-size:16px;font-weight:600;pointer-events:none;animation:typing-pulse 2s ease-in-out infinite;z-index:5}@keyframes typing-pulse{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.preview-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:28px;background:#1a191847;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.preview-modal{position:relative;width:min(100%,960px);max-height:min(88vh,820px);overflow:auto;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:#fffcf8f5;box-shadow:0 30px 90px #1a191842}.preview-modal .preview-screen{padding:34px}.preview-modal-close{position:sticky;top:14px;z-index:2;display:grid;width:36px;height:36px;float:right;place-items:center;border:1px solid rgba(26,25,24,.1);border-radius:50%;margin:14px 14px 0 0;color:var(--ink);background:#ffffffdb;font-size:24px;line-height:1}.preview-modal.dialogue-detail-modal{width:min(100%,720px);max-height:min(88vh,760px);border-radius:22px;background:#fffcf8fa}.dialogue-detail-shell{display:grid;gap:14px;padding:26px 30px 30px}.dialogue-detail-header{display:grid;gap:8px;padding-right:46px}.dialogue-detail-header h1{margin:0;color:var(--ink);font-size:clamp(26px,3vw,34px);line-height:1.05}.dialogue-detail-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;color:var(--muted);font-size:15px;line-height:1.25}.dialogue-detail-meta span+span:before{content:"·";margin-right:10px;color:#1a191842}.dialogue-detail-level{color:#47aa79;font-weight:760}.dialogue-detail-loading{display:grid;gap:8px;border-top:1px solid var(--line);padding:22px 0}.dialogue-detail-loading p{margin:0;color:var(--muted);font-size:15px}.dialogue-detail-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px}.dialogue-detail-options .choice{min-height:42px;border-radius:10px;font-size:14px}.dialogue-detail-options .role-choice{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:start;gap:10px;min-height:52px;text-align:left}.role-choice-avatar{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border-radius:50%;color:var(--ink);background:#ffffffb8;font-size:13px;font-weight:820}.role-choice-avatar img{width:100%;height:100%;object-fit:cover}.role-choice strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialogue-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.dialogue-detail-actions .secondary-action{min-height:38px;border-radius:999px;padding:0 15px;color:var(--accent-dark);background:#ffebe0b3;font-size:14px}.dialogue-detail-start{display:inline-flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;color:#fff;background:var(--accent);font-size:17px;font-weight:850;box-shadow:0 14px 32px #e8622a29}.dialogue-detail-start:hover:not(:disabled){background:var(--accent-dark)}.dialogue-detail-start:disabled{color:#1a19186b;background:#1a19181f;box-shadow:none}.modal-preview-section{display:grid;gap:13px;border-top:1px solid var(--line);margin:8px -30px -30px;padding:22px 30px 28px}.modal-preview-kicker{margin:0;color:#1a19186b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.16em}.modal-preview-lines{gap:16px}.modal-preview-lines .preview-line{border:0;border-radius:0;padding:0;background:transparent}.modal-preview-lines .preview-line.active{border-color:transparent}.modal-preview-lines .preview-line p{color:#1a1918c7;font-size:16px;font-weight:690;line-height:1.34}.modal-preview-lines .preview-line small{color:#1a191866;font-size:14px}.line-meta,.line-meta.light{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px}.line-meta span{color:#ffffff7a;font-size:10px;font-weight:850;text-transform:uppercase}.line-meta.light span{color:var(--muted)}.line-meta button{min-height:24px;border:0;border-radius:999px;padding:0 9px;color:#ffffffd6;background:#ffffff1f;font-size:11px;font-weight:760}.line-meta.light button{color:var(--accent-dark);background:#e8622a1c}.practice-screen{position:relative;width:min(860px,100%);min-height:calc(100vh - 128px);margin:0 auto;padding:18px 18px 310px;overflow:hidden;border-radius:8px;color:#fff;background:var(--dark);box-shadow:0 24px 64px #11100f47}.practice-top{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:12px;align-items:center;margin-bottom:16px}.practice-top h1{margin-bottom:4px;overflow-wrap:anywhere;text-align:center;font-size:24px;line-height:1.12}.practice-top span{display:block;color:#ffffff85;text-align:center;font-size:13px}.tiny-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}.tiny-stats div,.practice-audio,.practice-input{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff12}.tiny-stats div{min-height:48px;padding:8px}.tiny-stats strong,.tiny-stats span{display:block}.tiny-stats strong{font-size:15px}.tiny-stats span{margin-top:5px;color:#ffffff7a;font-size:10px}.practice-audio{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center;margin-bottom:18px;padding:10px}.practice-audio audio{display:none}.practice-audio button{min-height:36px;border:0;border-radius:999px;padding:0 14px;color:#fff;background:var(--accent);font-size:13px;font-weight:820}.practice-audio span{min-width:0;color:#ffffff94;font-size:12px}.lyrics{display:grid;gap:16px;padding-bottom:24px}.lyric-line{position:relative;max-width:720px;color:#ffffff5c}.lyric-line.context-role{opacity:.72}.lyric-line.done{opacity:.56}.lyric-line.locked{opacity:.36}.lyric-line.current{color:#fff;opacity:1}.lyric-line p{margin:2px 0 0;overflow-wrap:anywhere;font-size:23px;font-weight:740;line-height:1.24}.lyric-line.current p{font-size:36px;line-height:1.12}.native-text{display:block;margin-top:8px;color:#ffffff94;font-size:14px;line-height:1.4}.practice-input{position:absolute;right:18px;bottom:20px;left:18px;display:grid;gap:12px;padding:14px;background:#171615f0;box-shadow:0 20px 54px #0000006b}.input-head,.textarea-row,.live-check{display:flex;align-items:center}.input-head{justify-content:space-between;gap:14px}.input-head span,.input-head strong{display:block}.input-head span{color:#ffffff80;font-size:11px;font-weight:760;text-transform:uppercase}.input-head strong{margin-top:2px;color:#fffffff0;font-size:15px}.live-check{flex-wrap:wrap;justify-content:flex-end;gap:7px}.live-check span{min-height:24px;border-radius:999px;padding:5px 9px;color:#ffffffbd;background:#ffffff14;font-size:11px;font-weight:760}.target-feedback{max-height:104px;overflow:auto;border-radius:8px;padding:13px;color:#ffffff6b;background:#ffffff12;font-size:22px;font-weight:760;line-height:1.45}.feedback-char{border-radius:4px}.feedback-char.correct{color:#d9f7e8;background:#27855c3d}.feedback-char.wrong{color:#ffd9d5;background:#b43a2f4d}.feedback-char.pending{color:#ffffff59}.feedback-char.extra{color:#fff;background:#e8622a5c}.textarea-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:stretch}.practice-input textarea{width:100%;min-width:0;min-height:104px;resize:vertical;border:0;border-radius:8px;padding:14px 15px;color:#fff;background:#ffffff1a;font-size:21px;line-height:1.35;outline:none}.practice-input textarea::placeholder{color:#ffffff57}.practice-input textarea:focus{box-shadow:inset 0 0 0 2px var(--accent)}.practice-input textarea:disabled{opacity:.58}.go-button,.voice-button{min-height:52px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-weight:850}.go-button{align-self:end;width:60px}.go-button:disabled,.voice-button:disabled{opacity:.42}.voice-button{align-self:end;padding:0 14px}.voice-message{position:absolute;right:30px;bottom:86px;left:30px;color:#ffffffb8;font-size:13px}.nav-confirm-overlay{position:fixed;z-index:1100;inset:0;display:flex;align-items:center;justify-content:center;background:#14100c73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-confirm-modal{max-width:360px;padding:28px 24px 20px;border-radius:18px;background:var(--surface-strong);box-shadow:0 20px 48px #1e140a38;text-align:center}.nav-confirm-modal h3{margin:0 0 8px;font-size:18px}.nav-confirm-modal p{margin:0 0 20px;color:#746f69;font-size:14px;line-height:1.5}.nav-confirm-actions{display:flex;gap:10px;justify-content:center}.nav-confirm-stay,.nav-confirm-leave{padding:10px 20px;border:0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.nav-confirm-stay{background:#f0ede8;color:var(--ink)}.nav-confirm-leave{background:#e8443a;color:#fff}.completion-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#17181f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:completion-fade-in .3s ease}@keyframes completion-fade-in{0%{opacity:0}to{opacity:1}}.completion-modal{position:relative;width:90%;max-width:420px;max-height:min(90vh,760px);background:var(--surface, #fff);border-radius:24px;box-shadow:0 20px 60px #0003;overflow-x:hidden;overflow-y:auto;animation:completion-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes completion-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.confetti-piece{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(500px) rotate(360deg);opacity:0}}.completion-content{position:relative;z-index:2;padding:36px 28px 28px;text-align:center}.completion-celebrate{font-size:48px;line-height:1;margin-bottom:12px;animation:completion-bounce .6s ease .2s both}@keyframes completion-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.completion-title{font-family:var(--display-font, "Bricolage Grotesque", sans-serif);font-size:24px;font-weight:700;color:var(--ink, #17181f);margin:0 0 4px}.completion-subtitle{font-size:14px;color:var(--soft, #8a847e);margin:0 0 24px}.completion-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:28px}.completion-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px}.completion-stat strong{font-size:22px;font-weight:700;color:var(--accent-dark, #8b6b3d);font-family:var(--mono-font, "DM Mono", monospace)}.completion-stat span{font-size:11px;color:var(--soft, #8a847e);text-transform:uppercase;letter-spacing:.03em}.completion-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.completion-srs{width:100%;max-width:420px;margin:0 auto 16px;border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:12px;overflow:hidden}.completion-srs-header{display:flex;align-items:center;gap:6px;width:100%;padding:10px 14px;border:none;background:var(--surface-2, rgba(0, 0, 0, .02));font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;color:inherit}.completion-srs-body{padding:8px 14px 12px}.completion-srs-hint{font-size:12px;opacity:.6;margin:0 0 10px}.completion-srs-group{margin-bottom:10px}.completion-srs-group:last-child{margin-bottom:0}.completion-srs-group-title{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.5;margin-bottom:6px}.completion-srs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.completion-srs-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:var(--surface-2, rgba(0, 0, 0, .02))}.completion-srs-text{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completion-srs-add{flex-shrink:0;font-size:12px;font-weight:600;border:1px solid var(--accent, #6b8db8);background:transparent;color:var(--accent, #6b8db8);border-radius:6px;padding:4px 10px;cursor:pointer;font-family:inherit;transition:all .15s ease}.completion-srs-add:hover:not(:disabled){background:var(--accent, #6b8db8);color:#fff}.completion-srs-add.added{border-color:var(--success, #7a9e6b);color:var(--success, #7a9e6b);cursor:default;opacity:.7}.completion-btn{font-size:14px;font-weight:600;border:none;border-radius:12px;padding:12px 32px;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%;max-width:280px}.completion-btn.primary{background:var(--accent, #b8956a);color:#fff}.completion-btn.primary:hover{background:var(--accent-dark, #8b6b3d);transform:translateY(-1px)}.completion-btn.secondary{background:transparent;color:var(--soft, #8a847e);border:1px solid var(--line-strong, rgba(23, 24, 31, .15))}.completion-btn.secondary:hover{background:var(--line, rgba(23, 24, 31, .05));color:var(--ink, #17181f)}.completion-no-next{font-size:13px;color:var(--soft, #8a847e);margin:0 0 4px}.completion-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--soft, #8a847e);font-size:20px;cursor:pointer;transition:all .15s ease;z-index:3}.completion-close:hover{background:var(--line, rgba(23, 24, 31, .08));color:var(--ink, #17181f)}.stats-screen{max-width:920px;margin:0 auto}.stats-header{max-width:720px;margin-bottom:20px}.stats-summary{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;padding:16px;margin-bottom:14px}.score-ring{display:grid;width:80px;height:80px;place-items:center;border-radius:50%;color:var(--accent-dark);background:radial-gradient(circle,var(--surface) 54%,transparent 55%),conic-gradient(var(--accent) 0 76%,rgba(26,25,24,.1) 76% 100%);font-size:27px;font-weight:880}.stats-summary strong,.stats-summary span{display:block}.stats-summary strong{margin-bottom:6px;font-size:19px}.stats-summary span{color:var(--muted);font-size:14px;line-height:1.4}.stats-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:14px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.stats-tabs button{min-height:34px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-weight:760}.stats-tabs button[aria-pressed=true]{color:#fff;background:var(--ink)}.trend-card{padding:16px;margin-bottom:14px}.trend-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.trend-card h2{margin:0;font-size:16px}.trend-card>div:first-child span{color:var(--accent-dark);font-size:13px;font-weight:850}.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:92px}.bar{min-height:16px;border-radius:999px}.bar.orange{background:var(--accent)}.bar.green{background:var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric{min-height:82px;padding:15px}.metric strong{display:block;font-size:24px}.metric span{display:block;margin-top:8px;color:var(--muted);font-size:12px}.panel{padding:8px 0;margin-bottom:14px}.panel h2{margin:0;padding:12px 16px 8px;font-size:17px}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-height:62px;padding:12px 16px;border-top:1px solid var(--line)}.history-row strong,.history-row span{display:block}.history-row strong{margin-bottom:4px;font-size:14px}.history-row span{color:var(--muted);font-size:12px}.history-row>span{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;color:var(--accent-dark);background:#e8622a1a;font-weight:800}.empty-state{margin:0;padding:12px 16px 16px;color:var(--muted);font-size:14px}@media(max-width:860px){.shell{width:min(100% - 24px,760px);padding-top:16px}.app-header{align-items:flex-start}.choose-layout{grid-template-columns:1fr}.setup-card{position:static}.step-panel h1,.stats-header h1{font-size:38px}.option-grid.four,.option-grid.two,.difficulty-grid,.metric-grid{grid-template-columns:1fr}.preview-top{grid-template-columns:42px minmax(0,1fr)}.preview-top .primary-action{grid-column:1 / -1}.practice-screen{min-height:calc(100vh - 96px);padding:14px 12px 340px}.practice-top{grid-template-columns:40px minmax(0,1fr) 40px}.tiny-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lyric-line p{font-size:20px}.lyric-line.current p{font-size:29px}.practice-input{right:12px;bottom:12px;left:12px}.textarea-row{grid-template-columns:1fr}.go-button,.voice-button{width:100%}.stats-summary{grid-template-columns:1fr}}@media(max-width:520px){.shell{width:min(100% - 18px,520px)}.app-header{flex-direction:column}.app-header nav{width:100%}.app-header nav button{flex:1}.step-panel h1,.stats-header h1{font-size:32px}.dialogue-card strong{font-size:18px}.practice-screen{padding-bottom:370px}.input-head{align-items:flex-start;flex-direction:column}.live-check{justify-content:flex-start}.target-feedback{font-size:19px}.practice-input textarea{font-size:18px}}.app-header{position:sticky;top:0;z-index:20;height:72px;margin:0;padding:0 47px;border-bottom:1px solid var(--line);background:#f4f3efeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-name{font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:34px;line-height:1;font-weight:700;letter-spacing:0}.app-header nav{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent}.demo-switch{display:inline-flex;align-items:center;gap:4px;height:50px;padding:5px 9px;border:1px solid var(--line);border-radius:14px;background:#ffffff75}.demo-switch>span{padding:0 8px 0 2px;color:var(--muted);font-family:DM Mono,ui-monospace,monospace;font-size:15px}.demo-switch button,.app-header nav button{min-height:0}.demo-switch button{height:34px;border:0;border-radius:7px;padding:0 13px;color:var(--muted);background:transparent;font-size:19px;font-weight:600}.demo-switch button[aria-pressed=true]{color:var(--page);background:var(--ink)}.nav-progress,.icon-button{border:0;border-radius:9px;color:var(--muted);background:transparent}.icon-select{height:36px;border:1px solid var(--border);border-radius:9px;background:var(--surface-strong);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;padding:0 6px;font-family:inherit}.icon-select:hover{border-color:var(--accent);color:var(--accent)}.icon-select:focus{outline:none;border-color:var(--accent)}.nav-progress{display:inline-flex;align-items:center;gap:9px;padding:0 10px;font-size:22px;font-weight:600}.nav-progress[aria-current=true]{color:var(--ink);background:transparent}.mini-bars{display:inline-flex;align-items:end;gap:3px;height:18px}.mini-bars i{display:block;width:2px;border-radius:999px;background:currentColor}.mini-bars i:nth-child(1){height:7px}.mini-bars i:nth-child(2){height:15px}.mini-bars i:nth-child(3){height:11px}.icon-button{display:grid;width:34px;height:34px;place-items:center;padding:0;font-size:25px}.choose-screen{width:min(100%,2048px);min-height:calc(100vh - 72px);margin:0 auto;padding:97px 47px 128px}.choose-layout{display:grid;grid-template-columns:220px minmax(0,1042px) 240px;gap:64px;align-items:start;justify-content:center}.chooser-left,.chooser-right,.choose-main{min-width:0}.panel-kicker{margin:0 0 28px;color:var(--muted);font-family:DM Mono,ui-monospace,monospace;font-size:17px;font-weight:500;letter-spacing:.14em}.how-it-works ol{display:grid;gap:27px;margin:0;padding:0;list-style:none}.how-it-works li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:20px;align-items:center}.how-it-works li span{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;color:var(--muted);background:#edeceab8;font-family:DM Mono,ui-monospace,monospace;font-size:16px}.how-it-works li p,.popular-pairs p,.side-note p,.side-stack p{margin:0;color:var(--muted);font-size:22px;line-height:1.35}.side-stack{display:grid;gap:16px}.side-stack .panel-kicker{margin:0}.side-stat strong{display:block;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:48px;line-height:1}.side-stat span{color:var(--muted);font-size:13px}.pair-preview{display:flex;align-items:center;gap:10px;font-size:26px}.pair-preview b{color:var(--muted);font-size:18px}.side-selection{color:var(--ink)!important;font-size:16px!important;font-weight:600}.popular-pairs .panel-kicker,.side-note .panel-kicker{margin-bottom:26px}.popular-pairs{padding-top:1px}.popular-pairs p:not(.panel-kicker){margin-bottom:20px;white-space:nowrap}.step-panel h1{max-width:none;margin-bottom:28px;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:72px;font-weight:700;line-height:.96;letter-spacing:0}.step-panel p{max-width:none;margin-bottom:57px;color:var(--muted);font-size:25px;line-height:1.3}.language-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}.language-panel .panel-kicker{margin-bottom:23px}.language-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.language-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:17px;align-items:center;min-height:96px;position:relative;border:1px solid rgba(26,25,24,.1);border-radius:18px;padding:18px 22px;color:var(--ink);background:var(--surface-strong);text-align:left;box-shadow:0 1px 2px #1a19180d;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.language-card:hover{border-color:#1a191847;box-shadow:0 8px 22px #1a191814;transform:translateY(-1px)}.language-card.unavailable{opacity:1}.language-card.unavailable:hover{border-color:#1a19181a;box-shadow:0 1px 2px #1a19180d;transform:none}.language-flag{font-size:28px;line-height:1}.language-card strong,.language-card small{display:block}.language-card strong{color:var(--ink);font-size:22px;line-height:1.08}.language-card small{margin-top:5px;color:var(--muted);font-size:18px;line-height:1.1}.language-hot-badge{position:absolute;top:8px;right:10px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#f97316,#ef4444)}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dialogue-card{border-radius:18px;padding:20px;background:var(--surface-strong)}.scene-grid .dialogue-card{min-height:150px}.scene-emoji{display:block;margin-bottom:12px;font-size:34px}.difficulty-grid .dialogue-card{position:relative;min-height:104px;padding-left:38px}.difficulty-stripe{position:absolute;top:18px;bottom:18px;left:18px;width:4px;border-radius:999px}.dialogue-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ui-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(26,25,24,.12);border-radius:16px;background:#ffffffd1;box-shadow:0 2px 3px #1a191808}.dialogue-tile{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.dialogue-tile:hover,.dialogue-tile:focus-within{border-color:#e8622a73;box-shadow:0 18px 42px #1a19181a;transform:translateY(-2px)}.dialogue-tile.active{border-color:#e8622ab8;box-shadow:0 22px 58px #b8401821}.dialogue-tile-select{position:relative;display:grid;width:100%;min-height:128px;align-content:start;gap:6px;border:0;padding:18px 20px 52px;color:var(--ink);background:transparent;text-align:left}.dialogue-tile-kicker{color:var(--accent-dark);font-size:13px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.dialogue-tile-select strong{max-width:100%;overflow-wrap:anywhere;color:var(--ink);font-size:24px;font-weight:850;line-height:1.12}.dialogue-tile-select span:not(.dialogue-tile-kicker):not(.dialogue-hover-action),.dialogue-tile-select small{color:var(--muted);font-size:14px;line-height:1.35}.dialogue-hover-action{position:absolute;right:22px;bottom:16px;min-height:32px;border:1px solid rgba(232,98,42,.22);border-radius:999px;padding:6px 12px 0;color:var(--accent-dark);background:#ffebe0b8;font-size:13px;font-weight:850;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.dialogue-tile:hover .dialogue-hover-action,.dialogue-tile:focus-within .dialogue-hover-action,.dialogue-tile.active .dialogue-hover-action{opacity:1;transform:translateY(0)}.dialogue-inline-setup{display:grid;gap:14px;border-top:1px solid rgba(26,25,24,.08);padding:16px 20px 20px;background:#fffcf8cc;animation:choiceStageIn .18s ease-out both}.dialogue-inline-setup .setup-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}.dialogue-inline-setup .setup-title p,.dialogue-inline-setup .audio-status,.dialogue-inline-setup .setup-warning{font-size:14px}.dialogue-inline-setup .setup-label{margin-bottom:8px;font-size:12px}.dialogue-inline-setup .role-grid,.dialogue-inline-setup .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dialogue-inline-setup .choice{min-height:48px;border-radius:10px;font-size:16px}.dialogue-inline-setup .secondary-action{min-height:42px;border-radius:10px;font-size:15px}.dialogue-inline-setup .eyebrow{color:var(--accent-dark);font-size:13px;font-weight:850}.setup-control-group{min-width:0}.setup-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.history-add-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;border:0;border-radius:999px;padding:0 18px;color:var(--page);background:var(--ink);font-size:14px;font-weight:700}.chooser-action-bar{position:fixed;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:16px max(20px,calc((100vw - 1280px)/2 + 40px));background:#f4f3eff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chooser-action-bar p,.chooser-action-bar span{margin:0}.chooser-action-bar p{color:var(--ink);font-size:15px;font-weight:600}.chooser-action-bar p.muted{color:var(--muted)}.chooser-action-bar div>span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.chooser-action-bar button{display:inline-flex;align-items:center;gap:6px;min-height:44px;border:0;border-radius:999px;padding:0 22px;color:var(--page);background:var(--ink);font-size:14px;font-weight:800}.chooser-action-bar button:disabled{color:var(--muted);background:var(--line)}.chooser-right .setup-card{position:sticky;top:96px;box-shadow:none}.preview-screen,.stats-screen{padding-top:48px}.practice-screen{margin-top:32px}@media(max-width:1180px){.choose-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}.chooser-right{display:none}.step-panel h1{font-size:58px}.language-duo{gap:28px}}@media(max-width:860px){.app-header{height:auto;min-height:64px;padding:14px 18px}.app-header nav{gap:6px}.demo-switch{height:42px}.demo-switch button{height:30px;font-size:13px}.demo-switch>span,.nav-progress{display:none}.choose-screen{padding:36px 18px 118px}.choose-layout{grid-template-columns:1fr}.chooser-left{display:none}.step-panel h1{font-size:42px;margin-bottom:14px}.step-panel p{margin-bottom:28px;font-size:17px}.language-duo,.language-card-grid,.scene-grid{grid-template-columns:1fr}.chooser-action-bar{padding:13px 16px}}:root{--page: #faf7f2;--surface: #ffffff;--surface-strong: #ffffff;--ink: #3d3229;--muted: #6b5d4d;--soft: #9a8e7e;--line: rgba(61, 50, 41, .08);--line-strong: rgba(61, 50, 41, .16);--accent: #b8956a;--accent-dark: #9a7a52;--green: #7a9e6b;--blue: #6b8db8;--danger: #b4624a;--shadow: 0 6px 24px rgba(61, 50, 41, .08)}body{background:linear-gradient(var(--page-grid) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid) 1px,transparent 1px),var(--page);background-size:28px 28px}.app-header{border-bottom:2px solid rgba(23,24,31,.1);background:#f7f8fbe6}.dialogue-library-screen{min-height:calc(100vh - 56px);padding:38px max(20px,calc((100vw - 1280px)/2 + 40px)) 64px}.dialogue-library{display:grid;gap:28px;max-width:1180px;margin:0 auto}.dialogue-library-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:26px;align-items:end}.dialogue-library-hero h1{max-width:680px;margin:0 0 12px;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:52px;font-weight:700;line-height:.98;letter-spacing:0}.dialogue-library-hero p{max-width:520px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}.language-toolbar{display:grid;gap:10px;justify-items:stretch;border:2px solid rgba(23,24,31,.1);border-radius:18px;padding:12px;background:#ffffffd1;box-shadow:0 14px 38px #252c4414}.language-toolbar .selected-language-pair{margin:0;border:0;padding:4px;background:transparent;box-shadow:none}.language-change-button,.language-save-button{position:sticky;bottom:-1px;z-index:2;min-height:44px;border:0;border-radius:12px;color:#fff;background:var(--ink);font-size:14px;font-weight:850}.language-change-button:hover,.language-save-button:hover{background:var(--accent)}.library-content-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.library-sidebar{display:grid;gap:18px;min-width:0}.library-filter-panel,.library-recent-panel{border:2px solid rgba(23,24,31,.1);border-radius:18px;padding:16px;background:#fffc;box-shadow:0 10px 28px #252c4412}.library-filter-panel .panel-kicker,.library-recent-panel .panel-kicker{margin:0 0 12px;color:var(--ink);font-size:11px}.scene-chip-list{display:grid;gap:8px}.scene-chip{display:flex;min-height:42px;align-items:center;justify-content:flex-start;gap:8px;border:1px solid rgba(23,24,31,.1);border-radius:12px;padding:0 12px;color:var(--ink);background:var(--surface-strong);font-size:14px;font-weight:780;text-align:left}.scene-chip small{margin-left:auto;color:var(--soft);font-size:12px}.scene-chip.active{border-color:var(--ink);color:#fff;background:var(--ink)}.scene-chip.active small{color:#ffffffb8}.history-stack.compact{gap:8px}.history-stack.compact .history-card{border:1px solid rgba(23,24,31,.09);border-radius:12px;padding:10px;background:var(--surface-strong);box-shadow:none}.library-dialogues{min-width:0}.dialogue-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.dialogue-list-header p,.dialogue-list-header span{margin:0}.dialogue-list-header p{color:var(--ink);font-size:20px;font-weight:850}.dialogue-list-header span{color:var(--muted);font-family:DM Mono,ui-monospace,monospace;font-size:12px;font-weight:500}.dialogue-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dialogue-tile{border:2px solid rgba(23,24,31,.1);border-radius:18px;background:var(--surface-strong);box-shadow:0 10px 30px #252c4414}.dialogue-tile-select{grid-template-columns:104px minmax(0,1fr);min-height:148px;align-content:stretch;gap:14px;padding:14px 16px 46px 14px}.dialogue-cover-slot{display:grid;width:104px;min-height:120px;place-items:center;overflow:hidden;border:2px solid rgba(23,24,31,.12);border-radius:14px;background:linear-gradient(135deg,rgba(255,103,71,.18),transparent 48%),linear-gradient(45deg,rgba(37,99,235,.14),transparent 52%),#eef3ff}.dialogue-cover-slot img{width:100%;height:100%;object-fit:cover}.dialogue-cover-slot i{color:#17181f9e;font-size:36px;font-style:normal}.dialogue-tile-body{display:grid;min-width:0;align-content:start;gap:6px}.dialogue-tile-select strong{font-size:24px;line-height:1.08}.dialogue-hover-action{right:16px;bottom:12px;border-radius:10px;padding:6px 10px;color:var(--ink);background:#ffe85f}.language-modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:#17181f61;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.language-modal{position:relative;display:grid;width:min(100%,880px);max-height:min(90vh,820px);gap:18px;overflow:auto;border:3px solid var(--ink);border-radius:22px;padding:26px;background:var(--surface-strong);box-shadow:10px 10px #17181f29,0 30px 80px #17181f38}.language-modal-close{position:absolute;top:14px;right:14px;display:grid;width:36px;height:36px;place-items:center;border:2px solid var(--ink);border-radius:999px;color:var(--ink);background:var(--surface-strong);font-size:22px;line-height:1}.language-modal-header{padding-right:42px}.language-modal-header h2{margin:0 0 8px;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:38px;line-height:1}.language-modal-header p{max-width:580px;margin:0;color:var(--muted);font-size:15px;line-height:1.5}.modal-language-duo{gap:16px}.language-modal .language-card{min-height:78px;border-radius:14px;padding:13px 15px}.language-error{margin:0;color:var(--danger);font-size:14px;font-weight:800}body{font-family:Plus Jakarta Sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{width:100%;margin:0;padding:0}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:12px;height:56px;min-height:56px;margin:0;border-bottom:1px solid var(--line);padding:0 max(20px,calc((100vw - 1280px)/2 + 40px));background:#f4f3efe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-lockup{min-height:40px}.brand-name{font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:22px;line-height:1;font-weight:700;letter-spacing:0}.app-header nav{display:flex;align-items:center;width:auto;gap:2px;border:0;padding:0;background:transparent}.app-header nav button{flex:initial;min-height:32px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:12px;font-weight:600}.nav-progress{display:inline-flex;align-items:center;gap:6px;padding:0 12px}.nav-progress[aria-current=true]{color:var(--ink);background:var(--line)}.mini-bars{height:14px;gap:2px}.mini-bars i{width:2px}.mini-bars i:nth-child(1){height:6px}.mini-bars i:nth-child(2){height:13px}.mini-bars i:nth-child(3){height:9px}.icon-button{display:grid;width:32px;height:32px;place-items:center;padding:0;font-size:17px}.choose-screen{width:min(100%,1280px);min-height:calc(100vh - 56px);margin:0 auto;padding:40px 20px 128px}.choose-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:48px;align-items:start;justify-content:initial}.panel-kicker{margin:0 0 16px;color:var(--muted);font-family:DM Mono,ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.how-it-works ol{gap:16px}.how-it-works li{grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start}.how-it-works li span{width:20px;height:20px;margin-top:2px;font-size:10px}.how-it-works li p,.popular-pairs p,.side-note p,.side-stack p{font-size:12px;line-height:1.5}.side-stack{gap:28px}.side-stat strong{font-size:48px}.side-stat span{font-size:12px}.pair-preview{gap:8px;font-size:24px}.pair-preview b{font-size:14px}.side-selection{font-size:14px!important}.popular-pairs .panel-kicker,.side-note .panel-kicker{margin-bottom:16px}.popular-pairs p:not(.panel-kicker){margin-bottom:10px;white-space:nowrap}.step-panel h1{margin-bottom:10px;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:44px;font-weight:700;line-height:1.12;letter-spacing:0}.step-panel p{margin-bottom:32px;color:var(--muted);font-size:14px;line-height:1.5}.selected-language-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:28px;border:1px solid rgba(26,25,24,.1);border-radius:14px;padding:14px 16px;background:#ffffffc7}.selected-language-pair-item{display:grid;gap:8px;min-width:0}.selected-language-pair-item.target{text-align:right}.selected-language-pair-label{color:var(--muted);font-family:DM Mono,ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.selected-language-pair-value{display:flex;align-items:center;gap:10px;min-width:0}.selected-language-pair-item.target .selected-language-pair-value{justify-content:flex-end}.selected-language-pair-flag{flex:none;font-size:24px;line-height:1}.selected-language-pair-value strong,.selected-language-pair-value small{display:block}.selected-language-pair-value strong{overflow-wrap:anywhere;color:var(--ink);font-size:16px;line-height:1.15}.selected-language-pair-value small{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.2}.selected-language-pair-arrow{color:var(--accent);font-size:24px;font-weight:800;line-height:1}.language-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.language-panel .panel-kicker{margin-bottom:12px}.language-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.language-card{grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:72px;border-radius:12px;padding:12px;box-shadow:none}.language-card:hover{box-shadow:0 2px 10px #1a19180f}.language-card.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.language-flag{font-size:20px}.language-card strong{font-size:12px;line-height:1.18}.language-card small{margin-top:2px;font-size:10px;line-height:1.2}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choose-screen .dialogue-card{border-radius:16px;padding:16px;background:var(--surface-strong);box-shadow:none}.choose-screen .dialogue-card:hover{border-color:#1a19184d;box-shadow:0 2px 12px #1a19180f}.choose-screen .dialogue-card.active{border-color:var(--ink);background:#edecea4d;box-shadow:0 0 0 1px var(--ink)}.choose-screen .dialogue-card strong{font-size:14px;line-height:1.25}.choose-screen .dialogue-card span,.choose-screen .dialogue-card small{font-size:12px;line-height:1.45}.staged-step-panel{display:grid;gap:28px}.choice-summary-stack{display:flex;flex-wrap:wrap;gap:10px;min-height:0}.choice-summary-card{display:grid;gap:3px;min-width:150px;border:1px solid rgba(26,25,24,.08);border-radius:14px;padding:11px 14px;background:#ffffffb8;box-shadow:0 1px 2px #1a19180a;font:inherit;text-align:left}button.choice-summary-card{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}button.choice-summary-card:hover,button.choice-summary-card:focus-visible{border-color:#e8622a57;box-shadow:0 12px 28px #1a191814;transform:translateY(-1px)}.choice-summary-card span,.choice-summary-card small{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.02em}.choice-summary-card strong{color:var(--ink);font-size:15px;line-height:1.2}.choice-summary-card small{font-weight:600;letter-spacing:0}.choice-stage{display:grid;gap:18px;animation:choiceStageIn .18s ease-out both}.choice-stage h1{margin:0}.choice-stage>p{margin:-8px 0 8px}@keyframes choiceStageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scene-grid .dialogue-card{min-height:auto}.scene-emoji{margin-bottom:12px;font-size:30px}.difficulty-grid{grid-template-columns:1fr;gap:12px}.difficulty-grid .dialogue-card{min-height:82px;padding-left:34px}.difficulty-stripe{top:16px;bottom:16px;left:16px}.dialogue-list{gap:12px}.chooser-action-bar{padding:16px max(20px,calc((100vw - 1280px)/2 + 40px))}.chooser-action-left,.chooser-action-copy{min-width:0}.chooser-action-copy{flex:1;text-align:center}.chooser-action-bar p{font-size:14px}.chooser-action-bar .chooser-next-button,.chooser-action-bar .chooser-before-button{min-height:40px;padding:0 20px;font-size:14px}.chooser-action-bar .chooser-before-button{gap:5px;border:1px solid rgba(26,25,24,.12);color:var(--ink);background:#ffffffb8}.chooser-action-bar .chooser-before-button:hover{border-color:#1a19183d}.chooser-action-bar .chooser-before-button:disabled{color:var(--muted);background:#edeceab8}@media(min-width:1024px){.choose-screen{padding:56px 40px 128px}}@media(max-width:1180px){.choose-layout{grid-template-columns:220px minmax(0,1fr) 240px;gap:36px}.chooser-right{display:block}.step-panel h1{font-size:44px}}@media(max-width:1023px){.choose-layout{grid-template-columns:1fr}.chooser-left,.chooser-right{display:none}.dialogue-tile-grid{grid-template-columns:1fr}.choose-screen{padding:40px 20px 118px}}@media(max-width:860px){.app-header{height:56px;min-height:56px;padding:0 20px}.nav-progress{display:none}.step-panel h1{margin-bottom:10px;font-size:32px}.step-panel p{margin-bottom:28px;font-size:14px}.language-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.selected-language-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;padding:12px}.selected-language-pair-label{font-size:9px;letter-spacing:.1em}.selected-language-pair-value{gap:7px}.selected-language-pair-flag{font-size:18px}.selected-language-pair-value strong{font-size:13px}.selected-language-pair-value small{font-size:10px}.selected-language-pair-arrow{font-size:18px}.language-card-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-tile-select{min-height:120px;padding:16px 16px 50px}.dialogue-tile-select strong{font-size:21px}.dialogue-inline-setup{padding:16px}.dialogue-inline-setup .role-grid,.dialogue-inline-setup .mode-grid{gap:10px}.dialogue-inline-setup .choice{min-height:46px;font-size:15px}.dialogue-inline-setup .secondary-action{min-height:42px;font-size:14px}.preview-modal-backdrop{padding:12px}.preview-modal .preview-screen{padding:24px 16px}.chooser-action-bar{padding:13px 16px}}.language-save-button{position:sticky;bottom:-1px;z-index:2}.home-layout.two-column{grid-template-columns:240px minmax(0,1fr)}.course-card-fav{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--soft);cursor:pointer;transition:color .15s,background .15s;z-index:1}.course-card-fav:hover{background:#fff;color:var(--accent)}.course-card-fav.active{color:var(--accent)}.progress-view{display:flex;flex-direction:column;gap:12px;padding-bottom:24px}.progress-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.progress-title{font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700;color:var(--ink);margin:0}.progress-subtitle{font-size:12px;color:var(--muted);margin:4px 0 0}.progress-time-filter{padding:5px 10px;border:1px solid var(--line-strong);border-radius:8px;font-size:12px;font-family:inherit;background:var(--surface);color:var(--ink);cursor:pointer}.progress-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.progress-kpi-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:11px 12px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.progress-kpi-icon{grid-row:1 / 3;color:var(--accent);margin:0}.progress-kpi-value{font-family:Bricolage Grotesque,sans-serif;font-size:21px;font-weight:700;color:var(--ink)}.progress-kpi-label{font-size:10px;color:var(--muted)}.progress-card{background:var(--surface);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.progress-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.progress-card-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);margin:0 0 10px}.progress-card-header .progress-card-title{margin-bottom:0}.progress-trend-toggle{display:flex;gap:4px}.progress-trend-toggle button{padding:4px 9px;border:none;background:var(--cafe-cream);border-radius:8px;font-size:11px;font-weight:500;color:var(--soft);cursor:pointer;font-family:inherit}.progress-trend-toggle button.active{background:var(--accent);color:#fff}.progress-trend-chart{width:100%}.progress-trend-svg{width:100%;height:142px}.progress-empty-chart{padding:28px;text-align:center;font-size:14px;color:var(--soft)}.progress-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.progress-goal-display{margin:8px 0 4px}.progress-goal-current{font-family:Bricolage Grotesque,sans-serif;font-size:23px;font-weight:700;color:var(--accent)}.progress-goal-target{font-size:14px;color:var(--soft)}.progress-goal-days{font-size:12px;color:var(--muted);margin:0 0 8px}.progress-streak-calendar{display:flex;justify-content:space-between;margin-bottom:8px}.progress-streak-day{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-streak-circle{width:24px;height:24px;border-radius:50%;border:2px solid var(--cafe-tan);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.progress-streak-circle.completed{background:var(--accent);border-color:var(--accent)}.progress-streak-label{font-size:10px;color:var(--soft)}.progress-edit-goal,.progress-goal-save,.progress-goal-cancel{font-size:12px;font-weight:500;border:none;cursor:pointer;font-family:inherit;padding:4px 10px;border-radius:8px}.progress-edit-goal{display:flex;align-items:center;gap:4px;background:var(--cafe-cream);color:var(--accent)}.progress-goal-edit{display:flex;align-items:center;gap:6px}.progress-goal-input{width:60px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:6px;font-size:13px;font-family:inherit}.progress-goal-save{background:var(--accent);color:#fff}.progress-goal-cancel{background:var(--cafe-cream);color:var(--muted)}.progress-character-list{display:flex;flex-direction:column;gap:6px}.progress-character-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--cafe-cream)}.progress-character-rank{font-size:14px;font-weight:700;color:var(--accent);width:20px}.progress-character-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.progress-character-name{flex:1;font-size:13px;font-weight:500;color:var(--ink)}.progress-character-count{font-size:12px;color:var(--soft)}.progress-empty-text{font-size:13px;color:var(--soft);text-align:center;padding:14px}.progress-recent-list{display:flex;flex-direction:column;gap:6px}.progress-recent-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--cafe-cream);cursor:pointer;transition:background .15s}.progress-recent-item:hover{background:var(--cafe-tan)}.progress-recent-title{flex:1;font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-recent-date{font-size:11px;color:var(--soft)}.progress-recent-score{font-size:13px;font-weight:600;color:var(--accent)}.progress-recent-play{color:var(--accent)}.progress-story-card .progress-ring-container{position:relative;display:flex;align-items:center;justify-content:center;margin:2px auto 6px}.progress-story-card .progress-ring-label{position:absolute;display:flex;flex-direction:column;align-items:center}.progress-story-card .progress-ring-percent{color:var(--ink);font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:700}.progress-story-card .circular-progress{display:block}.progress-story-card .circular-progress-bg{stroke:var(--cafe-tan)}.progress-story-card .circular-progress-fill{stroke:var(--accent);transition:stroke-dashoffset .3s ease}.progress-story-title{font-size:14px;font-weight:600;color:var(--ink);text-align:center;margin:0}.progress-story-courses{font-size:12px;color:var(--muted);text-align:center;margin:3px 0 8px}.progress-view-courses{display:block;margin:0 auto;padding:6px 16px;background:var(--accent);border:none;border-radius:20px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;font-family:inherit}.progress-view-courses:hover{background:var(--accent-dark)}.favorites-view{display:flex;flex-direction:column;gap:20px}.favorites-header{margin-bottom:4px}.favorites-title{font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:700;color:var(--ink);margin:0}.favorites-subtitle{font-size:14px;color:var(--muted);margin:4px 0 0}.favorites-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.favorites-tabs{display:flex;gap:4px}.favorites-tab{padding:6px 16px;border:none;background:var(--cafe-cream);border-radius:10px;font-size:13px;font-weight:500;color:var(--soft);cursor:pointer;font-family:inherit}.favorites-tab.active{background:var(--accent);color:#fff}.favorites-search-wrapper{position:relative;display:flex;align-items:center}.favorites-search-icon{position:absolute;left:10px;color:var(--soft);pointer-events:none}.favorites-search-input{padding:6px 32px 6px 30px;border:1px solid var(--line-strong);border-radius:10px;font-size:13px;font-family:inherit;background:var(--surface);color:var(--ink);width:200px}.favorites-search-clear{position:absolute;right:8px;background:none;border:none;color:var(--soft);cursor:pointer;padding:2px}.favorites-list{display:flex;flex-direction:column;gap:12px}.favorite-row{display:flex;align-items:center;gap:16px;padding:14px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s,transform .1s}.favorite-row:hover{box-shadow:0 12px 36px #3d32291f;transform:translateY(-2px)}.favorite-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.favorite-edit-btn,.favorite-remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;flex-shrink:0;transition:color .15s}.favorite-edit-btn{color:var(--muted)}.favorite-edit-btn:hover{color:var(--accent)}.favorite-remove-btn{color:var(--muted)}.favorite-remove-btn:hover{color:#e8443a}.my-course-line-translation{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.favorites-empty{padding:60px 20px;text-align:center;font-size:15px;color:var(--soft);background:var(--surface);border-radius:16px;box-shadow:var(--shadow)}.favorites-empty-illustration{font-size:48px;margin-bottom:16px}.favorites-empty-title{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 8px}.favorites-empty-subtitle{font-size:14px;color:var(--muted);margin:0 0 20px;line-height:1.6}.favorites-empty-btn{padding:10px 24px;background:var(--accent);border:none;border-radius:20px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;font-family:inherit}.favorites-empty-btn:hover{background:var(--accent-dark)}.favorites-features{margin-top:8px}.favorites-features-title{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 12px}.favorites-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.favorites-feature-card{padding:20px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow)}.favorites-feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#b8956a1a;color:var(--accent);margin-bottom:12px}.favorites-feature-card h4{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 4px}.favorites-feature-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.notebook-view{display:flex;flex-direction:column;gap:20px}.notebook-header{display:flex;align-items:flex-start;justify-content:space-between}.notebook-title{font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:700;color:var(--ink);margin:0}.notebook-subtitle{font-size:14px;color:var(--muted);margin:4px 0 0}.notebook-new-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--accent);background:none;border-radius:20px;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;font-family:inherit}.notebook-new-btn:hover{background:#b8956a14}.notebook-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.notebook-tabs{display:flex;gap:4px}.notebook-tab{padding:6px 14px;border:none;background:var(--cafe-cream);border-radius:10px;font-size:13px;font-weight:500;color:var(--soft);cursor:pointer;font-family:inherit}.notebook-tab.active{background:var(--accent);color:#fff}.notebook-search-wrapper{position:relative;display:flex;align-items:center}.notebook-search-icon{position:absolute;left:10px;color:var(--soft);pointer-events:none}.notebook-search-input{padding:6px 32px 6px 30px;border:1px solid var(--line-strong);border-radius:10px;font-size:13px;font-family:inherit;background:var(--surface);color:var(--ink);width:200px}.notebook-search-clear{position:absolute;right:8px;background:none;border:none;color:var(--soft);cursor:pointer;padding:2px}.notebook-list{display:flex;flex-direction:column;gap:10px}.notebook-item{padding:16px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow)}.notebook-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.notebook-item-tag{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.notebook-item-tag.sentence{background:#b8956a26;color:var(--accent)}.notebook-item-tag.vocabulary{background:#7a9e6b26;color:var(--green)}.notebook-item-tag.note{background:#6b8db826;color:var(--blue)}.notebook-item-time{font-size:11px;color:var(--soft)}.notebook-item-content{font-size:14px;color:var(--ink);margin:0 0 8px;line-height:1.6}.notebook-item-footer{display:flex;justify-content:flex-end}.notebook-item-actions{display:flex;gap:8px;opacity:0;transition:opacity .15s}.notebook-item:hover .notebook-item-actions{opacity:1}.notebook-item-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--cafe-cream);border:none;border-radius:8px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;font-family:inherit}.notebook-item-btn:hover{background:var(--cafe-tan);color:var(--ink)}.notebook-item-btn.delete:hover{color:var(--danger)}.notebook-empty{padding:60px 20px;text-align:center;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);font-size:15px;color:var(--soft)}.notebook-empty-illustration{font-size:48px;margin-bottom:16px}.notebook-empty-title{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 8px}.notebook-empty-subtitle{font-size:14px;color:var(--muted);margin:0 0 20px;line-height:1.6}.notebook-empty-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.notebook-empty-btn{padding:10px 24px;background:var(--accent);border:none;border-radius:20px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;font-family:inherit}.notebook-empty-btn:hover{background:var(--accent-dark)}.notebook-empty-link{background:none;border:none;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;font-family:inherit}.notebook-features{margin-top:8px}.notebook-features-title{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 12px}.notebook-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notebook-feature-card{padding:20px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow)}.notebook-feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#b8956a1a;color:var(--accent);margin-bottom:12px}.notebook-feature-card h4{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 4px}.notebook-feature-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.note-editor-modal{position:relative;width:100%;max-width:480px;background:var(--surface);border-radius:20px;padding:28px;box-shadow:0 24px 64px #3d322933}.note-editor-title{font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:700;color:var(--ink);margin:0 0 20px}.note-editor-field{margin-bottom:16px}.note-editor-label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}.note-editor-type-grid{display:flex;gap:8px}.note-editor-textarea{width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:12px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--ink);resize:vertical;min-height:100px}.note-editor-textarea:focus{outline:none;border-color:var(--accent)}.note-editor-char-count{display:block;text-align:right;font-size:11px;color:var(--soft);margin-top:4px}.note-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.note-editor-cancel{padding:8px 16px;background:var(--cafe-cream);border:none;border-radius:20px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;font-family:inherit}.note-editor-save{padding:8px 20px;background:var(--accent);border:none;border-radius:20px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;font-family:inherit}.note-editor-save:hover:not(:disabled){background:var(--accent-dark)}.note-editor-save:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.progress-kpi-grid{grid-template-columns:repeat(2,1fr)}.progress-bottom-grid,.favorites-features-grid,.notebook-features-grid{grid-template-columns:1fr}}.home-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;background:var(--cafe-cream);border-radius:20px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .15s;font-family:inherit}.home-back-btn:hover{background:var(--cafe-tan)}.my-courses-view{display:flex;flex-direction:column;gap:20px}.my-courses-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.my-courses-title{font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:700;color:var(--ink);margin:0}.my-courses-subtitle{font-size:14px;color:var(--muted);margin:4px 0 0}.my-courses-sort{display:flex;align-items:center;gap:6px}.my-courses-sort-label{font-size:13px;color:var(--soft)}.my-courses-sort-select{padding:6px 12px;border:1px solid var(--line-strong);border-radius:8px;font-size:13px;font-family:inherit;background:var(--surface);color:var(--ink);cursor:pointer}.my-courses-stats{display:flex;gap:12px}.my-courses-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px;background:var(--surface);border:none;border-radius:14px;cursor:pointer;transition:box-shadow .15s;box-shadow:var(--shadow);font-family:inherit}.my-courses-stat.active{box-shadow:0 0 0 2px var(--accent)}.my-courses-stat-value{font-family:Bricolage Grotesque,sans-serif;font-size:28px;font-weight:700;color:var(--accent)}.my-courses-stat-label{font-size:12px;color:var(--muted);font-weight:500}.my-courses-list{display:flex;flex-direction:column;gap:12px}.my-course-row{display:flex;align-items:center;gap:16px;padding:14px;background:var(--surface);border:none;border-radius:16px;cursor:pointer;transition:box-shadow .15s,transform .1s;box-shadow:var(--shadow)}.my-course-row:hover{box-shadow:0 12px 36px #3d32291f;transform:translateY(-2px)}.my-course-cover{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--cafe-cream)}.my-course-cover-img{width:100%;height:100%;object-fit:cover}.my-course-cover-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:28px}.my-course-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.my-course-title{font-size:15px;font-weight:600;color:var(--ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-course-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.my-course-meta-item{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--soft)}.my-course-progress{display:flex;align-items:center;gap:8px}.my-course-progress-bar{flex:1;max-width:160px;height:6px;background:var(--cafe-tan);border-radius:3px;overflow:hidden}.my-course-progress-fill{height:100%;background:var(--accent);border-radius:3px}.my-course-progress-text{font-size:12px;color:var(--accent);font-weight:500;white-space:nowrap}.my-course-completed-date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--green)}.my-course-action{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);border:none;border-radius:20px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s;white-space:nowrap;font-family:inherit;flex-shrink:0}.my-course-action:hover{background:var(--accent-dark)}.my-course-action-locked{background:var(--bg-elevated, #e5e7eb);color:var(--text-secondary, #9ca3af);cursor:not-allowed}.my-course-action-locked:hover{background:var(--bg-elevated, #e5e7eb)}.my-course-row.chapter-locked{opacity:.55;cursor:not-allowed}.my-courses-empty{padding:60px 20px;text-align:center;font-size:15px;color:var(--soft);background:var(--surface);border-radius:16px;box-shadow:var(--shadow)}.characters-view{display:flex;flex-direction:column;gap:20px}.characters-hero{height:140px;border-radius:18px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);display:flex;align-items:center;padding:0 28px;overflow:hidden}.characters-hero-content{color:#fff}.characters-hero-title{font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:700;margin:0 0 4px}.characters-hero-subtitle{font-size:14px;opacity:.85;margin:0}.characters-list{display:flex;flex-direction:column;gap:12px}.character-list-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--surface);border:none;border-radius:16px;cursor:pointer;transition:box-shadow .15s,transform .1s;box-shadow:var(--shadow)}.character-list-card:hover{box-shadow:0 12px 36px #3d32291f;transform:translateY(-2px)}.character-list-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0}.character-list-avatar img{width:100%;height:100%;object-fit:cover}.character-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.character-list-name{font-size:16px;font-weight:600;color:var(--ink);margin:0}.character-list-role{font-size:13px;color:var(--accent);font-weight:500}.character-list-personality{font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.character-list-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.character-list-courses{font-size:12px;color:var(--soft)}.character-list-view{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.character-detail-view{display:flex;flex-direction:column;gap:12px}.character-hero-card{display:flex;align-items:center;gap:24px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.character-hero-avatar{width:188px;height:188px;border-radius:50%;overflow:hidden;flex-shrink:0}.character-hero-avatar img{width:100%;height:100%;object-fit:cover}.character-hero-info{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.character-hero-name{font-size:28px;font-weight:700;line-height:38px;color:var(--ink);margin:0}.character-hero-occupation{font-size:14px;font-weight:500;line-height:22px;color:var(--muted)}.character-hero-tags{display:flex;flex-wrap:wrap;gap:8px}.character-hero-tag{padding:4px 10px;border-radius:99px;background:var(--cafe-cream);color:var(--accent-dark);font-size:12px;font-weight:500}.character-hero-bio{font-size:14px;line-height:22px;color:var(--muted);margin:0}.character-hero-relation{display:flex;flex-direction:column;gap:10px;width:236px;flex-shrink:0;padding-left:22px;border-left:1px solid var(--line)}.character-relation-title{font-size:15px;font-weight:500;line-height:22px;color:var(--ink);margin:0}.character-relation-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:var(--cafe-cream);color:var(--accent-dark);font-size:12px;font-weight:500;align-self:flex-start}.character-relation-badge-heart{font-size:13px}.character-relation-desc{font-size:12px;line-height:18px;color:var(--muted);margin:0}.character-cta-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.character-cta-primary:hover:not(:disabled){opacity:.88}.character-cta-primary:disabled{opacity:.5;cursor:default}.character-cta-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid var(--accent);border-radius:10px;background:transparent;color:var(--accent-dark);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.character-cta-secondary:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.character-cta-free{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent-dark);font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s}.character-cta-free:hover{opacity:.85}.character-free-chat-hint{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:12px}.character-detail-section{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.detail-section-title{font-size:18px;font-weight:700;line-height:28px;color:var(--ink);margin:0}.character-profile-intro{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.character-detail-empty{font-size:14px;color:var(--soft);margin:0}.character-about-section{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.character-about-header{display:flex;align-items:center;gap:10px}.character-about-title{font-size:18px;font-weight:700;line-height:28px;color:var(--ink);margin:0}.character-about-badge{padding:3px 9px;border-radius:99px;background:var(--cafe-cream);color:var(--accent-dark);font-size:12px;font-weight:500}.character-about-spacer{flex:1}.character-about-learn-more{border:none;background:transparent;color:var(--accent-dark);font-size:12px;font-weight:500;cursor:pointer;padding:0;transition:opacity .2s}.character-about-learn-more:hover{opacity:.7}.character-about-intro{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.character-stage-timeline{display:flex;align-items:center;gap:0;position:relative;padding:8px 0 4px}.character-stage-timeline-line{position:absolute;top:18px;left:60px;right:60px;height:2px;background:var(--line-strong)}.character-stage-node{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative;z-index:1}.character-stage-dot{width:22px;height:22px;border-radius:50%;background:var(--cafe-cream);border:2px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--soft)}.character-stage-node.is-completed .character-stage-dot,.character-stage-node.is-current .character-stage-dot{background:var(--accent);border-color:var(--accent)}.character-stage-node.is-locked .character-stage-dot{background:var(--cafe-cream);border-color:var(--line-strong)}.character-stage-label{font-size:11px;font-weight:500;color:var(--muted);text-align:center;white-space:nowrap}.character-stage-node.is-current .character-stage-label{color:var(--accent-dark);font-weight:600}.character-stage-node.is-locked .character-stage-label{color:var(--soft)}.character-archive-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.character-archive-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:var(--cafe-cream)}.character-archive-pill-num{font-size:11px;font-weight:700;color:var(--accent-dark)}.character-archive-pill-title{font-size:12px;font-weight:500;color:var(--ink)}.character-archive-remaining{font-size:12px;color:var(--soft)}.character-greetings-heading{display:flex;align-items:flex-start;gap:10px;color:var(--accent)}.character-greetings{display:grid;gap:8px}.character-greetings blockquote{margin:0;padding:12px 14px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--cafe-cream);color:var(--ink);font-size:13px;line-height:1.6}.character-courses-header{display:flex;align-items:center;justify-content:space-between}.character-courses-view-all{border:none;background:transparent;color:var(--accent-dark);font-size:12px;font-weight:500;cursor:pointer;padding:0}.character-courses-view-all:hover{opacity:.7}.character-detail-courses{display:flex;flex-direction:column;gap:8px}.character-course-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:background .15s}.character-course-row:hover{background:var(--cafe-cream)}.character-course-cover{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0}.character-course-cover img{width:100%;height:100%;object-fit:cover}.character-course-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.character-course-title{font-size:14px;font-weight:600;color:var(--ink);margin:0}.character-course-start{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent-dark);font-size:12px;font-weight:500;cursor:pointer;flex-shrink:0;transition:background .2s}.character-course-start:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.character-detail-not-found{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px}.character-archive-modal-overlay{position:fixed;inset:0;background:#3d322959;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.character-archive-modal{display:flex;flex-direction:column;gap:14px;padding:26px 28px 22px;background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;box-shadow:var(--shadow);width:820px;max-width:100%;max-height:90vh;overflow-y:auto}.archive-modal-header{display:flex;align-items:center;gap:14px}.archive-modal-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.archive-modal-avatar img{width:100%;height:100%;object-fit:cover}.archive-modal-titles{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.archive-modal-title{font-size:18px;font-weight:700;line-height:28px;color:var(--ink);margin:0}.archive-modal-subtitle{font-size:12px;line-height:18px;color:var(--muted);margin:0}.archive-modal-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.archive-modal-stage-badge{padding:4px 10px;border-radius:8px;background:var(--cafe-cream);color:var(--accent-dark);font-size:12px;font-weight:500}.archive-modal-unlocked-count{font-size:12px;color:var(--muted)}.archive-modal-close{border:none;background:transparent;color:var(--soft);font-size:20px;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.archive-modal-close:hover{color:var(--ink)}.archive-modal-rail{display:flex;align-items:center;gap:0;position:relative;padding:4px 0}.archive-modal-rail-line{position:absolute;top:14px;left:55px;right:55px;height:2px;background:var(--line-strong)}.archive-rail-node{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative;z-index:1}.archive-rail-dot{width:22px;height:22px;border-radius:50%;background:var(--cafe-cream);border:2px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--soft)}.archive-rail-node.is-completed .archive-rail-dot,.archive-rail-node.is-current .archive-rail-dot{background:var(--accent);border-color:var(--accent)}.archive-rail-label{font-size:11px;font-weight:500;color:var(--muted);text-align:center;white-space:nowrap}.archive-rail-node.is-current .archive-rail-label{color:var(--accent-dark);font-weight:600}.archive-rail-node.is-locked .archive-rail-label{color:var(--soft)}.archive-modal-hint{font-size:12px;font-weight:500;color:var(--muted);margin:0}.archive-modal-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}.archive-modal-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.archive-modal-card:last-child{border-bottom:none}.archive-modal-card.is-current{background:var(--cafe-cream)}.archive-modal-card.is-locked{opacity:.65}.archive-card-icon{width:36px;height:36px;border-radius:8px;background:var(--cafe-cream);display:flex;align-items:center;justify-content:center;color:var(--accent-dark);flex-shrink:0}.archive-card-icon.is-locked{background:var(--cafe-cream);opacity:.45;color:var(--soft)}.archive-modal-card.is-current .archive-card-icon{background:var(--accent);color:#fff}.archive-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.archive-card-title{font-size:14px;font-weight:500;line-height:22px;color:var(--ink);margin:0}.archive-modal-card.is-locked .archive-card-title{color:var(--muted)}.archive-card-text{font-size:12px;line-height:18px;color:var(--muted);margin:0}.archive-modal-card.is-locked .archive-card-text{color:var(--soft)}.archive-card-status{font-size:12px;font-weight:500;color:var(--accent-dark);flex-shrink:0;white-space:nowrap}.archive-modal-card.is-locked .archive-card-status{color:var(--soft)}.archive-modal-footer{display:flex;align-items:center;gap:12px}.archive-modal-footer-hint{flex:1;font-size:12px;line-height:18px;color:var(--muted);margin:0}.archive-modal-got-it{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:500;cursor:pointer;flex-shrink:0;transition:opacity .2s}.archive-modal-got-it:hover{opacity:.88}@media(max-width:900px){.character-hero-card{flex-direction:column;align-items:stretch}.character-hero-avatar{align-self:center}.character-hero-relation{width:100%;padding-left:0;border-left:none;border-top:1px solid var(--line);padding-top:16px}}@media(max-width:720px){.character-hero-avatar{width:120px;height:120px}.character-hero-name{font-size:22px;line-height:30px}.character-stage-timeline-line{left:30px;right:30px}.character-stage-label{font-size:10px}.archive-modal-rail-line{left:30px;right:30px}.archive-rail-label{font-size:10px}.character-archive-modal{padding:20px 18px 16px}.archive-modal-footer{flex-direction:column;align-items:stretch}.archive-modal-got-it{justify-content:center}}.shell-home{width:100%;max-width:100%;margin:0;padding:0}.home-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:24px;width:100%;max-width:100%;margin:0;padding:20px 32px;height:100vh;overflow:hidden;align-items:stretch}.home-left-sidebar{display:flex;flex-direction:column;gap:10px;position:sticky;top:20px;align-self:stretch;height:calc(100vh - 40px);background:var(--sidebar-bg);border-radius:18px;padding:16px 14px;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 4px 14px;border-bottom:1px solid var(--line);position:relative;flex-shrink:0}.sidebar-brand:after{content:"";position:absolute;left:4px;bottom:-1px;width:36px;height:2px;background:linear-gradient(90deg,#f5c518,transparent);border-radius:1px}.sidebar-brand-mark{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.sidebar-brand-mark:hover{transform:rotate(-3deg) scale(1.05)}.sidebar-brand-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(61,50,41,.12))}.sidebar-brand-text{display:flex;flex-direction:column;flex:1;min-width:0}.sidebar-brand-name{font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.01em}.sidebar-brand-slogan{font-size:11px;color:var(--muted);font-weight:400;font-style:italic;margin-top:1px;line-height:1.3}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sidebar-nav-item{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 12px;border:none;background:transparent;border-radius:10px;font-size:14px;font-weight:500;color:var(--sidebar-text);cursor:pointer;transition:background .15s,color .15s;text-align:left;font-family:inherit}.sidebar-nav-item:hover{background:var(--sidebar-active-bg);color:var(--ink)}.sidebar-nav-item.active{background:var(--sidebar-active-bg);color:var(--accent);font-weight:600}.sidebar-nav-item svg{flex-shrink:0}.sidebar-nav-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.sidebar-panel-header{font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.sidebar-panel-empty{font-size:13px;color:var(--soft);padding:12px 0;text-align:center}.sidebar-footer{margin-top:auto;border-radius:14px;overflow:hidden;position:relative;height:84px;flex-shrink:0;isolation:isolate;border:1px solid rgba(255,255,255,.58);background:var(--surface);box-shadow:0 8px 22px #3d322921}.sidebar-footer:after{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 16%,rgba(24,20,17,.74) 100%);content:"";pointer-events:none}.sidebar-theme-toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;min-height:34px;margin:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.sidebar-theme-toggle:hover{color:var(--ink);border-color:var(--line-strong)}.sidebar-theme-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--sidebar-active-bg)}.sidebar-footer-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.sidebar-footer:hover .sidebar-footer-img{transform:scale(1.035)}.sidebar-footer-text{position:absolute;z-index:2;right:10px;bottom:9px;left:10px;margin:0;color:#fffffff0;font-size:10px;font-weight:600;line-height:1.35;text-align:left;font-style:italic;text-shadow:0 1px 5px rgba(0,0,0,.48)}.home-center{display:flex;flex-direction:column;gap:20px;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden}.home-topnav{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-tabs{display:flex;gap:2px;background:var(--cafe-cream);border-radius:24px;padding:4px}.home-tab{padding:7px 18px;border:none;background:transparent;border-radius:20px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.home-tab:hover{color:var(--ink)}.home-tab.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 2px 8px #261e140f}.home-toolbar{display:flex;align-items:center;gap:10px}.toolbar-lang{display:flex;align-items:center;gap:4px;padding:7px 14px;border:1px solid var(--line);background:var(--surface);border-radius:20px;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.toolbar-lang:hover{border-color:var(--accent);background:var(--cafe-cream)}.toolbar-notification{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);background:var(--surface);border-radius:50%;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.toolbar-notification:hover{border-color:var(--accent);color:var(--accent)}.notification-dropdown{position:absolute;top:42px;right:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 16px;min-width:200px;z-index:100}.notification-item{font-size:13px;color:var(--soft)}.toolbar-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;cursor:pointer}.home-banner-carousel{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.banner-slide{position:relative;height:320px;background-size:cover;background-position:center;display:flex;align-items:center}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(30,25,20,.82) 0%,rgba(30,25,20,.4) 50%,transparent 100%)}.banner-content{position:relative;z-index:1;padding:32px;max-width:480px}.banner-badge{display:inline-block;padding:4px 12px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;border-radius:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}.banner-title{font-family:Bricolage Grotesque,sans-serif;font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.2}.banner-subtitle{font-size:14px;color:#ffffffd9;margin:0 0 20px;line-height:1.5}.banner-button{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--accent);border:none;border-radius:24px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}.banner-button:hover{background:var(--accent-dark)}.banner-button:active{transform:scale(.97)}.banner-indicators{position:absolute;bottom:16px;right:24px;display:flex;gap:6px;z-index:2}.banner-indicator{width:8px;height:8px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:background .15s,width .15s;padding:0}.banner-indicator.active{background:#fff;width:24px;border-radius:4px}.cefr-progress-panel{display:flex;flex-direction:column;gap:14px;padding:16px 18px;border-radius:14px;border:1px solid rgba(128,128,128,.22);background:#8080800a}.cefr-progress-header{display:flex;align-items:center;justify-content:space-between}.cefr-progress-title{font-size:15px;font-weight:600;color:var(--ink)}.cefr-progress-range{font-size:14px;font-weight:600;opacity:.7;letter-spacing:.5px}.cefr-level-bar{display:flex;gap:4px}.cefr-level-pip{flex:1;text-align:center;padding:4px 0;border-radius:6px;font-size:12px;font-weight:600;background:#8080801f;color:var(--ink);opacity:.4}.cefr-level-pip.in-range{opacity:.8;background:#4a90d926}.cefr-level-pip.current{opacity:1;background:#4a90d94d;color:#4a90d9}.cefr-level-pip.end{opacity:1;background:#4a90d933}.cefr-chapter-progress{display:flex;flex-direction:column;gap:6px}.cefr-chapter-progress-label{font-size:13px;opacity:.7}.cefr-chapter-progress-bar{height:6px;border-radius:3px;background:#80808033;overflow:hidden}.cefr-chapter-progress-fill{height:100%;border-radius:3px;background:#4a90d9;transition:width .3s ease}.cefr-chapter-list{display:flex;flex-direction:column;gap:4px}.cefr-chapter-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;font-size:13px}.cefr-chapter-item.passed{background:#2ea04314}.cefr-chapter-item.failed{background:#d645450f}.cefr-chapter-item.locked{opacity:.5}.cefr-chapter-index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#80808033;font-size:11px;font-weight:600;flex-shrink:0}.cefr-chapter-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cefr-chapter-level{font-size:11px;font-weight:600;opacity:.6;padding:1px 6px;border-radius:4px;background:#8080801f}.cefr-chapter-status-icon{display:inline-flex;align-items:center}.cefr-chapter-item.passed .cefr-chapter-status-icon{color:#2ea043}.cefr-chapter-item.failed .cefr-chapter-status-icon{color:#d64545}.cefr-chapter-item.locked .cefr-chapter-status-icon{color:var(--ink);opacity:.5}.cefr-chapter-status-text{font-size:12px;opacity:.6}.course-catalog{display:flex;flex-direction:column;gap:16px}.catalog-header{display:flex;align-items:center;justify-content:space-between}.catalog-title{font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:600;color:var(--ink);margin:0}.catalog-view-all{font-size:13px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s;font-family:inherit}.catalog-view-all:hover{background:var(--cafe-cream)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.home-course-card{display:flex;flex-direction:row;background:var(--surface);border:none;border-radius:16px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .1s;padding:0;text-align:left;font-family:inherit;box-shadow:var(--shadow)}.home-course-card:hover{box-shadow:0 12px 36px #261e141f;transform:translateY(-2px)}.course-card-cover{position:relative;width:120px;min-height:110px;flex-shrink:0;overflow:hidden;background:var(--cafe-cream)}.course-card-img{width:100%;height:100%;object-fit:cover}.course-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:32px}.course-card-status{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.course-card-status.completed{background:#6b9e6be6}.course-card-status.learning{background:#b87d4be6}.course-card-status.not-started{background:#3c373299}.course-card-chapter-badge{position:absolute;top:6px;right:36px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff}.course-card-chapter-badge.passed{background:#2ea043e6}.course-card-chapter-badge.failed{background:#d64545e6}.course-card-lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fffc;border-radius:inherit}.home-course-card.chapter-locked{opacity:.55;cursor:not-allowed;pointer-events:auto}.home-course-card.chapter-locked .course-card-fav,.home-course-card.chapter-locked .course-offline-action{pointer-events:none}.course-card-body{flex:1;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.course-card-title{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.course-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.course-card-difficulty{font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px}.course-card-difficulty.easy{background:#6b9e6b1f;color:var(--green)}.course-card-difficulty.medium{background:#b87d4b24;color:var(--accent)}.course-card-difficulty.hard{background:#b4624a1f;color:var(--danger)}.course-card-stars{font-size:13px;line-height:1}.course-card-stars-dim{color:var(--surface-2, #ccc)}.course-card-info{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--soft)}.course-offline-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(120,97,69,.2);border-radius:50%;background:#fff9;color:var(--soft);cursor:pointer;transition:all .16s ease;flex-shrink:0}.course-offline-action:hover{background:#b87d4b1a;border-color:#b87d4b4d;color:var(--accent);transform:scale(1.08)}.course-offline-action.not-downloaded{color:var(--soft)}.course-offline-action.downloading{color:var(--accent);border-color:#b87d4b40;cursor:wait;opacity:.75}.course-offline-action.downloading:hover{transform:none}.course-offline-action.ready{border-color:#6b9e6b40;background:#6b9e6b14;color:var(--green)}.course-offline-action.ready:hover{background:#6b9e6b26;border-color:#6b9e6b66;color:var(--green)}.course-offline-action.update-available{color:#e8923a;border-color:#e8923a40;background:#e8923a14}.course-offline-action.update-available:hover{background:#e8923a26;border-color:#e8923a66}.course-offline-action.failed{color:#d9534f;border-color:#d9534f40;background:#d9534f14}.course-offline-action.failed:hover{background:#d9534f26;border-color:#d9534f66}.course-offline-action:disabled{cursor:wait;opacity:.6}.course-offline-action:disabled:hover{transform:none}.spin{animation:saynext-spin 1s linear infinite}@keyframes saynext-spin{to{transform:rotate(360deg)}}.offline-library-view{display:flex;flex-direction:column;gap:22px}.offline-library-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.offline-library-header h1{margin:0 0 6px;color:var(--ink);font-size:25px}.offline-library-header p{margin:0 0 8px;color:var(--soft);font-size:14px}.offline-library-header span{color:var(--green);font-size:12px;font-weight:700}.offline-clear-button,.offline-course-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--soft);font:600 12px/1.2 inherit;cursor:pointer}.offline-library-empty{display:grid;place-items:center;min-height:260px;padding:32px;border:1px dashed var(--border);border-radius:18px;color:var(--soft);text-align:center}.offline-library-list{display:flex;flex-direction:column;gap:12px}.offline-course-row{display:flex;align-items:center;gap:16px;padding:12px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.offline-course-main{flex:1;display:flex;align-items:center;gap:14px;min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.offline-course-cover{width:92px;height:68px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:var(--cafe-cream)}.offline-course-cover img{width:100%;height:100%;object-fit:cover}.offline-course-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.offline-course-copy strong{overflow:hidden;color:var(--ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.offline-course-copy small{color:var(--soft)}.offline-course-copy>span{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:12px;font-weight:650}.offline-course-actions{display:flex;align-items:center;gap:8px}@media(max-width:720px){.offline-library-header,.offline-course-row{align-items:stretch;flex-direction:column}.offline-course-actions{justify-content:flex-end}}.quick-learn-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;background:linear-gradient(110deg,var(--surface) 0%,var(--cafe-cream) 100%);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin-top:auto}.quick-learn-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.quick-learn-cover{width:86px;height:68px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:11px;background:var(--cafe-tan)}.quick-learn-cover img{width:100%;height:100%;object-fit:cover}.quick-learn-title{overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.quick-learn-label{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.quick-learn-detail{overflow:hidden;font-size:11px;color:var(--soft);text-overflow:ellipsis;white-space:nowrap}.quick-learn-progress{width:min(260px,100%);height:4px;margin-top:5px;overflow:hidden;border-radius:999px;background:var(--cafe-tan)}.quick-learn-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.quick-learn-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);border:none;border-radius:24px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap;font-family:inherit}.quick-learn-button:hover{background:var(--accent-dark)}.quick-learn-button:active{transform:scale(.97)}.characters-page{display:flex;flex-direction:column;gap:20px}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.character-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--surface);border:none;border-radius:16px;transition:box-shadow .15s;cursor:pointer;box-shadow:var(--shadow)}.character-card:hover{box-shadow:0 12px 36px #261e141f}.character-card-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.character-card-name{font-size:14px;font-weight:600;color:var(--ink)}.home-right-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow-y:auto}.right-user-card{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--sidebar-bg);border-radius:16px}.right-user-avatar-wrap{border:0;background:none;padding:0;cursor:pointer;flex-shrink:0;position:relative}.right-user-avatar-wrap:hover .right-user-avatar{box-shadow:0 0 0 2px var(--accent)}.right-user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);transition:box-shadow .15s ease}.right-user-avatar-fallback{display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent)}.right-user-avatar-fallback.local{background:color-mix(in srgb,var(--muted) 10%,var(--surface));color:var(--muted)}.right-user-tip{width:100%;padding:14px 16px;border-radius:12px;background:var(--surface-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:12px;line-height:1.6;color:var(--muted);animation:right-user-tip-in .18s ease}@keyframes right-user-tip-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.right-user-tip p:first-child{font-weight:700;font-size:13px;color:var(--ink);margin-bottom:4px}.right-user-tip p:nth-child(2){margin-bottom:10px}.right-user-tip-close{display:inline-flex;align-items:center;padding:5px 14px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;cursor:pointer}.right-user-tip-close:hover{opacity:.9}.right-user-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.right-user-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.right-user-name{font-size:14px;font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-user-sync-state{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;max-width:112px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green);font-size:10px;font-weight:600;line-height:1.2}.right-user-sync-state>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-user-sync-state.local,.right-user-sync-state.checking{background:color-mix(in srgb,var(--muted) 9%,transparent);color:var(--muted)}.right-user-sync-state.syncing,.right-user-sync-state.pending{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.right-user-sync-state.error{background:color-mix(in srgb,var(--danger) 11%,transparent);color:var(--danger)}.right-user-level{font-size:12px;color:var(--accent);font-weight:500}.right-user-actions{display:flex;align-items:center;gap:6px;margin-top:2px}.right-user-lang{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:500;color:var(--accent);background:#b8956a1a;border:none;border-radius:12px;padding:3px 10px;cursor:pointer;transition:background .15s;font-family:inherit}.right-user-lang:hover{background:#b8956a33}.right-display-lang-select{height:24px;border:1px solid rgba(184,149,106,.3);border-radius:8px;background:var(--surface-strong);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:0 4px;font-family:inherit;transition:border-color .15s,color .15s}.right-display-lang-select:hover{border-color:var(--accent)}.right-display-lang-select:focus{outline:none;border-color:var(--accent)}.right-card{background:var(--surface);border:none;border-radius:16px;padding:18px;box-shadow:var(--shadow)}.right-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.right-card-title{font-size:14px;font-weight:600;color:var(--ink)}.right-card-edit{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .15s;font-family:inherit}.right-card-edit:hover{background:var(--cafe-cream)}.right-card-action{display:flex;align-items:center;gap:4px;width:100%;justify-content:center;padding:8px;margin-top:12px;border:1px solid var(--line);background:transparent;border-radius:10px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s;font-family:inherit}.right-card-action:hover{border-color:var(--accent);color:var(--accent)}.progress-overview{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--cafe-cream)}.progress-overview-copy{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.progress-overview-label{min-width:0;color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}.progress-overview-percent{font-family:Bricolage Grotesque,sans-serif;flex:none;font-size:22px;font-weight:700;color:var(--accent);line-height:1}.progress-overview-track{height:8px;overflow:hidden;border-radius:999px;background:var(--cafe-tan)}.progress-overview-track span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-light),var(--accent));transition:width .3s ease}.progress-stats{display:flex;gap:10px;margin-bottom:4px}.progress-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:var(--cafe-cream);border-radius:12px}.progress-stat-value{font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:700;color:var(--accent)}.progress-stat-label{font-size:10px;color:var(--muted);text-align:center;line-height:1.3}.weekly-edit{display:flex;align-items:center;gap:6px;margin-bottom:12px}.weekly-edit-input{width:60px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:8px;font-size:14px;font-family:inherit;text-align:center}.weekly-edit-unit{font-size:13px;color:var(--muted)}.weekly-edit-save{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer}.weekly-time{font-size:13px;color:var(--muted);margin-bottom:8px}.weekly-time-current{font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:700;color:var(--accent)}.weekly-time-sep{color:var(--soft)}.weekly-time-target{font-weight:600;color:var(--ink)}.weekly-time-unit{font-size:12px;color:var(--soft);margin-left:2px}.weekly-progress-bar{width:100%;height:8px;background:var(--cafe-tan);border-radius:4px;overflow:hidden;margin-bottom:12px}.weekly-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.weekly-days{display:flex;align-items:center;justify-content:space-between;gap:10px}.weekly-days-text{font-size:12px;color:var(--muted)}.week-dots{display:flex;gap:5px}.week-dot{width:12px;height:12px;border-radius:50%;background:var(--cafe-tan);transition:background .15s}.week-dot.active{background:var(--accent)}.recommendation-card{display:flex;align-items:center;gap:12px;padding:10px;background:var(--cafe-cream);border-radius:10px;cursor:pointer;transition:background .15s}.recommendation-card:hover{background:var(--cafe-tan)}.recommendation-cover{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}.recommendation-info{flex:1;min-width:0}.recommendation-title{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendation-meta{font-size:11px;color:var(--soft);margin-top:2px}.recommendation-start{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s}.recommendation-start:hover{background:var(--accent-dark)}.character-row{display:flex;gap:8px;flex-wrap:wrap}.character-avatar{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.character-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;transition:box-shadow .15s}.character-avatar:hover img{box-shadow:0 0 0 2px var(--accent)}.character-avatar-name{font-size:10px;color:var(--muted);text-align:center;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.home-layout{grid-template-columns:200px minmax(0,1fr) 280px;gap:16px}}@media(max-width:960px){.home-layout{grid-template-columns:1fr;gap:16px;height:auto;overflow:visible}.home-layout.two-column{grid-template-columns:1fr}.home-left-sidebar,.home-right-sidebar{display:none}.home-center{height:auto;overflow:visible}}.preview-modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#3d322966;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.detail-modal{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 40px);background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #3d322933;display:flex;flex-direction:column}.detail-modal-close{position:absolute;top:14px;right:14px;z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;color:#fff;cursor:pointer;transition:background .15s}.detail-modal-close:hover{background:#ffffff59}.detail-cover{position:relative;width:100%;height:200px;flex-shrink:0;overflow:hidden;background:var(--cafe-cream)}.detail-cover-img{width:100%;height:100%;object-fit:cover}.detail-cover-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:56px}.detail-cover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(30,25,20,.85) 0%,rgba(30,25,20,.3) 60%,transparent 100%)}.detail-cover-content{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;z-index:1}.detail-cover-badge{display:inline-block;padding:4px 12px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;border-radius:12px;letter-spacing:.03em;margin-bottom:10px}.detail-cover-title{font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 4px;line-height:1.2}.detail-cover-subtitle{font-size:13px;color:#fffc;margin:0;line-height:1.4}.detail-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.detail-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;text-align:center}.detail-meta-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.detail-meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);font-weight:500}.detail-meta-item svg{color:var(--accent)}.detail-section{display:flex;flex-direction:column;gap:10px}.detail-section-title{font-size:14px;font-weight:600;color:var(--ink);margin:0}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{display:flex;align-items:center;gap:4px;padding:5px 12px;background:#b8956a1a;color:var(--accent);font-size:13px;font-weight:500;border-radius:16px}.detail-tag svg{flex-shrink:0}.detail-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.detail-role-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--cafe-cream);border:2px solid transparent;border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.detail-role-card:hover{background:var(--cafe-tan)}.detail-role-card.selected{border-color:var(--accent);background:#b8956a14}.detail-role-check{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--accent)}.detail-role-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--cafe-tan);font-size:20px;font-weight:600;color:var(--accent)}.detail-role-avatar img{width:100%;height:100%;object-fit:cover}.detail-role-name{font-size:14px;font-weight:600;color:var(--ink)}.detail-role-desc{font-size:11px;color:var(--soft);text-align:center}.detail-role-context{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.5}.detail-mode-grid{display:flex;gap:8px}.detail-mode-btn{flex:1;padding:10px;background:var(--cafe-cream);border:2px solid transparent;border-radius:12px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;font-family:inherit}.detail-mode-btn:hover{background:var(--cafe-tan);color:var(--ink)}.detail-mode-btn.selected{border-color:var(--accent);background:#b8956a14;color:var(--accent);font-weight:600}.detail-audio-preview{display:flex;flex-direction:column;gap:12px}.detail-audio-preview .dialogue-audio{width:100%}.detail-preview-lines{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.detail-preview-line{padding:8px 12px;border-radius:10px;background:var(--cafe-cream);transition:background .15s}.detail-preview-line.active{background:#b8956a26}.detail-preview-line .line-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--soft);margin-bottom:2px}.detail-preview-line .line-meta button{background:none;border:none;color:var(--accent);cursor:pointer;padding:2px;display:flex;align-items:center}.detail-preview-line p{font-size:13px;color:var(--ink);margin:0;line-height:1.4}.detail-preview-line.practice-role p{font-weight:500}.detail-hidden-audio{display:none}.detail-actions{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0}.detail-listen-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:none;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;transition:opacity .15s;font-family:inherit}.detail-listen-btn:hover{opacity:.7}.detail-start-btn{display:flex;align-items:center;gap:8px;padding:11px 28px;margin-left:auto;background:var(--accent);border:none;border-radius:24px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}.detail-start-btn:hover:not(:disabled){background:var(--accent-dark)}.detail-start-btn:active:not(:disabled){transform:scale(.97)}.detail-start-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.detail-modal{max-width:100%;max-height:100vh;border-radius:0}.detail-role-grid{grid-template-columns:1fr}.detail-actions{flex-wrap:wrap}.detail-start-btn{margin-left:0;width:100%;justify-content:center}}.story-select{position:relative;z-index:10;flex-shrink:0}.story-select-label{display:block;margin:0 2px 5px;color:var(--soft);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.story-select-trigger,.story-select-option{display:flex;width:100%;min-width:0;align-items:center;gap:8px;color:var(--sidebar-text);font-family:inherit;text-align:left;cursor:pointer}.story-select-trigger{min-height:52px;padding:7px 9px;border:1px solid var(--line-strong);border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 3px 12px #3d32290d;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.story-select-trigger:hover,.story-select.open .story-select-trigger{border-color:var(--accent);background:var(--surface);box-shadow:0 6px 18px #3d322917}.story-select-menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;left:0;max-height:min(312px,calc(100vh - 210px));overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface-strong);box-shadow:0 18px 42px #3d32292e;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.story-select-menu::-webkit-scrollbar{width:4px}.story-select-menu::-webkit-scrollbar-thumb{border-radius:999px;background:var(--line-strong)}.story-select-option{min-height:48px;padding:6px 7px;border:1px solid transparent;border-radius:9px;background:transparent;transition:border-color .15s ease,background .15s ease,color .15s ease}.story-select-option:hover,.story-select-option:focus-visible{background:var(--sidebar-active-bg);color:var(--ink);outline:none}.story-select-option.selected{border-color:var(--story-item-accent, var(--accent));background:var(--sidebar-active-bg);color:var(--ink)}.story-select-cover{width:34px;height:34px;border:1px solid rgba(255,255,255,.72);border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #281e1429}.story-select-color-dot{width:12px;height:12px;margin:0 11px;border-radius:50%;flex-shrink:0}.story-select-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.story-select-title{display:block;width:100%;overflow:hidden;color:inherit;font-size:12px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.story-select-chevron,.story-select-check{flex-shrink:0;color:var(--soft)}.story-select-chevron{transition:transform .16s ease,color .16s ease}.story-select.open .story-select-chevron{color:var(--accent);transform:rotate(180deg)}.story-select-check{color:var(--story-item-accent, var(--accent))}.mobile-story-switcher{display:none}@media(max-width:960px){.mobile-story-switcher{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:8px 0;margin-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-story-switcher::-webkit-scrollbar{display:none}.mobile-story-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:all .15s ease;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}.mobile-story-item.active{border-color:var(--story-item-accent, var(--accent));background:var(--cafe-cream);color:var(--ink)}.mobile-story-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mobile-story-cover{width:28px;height:28px;border-radius:7px;object-fit:cover;flex-shrink:0}.mobile-story-item.active .mobile-story-cover{box-shadow:0 0 0 2px var(--story-item-accent, var(--accent))}}.story-badge-group{display:inline-flex;min-width:0;align-items:center;gap:4px;white-space:nowrap}.story-kid-badge{display:inline-flex;align-items:center;min-height:14px;padding:1px 5px;margin:0;border-radius:999px;font-size:8px;font-weight:700;line-height:1;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);text-transform:uppercase;vertical-align:middle;flex-shrink:0}.story-cefr-badge{display:inline-flex;align-items:center;min-height:14px;padding:1px 5px;margin:0;border-radius:999px;font-size:8px;font-weight:700;line-height:1;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed);vertical-align:middle;flex-shrink:0}.story-detail-view{padding:0}.story-detail-header{display:flex;align-items:center;gap:24px;padding:32px 28px;border-radius:16px;margin-bottom:24px}.story-detail-cover{width:80px;height:80px;border-radius:16px;object-fit:cover;flex-shrink:0;box-shadow:var(--shadow)}.story-detail-title{font-family:Bricolage Grotesque,sans-serif;font-size:28px;font-weight:700;color:var(--ink);margin:0 0 4px}.story-detail-subtitle{font-size:14px;color:var(--muted);margin:0 0 8px}.story-detail-desc{font-size:13px;color:var(--soft);line-height:1.6;margin:0}.story-chapter{margin-bottom:28px}.story-chapter-title{font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:600;color:var(--ink);margin:0 0 12px;display:flex;align-items:center;gap:8px}.story-chapter-progress{font-size:12px;color:var(--soft);font-weight:400}.story-chapter-dialogues{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.language-modal-backdrop{padding:32px;background:#18141194;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.language-modal{display:grid;grid-template-columns:minmax(380px,43%) minmax(0,57%);width:min(calc(100% - 48px),1120px);height:min(calc(100dvh - 96px),720px);max-height:none;gap:0;overflow:hidden;border:0;border-radius:18px;padding:0;background:#fbfaf7;box-shadow:0 30px 90px #18141157}.language-story-visual{position:relative;min-height:0;overflow:hidden;color:#fffaf0;background:#231d18}.language-story-visual>img,.language-story-shade{position:absolute;inset:0;width:100%;height:100%}.language-story-visual>img{object-fit:cover;object-position:50% center}.language-story-shade{background:#140f0b24}.language-story-brand{position:absolute;z-index:1;top:34px;left:38px;display:flex;align-items:center;gap:10px;color:#f5d99f}.language-story-brand strong{color:#fffaf0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:700;letter-spacing:-.02em}.language-story-visual blockquote{position:absolute;z-index:1;top:138px;left:46px;width:430px;margin:0;color:#fffaf0;font-family:Songti SC,STSong,"Noto Serif SC",Georgia,serif;font-size:clamp(24px,2vw,32px);font-weight:400;line-height:1.62;letter-spacing:.01em;text-shadow:0 2px 16px rgba(0,0,0,.46)}.language-story-words{position:absolute;z-index:1;inset:0;pointer-events:none}.language-story-words span{position:absolute;color:#fffaf0db;font-family:Georgia,Times New Roman,serif;font-size:16px;font-style:italic;transform:translate(-50%,-50%)}.language-story-words span:nth-child(1){top:29.6%;left:41.7%}.language-story-words span:nth-child(2){top:25.8%;left:67.4%}.language-story-words span:nth-child(3){top:43.2%;left:59.6%}.language-story-words span:nth-child(4){top:37.8%;left:84.1%}.language-story-content{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;padding:44px 54px 36px;background:#fbfaf7}.language-story-content .language-modal-close{position:absolute;z-index:3;top:28px;right:30px;width:42px;height:42px;border:0;color:#4a4036;background:transparent}.language-story-content .language-modal-close:hover{color:var(--accent-dark);background:var(--cafe-cream)}.language-story-content .language-modal-header{padding:0 42px 0 0}.language-story-content .language-modal-header h2{margin:0 0 10px;color:#40362d;font-family:Bricolage Grotesque,PingFang SC,sans-serif;font-size:clamp(34px,3vw,44px);font-weight:700;line-height:1.08;letter-spacing:-.025em}.language-story-content .language-modal-header p{max-width:650px;margin:0;color:#74695f;font-size:14px;line-height:1.6}.language-setup-steps{display:grid;min-height:0;flex:1;align-content:start;gap:24px;margin-top:28px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(139,115,85,.28) transparent}.language-setup-step{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px}.language-setup-step.native:after{position:absolute;top:37px;bottom:-31px;left:18px;border-left:1px dashed rgba(139,115,85,.46);content:""}.language-step-marker{position:relative;z-index:1;display:grid;width:36px;height:36px;place-items:center;border:1px solid #584a3d;border-radius:50%;color:#fff;background:#4a3e33;font-size:15px;font-weight:700}.language-setup-step.target .language-step-marker{border-color:#b58a4d;background:#b58a4d}.language-step-body{min-width:0}.language-step-body h3{margin:4px 0 10px;color:#493e34;font-size:16px;font-weight:700;line-height:1.35}.language-native-summary{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:76px;border:1px solid rgba(126,149,91,.3);border-radius:10px;padding:10px 15px;color:#493e34;background:#f2f5ebcc;text-align:left}.language-native-summary:hover{border-color:#9aae78;background:#f0f4e9}.language-native-summary strong,.language-native-summary small{display:block}.language-native-summary strong{font-size:17px}.language-native-summary small{margin-top:3px;color:#7a6f65;font-size:13px}.language-native-edit{color:#7a6f65;font-size:12px;font-weight:650}.language-story-content .language-card-grid{grid-template-columns:1fr;gap:8px}.language-story-content .language-card{grid-template-columns:46px minmax(0,1fr) 28px;gap:14px;min-height:64px;border:1px solid rgba(73,62,52,.12);border-radius:10px;padding:8px 15px;background:#ffffff9e;box-shadow:none}.language-story-content .language-card:hover{border-color:#b58a4d94;background:#fffdf9;box-shadow:none;transform:none}.language-story-content .language-card.active{border-color:#b58a4d;background:#fffdf9;box-shadow:0 0 0 1px #b58a4d1f}.language-story-content .language-flag{width:44px;height:30px;border-radius:2px;box-shadow:0 0 0 1px #2f27211a;background-size:cover;font-size:0}.language-story-content .language-card strong{color:#493e34;font-size:17px;line-height:1.15}.language-story-content .language-card small{margin-top:4px;color:#7a6f65;font-size:13px;line-height:1.2}.language-select-indicator{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(73,62,52,.22);border-radius:50%;color:#fff}.language-card.active .language-select-indicator{border-color:#b58a4d;background:#b58a4d}.language-story-content .language-hot-badge{display:none}.language-story-content .language-error{margin:16px 0 0 60px;font-size:13px;font-weight:700}.language-story-actions{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;flex:none;gap:20px;margin-top:18px;padding:0 0 0 54px}.language-later-button{display:inline-flex;align-items:center;gap:8px;min-height:46px;border:0;padding:0;color:#7a6f65;background:transparent;font-size:13px;font-weight:650}.language-later-button:hover{color:#493e34}.language-story-content .language-save-button{position:static;display:inline-flex;min-height:60px;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;color:#fff;background:#4a3e33;font-size:16px;font-weight:750}.language-story-content .language-save-button:hover{background:#675443}@media(max-width:980px){.language-modal{grid-template-columns:1fr;height:min(96vh,920px);overflow-y:auto}.language-story-visual{min-height:220px}.language-story-visual>img{object-position:center 62%}.language-story-visual blockquote{top:86px;width:420px;font-size:24px;line-height:1.5}.language-story-words{display:none}.language-story-content{overflow:visible;padding:38px 42px 40px}.language-setup-steps{margin-top:30px}}@media(max-width:640px){.language-modal-backdrop{padding:0}.language-modal{width:100%;height:100dvh;border-radius:0}.language-story-visual{min-height:168px}.language-story-visual>img{object-position:center 82%}.language-story-brand{top:22px;left:24px}.language-story-visual blockquote{top:76px;left:24px;width:calc(100% - 48px);font-size:20px}.language-story-words{display:none}.language-story-content{padding:28px 22px 30px}.language-story-content .language-modal-header h2{font-size:31px}.language-story-content .language-modal-header p{font-size:13px}.language-setup-steps{gap:22px;margin-top:28px}.language-setup-step{grid-template-columns:34px minmax(0,1fr);gap:12px}.language-step-marker{width:32px;height:32px}.language-setup-step.native:after{top:33px;bottom:-28px;left:16px}.language-native-summary,.language-story-content .language-card{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;min-height:70px;padding:11px 13px}.language-story-content .language-flag{width:39px;height:28px}.language-story-actions{grid-template-columns:1fr;gap:10px;padding:26px 0 0}.language-later-button{justify-content:center;order:2}}.challenge-mark{display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}.challenge-mark-stars{color:#e7ad16;letter-spacing:-1px;text-shadow:0 1px 3px rgba(179,123,0,.18)}.challenge-mark-diamond{color:#53b9dc;filter:drop-shadow(0 1px 3px rgba(45,151,190,.3))}.challenge-mark-diamond svg{width:1.1em;height:1.1em;fill:#85dff794;stroke-width:2}.challenge-mark-remaining{color:var(--border, #d8d5cf);text-shadow:none}.challenge-selector{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--surface-2, #f7f5f0);border-radius:12px;margin:8px 0}.challenge-selector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.challenge-selector-label{display:block;font-size:14px;font-weight:700;color:var(--text, #333)}.challenge-selector-guide{margin:4px 0 0;max-width:560px;font-size:11px;line-height:1.45;color:var(--text-secondary, #666)}.challenge-selector-progress{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 8px;border-radius:999px;background:var(--surface, #fff);color:var(--text-secondary, #666);font-size:11px;font-weight:600}.challenge-stars-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.challenge-star-btn{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;min-height:98px;padding:10px;border:1px solid var(--border, rgba(0,0,0,.08));border-radius:10px;background:var(--surface, #fff);color:inherit;cursor:pointer;transition:all .2s ease;text-align:left}.challenge-star-btn:hover:not(:disabled){border-color:var(--accent, #6c8c5a);transform:translateY(-2px)}.challenge-star-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent, #6c8c5a) 35%,transparent);outline-offset:2px}.challenge-star-btn.selected{border:2px solid var(--accent, #6c8c5a);background:var(--accent-soft, rgba(108, 140, 90, .1))}.challenge-star-btn.completed:not(.selected){border-color:color-mix(in srgb,var(--accent, #6c8c5a) 35%,transparent)}.challenge-star-btn.recommended:not(.selected){border-color:#d7a91d;box-shadow:0 0 0 2px #d7a91d1a}.challenge-star-btn.locked{opacity:.55;cursor:not-allowed;filter:grayscale(1)}.challenge-star-topline{display:flex;align-items:center;gap:6px;min-height:20px}.challenge-star-icons{font-size:16px}.challenge-recommended-badge{margin-left:auto;padding:2px 5px;border-radius:999px;background:#d7a91d29;color:#8a6900;font-size:9px;font-weight:700;white-space:nowrap}.challenge-star-desc{font-size:11px;font-weight:600;color:var(--text, #333);line-height:1.35}.challenge-star-status{margin-top:auto;font-size:9px;color:var(--text-secondary, #777);line-height:1.3}.line-countdown-bar{width:100%;height:4px;background:var(--surface-2, #e8e6e0);border-radius:2px;overflow:hidden;margin-bottom:8px}.line-countdown-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#f39c12 30%,#27ae60);transition:width .1s linear;border-radius:2px}.composer-countdown-ring{position:absolute;top:-12px;left:-8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:3px solid var(--accent, #6c8c5a);background:var(--surface-strong, #fff);flex-shrink:0;transition:border-color .3s ease;z-index:14;box-shadow:0 2px 8px #00000026}.composer-countdown-ring .composer-countdown-number{font-size:12px;font-weight:700;color:var(--text, #333)}.story-composer.with-countdown .composer-countdown-ring:not(.composer-audio-countdown){border-color:#e74c3c;animation:countdown-pulse .5s ease-in-out infinite alternate}.composer-countdown-ring.composer-audio-countdown{border-color:#3b82f6}@keyframes countdown-pulse{0%{opacity:1}to{opacity:.5}}.story-composer.composer-expired{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-color:#e74c3c66;background:linear-gradient(135deg,#e74c3c14,#e74c3c08)}.story-composer.composer-correct{border-color:#27ae6066;background:linear-gradient(135deg,#27ae601a,#27ae600a)}.composer-correct-text{color:#27ae60}.composer-confetti{display:flex;gap:4px;font-size:20px;animation:confetti-burst .6s ease-out}.composer-confetti span:nth-child(1){animation:composer-confetti-fall .8s ease-out 0s both}.composer-confetti span:nth-child(2){animation:composer-confetti-fall .8s ease-out .1s both}.composer-confetti span:nth-child(3){animation:composer-confetti-fall .8s ease-out .2s both}.composer-confetti span:nth-child(4){animation:composer-confetti-fall .8s ease-out .3s both}.composer-confetti span:nth-child(5){animation:composer-confetti-fall .8s ease-out .4s both}@keyframes confetti-burst{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes composer-confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}50%{transform:translateY(5px) rotate(180deg);opacity:1}to{transform:translateY(0) rotate(360deg);opacity:1}}.composer-auto-btn{background:#27ae60}.story-composer.composer-incorrect{border-color:#e74c3c80;background:linear-gradient(135deg,#e74c3c1f,#e74c3c0d)}.composer-incorrect-text{color:#e74c3c}.composer-restart-btn{padding:10px 24px;border:none;border-radius:8px;background:#e74c3c;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.composer-restart-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c66}.composer-retry-btn{padding:10px 24px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.composer-retry-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3b82f666}.composer-retry-info{font-size:12px;color:#3b82f6;font-weight:500}.composer-expired-actions{display:flex;gap:12px;align-items:center;justify-content:center}.composer-countdown-display{font-size:14px;font-weight:600;color:#e74c3c}.composer-next-btn{padding:10px 24px;border:none;border-radius:8px;background:var(--accent, #6c8c5a);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.composer-next-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.completion-challenge-mark{display:flex;justify-content:center;margin:12px 0}.completion-challenge-mark .challenge-mark{font-size:32px;transition:all .3s ease}.completion-challenge-mark .challenge-mark-diamond{font-size:38px}.completion-challenge-mark .challenge-mark.earned{transform:scale(1.08)}.completion-challenge-mark .challenge-mark.pending{color:var(--border, #ccc);filter:grayscale(1);text-shadow:none}.completion-stars-text{text-align:center;font-size:14px;color:var(--text-secondary, #666);margin-bottom:8px}.completion-stars-text.challenge-not-passed{color:#b45309;line-height:1.45}.completion-achievements{margin:18px 0 22px;padding:14px;border:1px solid rgba(215,169,29,.28);border-radius:14px;background:linear-gradient(135deg,#f1c40f1f,#f1c40f08);text-align:left}.completion-achievements-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--text, #333);font-size:12px;font-weight:700}.completion-achievements-header button{border:0;background:transparent;color:var(--accent-dark, #8b6b3d);cursor:pointer;font:inherit}.completion-achievement-card{display:flex;align-items:center;gap:12px}.completion-achievement-icon{flex:0 0 auto;font-size:34px}.completion-achievement-card strong,.completion-achievement-card p,.completion-achievement-card small{display:block}.completion-achievement-card strong{color:var(--text, #333);font-size:14px}.completion-achievement-card p{margin:3px 0 0;color:var(--text-secondary, #666);font-size:12px;line-height:1.4}.completion-achievement-card small{margin-top:5px;color:#8a6900;font-size:11px;font-weight:600}.story-bubble.hidden-text{opacity:.5}.achievement-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.achievement-toast{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface, #fff);border-radius:12px;box-shadow:0 4px 20px #00000026;border-left:4px solid #f1c40f;animation:achievement-slide-in .4s ease-out;pointer-events:auto;max-width:360px}.achievement-toast-medal{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0}.achievement-toast-medal img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(61,50,41,.18))}.achievement-toast-text{display:flex;flex-direction:column;gap:2px;flex:1}.achievement-toast-title{font-size:12px;font-weight:600;color:#f1c40f;text-transform:uppercase;letter-spacing:.5px}.achievement-toast-name{font-size:15px;font-weight:700;color:var(--text, #333)}.achievement-toast-description{font-size:12px;line-height:1.4;color:var(--text-secondary, #666)}.achievement-toast-more{margin-top:3px;color:#8a6900;font-size:11px;font-weight:600}.achievement-toast-action{align-self:flex-start;margin-top:6px;padding:0;border:0;background:transparent;color:var(--accent-dark, #8b6b3d);cursor:pointer;font-size:12px;font-weight:700}.achievement-toast-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary, #999);padding:0;line-height:1;flex-shrink:0}.achievement-toast-close:hover{color:var(--text, #333)}@keyframes achievement-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=dark] .challenge-selector{background:var(--surface-2, #1f1d1b)}[data-theme=dark] .challenge-star-btn{background:var(--surface, #16140f)}[data-theme=dark] .achievement-toast{background:var(--surface, #1f1d1b)}@media(max-width:768px){.challenge-selector-heading{flex-direction:column;gap:8px}.challenge-stars-row{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-star-btn{padding:8px 10px}.challenge-star-desc{font-size:10px}.achievement-toast-container{top:10px;right:10px;left:10px}.achievement-toast{max-width:none}}.profile-view{display:flex;flex-direction:column;gap:12px;width:min(1160px,100%);max-width:100%;margin-right:auto;padding:2px 0 28px}.profile-page-header h1,.profile-page-header p{margin:0}.profile-page-header h1{color:var(--ink, #332d27);font-family:Bricolage Grotesque,sans-serif;font-size:22px;line-height:1.2}.profile-page-header p{margin-top:3px;color:var(--text-secondary, #888);font-size:12px}.profile-zone{background:var(--surface, #fff);border-radius:14px;padding:14px;border:1px solid var(--border, rgba(0,0,0,.06))}[data-theme=dark] .profile-zone{background:var(--surface, #1f1d1b);border-color:var(--border, rgba(255,255,255,.08))}.profile-zone-header{font-size:15px;font-weight:700;margin:0 0 10px;display:flex;align-items:center;justify-content:space-between}.profile-zone-header-secondary{margin-top:16px}.profile-zone-header-count{margin-left:8px;font-size:11px;font-weight:500;color:var(--text-secondary, #888)}.profile-hero{background:linear-gradient(135deg,var(--accent-soft, rgba(108,140,90,.12)),var(--surface, #fff))}.profile-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.profile-hero-langs{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text, #333)}.profile-hero-native{text-transform:uppercase;letter-spacing:1px}.profile-hero-target{text-transform:uppercase;letter-spacing:1px;color:var(--accent, #6c8c5a)}.profile-hero-streak{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;color:#e74c3c}.profile-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.profile-kpi-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:10px;background:var(--surface, #fff);border-radius:12px;border:1px solid var(--border, rgba(0,0,0,.06))}.profile-kpi-card>svg{grid-row:1 / 3;color:var(--accent, #6c8c5a)}[data-theme=dark] .profile-kpi-card{background:#ffffff0a;border-color:#ffffff14}.profile-kpi-value{font-size:19px;font-weight:700;color:var(--text, #333);line-height:1}.profile-kpi-label{font-size:10px;color:var(--text-secondary, #888);text-align:left;line-height:1.3}.profile-compact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:12px;width:min(960px,100%)}.profile-today-row{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:wrap}.profile-calendar{display:flex;align-items:flex-start;gap:9px;flex:0 0 auto;width:max-content;min-width:0}.profile-calendar-day{flex:0 0 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:34px;transition:all .2s ease}.profile-calendar-day-dot{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border, rgba(0,0,0,.08));border-radius:50%;background:var(--surface-2, #f0eee8);color:#fff;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}[data-theme=dark] .profile-calendar-day-dot{background:#ffffff0f}.profile-calendar-day.active .profile-calendar-day-dot{background:var(--accent, #6c8c5a);border-color:var(--accent, #6c8c5a)}.profile-calendar-day.today .profile-calendar-day-dot{border-color:var(--accent, #6c8c5a);box-shadow:0 0 0 3px var(--accent-soft, rgba(108,140,90,.15))}.profile-calendar-day-label{font-size:10px;font-weight:600;line-height:1;color:var(--text-secondary, #888)}.profile-calendar-day.active .profile-calendar-day-label{color:var(--accent, #6c8c5a)}.profile-goal-ring{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:48px;padding-left:18px;border-left:1px solid var(--border, rgba(0,0,0,.08));position:relative}.profile-goal-percent{font-size:20px;font-weight:700;line-height:1;color:var(--accent, #6c8c5a)}.profile-goal-label{font-size:12px;color:var(--text-secondary, #888)}.profile-goal-edit-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary, #888);padding:4px;margin-top:4px}.profile-goal-edit{display:flex;gap:6px;align-items:center;margin-top:4px}.profile-goal-edit input{width:50px;padding:4px 6px;border:1px solid var(--border, #ddd);border-radius:6px;font-size:14px;background:var(--surface, #fff);color:var(--text, #333)}.profile-goal-edit button{padding:4px 10px;border:none;border-radius:6px;background:var(--accent, #6c8c5a);color:#fff;font-size:12px;cursor:pointer}.profile-star-summary{display:flex;flex-direction:column;gap:7px}.profile-star-row{display:flex;align-items:center;gap:8px}.profile-star-row-icons{font-size:14px;min-width:52px}.profile-star-row-bar{flex:1;height:8px;background:var(--surface-2, #e8e6e0);border-radius:4px;overflow:hidden}[data-theme=dark] .profile-star-row-bar{background:#ffffff0f}.profile-star-row-fill{height:100%;background:linear-gradient(90deg,#f1c40f,#f39c12);border-radius:4px;transition:width .4s ease}.profile-star-row.diamond .profile-star-row-fill{background:linear-gradient(90deg,#85def2,#3ca8d1)}.profile-star-row-count{font-size:14px;font-weight:600;color:var(--text-secondary, #888);min-width:24px;text-align:right}.profile-achievement-browse{flex-shrink:0;padding:6px 10px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--surface, #fff);color:var(--accent, #6c8c5a);font-size:11px;font-weight:700;cursor:pointer}.profile-achievement-browse:hover{border-color:var(--accent, #6c8c5a)}.profile-achievement-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:72px;border:1px dashed var(--border, #ddd);border-radius:10px;color:var(--text-secondary, #888);font-size:12px}.profile-achievement-medal-grid{display:grid;grid-template-columns:repeat(auto-fill,58px);gap:12px;align-items:start}.profile-achievement-medal-grid.gallery{grid-template-columns:repeat(auto-fill,54px);gap:10px}.achievement-medal-button{display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:16px;background:transparent;cursor:pointer;transition:transform .18s ease}.profile-achievement-medal-grid.gallery .achievement-medal-button{width:54px;height:54px}.achievement-medal-button:hover,.achievement-medal-button:focus-visible,.achievement-medal-button[aria-pressed=true]{z-index:1;outline:none;transform:translateY(-3px) scale(1.05)}.achievement-medal-button:focus-visible .achievement-medal-image,.achievement-medal-button[aria-pressed=true] .achievement-medal-image{box-shadow:0 0 0 3px var(--surface, #fff),0 0 0 5px var(--accent, #6c8c5a)}.achievement-medal-image{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--surface-2, #f0eee8);font-size:27px;box-shadow:0 3px 10px #00000024;transition:box-shadow .18s ease,filter .18s ease,opacity .18s ease}.profile-achievement-medal-grid.gallery .achievement-medal-image{width:50px;height:50px;border-radius:14px;font-size:25px}.achievement-medal-image.bronze{background:linear-gradient(135deg,#d99550,#9b522c)}.achievement-medal-image.silver{background:linear-gradient(135deg,#e1e5e8,#929ba2)}.achievement-medal-image.gold{background:linear-gradient(135deg,#f8d84c,#c98d08)}.achievement-medal-image.diamond{background:linear-gradient(135deg,#d8f8ff,#70cce9)}.achievement-medal-image.locked{background:var(--surface-2, #e8e6e0);opacity:.46;filter:grayscale(1);box-shadow:none}.achievement-medal-popover{position:fixed;z-index:1600;width:min(248px,calc(100vw - 24px));padding:12px;border:1px solid var(--border, rgba(0,0,0,.09));border-radius:12px;background:var(--surface, #fff);color:var(--text, #333);box-shadow:0 14px 36px #00000038;pointer-events:none}.achievement-medal-popover.top{transform:translate(-50%,-100%)}.achievement-medal-popover.bottom{transform:translate(-50%)}.achievement-medal-popover:after{position:absolute;left:50%;width:10px;height:10px;background:var(--surface, #fff);content:"";transform:translate(-50%) rotate(45deg)}.achievement-medal-popover.top:after{bottom:-6px;border-right:1px solid var(--border, rgba(0,0,0,.09));border-bottom:1px solid var(--border, rgba(0,0,0,.09))}.achievement-medal-popover.bottom:after{top:-6px;border-top:1px solid var(--border, rgba(0,0,0,.09));border-left:1px solid var(--border, rgba(0,0,0,.09))}.achievement-medal-popover-title,.achievement-medal-popover-progress{display:flex;align-items:center;justify-content:space-between;gap:10px}.achievement-medal-popover-title strong{font-size:13px}.achievement-medal-popover-title span{flex-shrink:0;color:var(--accent, #6c8c5a);font-size:9px;font-weight:700}.achievement-medal-popover-condition{margin:9px 0;padding-top:8px;border-top:1px solid var(--border, rgba(0,0,0,.07))}.achievement-medal-popover-condition>span{display:block;margin-bottom:3px;color:var(--text-secondary, #999);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.achievement-medal-popover-condition p{margin:0;color:var(--text-secondary, #777);font-size:11px;line-height:1.45}.achievement-medal-popover-progress{margin-bottom:4px;color:var(--text-secondary, #888);font-size:9px}.profile-achievement-upcoming{margin-bottom:20px;padding:14px;border-radius:12px;background:var(--surface-2, #f6f3ec)}.profile-achievement-upcoming h3{margin:0 0 10px;color:var(--text, #333);font-size:13px}.profile-achievement-upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-achievement-next-card{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:10px;border:1px solid var(--border, rgba(0,0,0,.08));border-radius:10px;background:var(--surface, #fff)}.profile-achievement-next-copy,.profile-achievement-card-copy{min-width:0;flex:1}.profile-achievement-next-copy strong,.profile-achievement-next-copy>span{display:block}.profile-achievement-next-copy strong{overflow:hidden;color:var(--text, #333);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profile-achievement-next-copy>span{margin-top:2px;color:var(--text-secondary, #777);font-size:10px;line-height:1.35}.profile-achievement-categories{display:flex;flex-direction:column;gap:22px}.profile-achievement-category-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:8px}.profile-achievement-category-count{font-size:12px;color:var(--text-secondary, #999)}.profile-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-achievement-grid-earned{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-achievement-card{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:10px;border:1px solid var(--border, rgba(0,0,0,.08));border-radius:12px;background:var(--surface, #fff)}.profile-achievement-card.locked{background:var(--surface-2, #f7f5f0)}.profile-achievement-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.profile-achievement-card-title strong{color:var(--text, #333);font-size:13px}.profile-achievement-card-title span{flex-shrink:0;color:var(--accent, #6c8c5a);font-size:9px;font-weight:700}.profile-achievement-card.locked .profile-achievement-card-title span{color:var(--text-secondary, #999)}.profile-achievement-condition{margin:5px 0 7px}.profile-achievement-condition>span{display:block;margin-bottom:2px;color:var(--text-secondary, #999);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.profile-achievement-condition p{min-height:0;margin:0;color:var(--text-secondary, #777);font-size:11px;line-height:1.4}.profile-achievement-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:20px;background:var(--surface-2, #f0eee8);transition:all .2s ease;flex:0 0 auto}.profile-achievement-badge.bronze{background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 2px 8px #cd7f324d}.profile-achievement-badge.silver{background:linear-gradient(135deg,silver,#909090);box-shadow:0 2px 8px #c0c0c04d}.profile-achievement-badge.gold{background:linear-gradient(135deg,#f1c40f,#d4a017);box-shadow:0 2px 8px #f1c40f4d}.profile-achievement-badge.diamond{background:linear-gradient(135deg,#b9f2ff,#7ec8e3);box-shadow:0 2px 8px #b9f2ff66}.profile-achievement-badge.locked{background:var(--surface-2, #e8e6e0);opacity:.55;filter:grayscale(1)}.profile-achievement-badge-icon{line-height:1}.profile-achievement-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;color:var(--text-secondary, #888);font-size:9px}.profile-achievement-progress-track{height:5px;overflow:hidden;border-radius:999px;background:var(--border, rgba(0,0,0,.08))}.profile-achievement-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent, #6c8c5a),#d7a91d);transition:width .3s ease}[data-theme=dark] .profile-achievement-upcoming,[data-theme=dark] .profile-achievement-card.locked{background:#ffffff0a}[data-theme=dark] .profile-achievement-next-card,[data-theme=dark] .profile-achievement-card{border-color:#ffffff14}.achievement-gallery-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#19161294;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.achievement-gallery-modal{display:flex;flex-direction:column;width:min(880px,100%);max-height:min(82vh,760px);overflow:hidden;border:1px solid var(--border, rgba(0,0,0,.08));border-radius:18px;background:var(--surface, #fff);color:var(--text, #333);box-shadow:0 24px 70px #00000047}.achievement-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border, rgba(0,0,0,.08))}.achievement-gallery-header h2,.achievement-gallery-header p{margin:0}.achievement-gallery-header h2{font-size:18px}.achievement-gallery-header p{margin-top:3px;color:var(--text-secondary, #888);font-size:11px}.achievement-gallery-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:var(--surface-2, #f1efe9);color:var(--text-secondary, #666);cursor:pointer}.achievement-gallery-body{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:16px 18px 22px}.profile-trend-zone{align-self:flex-start;width:min(800px,100%)}.profile-trend-controls{display:flex;gap:8px;margin-bottom:8px}.profile-trend-btn{padding:5px 11px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--surface, #fff);color:var(--text-secondary, #666);font-size:11px;cursor:pointer;transition:all .2s ease}.profile-trend-btn.active{background:var(--accent, #6c8c5a);color:#fff;border-color:var(--accent, #6c8c5a)}.profile-trend-chart{display:flex;align-items:flex-end;gap:12px;height:104px;padding:6px 0;border-bottom:1px solid var(--border, rgba(0,0,0,.06));margin-bottom:10px}.profile-trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.profile-trend-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.profile-trend-bar{width:80%;max-width:36px;background:linear-gradient(180deg,var(--accent, #6c8c5a),var(--accent-dark, #4a6b3a));border-radius:6px 6px 0 0;min-height:2px;transition:height .4s ease}.profile-trend-label{font-size:11px;color:var(--text-secondary, #888);text-align:center}.profile-trend-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-trend-stat{text-align:center}.profile-trend-stat-value{display:block;font-size:16px;font-weight:700;color:var(--text, #333)}.profile-trend-stat-label{font-size:11px;color:var(--text-secondary, #888)}.profile-character-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.profile-character-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--surface-2, #f0eee8);border-radius:20px;cursor:pointer;transition:all .2s ease}.profile-character-chip:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .profile-character-chip{background:#ffffff0f}.profile-character-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.profile-character-name{font-size:13px;font-weight:600;color:var(--text, #333)}.profile-character-count{font-size:12px;color:var(--text-secondary, #888);background:var(--surface, #fff);padding:2px 8px;border-radius:10px}.profile-recent-list{display:flex;flex-direction:column;gap:6px}.profile-recent-item{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;background:var(--surface-2, #f7f5f0);border-radius:10px;cursor:pointer;transition:all .2s ease}.profile-recent-item:hover{transform:translate(4px)}[data-theme=dark] .profile-recent-item{background:#ffffff0a}.profile-recent-item-info{display:flex;flex-direction:column;gap:2px}.profile-recent-item-title{font-size:14px;font-weight:600;color:var(--text, #333)}.profile-recent-item-time{font-size:11px;color:var(--text-secondary, #888)}.profile-recent-item-stats{display:flex;align-items:center;gap:8px}.profile-recent-item-stars{font-size:12px;color:#f1c40f;letter-spacing:-1px}.profile-recent-item-accuracy{font-size:13px;font-weight:600;color:var(--accent, #6c8c5a)}@media(max-width:1100px){.profile-goal-ring{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:0;padding-top:10px;padding-left:0;border-top:1px solid var(--border, rgba(0,0,0,.08));border-left:0}.profile-goal-edit-btn{margin-top:0}}@media(max-width:768px){.profile-compact-grid{grid-template-columns:1fr;width:100%}.profile-kpi-grid{grid-template-columns:repeat(2,1fr)}.profile-today-row{flex-direction:column;align-items:flex-start}.profile-calendar{width:auto;min-width:0;gap:8px}.profile-goal-ring{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:0;padding-top:10px;padding-left:0;border-top:1px solid var(--border, rgba(0,0,0,.08));border-left:0}.profile-trend-stats{grid-template-columns:repeat(2,1fr)}.profile-achievement-grid{grid-template-columns:1fr}.profile-achievement-medal-grid,.profile-achievement-medal-grid.gallery{grid-template-columns:repeat(auto-fill,50px);gap:9px}.achievement-medal-button,.profile-achievement-medal-grid.gallery .achievement-medal-button{width:50px;height:50px}.achievement-medal-image,.profile-achievement-medal-grid.gallery .achievement-medal-image{width:47px;height:47px;border-radius:13px;font-size:23px}.profile-achievement-upcoming-grid{grid-template-columns:1fr}.profile-achievement-badge{width:38px;height:38px;font-size:18px}.achievement-gallery-overlay{padding:10px}.achievement-gallery-modal{max-height:92vh;border-radius:14px}.achievement-gallery-header,.achievement-gallery-body{padding-left:12px;padding-right:12px}.profile-zone-header>span{min-width:0}}@media(prefers-reduced-motion:reduce){.achievement-toast,.completion-modal,.completion-overlay,.completion-celebrate,.confetti-piece,.composer-confetti,.composer-confetti span,.challenge-star-btn,.profile-achievement-progress-track>span{animation:none!important;transition:none!important}}.profile-view{gap:0;width:min(1160px,100%);padding:0 0 36px}.profile-hero.profile-zone{padding:24px 28px 22px;border:1px solid rgba(119,122,79,.13);border-radius:18px;background:#777a4f17;box-shadow:none}[data-theme=dark] .profile-hero.profile-zone{border-color:#c8cc9624;background:#9499601c}.profile-hero-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.profile-page-header h1{font-size:clamp(28px,2.4vw,36px);font-weight:760;letter-spacing:-.035em}.profile-page-header p{margin-top:7px;font-size:13px;line-height:1.5}.profile-hero-context{display:flex;align-items:center;gap:24px;padding-top:4px}.profile-hero-langs{gap:6px;font-size:13px;letter-spacing:.06em}.profile-hero-langs svg{color:var(--muted)}.profile-hero-streak{gap:7px;min-width:48px;justify-content:flex-end;font-size:22px}.profile-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.profile-kpi-card{min-height:54px;padding:5px 22px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}.profile-kpi-card:first-child{padding-left:4px}.profile-kpi-card:last-child{padding-right:4px;border-right:0}[data-theme=dark] .profile-kpi-card{border-color:#ffffff14;background:transparent}.profile-kpi-card>svg{width:23px;height:23px;color:var(--accent-dark, #9a7a52);stroke-width:1.7}.profile-kpi-value{font-size:21px;font-weight:720}.profile-kpi-label{margin-top:3px;font-size:10px}.profile-focus-grid,.profile-insight-grid,.profile-activity-grid{display:grid;width:100%}.profile-focus-grid{grid-template-columns:minmax(0,7fr) minmax(330px,5fr);margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-insight-grid{grid-template-columns:minmax(0,7fr) minmax(390px,5fr);border-bottom:1px solid var(--line)}.profile-activity-grid{grid-template-columns:minmax(360px,5fr) minmax(0,7fr);border-bottom:1px solid var(--line)}.profile-section{min-width:0;padding:20px 24px}.profile-focus-grid>.profile-section:first-child,.profile-insight-grid>.profile-section:first-child,.profile-activity-grid>.profile-section:first-child{padding-left:4px}.profile-focus-grid>.profile-section:last-child,.profile-insight-grid>.profile-section:last-child,.profile-activity-grid>.profile-section:last-child{padding-right:4px;border-left:1px solid var(--line)}.profile-zone-header{margin-bottom:18px;color:var(--ink);font-size:16px;font-weight:730;letter-spacing:-.015em}.profile-zone-header-count{margin-left:7px;font-size:10px;letter-spacing:0}.profile-today-zone,.profile-milestone-zone{min-height:226px}.profile-today-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:22px;min-height:142px}.profile-calendar{display:grid;grid-template-columns:repeat(7,42px);justify-content:space-between;gap:8px;width:100%}.profile-calendar-day{flex:none;gap:8px;width:42px}.profile-calendar-day-label{font-size:11px;font-weight:650}.profile-calendar-day-dot{width:38px;height:38px;border-color:#777a4f61;background:transparent}.profile-calendar-day.active .profile-calendar-day-dot{border-color:#777a4f;background:#777a4f}.profile-calendar-day.today .profile-calendar-day-dot{border-color:#777a4f;box-shadow:inset 0 0 0 3px var(--surface),0 0 0 2px #777a4f}.profile-calendar-day.active .profile-calendar-day-label,.profile-calendar-day.today .profile-calendar-day-label{color:#6d7047}.profile-goal-ring{align-items:stretch;gap:12px;min-height:126px;padding-left:24px;border-left:1px solid var(--line)}.profile-goal-copy{display:flex;flex-direction:column;gap:7px}.profile-goal-percent{color:#777a4f;font-family:Bricolage Grotesque,sans-serif;font-size:38px;font-weight:720;letter-spacing:-.04em}.profile-goal-label{font-size:13px}.profile-goal-actions{display:flex;align-items:center;gap:8px}.profile-goal-edit-btn{display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:1px solid var(--line-strong);border-radius:50%}.profile-goal-edit-btn:hover{border-color:#777a4f;color:#777a4f}.profile-today-action{min-height:36px;padding:0 15px;border:0;border-radius:999px;background:#777a4f;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.profile-today-action:hover{background:#65683f}.profile-star-summary{gap:10px}.profile-star-row{gap:12px}.profile-star-row-icons{min-width:62px;color:#e5aa00;font-size:17px}.profile-star-row-bar{height:6px;background:#e9e7e1}.profile-star-row-fill{background:#e6aa00}.profile-star-row.diamond .profile-star-row-fill{background:#65c6de}.profile-star-row-count{min-width:18px;color:var(--ink-soft);font-size:13px}.profile-star-hint{margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.profile-trend-zone{align-self:auto;width:auto;min-height:340px}.profile-trend-controls{gap:6px;margin:-8px 0 6px}.profile-trend-btn{padding:5px 11px;border-color:var(--line-strong);border-radius:999px;background:transparent;font-size:10px}.profile-trend-btn.active{border-color:#777a4f;background:#777a4f}.profile-trend-chart{display:block;overflow:hidden;height:205px;margin:0 0 4px;padding:4px 0 0;border-bottom:0}.profile-trend-chart-loading{width:100%;height:100%;border-radius:10px;background:linear-gradient(90deg,transparent,rgba(119,122,79,.08),transparent),repeating-linear-gradient(to bottom,transparent 0 49px,var(--line) 50px);background-size:180% 100%,100% 100%;animation:profile-chart-loading 1.4s ease-in-out infinite}@keyframes profile-chart-loading{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}.profile-trend-stats{gap:0;padding-top:12px;border-top:1px solid var(--line)}.profile-trend-stat{padding:0 12px;border-right:1px solid var(--line)}.profile-trend-stat:first-child{padding-left:0}.profile-trend-stat:last-child{padding-right:0;border-right:0}.profile-trend-stat-value{font-size:17px}.profile-trend-stat-label{font-size:10px}.profile-achievement-zone{min-height:340px}.profile-achievement-browse{display:inline-flex;align-items:center;gap:2px;padding:4px 0;border:0;border-radius:0;background:transparent;font-size:10px}.profile-achievement-medal-grid{grid-template-columns:repeat(auto-fill,58px);gap:14px 16px}.profile-achievement-medal-grid.gallery{grid-template-columns:repeat(auto-fill,56px);gap:12px}.achievement-medal-button{width:58px;height:58px;border-radius:18px}.achievement-medal-image,.profile-achievement-medal-grid.gallery .achievement-medal-image{width:56px;height:56px;border:1px solid rgba(61,50,41,.18);border-radius:17px;background:#b96d36;color:#fff9ef;box-shadow:0 4px 11px #3d322921}.achievement-medal-image.bronze{background:#b96d36}.achievement-medal-image.silver{border-color:#b6bdc0;background:#d8ddde;color:#586064}.achievement-medal-image.gold{border-color:#d5a000;background:#e6b515;color:#fff8dc}.achievement-medal-image.diamond{border-color:#62bed5;background:#9edfeb;color:#176f92}.achievement-medal-image.locked{border-color:var(--line);background:var(--surface-2, #e8e6e0);color:var(--muted)}.profile-achievement-badge-icon{display:grid;place-items:center;line-height:0}.achievement-medal-image,.profile-achievement-medal-grid.gallery .achievement-medal-image,.achievement-medal-image.bronze,.achievement-medal-image.silver,.achievement-medal-image.gold,.achievement-medal-image.diamond{border-color:transparent;background:transparent;color:inherit;box-shadow:none}.profile-achievement-badge-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(61,50,41,.16));transition:filter .18s ease,opacity .18s ease}.achievement-medal-image.locked{border-color:transparent;background:transparent;opacity:.42;filter:none}.achievement-medal-image.locked .profile-achievement-badge-image{filter:grayscale(1) saturate(.15) opacity(.72)}.profile-achievement-empty{justify-content:flex-start;min-height:92px;padding:18px 0;border:0}.profile-characters-zone,.profile-recent-zone{min-height:196px}.profile-character-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}.profile-character-chip{display:grid;grid-template-columns:1fr;justify-items:center;gap:6px;min-width:0;padding:2px 12px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:inherit;text-align:center}.profile-character-chip:last-child{border-right:0}.profile-character-chip:hover{box-shadow:none;transform:translateY(-2px)}.profile-character-avatar{width:50px;height:50px;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--accent-light)}.profile-character-name{max-width:100%;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.profile-character-count{padding:2px 8px;background:var(--surface-2);font-size:10px}.profile-recent-list{gap:0}.profile-recent-item{width:100%;min-height:34px;padding:7px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:inherit;text-align:left}.profile-recent-item:first-child{border-top:0}.profile-recent-item:hover{background:#b8956a0d;transform:none}[data-theme=dark] .profile-recent-item{background:transparent}.profile-recent-item-title{font-size:12px}.profile-recent-item-time{font-size:9px}.profile-recent-item-accuracy{font-size:12px}.profile-section-empty{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.65}@media(max-width:1180px){.profile-today-row{grid-template-columns:1fr}.profile-goal-ring{flex-direction:row;align-items:center;justify-content:space-between;min-height:auto;padding:14px 0 0;border-top:1px solid var(--line);border-left:0}.profile-goal-copy{flex-direction:row;align-items:baseline;gap:10px}.profile-goal-percent{font-size:28px}}@media(max-width:1040px){.profile-focus-grid,.profile-insight-grid,.profile-activity-grid{grid-template-columns:1fr}.profile-focus-grid>.profile-section:first-child,.profile-insight-grid>.profile-section:first-child,.profile-activity-grid>.profile-section:first-child,.profile-focus-grid>.profile-section:last-child,.profile-insight-grid>.profile-section:last-child,.profile-activity-grid>.profile-section:last-child{padding-right:4px;padding-left:4px;border-left:0}.profile-focus-grid>.profile-section+.profile-section,.profile-insight-grid>.profile-section+.profile-section,.profile-activity-grid>.profile-section+.profile-section{border-top:1px solid var(--line)}.profile-today-row{grid-template-columns:minmax(0,1fr) 170px}.profile-goal-ring{flex-direction:column;align-items:stretch;min-height:126px;padding:0 0 0 24px;border-top:0;border-left:1px solid var(--line)}.profile-goal-copy{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.profile-hero.profile-zone{padding:20px 18px;border-radius:14px}.profile-hero-heading{flex-direction:column;gap:16px;margin-bottom:20px}.profile-hero-context{width:100%;justify-content:space-between}.profile-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.profile-kpi-card,.profile-kpi-card:first-child,.profile-kpi-card:last-child{padding:4px 10px;border-right:0}.profile-kpi-card:nth-child(odd){border-right:1px solid var(--line)}.profile-section,.profile-focus-grid>.profile-section:first-child,.profile-insight-grid>.profile-section:first-child,.profile-activity-grid>.profile-section:first-child,.profile-focus-grid>.profile-section:last-child,.profile-insight-grid>.profile-section:last-child,.profile-activity-grid>.profile-section:last-child{padding:18px 0}.profile-today-row{display:flex;flex-direction:column;align-items:stretch}.profile-calendar{grid-template-columns:repeat(7,minmax(32px,1fr));gap:4px;width:100%}.profile-calendar-day{width:auto}.profile-calendar-day-dot{width:34px;height:34px}.profile-goal-ring{flex-direction:row;align-items:center;min-height:auto;padding:14px 0 0;border-top:1px solid var(--line);border-left:0}.profile-goal-copy{flex-direction:row;align-items:baseline}.profile-trend-chart{height:190px}.profile-trend-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.profile-trend-stat,.profile-trend-stat:first-child,.profile-trend-stat:last-child{padding:0 10px;border-right:0}.profile-trend-stat:nth-child(odd){border-right:1px solid var(--line)}.profile-achievement-medal-grid,.profile-achievement-medal-grid.gallery{grid-template-columns:repeat(auto-fill,52px);gap:10px}.achievement-medal-button,.profile-achievement-medal-grid.gallery .achievement-medal-button{width:52px;height:52px}.achievement-medal-image,.profile-achievement-medal-grid.gallery .achievement-medal-image{width:50px;height:50px}.profile-character-chips{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.profile-character-chip:nth-child(2){border-right:0}}.auth-modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#1a191852;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-modal{position:relative;width:min(100%,420px);border-radius:20px;background:#fffcf8fa;box-shadow:0 24px 72px #1a191847;border:1px solid rgba(255,255,255,.6);padding:32px 28px 24px}.auth-modal-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(26,25,24,.08);border-radius:50%;background:#ffffffb3;color:var(--muted);cursor:pointer;transition:all .15s ease}.auth-modal-close:hover:not(:disabled){background:#fff;color:var(--ink)}.auth-modal-close:disabled{opacity:.5;cursor:not-allowed}.auth-modal-title{margin:0 0 6px;color:var(--ink);font-size:24px;font-weight:700;font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif}.auth-modal-subtitle{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.5}.auth-form{display:grid;gap:16px}.auth-form-field{display:grid;gap:6px}.auth-form-label{color:var(--ink);font-size:13px;font-weight:600}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:12px;color:var(--soft);pointer-events:none}.auth-input{width:100%;padding:11px 12px 11px 40px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);font-size:14px;font-family:inherit;outline:none;transition:all .15s ease}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b8956a26}.auth-input::placeholder{color:var(--soft)}.auth-input-toggle{position:absolute;right:8px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--soft);cursor:pointer;transition:color .15s ease}.auth-input-toggle:hover{color:var(--muted)}.auth-code-wrap{display:flex;gap:8px;align-items:stretch}.auth-code-input-wrap{flex:1}.auth-send-code-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--accent);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s ease}.auth-send-code-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent)}.auth-send-code-btn:disabled{opacity:.5;cursor:not-allowed}.auth-code-msg{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px}.auth-code-msg-success{color:#7a9e6b}.auth-code-msg-error{color:#b4624a}.auth-error{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#b4624a1a;color:var(--danger);font-size:13px}.auth-success{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#7a9e6b1f;color:var(--green);font-size:13px}.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:0;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-primary{background:var(--accent);color:#fff}.auth-btn-primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 6px 16px #b8956a4d}.auth-btn-secondary{background:#1a19180f;color:var(--ink)}.auth-btn-secondary:hover:not(:disabled){background:#1a19181a}.auth-btn-submit{width:100%;margin-top:4px}.auth-modal-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.auth-link-btn{border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;padding:0}.auth-link-btn:hover:not(:disabled){text-decoration:underline}.auth-link-btn:disabled{opacity:.5;cursor:not-allowed}.auth-merge-dialog{display:grid;gap:16px;text-align:center}.auth-merge-icon{display:flex;justify-content:center;margin-top:8px}.auth-merge-hint{text-align:left;padding:12px 14px;border-radius:10px;background:#7a9e6b14;color:var(--muted);font-size:13px;line-height:1.8}.auth-merge-hint p{margin:0}.auth-merge-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.profile-account-card{margin-bottom:20px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#b8956a14,#6552ee0f);border:1px solid rgba(184,149,106,.15)}.profile-account-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 0;color:var(--muted);font-size:14px}.profile-account-logged-in{display:flex;align-items:flex-start;gap:14px}.profile-account-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;flex-shrink:0;overflow:hidden}.profile-account-avatar img{width:100%;height:100%;object-fit:cover}.profile-account-info{display:grid;gap:2px;flex:1;min-width:0}.profile-account-name{font-size:15px;font-weight:600;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif}.profile-account-email{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-account-actions{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.profile-account-action{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:8px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap}.profile-account-action.sync{background:#7a9e6b26;color:var(--green)}.profile-account-action.sync:hover:not(:disabled){background:#7a9e6b40}.profile-account-action.logout{background:#b4624a1f;color:var(--danger)}.profile-account-action.logout:hover:not(:disabled){background:#b4624a33}.profile-account-action:disabled{opacity:.6;cursor:not-allowed}.profile-sync-wrapper{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:min(260px,26vw)}.profile-account-action.sync.syncing{background:#5e8bcf2e;color:var(--accent)}.profile-account-action.sync.error{background:#d0574326;color:var(--danger)}.profile-sync-time{font-size:11px;color:var(--muted);line-height:1}.profile-sync-pending{font-size:11px;color:var(--accent);line-height:1}.profile-sync-deadletter{font-size:11px;color:var(--danger);line-height:1}.profile-sync-error-toggle{font-size:11px;color:var(--danger);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;line-height:1}.profile-sync-error-detail{font-size:11px;color:var(--danger);background:#d0574314;padding:6px 8px;border-radius:6px;max-width:260px;word-break:break-word;line-height:1.4}.profile-sync-feedback{display:inline-flex;align-items:flex-start;gap:5px;max-width:260px;padding:6px 8px;border-radius:7px;font-size:11px;line-height:1.35;text-align:left}.profile-sync-feedback svg{flex:0 0 auto;margin-top:1px}.profile-sync-feedback.syncing{color:var(--accent);background:#5e8bcf1a}.profile-sync-feedback.success{color:#4f7b45;background:#5e8b4e1f}.profile-sync-feedback.error{color:var(--danger);background:#d057431a}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-account-guest{display:flex;align-items:center;gap:14px}.profile-account-guest-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#3d32290f;color:var(--soft);flex-shrink:0}.profile-account-guest-info{display:grid;gap:2px;flex:1;min-width:0}.profile-account-guest-title{font-size:15px;font-weight:600;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif}.profile-account-guest-desc{font-size:12px;color:var(--muted)}.profile-account-guest-actions{flex-shrink:0}.profile-account-login-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.profile-account-login-btn:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #b8956a4d}@media(max-width:760px){.profile-account-card{padding:14px}.profile-account-logged-in,.profile-account-guest{align-items:flex-start;flex-wrap:wrap}.profile-account-actions,.profile-account-guest-actions{width:100%;margin-left:0}.profile-account-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.profile-sync-wrapper{width:100%;min-width:0}.profile-account-action.sync,.profile-account-login-btn{width:100%;justify-content:center}}.home-review-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(135deg,var(--accent-light),var(--accent));border-radius:16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.home-review-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #b8956a40}.home-review-card:active{transform:translateY(0)}.home-review-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff40;color:#fff;flex-shrink:0}.home-review-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-review-card-title{font-size:15px;font-weight:600;color:#fff}.home-review-card-due{font-size:13px;color:#ffffffd9}.home-review-card-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:var(--accent-dark);border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s ease}.home-review-card-btn:hover{background:var(--cafe-cream)}.review-dashboard{padding:8px 8px 24px;width:100%;max-width:100%;margin:0}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.review-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);cursor:pointer;transition:background .15s ease}.review-back-btn:hover{background:var(--cafe-cream)}.review-title{font-size:24px;font-weight:700;color:var(--ink);margin:0}.review-loading{display:flex;align-items:center;justify-content:center;padding:60px 0;color:var(--muted);font-size:15px}.review-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.review-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--cafe-cream);color:var(--accent);margin-bottom:20px}.review-empty-title{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 8px}.review-empty-guide{font-size:14px;color:var(--muted);margin:0;max-width:360px;line-height:1.5}.review-body{display:flex;gap:40px;align-items:flex-start}.review-main{flex:1;min-width:0}.review-sidebar{flex:0 0 280px;display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.review-hero{margin-bottom:32px}.review-hero-title{font-size:28px;font-weight:700;color:var(--ink);margin:0 0 10px;line-height:1.3}.review-hero-subtitle{font-size:15px;color:var(--muted);margin:0 0 28px;line-height:1.5}.review-character-picker{margin-bottom:28px}.review-character-label{display:block;font-size:14px;font-weight:500;color:var(--soft);margin-bottom:20px;text-align:center}.review-avatars{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.review-avatar{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:0;transition:transform .15s ease}.review-avatar:hover{transform:translateY(-2px)}.review-avatar-img-wrap{position:relative;width:96px;height:96px}.review-avatar img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid transparent;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 2px 10px #0000001a}.review-avatar.selected img{border-color:var(--accent);box-shadow:0 0 0 4px #c78c4226,0 2px 10px #0000001a}.review-avatar:disabled{opacity:.5;cursor:not-allowed}.review-avatar-check{position:absolute;top:-4px;right:-4px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid var(--page);box-shadow:0 2px 6px #00000026;z-index:1}.review-avatar-name{font-size:13px;color:var(--muted);font-weight:500}.review-avatar.selected .review-avatar-name{color:var(--accent-dark);font-weight:600}.review-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:0 2px 8px #c78c4233}.review-cta-btn:hover{background:var(--accent-dark);box-shadow:0 4px 12px #c78c424d}.review-cta-btn:active{transform:scale(.99)}.review-cta-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.review-cta-helper{text-align:center;font-size:13px;color:var(--soft);margin:10px 0 0}.review-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-entry-card{display:flex;align-items:center;gap:12px;padding:16px 14px;border:2px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease;text-align:left;width:100%}.review-entry-card:hover{border-color:var(--accent);background:var(--cafe-cream)}.review-entry-card:active{transform:scale(.98)}.review-entry-card:disabled{opacity:.5;cursor:not-allowed}.review-entry-card.disabled{opacity:.45;cursor:not-allowed}.review-entry-card.chat:hover{border-color:#7c3aed}.review-entry-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0;color:#fff}.review-entry-card.chat .review-entry-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.review-entry-card.flashcard .review-entry-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.review-entry-text{display:flex;flex-direction:column;gap:2px;min-width:0}.review-entry-title{font-size:15px;font-weight:600;color:var(--ink)}.review-entry-desc{font-size:12px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.review-cta-row{grid-template-columns:1fr}}.review-session-card{background:var(--surface);border-radius:16px;box-shadow:0 2px 12px #0000000d;padding:24px 28px;margin-bottom:16px}.review-session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.review-session-title-text{font-size:17px;font-weight:700;color:var(--ink);margin:0}.review-session-meta{font-size:13px;color:var(--muted)}.review-session-items{display:flex;flex-direction:column}.review-session-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.review-session-item:first-child{border-top:none}.review-session-item.interactive{width:100%;background:none;border:none;border-top:1px solid var(--line);cursor:pointer;text-align:left;transition:background .15s ease}.review-session-item.interactive:first-child{border-top:none}.review-session-item.interactive:hover:not(:disabled){background:var(--cafe-cream);border-radius:10px;margin:0 -10px;padding:16px 10px}.review-session-item.interactive:disabled{opacity:.5;cursor:not-allowed}.review-session-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;flex-shrink:0}.review-session-icon.error-prone{background:#e8a87c}.review-session-icon.consolidation{background:#7ba7d9}.review-session-icon.warmup{background:#8fbc8f}.review-session-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.review-session-item-title{font-size:14px;font-weight:600;color:var(--ink)}.review-session-item-desc{font-size:12px;color:var(--muted)}.review-session-item-count{font-size:14px;font-weight:600;flex-shrink:0}.review-session-item-count.error-prone{color:#e8a87c}.review-session-item-count.consolidation{color:#7ba7d9}.review-session-item-count.warmup{color:#8fbc8f}.review-expandable-hint{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--cafe-cream);border-radius:10px;font-size:12px;color:var(--soft);margin-bottom:28px}.review-stat-card{background:var(--surface);border-radius:16px;box-shadow:0 2px 12px #0000000d;padding:20px 22px;display:flex;flex-direction:column;gap:10px}.review-stat-label{font-size:13px;color:var(--muted);font-weight:500}.review-stat-number{font-size:40px;font-weight:700;color:var(--accent);line-height:1}.review-stat-bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.review-stat-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.review-stat-time{font-size:12px;color:var(--soft)}.review-quick-start{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;margin-top:6px;transition:background .15s ease,color .15s ease}.review-quick-start:hover{background:var(--accent);color:#fff}.review-side-section{background:var(--surface);border-radius:16px;box-shadow:0 2px 12px #0000000d;padding:18px 22px}.review-side-title{font-size:13px;font-weight:600;color:var(--ink);margin:0 0 14px}.review-side-avatars{display:flex;gap:10px;flex-wrap:wrap}.review-side-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:border-color .15s ease}.review-side-avatar.active{border-color:var(--accent)}.review-side-more-link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:12px;color:var(--accent);font-weight:500;cursor:pointer;background:none;border:none;padding:0;transition:color .15s ease}.review-side-more-link:hover{color:var(--accent-dark)}.review-weekly-tracker{display:flex;gap:6px;margin-top:4px}.review-weekly-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--soft);font-weight:500}.review-weekly-dot.completed{background:var(--accent);border-color:var(--accent);color:#fff}.review-weekly-text{font-size:13px;color:var(--muted);margin:0 0 10px;font-weight:500}.review-quota-info{background:var(--surface);border-radius:12px;box-shadow:0 2px 12px #0000000d;padding:14px 18px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.review-chat-notice{margin-top:8px;font-size:.85rem;color:var(--muted)}.chat-history-list{display:flex;flex-direction:column;gap:8px}.chat-history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.chat-history-info{display:flex;flex-direction:column;gap:2px}.chat-history-character{font-size:.9rem;font-weight:500;color:var(--ink)}.chat-history-date{font-size:.75rem;color:var(--muted)}.chat-history-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--soft);cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.chat-history-delete:hover{background:var(--cafe-cream);color:var(--danger)}.review-section{margin-bottom:28px}.review-section-title{font-size:16px;font-weight:600;color:var(--ink);margin:0 0 16px}.review-item-list{display:flex;flex-direction:column;gap:16px}.review-group{display:flex;flex-direction:column;gap:8px}.review-group-label{font-size:12px;font-weight:600;color:var(--soft);text-transform:uppercase;letter-spacing:.04em;padding-left:4px}.review-item-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:box-shadow .15s ease}.review-item-card:hover{box-shadow:var(--shadow)}.review-item-card.suspended{opacity:.6}.review-item-main{flex:1;min-width:0}.review-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.review-item-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-dark);background:var(--cafe-cream);padding:2px 8px;border-radius:6px}.review-item-level{font-size:12px;color:var(--muted)}.review-item-due{font-size:12px;color:var(--soft)}.review-item-due.overdue{color:var(--danger);font-weight:600}.review-item-text{font-size:15px;color:var(--ink);margin:4px 0 0;line-height:1.4}.review-item-translation{font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.4}.review-item-hint{font-size:12px;color:var(--soft);font-style:italic;margin:4px 0 0}.review-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.review-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--cafe-cream);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;transition:all .15s ease}.review-action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.review-action-btn.suspend:hover{background:var(--green);border-color:var(--green)}.review-action-btn.reactivate:hover{background:var(--accent);border-color:var(--accent)}.flashcard-session{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--dark);color:#fff}.flashcard-topbar{display:flex;align-items:center;gap:16px;padding:16px 24px}.flashcard-exit-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s ease}.flashcard-exit-icon:hover{background:#fff3}.flashcard-progress-bar{flex:1;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.flashcard-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.flashcard-progress-text{font-size:13px;color:#ffffffb3;white-space:nowrap;flex-shrink:0}.flashcard-card-container{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.flashcard-card{width:100%;max-width:520px;min-height:320px;display:flex;flex-direction:column;background:var(--surface);border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:32px;transition:transform .3s ease}.flashcard-card.flipped{transform:scale(1.01)}.flashcard-face{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.flashcard-front,.flashcard-back{color:var(--ink)}.flashcard-card-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-dark);background:var(--cafe-cream);padding:4px 12px;border-radius:8px;margin-bottom:20px}.flashcard-target-text{font-size:24px;font-weight:600;color:var(--ink);line-height:1.4;margin:0 0 16px}.flashcard-back-target{font-size:18px;color:var(--muted);margin-bottom:12px}.flashcard-translation{font-size:20px;color:var(--ink);line-height:1.4;margin:0}.flashcard-hint{font-size:14px;color:var(--soft);font-style:italic;margin:0 0 16px}.flashcard-placeholder{color:var(--soft)}.flashcard-show-answer-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .15s ease}.flashcard-show-answer-btn:hover{background:var(--accent-dark)}.flashcard-audio-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--cafe-cream);border:none;border-radius:50%;color:var(--accent-dark);cursor:pointer;margin-top:16px;transition:background .15s ease}.flashcard-audio-btn:hover{background:var(--accent);color:#fff}.flashcard-rating-buttons{display:flex;gap:12px;padding:20px 24px 32px;justify-content:center;flex-wrap:wrap}.flashcard-rate-btn{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:transform .1s ease,opacity .15s ease;min-width:100px}.flashcard-rate-btn:hover{transform:translateY(-2px)}.flashcard-rate-btn:active{transform:translateY(0)}.flashcard-rate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.flashcard-rate-btn.red{background:var(--danger)}.flashcard-rate-btn.orange{background:#d49b5a}.flashcard-rate-btn.blue{background:var(--blue)}.flashcard-rate-btn.green{background:var(--green)}.flashcard-complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.flashcard-complete-icon{color:var(--green);margin-bottom:20px}.flashcard-complete-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.flashcard-complete-stats{font-size:16px;color:#ffffffb3;margin:0 0 24px}.flashcard-complete-breakdown{display:flex;align-items:center;gap:8px;margin-bottom:32px}.flashcard-stat-correct{font-size:36px;font-weight:700;color:var(--green)}.flashcard-stat-divider{font-size:28px;color:#ffffff4d}.flashcard-stat-wrong{font-size:36px;font-weight:700;color:var(--danger)}.flashcard-exit-btn{padding:12px 32px;background:var(--accent);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease}.flashcard-exit-btn:hover{background:var(--accent-dark)}.flashcard-empty{flex:1;display:flex;align-items:center;justify-content:center}[data-theme=dark] .flashcard-session{background:var(--dark)}[data-theme=dark] .flashcard-card{background:var(--dark-soft)}[data-theme=dark] .flashcard-front,[data-theme=dark] .flashcard-back,[data-theme=dark] .flashcard-target-text,[data-theme=dark] .flashcard-translation{color:#f5f0e8}[data-theme=dark] .flashcard-card-type{background:#b8956a26;color:var(--accent-light)}[data-theme=dark] .flashcard-show-answer-btn{background:var(--accent)}[data-theme=dark] .flashcard-audio-btn{background:#b8956a26}[data-theme=dark] .review-dashboard{color:#f5f0e8}[data-theme=dark] .review-back-btn{background:var(--dark-soft);border-color:#ffffff1a;color:#f5f0e8}[data-theme=dark] .review-item-card{background:var(--dark-soft);border-color:#ffffff0f}[data-theme=dark] .review-item-card:hover{box-shadow:0 6px 24px #0000004d}[data-theme=dark] .review-item-text,[data-theme=dark] .review-title,[data-theme=dark] .review-section-title,[data-theme=dark] .review-hero-title,[data-theme=dark] .review-session-title-text,[data-theme=dark] .review-side-title{color:#f5f0e8}[data-theme=dark] .review-item-type{background:#b8956a26}[data-theme=dark] .review-action-btn{background:#ffffff0f;border-color:#ffffff14}[data-theme=dark] .review-session-card,[data-theme=dark] .review-stat-card,[data-theme=dark] .review-side-section,[data-theme=dark] .review-quota-info{background:var(--dark-soft);box-shadow:0 4px 20px #0003}[data-theme=dark] .review-session-item,[data-theme=dark] .review-session-item.interactive{border-top-color:#ffffff0f}[data-theme=dark] .review-session-item.interactive:hover:not(:disabled){background:#b8956a1a}[data-theme=dark] .review-expandable-hint{background:#b8956a1a}[data-theme=dark] .review-quick-start{border-color:var(--accent);color:var(--accent-light)}[data-theme=dark] .review-quick-start:hover{background:var(--accent);color:#fff}[data-theme=dark] .review-weekly-dot{border-color:#ffffff1f;color:var(--soft)}[data-theme=dark] .review-weekly-dot.completed{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=dark] .review-side-more-link{color:var(--accent-light)}[data-theme=dark] .review-avatar-check{border-color:var(--dark)}[data-theme=dark] .review-stat-bar{background:#ffffff1a}[data-theme=dark] .review-cta-btn,[data-theme=dark] .review-quick-start{background:var(--accent)}[data-theme=dark] .review-cta-btn:hover,[data-theme=dark] .review-quick-start:hover{background:var(--accent-dark)}[data-theme=dark] .review-avatar.selected img{border-color:var(--accent);box-shadow:0 0 0 3px #c78c4240}[data-theme=dark] .review-side-avatar.active{border-color:var(--accent)}.chat-view{display:flex;height:100vh;width:100%;background:var(--page)}.chat-partner-scene{position:relative;flex:0 0 38%;min-width:300px;max-width:460px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line)}.chat-partner-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.chat-partner-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#3d322908,#3d322929);z-index:1;pointer-events:none}.chat-partner-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:22px}.chat-location-badge{display:inline-flex;align-items:center;gap:7px;padding:0 11px;height:32px;background:#2b221c6b;border:1px solid rgba(255,255,255,.48);border-radius:999px;font-size:.72rem;color:#fffaf3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-location-dot{width:7px;height:7px;border-radius:50%;background:#b7d29f;box-shadow:0 0 0 3px #b7d29f2e;flex-shrink:0}.chat-partner-image{position:relative;z-index:2;flex:1;width:100%;max-height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;align-self:center}.chat-partner-card{position:relative;z-index:2;padding:15px 16px;margin:0 22px 22px;background:#31261e85;border:1px solid rgba(255,255,255,.44);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 32px #2c1f182e}.chat-partner-card-label{display:block;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:#fffaf3b8;margin-bottom:5px}.chat-partner-card-name{font-size:1.2rem;font-weight:700;color:#fffaf3;margin:0;letter-spacing:-.01em}.chat-partner-card-desc{font-size:.72rem;line-height:1.5;color:#fffaf3c2;margin:6px 0 0}.chat-workspace{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--page)}.chat-ws-header{padding:20px 30px 16px;border-bottom:1px solid var(--line);background:#faf7f2eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.chat-ws-header-row{display:flex;justify-content:space-between;align-items:center}.chat-back-link{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:var(--soft);font-size:.72rem;cursor:pointer;padding:0;transition:color .15s ease}.chat-back-link:hover{color:var(--ink)}.chat-ws-header-actions{display:flex;align-items:center;gap:16px}.chat-status-pill{padding:6px 10px;background:#ffffff8a;border:1px solid var(--line);border-radius:999px;font-size:.72rem;color:var(--muted)}.chat-end-link{background:none;border:none;color:var(--danger);font-size:.72rem;cursor:pointer;padding:0;transition:opacity .15s ease}.chat-end-link:hover:not(:disabled){opacity:.7}.chat-end-link:disabled{opacity:.3;cursor:not-allowed}.chat-ws-header-title{display:flex;align-items:center;gap:12px;margin-top:12px}.chat-ws-title{font-size:1.6rem;font-weight:400;color:var(--ink);margin:0;letter-spacing:-.02em}.chat-mode-pill{padding:6px 9px;background:#b8956a24;border-radius:999px;font-size:.62rem;color:var(--accent-dark);white-space:nowrap}.chat-status-bar{display:flex;align-items:center;gap:22px;padding:14px 30px;border-bottom:1px solid var(--line);background:#ffffff7a;flex-shrink:0}.chat-status-left{display:flex;flex-direction:column;gap:6px;min-width:150px}.chat-status-text{display:flex;align-items:center;gap:6px}.chat-status-label{font-size:.62rem;font-weight:700;color:var(--muted)}.chat-status-value{font-size:.8rem;font-weight:900;color:var(--ink)}.chat-progress-track{height:6px;background:var(--line);border-radius:999px;overflow:hidden}.chat-progress-fill{height:100%;background:var(--green);border-radius:999px;transition:width .3s ease}.chat-status-right{display:flex;align-items:center;gap:13px;flex:1}.chat-topic-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:11px;color:#fffaf3;font-size:.75rem;flex-shrink:0}.chat-topic-info{display:flex;flex-direction:column}.chat-topic-label{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.chat-topic-name{font-size:.94rem;font-weight:700;color:var(--ink);margin-top:2px}.chat-timeline{flex:1;overflow-y:auto;padding:24px 30px 16px;display:flex;flex-direction:column;gap:19px}.chat-empty-hint{text-align:center;color:var(--soft);padding:40px 20px;font-size:.9rem}.chat-hint-card{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:#b8956a17;border:1px dashed rgba(184,149,106,.4);border-radius:14px}.chat-hint-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#b8956a2b;border-radius:8px;color:var(--accent-dark);flex-shrink:0}.chat-hint-body{display:flex;flex-direction:column}.chat-hint-title{font-size:.72rem;font-weight:700;color:var(--accent-dark)}.chat-hint-desc{font-size:.72rem;line-height:1.5;color:var(--muted);margin:3px 0 0}.chat-msg{display:flex;align-items:flex-end;gap:10px;max-width:100%}.chat-msg-user{justify-content:flex-end}.chat-msg-partner{justify-content:flex-start}.chat-msg-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 4px 10px #3d32291a}.chat-msg-avatar img{width:100%;height:100%;object-fit:cover}.chat-msg-avatar span{font-size:.62rem;color:#fffaf3;font-weight:400}.chat-msg-content{display:flex;flex-direction:column;max-width:70%}.chat-msg-user .chat-msg-content{align-items:flex-end}.chat-msg-name{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);padding:0 4px 4px}.chat-msg-name-user{text-align:right}.chat-msg-bubble{padding:14px 16px;border-radius:17px 17px 17px 6px;font-size:.88rem;line-height:1.58;word-wrap:break-word;white-space:pre-wrap}.chat-msg-bubble-partner{background:#ffffffd1;border:1px solid var(--line);color:var(--ink);box-shadow:0 7px 22px #3d32290d}.chat-msg-bubble-user{background:var(--accent);border:1px solid transparent;color:#fffaf3;border-radius:17px 17px 6px;box-shadow:0 7px 22px #3d32290d}.chat-typing-indicator{display:inline-flex;align-items:center;gap:4px;margin-left:4px}.chat-typing-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:chat-typing-bounce 1.4s infinite ease-in-out both}.chat-typing-dot:nth-child(1){animation-delay:-.32s}.chat-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes chat-typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-error-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;background:#b4624a14;border-top:1px solid rgba(180,98,74,.2);flex-shrink:0}.chat-error-text{font-size:.85rem;color:var(--danger)}.chat-error-actions{display:flex;gap:8px;flex-shrink:0}.chat-retry-btn{padding:4px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .15s ease}.chat-retry-btn:hover{background:var(--accent-dark)}.chat-degrade-btn{padding:4px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .15s ease}.chat-degrade-btn:hover{background:var(--cafe-cream)}.chat-evaluating-bar{padding:12px 20px;text-align:center;font-size:.9rem;color:var(--muted);background:var(--cafe-cream);flex-shrink:0}.chat-evaluation-result{padding:16px 20px;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0}.chat-evaluation-title{font-size:1rem;font-weight:600;color:var(--ink);margin:0 0 12px}.chat-evaluation-items{display:flex;flex-direction:column;gap:8px}.chat-evaluation-item{display:flex;align-items:center;gap:8px}.chat-evaluation-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.chat-result-mastered{background:#7a9e6b26;color:var(--green)}.chat-result-correct{background:#6b8db826;color:var(--blue)}.chat-result-fuzzy{background:#b8956a26;color:var(--accent-dark)}.chat-result-forgot{background:#b4624a26;color:var(--danger)}.chat-result-notEnoughEvidence{background:#9a8e7e26;color:var(--soft)}.chat-evaluation-note{font-size:.82rem;color:var(--muted)}.chat-observation-result{padding:12px 20px;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0}.chat-observation-title{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--ink)}.chat-observation-subtitle{margin:0 0 12px;font-size:.82rem;color:var(--muted)}.chat-observation-items{display:flex;flex-direction:column;gap:10px}.chat-observation-card{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.chat-observation-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.chat-observation-language-point{font-size:.88rem;font-weight:600;color:var(--accent)}.chat-observation-errors{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.chat-observation-error-quote{font-size:.78rem;color:var(--muted);background:color-mix(in srgb,var(--muted) 10%,transparent);padding:2px 8px;border-radius:4px;font-style:italic}.chat-observation-suggestion{margin:0 0 10px;font-size:.85rem;color:var(--ink);line-height:1.4}.chat-observation-actions{display:flex;gap:8px}.chat-observation-accept-btn{padding:5px 14px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .2s}.chat-observation-accept-btn:hover{opacity:.88}.chat-observation-dismiss-btn{padding:5px 14px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;transition:background .2s,color .2s}.chat-observation-dismiss-btn:hover{background:var(--hover);color:var(--ink)}.chat-completed-actions{padding:12px 20px;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0;display:flex;justify-content:center}.chat-back-btn{padding:8px 24px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.chat-back-btn:hover{background:var(--hover);border-color:var(--accent)}.chat-composer{padding:14px 30px 20px;background:linear-gradient(180deg,#faf7f2bf,#faf7f2 34%);border-top:1px solid var(--line);flex-shrink:0}.chat-composer-tools{display:flex;align-items:center;gap:8px;margin-bottom:10px}.chat-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:30px;background:#ffffffad;border:1px solid var(--line);border-radius:999px;font-size:.62rem;color:var(--muted);cursor:pointer;transition:background .15s ease,border-color .15s ease}.chat-tool-btn:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.chat-tool-btn:disabled{opacity:.4;cursor:not-allowed}.chat-tool-hint{background:#b8956a1a;border-color:#b8956a45;color:var(--accent-dark)}.chat-input-row{display:flex;align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;background:#ffffffe0;border:1px solid rgba(61,50,41,.14);border-radius:18px;box-shadow:0 9px 28px #3d322912}.chat-composer-input{flex:1;border:none;outline:none;resize:none;background:transparent;font-size:.8rem;font-family:inherit;color:var(--ink);line-height:1.5;max-height:120px}.chat-composer-input::placeholder{color:var(--soft)}.chat-composer-input:disabled{opacity:.5;cursor:not-allowed}.chat-mic-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--cafe-cream);border:none;border-radius:12px;color:var(--muted);cursor:pointer;flex-shrink:0;transition:background .15s ease}.chat-mic-btn:hover:not(:disabled){background:var(--line)}.chat-mic-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-round-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--ink);border:none;border-radius:12px;color:#fffaf3;cursor:pointer;flex-shrink:0;box-shadow:0 5px 12px #3d322926;transition:background .15s ease,transform .1s ease}.chat-send-round-btn:hover:not(:disabled){background:var(--accent)}.chat-send-round-btn:active:not(:disabled){transform:scale(.95)}.chat-send-round-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.chat-keyboard-hint{text-align:center;font-size:.62rem;color:var(--soft);margin-top:8px}.chat-free-locked{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;color:var(--soft);font-size:1rem;text-align:center}.chat-view-scene{overflow:hidden}@media(max-width:900px){.review-body{flex-direction:column}.review-sidebar{flex:none;width:100%;position:static;flex-direction:row;flex-wrap:wrap;gap:12px}.review-sidebar>*{flex:1;min-width:200px}.review-weekly-tracker{flex-wrap:wrap}}@media(max-width:768px){.review-dashboard{padding:16px}.review-hero-title{font-size:22px}.review-avatars{gap:12px}.review-avatar img,.review-avatar-img-wrap{width:68px;height:68px}.review-sidebar{flex-direction:column}.review-session-card{padding:18px 20px}}@media(max-width:768px){.chat-partner-scene{display:none}.chat-ws-header,.chat-status-bar,.chat-timeline,.chat-composer{padding-left:16px;padding-right:16px}}[data-theme=dark] .chat-view{background:var(--dark);color:#f5f0e8}[data-theme=dark] .chat-partner-scene{border-color:#ffffff0f}[data-theme=dark] .chat-workspace{background:var(--dark)}[data-theme=dark] .chat-ws-header{background:#1f1d1beb;border-color:#ffffff0f}[data-theme=dark] .chat-back-link{color:#f5f0e880}[data-theme=dark] .chat-back-link:hover{color:#f5f0e8}[data-theme=dark] .chat-status-pill{background:#ffffff0f;border-color:#ffffff14;color:#f5f0e899}[data-theme=dark] .chat-ws-title{color:#f5f0e8}[data-theme=dark] .chat-status-bar{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .chat-status-label{color:#f5f0e880}[data-theme=dark] .chat-status-value{color:#f5f0e8}[data-theme=dark] .chat-topic-label{color:#f5f0e866}[data-theme=dark] .chat-topic-name{color:#f5f0e8}[data-theme=dark] .chat-msg-bubble-partner{background:var(--dark-soft);border-color:#ffffff0f;color:#f5f0e8}[data-theme=dark] .chat-msg-name{color:#f5f0e866}[data-theme=dark] .chat-composer{background:linear-gradient(180deg,rgba(31,29,27,.75) 0%,var(--dark) 34%);border-color:#ffffff0f}[data-theme=dark] .chat-input-row{background:var(--dark-soft);border-color:#ffffff14}[data-theme=dark] .chat-composer-input{color:#f5f0e8}[data-theme=dark] .chat-composer-input::placeholder{color:#f5f0e84d}[data-theme=dark] .chat-tool-btn{background:#ffffff0a;border-color:#ffffff14;color:#f5f0e880}[data-theme=dark] .chat-mic-btn{background:#ffffff0f;color:#f5f0e880}[data-theme=dark] .chat-evaluation-result{background:var(--dark-soft);border-color:#ffffff14}[data-theme=dark] .chat-evaluating-bar{background:#ffffff0a}[data-theme=dark] .chat-history-item{background:var(--dark-soft);border-color:#ffffff14}[data-theme=dark] .chat-history-character{color:#f5f0e8}