:root,:root[data-theme=celeste]{--bg: #080b16;--bg-2: #0b0e20;--panel: rgba(19, 26, 52, .72);--panel-solid: #131a34;--line: rgba(94, 120, 200, .22);--line-2: rgba(94, 120, 200, .35);--ink: #eaeeff;--ink-soft: #aab2e0;--ink-mute: #6f78ab;--accent: #5ee6e0;--accent-2: #ff5c8a;--success: #58e39a;--warn: #ffc24b;--glow: 0 0 22px rgba(94, 230, 224, .35);--font-disp: "Chakra Petch", system-ui, sans-serif;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-serif: "Spectral", Georgia, serif;--r-card: 0px;--r-btn: 2px;--r-input: 2px;--r-bubble: 5px;--r-bubble-tail: 0px;--r-pill: 2px;--r-sm: 2px;--r-md: 2px;--r-lg: 3px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-card: 0 14px 40px rgba(0, 0, 0, .42);--shadow-panel: var(--shadow-card);--blur-panel: blur(14px);--rail-bg: linear-gradient(90deg, rgba(9, 12, 26, .92), rgba(9, 12, 26, .55) 70%, transparent);--rail-bg-open: linear-gradient(90deg, rgba(9, 12, 26, .96), rgba(11, 15, 32, .9))}:root[data-theme=institut]{--bg: #f6f4ef;--bg-2: #efebe1;--panel: rgba(255, 255, 255, .72);--panel-solid: #fcfbf7;--line: #e4dfd2;--line-2: #d8d2c2;--ink: #1b2333;--ink-soft: #454e63;--ink-mute: #8a8f9c;--accent: #2e4374;--accent-2: #9a7b3e;--success: #4d7a68;--warn: #a9772a;--glow: none;--font-disp: "Spectral", Georgia, serif;--r-card: 20px;--r-btn: 13px;--r-input: 22px;--r-bubble: 20px;--r-bubble-tail: 7px;--r-pill: 999px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--shadow-card: 0 12px 32px rgba(27, 35, 51, .07), 0 2px 10px rgba(27, 35, 51, .05);--blur-panel: blur(18px) saturate(1.35);--rail-bg: linear-gradient(90deg, rgba(246, 244, 239, .95), rgba(246, 244, 239, .65) 70%, transparent);--rail-bg-open: linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(252, 251, 247, .92))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;overflow-x:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{height:100%;height:100dvh}.app-main{margin-left:64px;height:100%;display:flex;flex-direction:column;min-width:0}.app-view{flex:1;position:relative;overflow-y:auto;overflow-x:hidden}.rail{position:fixed;left:0;top:0;bottom:0;z-index:30;width:64px;padding:16px 10px;display:flex;flex-direction:column;gap:6px;background:var(--rail-bg);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);border-right:1px solid transparent;overflow:hidden;transition:width .28s cubic-bezier(.4,0,.2,1),border-color .28s,background .28s}.rail:hover,.rail:focus-within{width:214px;border-right-color:var(--line);background:var(--rail-bg-open)}.rail .logo{display:flex;align-items:center;gap:11px;padding:6px 8px 14px;margin-bottom:6px;border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden}.rail .logo svg{flex:0 0 auto}.rail .logo .nm{font-family:var(--font-disp);font-weight:700;font-size:1rem;color:var(--ink);opacity:0;transition:opacity .2s .06s}.rail .logo .nm b{color:var(--accent)}.rail:hover .logo .nm,.rail:focus-within .logo .nm{opacity:1}.ri{position:relative;display:flex;align-items:center;gap:14px;padding:11px;border-radius:var(--r-btn);color:var(--ink-soft);white-space:nowrap;overflow:hidden;border:1px solid transparent;width:100%;text-align:left;font-size:.88rem;transition:background .15s,color .15s}.ri>svg{width:20px;height:20px;flex:0 0 auto}.ri .lbl{font-size:.88rem;opacity:0;transform:translate(-4px);transition:.2s}.rail:hover .ri .lbl,.rail:focus-within .ri .lbl{opacity:1;transform:none}button.ri:hover{background:var(--panel);color:var(--ink)}.ri.active{color:var(--ink);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent);box-shadow:inset 2px 0 0 var(--accent)}.ri.active>svg{color:var(--accent)}.ri .zh{margin-left:auto;font-size:.72rem;color:var(--ink-mute);font-family:var(--font-mono);opacity:0;transition:.2s}.rail:hover .ri .zh,.rail:focus-within .ri .zh{opacity:1}.ri.tutor{margin-top:auto}.rail-more,.rail-sheet{display:none}.rail-foot{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;display:flex;flex-direction:column;gap:2px}.langrow{cursor:default}.langs{display:inline-flex;gap:4px}.langs button{font-family:var(--font-mono);font-size:.68rem;padding:3px 8px;border-radius:var(--r-sm);border:1px solid transparent;color:var(--ink-mute)}.langs button:hover{color:var(--ink)}.langs button.on{color:var(--accent);border-color:var(--line-2)}.hud{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 28px;flex-wrap:wrap}.hud h1{font-family:var(--font-disp);font-size:1.35rem;font-weight:600}.hud .leaf{color:var(--success)}.hud .tagline{color:var(--ink-mute);font-size:.8rem;font-family:var(--font-serif);font-style:italic;margin-top:1px}.stats{display:flex;gap:10px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.stat .ic{font-size:1rem}.stat b{font-family:var(--font-disp);font-size:1.05rem;line-height:1;display:block}.stat small{display:block;color:var(--ink-mute);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.stat.streak .ic{color:var(--warn)}.stat.eclat .ic{color:var(--accent)}.stat.exam .ic{color:var(--accent-2)}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center}.ph-box{position:relative;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:36px 32px;box-shadow:var(--shadow-card)}.ph-box svg{color:var(--ink-mute)}.ph-badge{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);border-radius:var(--r-pill);padding:3px 9px;background:color-mix(in srgb,var(--warn) 6%,transparent)}.ph-box h2{font-family:var(--font-serif);font-size:1.3rem;font-weight:600}.ph-box p{color:var(--ink-soft);font-size:.85rem;line-height:1.55}@media(max-width:860px){.app-main{margin-left:0;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.rail{top:auto;left:0;right:0;bottom:0;width:100%;height:calc(60px + env(safe-area-inset-bottom));flex-direction:row;align-items:center;gap:0;padding:4px calc(8px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));border-right:0;border-top:1px solid var(--line);background:var(--panel-solid)}.rail:hover,.rail:focus-within{width:100%;border-right:0;background:var(--panel-solid)}.rail .logo,.rail-foot,.ri .lbl,.ri .zh{display:none}.ri{flex:1;justify-content:center;padding:10px 0;min-height:44px;border-radius:var(--r-btn)}.ri.active{background:none;box-shadow:inset 0 -2px 0 var(--accent)}.ri.tutor{margin-top:0}.rail-more{display:flex;flex:0 0 48px;min-height:44px}.rail-sheet{display:flex;position:fixed;right:calc(10px + env(safe-area-inset-right));bottom:calc(68px + env(safe-area-inset-bottom));z-index:31;flex-direction:column;gap:4px;min-width:200px;padding:10px;background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.rail-sheet .ri{flex:none;width:100%;justify-content:flex-start;padding:10px 12px;min-height:44px}.rail-sheet .ri .lbl{display:inline-flex;opacity:1;transform:none}.rail-sheet .langs button{min-height:44px;padding:6px 14px;display:inline-flex;align-items:center}.hud{padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 14px calc(16px + env(safe-area-inset-left))}.hud .tagline{display:none}}:root[data-theme=celeste] :is(.quest-card,.stt-card,.prc-card,.clz-card,.wrt-topic,.cor-score-card,.bln-reward,.ph-box,.er-empty,.rv-empty,.tutor-view):before,:root[data-theme=celeste] :is(.quest-card,.stt-card,.prc-card,.clz-card,.wrt-topic,.cor-score-card,.bln-reward,.ph-box,.er-empty,.rv-empty,.tutor-view):after{content:"";position:absolute;width:13px;height:13px;pointer-events:none;z-index:2}:root[data-theme=celeste] :is(.quest-card,.stt-card,.prc-card,.clz-card,.wrt-topic,.cor-score-card,.bln-reward,.ph-box,.er-empty,.rv-empty,.tutor-view):before{top:-1px;left:-1px;border-top:2px solid color-mix(in srgb,var(--accent) 70%,transparent);border-left:2px solid color-mix(in srgb,var(--accent) 70%,transparent)}:root[data-theme=celeste] :is(.quest-card,.stt-card,.prc-card,.clz-card,.wrt-topic,.cor-score-card,.bln-reward,.ph-box,.er-empty,.rv-empty,.tutor-view):after{bottom:-1px;right:-1px;border-bottom:2px solid color-mix(in srgb,var(--accent) 70%,transparent);border-right:2px solid color-mix(in srgb,var(--accent) 70%,transparent)}:root[data-theme=celeste] .ri.active:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%);opacity:.85}:root[data-theme=celeste] :is(.xps-top,.tutor-head){background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 3px)}:root[data-theme=celeste] :is(.prc-count,.clz-count,.lex-count,.rv-count){text-transform:uppercase;letter-spacing:.08em}:root[data-theme=institut] .lex-corner{display:none}:root[data-theme=institut] :is(.lex-card,.rv-face):before{display:none}:root[data-theme=institut] .bln-stars{text-shadow:none}:root[data-theme=institut] .rv-face{background:var(--panel-solid)}:root[data-theme=institut] :is(button,.chip,.stat){transition-timing-function:cubic-bezier(.22,.61,.36,1)}.ob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow-y:auto;display:flex;padding:clamp(16px,4vw,40px);padding-top:max(clamp(16px,4vw,40px),env(safe-area-inset-top));padding-right:max(clamp(16px,4vw,40px),env(safe-area-inset-right));padding-bottom:max(clamp(16px,4vw,40px),env(safe-area-inset-bottom));padding-left:max(clamp(16px,4vw,40px),env(safe-area-inset-left));background:radial-gradient(1100px 620px at 78% -8%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),radial-gradient(900px 560px at 8% 108%,color-mix(in srgb,var(--accent-2) 9%,transparent),transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg))}.ob-card{position:relative;margin:auto;width:100%;max-width:540px;background:var(--panel);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border:1px solid var(--line-2);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:clamp(24px,5vw,40px);display:flex;flex-direction:column;gap:18px}.ob-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ob-dots{display:flex;gap:7px;align-items:center}.ob-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--line-2);transition:background-color .2s,transform .2s}.ob-dot.on{background:var(--accent);transform:scale(1.15)}.ob-dot.done{background:color-mix(in srgb,var(--accent) 55%,transparent)}.ob-skip{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;color:var(--ink-mute);padding:6px 8px;min-height:44px;border-radius:var(--r-btn);transition:color .15s}.ob-skip:hover{color:var(--ink-soft)}.ob-step{display:flex;flex-direction:column;gap:14px;animation:ob-in .32s ease both}@keyframes ob-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ob-kicker{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.ob-title{font-family:var(--font-disp);font-weight:700;font-size:clamp(1.35rem,4.5vw,1.7rem);line-height:1.2;color:var(--ink)}.ob-title:focus{outline:none}.ob-body{font-size:.94rem;line-height:1.6;color:var(--ink-soft)}.ob-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}.ob-btn{padding:13px 24px;border-radius:var(--r-btn);border:1px solid var(--line-2);background:var(--panel-solid);color:var(--ink-soft);font-family:var(--font-disp);font-weight:600;font-size:.9rem;letter-spacing:.03em;transition:border-color .15s,color .15s,background-color .15s,filter .15s}.ob-btn:hover{border-color:var(--accent);color:var(--ink)}.ob-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:var(--glow)}.ob-primary:hover{color:var(--bg);filter:brightness(1.08)}.ob-ghost{background:none;border-color:transparent;color:var(--ink-mute);text-decoration:underline;text-underline-offset:3px;padding:10px 6px}.ob-ghost:hover{color:var(--ink-soft);border-color:transparent}.ob-choices{display:flex;flex-direction:column;gap:12px}.ob-choice{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--panel-solid);transition:border-color .15s,transform .12s,box-shadow .15s}.ob-choice:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-card)}.ob-choice-flag{font-family:var(--font-disp);font-weight:700;font-size:1.15rem;color:var(--ink);min-width:3.4ch}.ob-choice-txt{display:flex;flex-direction:column;gap:2px}.ob-choice-main{font-weight:600;color:var(--ink);font-size:.98rem}.ob-choice-sub{font-size:.8rem;color:var(--ink-mute)}.ob-choice-arrow{margin-left:auto;color:var(--ink-mute);font-size:1.1rem;transition:transform .15s,color .15s}.ob-choice:hover .ob-choice-arrow{color:var(--accent);transform:translate(3px)}.ob-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:420px){.ob-levels{grid-template-columns:repeat(2,1fr)}}.ob-level{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--panel-solid);transition:border-color .15s,background-color .15s,transform .12s}.ob-level:hover{border-color:var(--accent);transform:translateY(-1px)}.ob-level.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel-solid));box-shadow:var(--glow)}.ob-level-code{font-family:var(--font-disp);font-weight:700;font-size:1.2rem;color:var(--ink)}.ob-level-desc{font-size:.68rem;letter-spacing:.02em;color:var(--ink-mute);text-align:center}.ob-field{display:flex;flex-direction:column;gap:8px}.ob-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute)}.ob-date{width:100%;padding:12px 16px;border-radius:var(--r-input);border:1px solid var(--line-2);background:var(--panel-solid);color:var(--ink);font-family:var(--font-mono);font-size:.95rem}.ob-date:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ob-vcard{position:relative;padding:22px 20px;border-radius:var(--r-md);border:1px solid var(--line-2);background:linear-gradient(180deg,var(--panel-solid),var(--panel));box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px}.ob-vchip{align-self:flex-start;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line-2);border-radius:var(--r-pill);padding:3px 10px}.ob-vword{font-family:var(--font-serif);font-weight:600;font-size:1.5rem;color:var(--ink)}.ob-vipa{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-mute)}.ob-vrow{display:flex;flex-direction:column;gap:3px}.ob-vlabel{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.ob-vmeaning{font-size:.98rem;color:var(--ink)}.ob-vexample{font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:var(--ink-soft);line-height:1.5}.ob-vgloss{font-size:.82rem;color:var(--ink-mute)}.ob-reward{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:8px 0 2px;animation:ob-pop .4s ease both}@keyframes ob-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.ob-star{font-size:2.4rem;color:var(--accent);text-shadow:var(--glow);line-height:1;animation:ob-ignite 1.2s ease 1 both}@keyframes ob-ignite{0%{opacity:.15;transform:scale(.6)}55%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.ob-reward-eclat{font-family:var(--font-disp);font-weight:700;font-size:1.2rem;color:var(--warn)}.ob-reward-skill{font-family:var(--font-mono);font-size:.82rem;color:var(--accent)}.ob-reward-body{font-size:.9rem;color:var(--ink-soft);line-height:1.55;max-width:34ch}@media(prefers-reduced-motion:reduce){.ob-step,.ob-reward,.ob-star{animation:none;opacity:1;transform:none}}.ciel-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ciel-sky{position:absolute;top:0;right:0;bottom:0;left:0}.ciel-sky canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ciel-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,color-mix(in srgb,black 72%,transparent) 100%)}:root[data-theme=institut] .ciel-vignette{background:none}.ciel-tip{position:absolute;z-index:40;pointer-events:none;background:var(--panel-solid);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 11px;font-size:.76rem;transform:translate(-50%,-140%);white-space:nowrap;box-shadow:var(--shadow-card)}.ciel-tip b{font-family:var(--font-serif)}.ciel-tip small{display:block;color:var(--ink-mute);font-family:var(--font-mono);font-size:.66rem;margin-top:2px}.ciel-legend{position:absolute;top:14px;right:28px;z-index:15;display:flex;gap:16px;font-size:.68rem;color:var(--ink-mute);pointer-events:none}.ciel-legend span{display:flex;align-items:center;gap:6px}.ciel-legend i{width:9px;height:9px;border-radius:50%}.lg-m{background:var(--ink);box-shadow:0 0 8px var(--accent)}.lg-a{background:var(--accent);box-shadow:0 0 10px var(--accent)}.lg-v{background:color-mix(in srgb,var(--ink-soft) 55%,var(--ink-mute))}.lg-l{background:color-mix(in srgb,var(--ink-mute) 45%,var(--bg))}:root[data-theme=institut] .lg-m{background:var(--accent-2);box-shadow:none}:root[data-theme=institut] .lg-a{box-shadow:none}.ciel-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:12;color:var(--ink-mute);font-family:var(--font-mono);font-size:.68rem;pointer-events:none;opacity:.7}.quest-card{position:absolute;left:24px;bottom:26px;z-index:20;width:310px;max-width:calc(100% - 48px);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:18px;backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-card)}.quest-card .qtop{display:flex;align-items:center;gap:9px;margin-bottom:10px}.quest-card .qbadge{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);border-radius:var(--r-pill);padding:3px 9px;background:color-mix(in srgb,var(--warn) 6%,transparent)}.quest-card .qgen{margin-left:auto;font-size:.64rem;color:var(--ink-mute);font-family:var(--font-mono);display:flex;align-items:center;gap:5px}.quest-card .qgen:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:ciel-blink 1.8s infinite}.quest-card .qgen.demo:before{background:var(--warn);box-shadow:none;animation:none}@keyframes ciel-blink{50%{opacity:.3}}.quest-card h3{font-family:var(--font-serif);font-size:1.12rem;font-weight:600;line-height:1.25;margin-bottom:6px}.quest-card .qsub{font-size:.8rem;color:var(--ink-soft);line-height:1.5;margin-bottom:14px}.quest-card .qmeta{display:flex;align-items:center;gap:14px;margin-bottom:14px;font-size:.72rem;color:var(--ink-mute);flex-wrap:wrap}.quest-card .qmeta .rw{color:var(--accent);font-family:var(--font-mono)}.qbar{height:6px;border-radius:var(--r-pill);background:color-mix(in srgb,black 35%,transparent);overflow:hidden;margin-bottom:14px}:root[data-theme=institut] .qbar{background:var(--bg-2)}.qbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--success));box-shadow:var(--glow);transition:width .4s}.qbtn{width:100%;padding:12px;border:0;border-radius:var(--r-btn);font-family:var(--font-disp);font-weight:600;letter-spacing:.04em;font-size:.82rem;color:var(--bg);background:linear-gradient(90deg,var(--accent),var(--success));box-shadow:var(--glow);transition:transform .15s,filter .15s}.qbtn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.qbtn:disabled{opacity:.55;cursor:default}:root[data-theme=institut] .qbtn{background:var(--accent);color:var(--panel-solid)}.skill-detail{position:absolute;right:26px;bottom:26px;z-index:21;width:300px;max-width:calc(100% - 48px);background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-card);padding:18px;backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-card);transform:translateY(12px);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.skill-detail.show{transform:none;opacity:1;pointer-events:auto}.skill-detail .dcat{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.skill-detail h3{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;margin:3px 0 12px}.skill-detail .drow{display:flex;align-items:center;gap:14px;margin-bottom:14px}.skill-detail .ring{--v: 0;width:56px;height:56px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--v) * 1%),color-mix(in srgb,var(--ink) 8%,transparent) 0);position:relative}.skill-detail .ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--panel-solid)}.skill-detail .ring b{position:relative;font-family:var(--font-disp);font-size:.92rem;color:var(--accent)}.skill-detail .dtx{font-size:.78rem;color:var(--ink-soft);line-height:1.45}.skill-detail .dbtns{display:flex;gap:9px}.skill-detail .dbtns button{flex:1;padding:11px;border-radius:var(--r-btn);font-family:var(--font-disp);font-weight:600;font-size:.78rem;transition:transform .15s,border-color .15s,color .15s;border:1px solid var(--line-2);background:transparent;color:var(--ink)}.skill-detail .rev:hover{border-color:var(--accent);color:var(--accent)}.skill-detail .def{background:linear-gradient(90deg,var(--accent-2),color-mix(in srgb,var(--accent-2) 65%,white));color:var(--bg);border:0}:root[data-theme=institut] .skill-detail .def{background:var(--accent-2);color:var(--panel-solid)}.skill-detail .def:hover{transform:translateY(-2px)}@media(max-width:860px){.ciel-legend,.ciel-hint{display:none}.quest-card{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:12px;width:auto;max-width:none}.skill-detail{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:12px;bottom:auto;width:auto;max-width:none;transform:translateY(-12px)}.skill-detail.show{transform:none}.quest-card .qbtn,.skill-detail .dbtns button{min-height:44px}}.prc-stage{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.prc-ctx{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.prc-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.prc-art{font-family:var(--font-serif);font-style:italic;color:var(--ink-mute);font-size:.8rem}.prc-prog{display:flex;align-items:center;gap:14px}.prc-segs{display:flex;gap:5px;flex:1}.prc-segs i{height:5px;flex:1;border-radius:var(--r-pill);background:var(--line);transition:.3s}.prc-segs i.on{background:linear-gradient(90deg,var(--accent),var(--success));box-shadow:var(--glow)}.prc-count{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);white-space:nowrap}.prc-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:30px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-card)}.prc-question{font-family:var(--font-serif);font-size:1.12rem;line-height:1.7}.prc-flash{font-size:1.5rem;text-align:center;padding:18px 0}.prc-options{display:flex;flex-direction:column;gap:9px}.prc-opt{text-align:left;padding:13px 16px;border-radius:var(--r-btn);border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink-soft);font-size:.92rem;transition:.15s}.prc-opt:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.prc-opt:disabled{cursor:default}.prc-opt.good{border-color:var(--success);color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--bg-2))}.prc-opt.bad{border-color:var(--accent-2);color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 8%,var(--bg-2))}.prc-input{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-input);padding:13px 16px;font-family:var(--font-mono);font-size:.95rem;color:var(--ink)}.prc-input:focus{outline:none;border-color:var(--accent)}.prc-hint{font-size:.8rem;color:var(--ink-mute)}.prc-reveal{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;text-align:center;color:var(--accent)}.prc-expl{font-size:.86rem;line-height:1.6;color:var(--ink-soft)}.prc-feedback{border-radius:var(--r-md);padding:14px 16px;font-size:.88rem;display:flex;flex-direction:column;gap:6px}.prc-feedback.good{border:1px solid color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 7%,transparent)}.prc-feedback.good>b{color:var(--success)}.prc-feedback.bad{border:1px solid color-mix(in srgb,var(--accent-2) 40%,transparent);background:color-mix(in srgb,var(--accent-2) 7%,transparent)}.prc-feedback.bad>b{color:var(--accent-2)}.prc-answer mark{background:transparent;color:var(--ink);font-weight:600;border-bottom:1px solid var(--line-2)}.prc-grades{display:flex;gap:10px}.prc-btn{padding:13px 22px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);font-family:var(--font-disp);font-weight:600;font-size:.82rem;letter-spacing:.04em;transition:.15s}.prc-btn:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.prc-btn:disabled{opacity:.4;cursor:not-allowed}.prc-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:var(--glow);align-self:stretch}.prc-primary:hover:not(:disabled){color:var(--bg);filter:brightness(1.08)}.prc-again{flex:1;color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.prc-again:hover{border-color:var(--warn);color:var(--warn)}.prc-good{flex:1;color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.prc-good:hover{border-color:var(--success);color:var(--success)}.prc-summary{align-items:center;text-align:center}.prc-h{font-family:var(--font-disp);font-size:1.1rem}.prc-score{font-family:var(--font-disp);font-size:2.4rem;font-weight:700;color:var(--accent)}.prc-score-msg{color:var(--ink-soft);font-size:.9rem}.prc-empty{color:var(--ink-mute);font-size:.9rem}@media(max-width:560px){.prc-card{padding:22px 18px}.prc-grades{flex-wrap:wrap}.prc-opt,.prc-btn,.prc-primary{min-height:44px}}.clz-stage{max-width:640px;margin:0 auto;padding:18px 20px 32px;display:flex;flex-direction:column;gap:16px}.clz-ctx{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.clz-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.clz-art{font-family:var(--font-serif);font-style:italic;color:var(--ink-mute);font-size:.8rem}.clz-prog{display:flex;gap:5px}.clz-prog i{height:5px;flex:1;border-radius:var(--r-pill);background:var(--line)}.clz-prog i.on{background:var(--accent);box-shadow:var(--glow)}.clz-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:28px 26px;box-shadow:var(--shadow-card)}.clz-h{font-family:var(--font-disp);font-size:1.05rem;margin-bottom:14px}.clz-sentence{font-family:var(--font-serif);font-size:1.12rem;line-height:2.15}.clz-input{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:3px 8px;margin:0 2px;font-family:var(--font-mono);font-size:.9rem;color:var(--ink);text-align:center;max-width:100%}.clz-input.miss{border-color:var(--accent-2)}.clz-fill{background:transparent;padding:0 2px;font-weight:600;border-bottom:2px solid;color:inherit}.clz-fill.correct{color:var(--success);border-color:var(--success)}.clz-fill.revealed{color:var(--warn);border-color:var(--warn)}.clz-hints{margin-top:14px;font-size:.8rem;color:var(--ink-mute);display:flex;flex-direction:column;gap:4px}.clz-foot{display:flex;align-items:center;gap:14px;justify-content:flex-end;flex-wrap:wrap}.clz-att{margin-right:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-mute)}.clz-count{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft)}.clz-btn{padding:12px 22px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);font-family:var(--font-disp);font-weight:600;font-size:.82rem;letter-spacing:.04em;transition:.15s}.clz-btn:hover{border-color:var(--accent);color:var(--ink)}.clz-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:var(--glow)}.clz-primary:hover{color:var(--bg);filter:brightness(1.08)}.clz-score{font-family:var(--font-disp);font-size:2.4rem;font-weight:700;margin:6px 0 4px}.clz-rline{display:flex;gap:18px;font-family:var(--font-mono);font-size:.85rem;margin-bottom:14px}.clz-miss{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2)}.clz-miss li{font-size:.88rem;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.clz-miss strong{color:var(--success);font-family:var(--font-serif)}.clz-miss s{color:var(--ink-mute);font-size:.8rem}.clz-empty{color:var(--ink-mute);font-size:.9rem;margin-bottom:14px}@media(max-width:560px){.clz-stage{padding:14px 14px 28px}.clz-card{padding:22px 18px}.clz-btn,.clz-primary{min-height:44px}}.wrt-stage{max-width:680px;margin:0 auto;padding:18px 20px 32px;display:flex;flex-direction:column;gap:14px}.wrt-ctx{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.wrt-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.wrt-art{font-family:var(--font-serif);font-style:italic;color:var(--ink-mute);font-size:.8rem}.wrt-modes{display:flex;gap:8px}.wrt-mode{padding:8px 16px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);color:var(--ink-mute);font-family:var(--font-disp);font-size:.76rem;letter-spacing:.04em;transition:.15s}.wrt-mode.on{border-color:var(--accent);color:var(--accent)}.wrt-topic{position:relative;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-card);padding:18px 20px;box-shadow:var(--shadow-card)}.wrt-topic-text{font-family:var(--font-serif);font-size:1.05rem;line-height:1.7}.wrt-fold{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.wrt-topic .wrt-fold{border:0;background:transparent;margin-top:10px}.wrt-fold-h{display:block;width:100%;text-align:left;padding:10px 14px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;color:var(--ink-soft)}.wrt-fold-h:hover{color:var(--accent)}.wrt-rules{margin:0;padding:0 16px 12px 30px;font-size:.84rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px}.wrt-guide{padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px}.wrt-guide-intro{font-size:.8rem;color:var(--ink-mute)}.wrt-aec{display:flex;gap:12px;align-items:flex-start}.wrt-aec-k{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;font-family:var(--font-disp);font-weight:700;font-size:.8rem}.wrt-aec-t{font-size:.86rem;font-weight:600;color:var(--ink)}.wrt-aec-zh{font-size:.76rem;color:var(--ink-mute);margin-top:1px}.wrt-aec-s{font-family:var(--font-serif);font-style:italic;font-size:.82rem;color:var(--ink-soft);margin-top:4px}.wrt-more{align-self:flex-start;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);padding:6px 12px;border:1px dashed var(--line-2);border-radius:var(--r-sm)}.wrt-more:hover{border-color:var(--accent)}.wrt-refs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wrt-refs-h{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-right:4px}.wrt-ref{font-size:.78rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 10px}.wrt-model{padding:4px 16px 14px;display:flex;flex-direction:column;gap:8px}.wrt-model p{font-family:var(--font-serif);font-style:italic;font-size:.9rem;line-height:1.7;color:var(--ink-soft)}.wrt-model footer{font-size:.78rem;color:var(--ink-mute)}.wrt-model-hint{font-family:var(--font-mono);font-size:.68rem;color:var(--warn)}.wrt-area{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-md);padding:16px 18px;font-family:var(--font-sans);font-size:.95rem;line-height:1.7;color:var(--ink);resize:vertical;min-height:200px}.wrt-area:focus{border-color:var(--accent);outline:none;box-shadow:var(--glow)}.wrt-foot{display:flex;align-items:center;gap:14px;justify-content:flex-end;flex-wrap:wrap}.wrt-count{margin-right:auto;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft)}.wrt-error{font-size:.8rem;color:var(--accent-2)}.wrt-btn{padding:13px 24px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);font-family:var(--font-disp);font-weight:600;font-size:.84rem;letter-spacing:.04em;transition:.15s}.wrt-btn:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.wrt-btn:disabled{opacity:.45;cursor:not-allowed}.wrt-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:var(--glow)}.wrt-primary:hover:not(:disabled){color:var(--bg);filter:brightness(1.08)}.wrt-empty{color:var(--ink-mute);font-size:.9rem;margin-bottom:14px}@media(max-width:560px){.wrt-stage{padding:14px 14px 28px}.wrt-modes{flex-wrap:wrap}.wrt-mode{min-height:44px;display:inline-flex;align-items:center}.wrt-btn,.wrt-primary{min-height:44px}.wrt-foot{flex-wrap:wrap}}.cor-stage{max-width:680px;margin:0 auto;padding:18px 20px 32px;display:flex;flex-direction:column;gap:14px}.cor-ctx{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.cor-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.cor-art{font-family:var(--font-serif);font-style:italic;color:var(--ink-mute);font-size:.8rem}.cor-score-card{position:relative;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-card);padding:20px 22px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px}.cor-score-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cor-score{font-family:var(--font-disp);font-weight:700;font-size:2.4rem;line-height:1}.cor-score small{font-size:1rem;color:var(--ink-mute);font-weight:400}.cor-demo{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);border:1px solid var(--warn);border-radius:var(--r-pill);padding:3px 10px}.cor-demo-note{font-size:.76rem;color:var(--ink-mute)}.cor-bar{height:6px;border-radius:var(--r-pill);background:var(--bg-2);overflow:hidden}.cor-bar i{display:block;height:100%;border-radius:var(--r-pill);transition:width .4s ease}.cor-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px}.cor-h{font-family:var(--font-disp);font-size:.92rem;letter-spacing:.03em;margin-bottom:12px}.cor-none{font-size:.88rem;color:var(--success)}.cor-errors{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.cor-error{border-left:3px solid;padding:2px 0 2px 12px;display:flex;flex-direction:column;gap:5px}.cor-chip{align-self:flex-start;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:var(--r-pill);padding:2px 9px}.cor-diff{font-size:.92rem;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.cor-diff s{color:var(--ink-mute)}.cor-diff strong{color:var(--success);font-family:var(--font-serif)}.cor-arrow{color:var(--ink-mute)}.cor-expl{font-size:.8rem;color:var(--ink-soft);line-height:1.6}.cor-rewrite{font-family:var(--font-serif);font-style:italic;font-size:.95rem;line-height:1.8;color:var(--ink-soft);border-left:3px solid var(--accent);padding-left:14px}.cor-recovery{list-style:none;display:flex;flex-direction:column;gap:16px}.cor-rq{display:flex;flex-direction:column;gap:7px}.cor-rq-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cor-rq-cat{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.cor-rq-tag{font-size:.68rem;color:var(--ink-mute);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 8px}.cor-rq-q{font-size:.92rem;line-height:1.6}.cor-rq-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cor-rq-input{flex:1;min-width:180px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-input);padding:8px 12px;font-family:var(--font-mono);font-size:.86rem;color:var(--ink)}.cor-rq-input.miss{border-color:var(--accent-2)}.cor-reveal{font-size:.74rem;color:var(--ink-mute);text-decoration:underline;text-underline-offset:3px}.cor-reveal:hover{color:var(--ink-soft)}.cor-rq-done{display:flex;flex-direction:column;gap:5px}.cor-rq-done .ok{color:var(--success)}.cor-rq-done .ko{color:var(--warn)}.cor-rq-done strong{font-family:var(--font-serif)}.cor-foot{display:flex;justify-content:flex-end}.cor-btn{padding:10px 18px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);font-family:var(--font-disp);font-weight:600;font-size:.8rem;letter-spacing:.04em;transition:.15s}.cor-btn:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.cor-btn:disabled{cursor:default;color:var(--success);border-color:var(--line)}.cor-send{align-self:flex-start}.cor-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:var(--glow);padding:13px 26px;font-size:.85rem}.cor-primary:hover:not(:disabled){color:var(--bg);filter:brightness(1.08)}.cor-empty{color:var(--ink-mute);font-size:.9rem;margin-bottom:14px}@media(max-width:560px){.cor-stage{padding:14px 14px 28px}.cor-panel,.cor-score-card{padding:16px}.cor-rq-row{flex-direction:column;align-items:stretch}.cor-rq-input{min-width:0;width:100%}.cor-btn,.cor-primary{min-height:44px}}.er{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 22px 44px}.er-head{width:100%;max-width:700px;display:flex;align-items:center;gap:10px}.er-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.er-count{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 9px}.er-list{width:100%;max-width:700px;list-style:none;display:flex;flex-direction:column;gap:12px}.er-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-card)}.er-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.er-chip{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-pill);border:1px solid}.er-chip.grammar{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 40%,transparent);background:color-mix(in srgb,var(--accent-2) 7%,transparent)}.er-chip.vocab{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.er-chip.logic{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 7%,transparent)}.er-chip.style{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 7%,transparent)}.er-date,.er-retried{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-mute)}.er-open{margin-left:auto;font-family:var(--font-disp);font-weight:600;font-size:.76rem;letter-spacing:.03em;color:var(--ink-soft);border:1px solid var(--line-2);border-radius:var(--r-btn);padding:6px 14px;transition:.15s}.er-open:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.er-original{font-family:var(--font-serif);font-style:italic;color:var(--ink-soft);font-size:.98rem;line-height:1.65}.er-label{display:block;font-family:var(--font-mono);font-style:normal;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:3px}.er-drill{border-top:1px dashed var(--line-2);padding-top:12px;display:flex;flex-direction:column;gap:10px}.er-form{display:flex;gap:10px}.er-input{flex:1;min-width:0;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-input);padding:11px 14px;color:var(--ink);font-size:.92rem}.er-input:focus{border-color:var(--accent);outline:none}.er-input::placeholder{color:var(--ink-mute)}.er-btn{font-family:var(--font-disp);font-weight:600;font-size:.8rem;letter-spacing:.03em;padding:10px 16px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--panel-solid);color:var(--ink-soft);transition:.15s}.er-btn:hover{color:var(--ink)}.er-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:var(--glow)}.er-btn.primary:hover{filter:brightness(1.08);color:var(--bg)}.er-fail{color:var(--accent-2);font-size:.8rem}.er-drillfoot{display:flex;gap:16px}.er-link{font-size:.76rem;color:var(--ink-mute);text-decoration:underline dotted;padding:2px 0}.er-link:hover{color:var(--ink)}.er-solution{background:color-mix(in srgb,var(--success) 6%,transparent);border:1px solid color-mix(in srgb,var(--success) 28%,transparent);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:9px}.er-correction{font-family:var(--font-serif);font-size:.96rem;color:var(--ink);line-height:1.6}.er-explain{font-size:.82rem;color:var(--ink-soft);line-height:1.6}.er-success{display:flex;flex-direction:column;gap:10px}.er-fixed{font-family:var(--font-disp);font-weight:600;font-size:.92rem;color:var(--success);display:flex;align-items:center;gap:12px}.er-earned{font-family:var(--font-mono);font-size:.74rem;color:var(--success)}.er-decide{display:flex;gap:10px;flex-wrap:wrap}.er-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:40;font-family:var(--font-disp);font-weight:600;font-size:.82rem;color:var(--success);background:var(--panel-solid);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);border-radius:var(--r-pill);padding:8px 18px;box-shadow:var(--shadow-card);animation:er-in .25s ease}@keyframes er-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.er-empty{position:relative;margin:auto;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:42px 34px;box-shadow:var(--shadow-card)}.er-empty svg{color:var(--ink-mute)}.er-quote{font-family:var(--font-serif);font-style:italic;font-size:1.3rem;color:var(--ink)}.er-soft{color:var(--ink-soft);font-size:.86rem;line-height:1.6}@media(max-width:560px){.er{padding:10px 14px 34px}.er-form{flex-direction:column}.er-open{width:100%;margin-left:0}.er-open,.er-btn,.er-input{min-height:44px}}.tutor-view{position:absolute;top:12px;bottom:18px;left:16px;right:16px;margin:0 auto;max-width:430px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.tutor-head{display:flex;align-items:center;gap:11px;padding:10px 16px;border-bottom:1px solid var(--line);flex:0 0 auto}.tutor-avatar{position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--panel);border:1px solid var(--line-2);box-shadow:var(--glow)}.tutor-avatar .presence{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--success);border:2px solid var(--bg)}.tutor-id{min-width:0}.tutor-id strong{display:block;font-family:var(--font-disp);font-weight:600;font-size:.95rem;line-height:1.2}.tutor-id small{display:block;color:var(--ink-mute);font-size:.72rem}.tutor-id small.typing{color:var(--accent)}.demo-badge{margin-left:auto;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);border-radius:var(--r-pill);padding:3px 9px;background:color-mix(in srgb,var(--warn) 6%,transparent);cursor:help;white-space:nowrap}.tutor-thread{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px 8px;display:flex;flex-direction:column;gap:10px}.day-sep{display:flex;align-items:center;gap:12px;margin:6px 0;color:var(--ink-mute);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.06em}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--line)}.msg-row{display:flex}.msg-row.from-user{justify-content:flex-end}.msg-col{display:flex;flex-direction:column;max-width:80%}.from-user .msg-col{align-items:flex-end}.bubble{padding:9px 14px;border-radius:var(--r-bubble);font-size:.92rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.from-tutor .bubble{background:var(--panel-solid);border:1px solid var(--line);border-bottom-left-radius:var(--r-bubble-tail)}.from-user .bubble{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,var(--accent-2)));color:var(--bg);border-bottom-right-radius:var(--r-bubble-tail)}:root[data-theme=institut] .from-user .bubble{background:var(--accent);color:var(--panel-solid)}:root[data-theme=celeste] .from-user .bubble{clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}:root[data-theme=celeste] .from-tutor .bubble{clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px))}.bubble.streaming:after{content:"▍";margin-left:2px;animation:ul-caret 1s steps(2) infinite}@keyframes ul-caret{50%{opacity:0}}.msg-time{font-family:var(--font-mono);font-size:.62rem;color:var(--ink-mute);margin:3px 6px 0}.typing-dots{display:inline-flex;gap:4px;padding:4px 2px}.typing-dots i{width:6px;height:6px;border-radius:50%;background:var(--ink-mute);animation:ul-dot 1.2s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes ul-dot{0%,60%,to{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}.sys-row{display:flex;justify-content:center}.sys-bubble{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--ink-soft);background:color-mix(in srgb,var(--warn) 7%,transparent);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);border-radius:var(--r-md);padding:8px 12px}.sys-bubble button{font-family:var(--font-disp);font-weight:600;font-size:.75rem;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);border-radius:var(--r-btn);padding:4px 10px;transition:background .15s}.sys-bubble button:hover{background:color-mix(in srgb,var(--warn) 12%,transparent)}.tutor-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 10px;flex:0 0 auto}.chip{font-size:.78rem;color:var(--ink-soft);padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--panel);transition:color .15s,border-color .15s,box-shadow .15s}.chip:hover{color:var(--ink);border-color:var(--accent);box-shadow:var(--glow)}.composer{display:flex;align-items:flex-end;gap:9px;padding:10px 12px 12px;border-top:1px solid var(--line);flex:0 0 auto}.composer textarea{flex:1;min-width:0;resize:none;max-height:132px;padding:10px 16px;border-radius:var(--r-input);background:var(--panel-solid);border:1px solid var(--line-2);color:var(--ink);font-size:.92rem;line-height:1.4;transition:border-color .15s}.composer textarea::placeholder{color:var(--ink-mute)}.composer textarea:focus{outline:none;border-color:var(--accent)}.send-btn{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--bg);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,var(--accent-2)));box-shadow:var(--glow);transition:transform .15s,opacity .15s}:root[data-theme=celeste] .send-btn{border-radius:3px}:root[data-theme=institut] .send-btn{background:var(--accent);color:var(--panel-solid)}.send-btn:not(:disabled):hover{transform:translateY(-1px)}.send-btn:disabled{opacity:.45;cursor:default;box-shadow:none}@media(max-width:860px){.tutor-view{top:0;bottom:0;left:0;right:0;max-width:none;border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=celeste] .tutor-view:before,:root[data-theme=celeste] .tutor-view:after{display:none}.tutor-head{padding:8px 14px}.tutor-thread{padding:14px 14px 6px}.msg-col{max-width:86%}.send-btn{width:46px;height:46px}.chip{min-height:44px;display:inline-flex;align-items:center}.composer textarea{min-height:44px}.sys-bubble button{min-height:40px}}