:root{--bg:#0b0a13;--bg-glow:radial-gradient(60% 50% at 50% 0%, #aa3bff38 0%, #aa3bff00 60%), radial-gradient(45% 40% at 85% 90%, #47bfff1a 0%, #47bfff00 60%);--text:#cbc7d9;--text-h:#f5f3fb;--text-dim:#8b869c;--panel:#ffffff0a;--panel-border:#ffffff17;--accent:#aa3bff;--accent-2:#7e14ff;--accent-soft:#aa3bff24;--accent-border:#aa3bff73;--track:#ffffff14;--success:#47bfff;--success-soft:#47bfff2e;--danger:#ff6b6b;--danger-soft:#ff6b6b29;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--serif:ui-serif, Iowan Old Style, Palatino, "Palatino Linotype", Georgia, serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg-glow), var(--bg);min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--serif);color:var(--text-h);margin:0;font-weight:600}p{margin:0}button{font:inherit}.setup{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(28px,6vh,56px);padding:24px 16px 48px;display:flex}.brand{flex-direction:column;align-items:center;gap:10px;display:flex}.brand__glyph{width:44px;height:44px;color:var(--accent);filter:drop-shadow(0 0 18px #aa3bff8c);margin-bottom:6px}.brand__title{letter-spacing:.5px;background:linear-gradient(180deg, #fff 0%, #d9c9ff 55%, var(--accent) 130%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,9vw,76px);line-height:1}.brand__tagline{color:var(--text-dim);letter-spacing:.3px;font-size:clamp(14px,2.4vw,17px)}.card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:clamp(20px,4vw,32px);display:flex;box-shadow:0 30px 60px -30px #0009}.card__heading{text-align:left;flex-direction:column;gap:6px;display:flex}.card__heading h2{font-size:20px}.card__heading p{color:var(--text-dim);font-size:14px;line-height:1.5}.model-status{text-align:left;color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.model-status__dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s,box-shadow .3s;box-shadow:0 0 0 4px #ffffff0f}.model-status--installing .model-status__dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:1.4s ease-in-out infinite pulse-dot}.model-status--ready{color:var(--text)}.model-status--ready .model-status__dot{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.model-status--error .model-status__dot{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.model-status__percent{font-variant-numeric:tabular-nums;color:var(--text);margin-left:auto}.card__backend{color:var(--text-dim);text-align:left;margin-top:-8px;font-size:12px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.progress{background:var(--track);border-radius:999px;height:8px;position:relative;overflow:hidden}.progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width .3s;position:relative;overflow:hidden}.progress__fill:after{content:"";background:linear-gradient(100deg,#0000 0%,#ffffff73 45%,#0000 65%);animation:1.6s ease-in-out infinite progress-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes progress-shimmer{to{transform:translate(100%)}}.card__detail{color:var(--text-dim);text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-family:var(--mono);margin-top:-8px;overflow:hidden}.card__detail--error{color:var(--danger);font-family:var(--sans);white-space:normal;font-size:13px;line-height:1.55}.card__actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.btn{appearance:none;letter-spacing:.2px;cursor:pointer;border:none;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s,background .2s}.btn:active{transform:translateY(1px)}.btn--primary{color:#fff;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 12px 24px -10px #aa3bffa6}.btn--primary:hover{box-shadow:0 14px 28px -8px #aa3bffcc}.btn--ghost{color:var(--text-h);border:1px solid var(--panel-border);background:0 0}.btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.card__hint{color:var(--text-dim);font-size:12px}.load-menu{flex-direction:column;flex:1;align-items:center;gap:clamp(20px,4vh,32px);padding:24px 16px 48px;animation:.32s both block-enter;display:flex}.load-menu__header{padding-top:4px}.load-menu__brand{font-family:var(--serif);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);font-size:14px;font-weight:600}.load-menu__body{flex-direction:column;gap:16px;width:100%;max-width:440px;display:flex}.load-menu__title{text-align:left;font-size:20px}.load-menu__empty{color:var(--text-dim);text-align:left;font-size:14px}.load-menu__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.load-menu__item{appearance:none;text-align:left;border:1px solid var(--panel-border);background:var(--panel);width:100%;color:var(--text);cursor:pointer;border-radius:14px;padding:14px 16px;font-size:14px;transition:border-color .2s,background .2s}.load-menu__item:hover{border-color:var(--accent);background:var(--accent-soft)}.load-menu__item-text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}@keyframes block-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.load-menu{animation:none}}.adventure{flex-direction:column;flex:1;width:100%;max-width:680px;min-height:0;margin:0 auto;padding:20px 16px clamp(16px,4vh,32px);display:flex}.adventure__header{flex-shrink:0;justify-content:center;padding-bottom:16px;display:flex}.adventure__brand{font-family:var(--serif);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);font-size:14px;font-weight:600}.adventure__log{scroll-behavior:auto;flex-direction:column;flex:1;gap:16px;min-height:0;padding:4px 4px 8px;display:flex;overflow-y:auto}.story-block{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:clamp(18px,4vw,28px);animation:.42s both block-enter;box-shadow:0 30px 60px -30px #0009}.story-block__narrative{font-family:var(--serif);color:var(--text-h);font-size:clamp(16px,2.4vw,19px);line-height:1.65}.story-block__chosen{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--text-h);border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.story-block__chosen-arrow{color:var(--accent)}.story-block__options{flex-direction:column;gap:10px;margin-top:18px;display:flex}.option{appearance:none;text-align:left;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);cursor:pointer;border-left:3px solid #0000;border-radius:14px;padding:16px 18px;font-size:15px;line-height:1.4;transition:border-color .2s,background .2s,transform .15s,opacity .25s}.option:hover{border-left-color:var(--accent);background:var(--accent-soft)}.option:active{transform:translateY(1px)}.option--selected{border-left-color:var(--accent);background:var(--accent-soft);color:var(--text-h)}.option--dismissed{opacity:.35;transform:scale(.98)}.option:disabled{cursor:default}.pending-block{color:var(--text-dim)}.pending-block__thinking{align-items:center;gap:10px;font-size:14px;display:flex}.pending-block__thinking--inline{margin-top:16px;font-size:13px}.pending-block__dots{gap:4px;display:inline-flex}.pending-block__dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-pulse}.pending-block__dots span:nth-child(2){animation-delay:.15s}.pending-block__dots span:nth-child(3){animation-delay:.3s}.pending-block__cursor{vertical-align:text-bottom;background:var(--accent);width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.pending-block__error{color:var(--danger);margin-bottom:14px;font-size:14px}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.story-block,.pending-block__dots span,.pending-block__cursor{animation:none}}.app-shell{flex-direction:column;flex:1;min-height:100svh;display:flex;position:relative;overflow:hidden}.app-shell__stage{flex-direction:column;flex:1;display:flex}.app-shell__stage--leaving{animation:.38s forwards stage-leave}.app-shell__stage--entering{animation:.42s .26s both stage-enter}@keyframes stage-leave{to{opacity:0;filter:blur(6px);transform:scale(.96)}}@keyframes stage-enter{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.98)}to{opacity:1;filter:blur();transform:none}}.portal-veil{z-index:50;pointer-events:none;opacity:0;background:radial-gradient(circle,#d9c9fff2 0%,#aa3bffbf 30%,#7e14ff59 55%,#0b0a1300 72%);position:fixed;inset:0}.portal-veil--active{animation:.65s forwards portal-burst}@keyframes portal-burst{0%{opacity:0;transform:scale(.1)}38%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1.6)}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.app-shell__stage--leaving,.app-shell__stage--entering,.portal-veil--active{animation:none}}