:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4eee7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#091012;--bg-2:#10181a;--panel:#142020;--panel-2:#1c2828;--panel-3:#26302e;--surface:#e5f4ec0e;--surface-2:#e5f4ec17;--line:#aacdc62e;--line-strong:#bedad057;--text:#fff8ef;--muted:#adc1bb;--muted-2:#708782;--amber:#d6a25f;--amber-soft:#d6a25f21;--amber-text:#1f1309;--burgundy:#a94646;--burgundy-soft:#a946462e;--teal:#79c6bd;--teal-soft:#79c6bd24;--green:#9abf86;--green-soft:#9abf861f;--violet:#8e7dd6;--shadow:0 24px 70px #0000006b;--z-base:1;--z-rail:10;--z-composer:20;--z-backdrop:35;--z-drawer:40;--z-modal:60;background:#091012;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 12% 0,#79c6bd24,#0000 28%),radial-gradient(circle at 88% 4%,#a946461f,#0000 26%),linear-gradient(135deg,#091012 0%,#10191a 48%,#070b11 100%);min-width:320px;min-height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #79c6bde0}#root{min-height:100dvh}.app-shell{--library-size:312px;--context-size:376px;grid-template-columns:var(--library-size) minmax(0, 1fr) var(--context-size);background:linear-gradient(90deg, #79c6bd0b, transparent 22%, transparent 78%, #d6a25f09), var(--bg);width:100%;height:100dvh;min-height:0;display:grid;overflow:hidden}.app-shell:not(.library-open){--library-size:0px}.app-shell:not(.context-open){--context-size:0px}.eyebrow{color:var(--amber);letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:900;display:inline-flex}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:1.32rem;line-height:1.12}h2{letter-spacing:0;font-size:1.05rem;line-height:1.18}h3{letter-spacing:0;font-size:.94rem;line-height:1.24}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.character-panel{z-index:var(--z-rail);border-right:1px solid var(--line);background:linear-gradient(#79c6bd14,#0000 30%),#10181a;grid-column:1;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-width:0;min-height:0;transition:opacity .18s,transform .18s;display:grid;overflow:hidden}.app-shell:not(.library-open) .character-panel{pointer-events:none;opacity:0;transform:translate(-16px)}.library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-lockup h2{color:var(--text);margin-top:3px;font-size:1.25rem}.brand-mark{color:#ffe0a8;background:linear-gradient(145deg,#d6a25f38,#79c6bd24),#ffffff0b;border:1px solid #d6a25f75;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:.78rem;font-weight:950;display:grid}.library-header>strong{border:1px solid var(--line);min-width:36px;height:36px;color:var(--teal);background:var(--teal-soft);border-radius:999px;place-items:center;font-size:.86rem;display:grid}.library-tools{gap:12px;padding:14px 14px 10px;display:grid}.search-field{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#0003;border-radius:10px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid}.search-field input{width:100%;min-width:0;min-height:40px;color:var(--text);background:0 0;border:0;outline:none;font-weight:750}.category-tabs{scrollbar-width:thin;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.tag-button,.tab-button{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.8rem;font-weight:850;display:inline-flex}.tag-button span{color:var(--muted-2);font-size:.72rem}.tag-button.active,.tab-button.active{background:var(--amber-soft);color:#ffe0a8;border-color:#d6a25f9e}.character-list{scrollbar-width:thin;align-content:start;gap:8px;min-height:0;padding:6px 12px 16px;display:grid;overflow:auto}.character-row{width:100%;min-height:82px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.character-row:hover,.toolbar-button:hover,.secondary-button:hover,.icon-button:hover,.quick-replies button:hover{border-color:var(--line-strong);background:var(--surface-2)}.character-row.active{background:linear-gradient(90deg,#d6a25f29,#79c6bd0f),#ffffff0a;border-color:#d6a25f75}.avatar{color:#ffe8c4;background:linear-gradient(145deg,#79c6bd2e,#d6a25f1f),#172321;border:1px solid #e8cdaa3d;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:1.05rem;font-weight:950;line-height:1;display:grid;overflow:hidden}.character-row-body,.scene-title>div,.brand-block{min-width:0}.character-row-title{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.character-row strong,.character-row small,.character-row-title em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.character-row strong{font-size:.98rem;line-height:1.2}.character-row small{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:750}.character-row-title em{color:var(--amber);flex:none;font-size:.72rem;font-style:normal;font-weight:900}.character-row-meta{gap:5px;margin-top:8px;display:flex;overflow:hidden}.character-row-meta span,.meta-grid span,.scene-status span,.topbar-status span,.empty-tags span,.details-tags span{border:1px solid var(--line);min-width:0;color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:5px;font-size:.72rem;font-weight:820;display:inline-flex}.character-row-meta span{min-height:22px;padding:0 7px}.library-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.toolbar-button,.secondary-button,.primary-button,.send-button,.icon-button{border:1px solid var(--line);min-height:38px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.toolbar-button,.secondary-button,.icon-button{background:var(--surface)}.toolbar-button,.secondary-button,.primary-button{padding:0 14px}.primary-button{color:#ffe3b3;background:linear-gradient(#d6a25f47,#d6a25f29);border-color:#d6a25f8a}.icon-button{flex:none;width:40px;padding:0}.error-text,.error-banner{color:#ffd9d9}.error-text{min-height:18px;padding:0 12px 12px;font-size:.82rem}.conversation-shell{grid-column:2;grid-template-rows:72px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#0a1214d1;justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:72px;padding:0 18px;display:flex}.brand-block{flex:auto;gap:2px;display:grid}.brand-block h1{color:var(--text)}.topbar-status,.topbar-actions,.header-actions,.scene-title{align-items:center;gap:8px;min-width:0;display:flex}.topbar-status{justify-content:center}.topbar-status span{min-height:34px;padding:0 10px}.topbar-actions{flex:none}.chat-panel{background:linear-gradient(#09101273,#091012d6),linear-gradient(90deg,#091012e0,#09101257 48%,#091012e6),url(/tavern-backdrop.svg) 50%/cover no-repeat,#0d1516;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.chat-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:18px 22px 12px;display:flex}.scene-title{align-items:flex-start}.hero-avatar{border-radius:16px;width:58px;height:58px;font-size:1.45rem}.chat-header h1{margin-top:3px;font-size:1.45rem}.chat-header p{max-width:780px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:.92rem;font-weight:720;display:-webkit-box;overflow:hidden}.scene-status{border-bottom:1px solid var(--line);gap:8px;padding:0 22px 14px;display:flex}.scene-status span{min-height:28px;padding:0 9px}.messages{scroll-behavior:smooth;scrollbar-width:thin;flex-direction:column;gap:14px;min-height:0;padding:22px clamp(18px,4vw,54px);display:flex;overflow:auto}.empty-state{text-align:center;justify-items:center;gap:10px;width:min(720px,100%);margin:auto;display:grid}.empty-mark{background:linear-gradient(145deg, #79c6bd33, #d6a25f29), var(--surface);color:#ffe5b5;border:1px solid #d6a25f61;border-radius:22px;place-items:center;width:82px;height:82px;font-size:2rem;font-weight:950;display:grid}.empty-state h2{text-shadow:0 2px 20px #0000006b;margin-top:2px;font-size:2rem}.empty-state strong{color:#ead1b7;font-size:1.05rem}.empty-state p{max-width:650px;color:var(--muted);font-weight:740}.empty-state small{color:var(--muted-2);font-size:.86rem;font-weight:760}.empty-tags,.details-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.empty-tags span,.details-tags span{color:#dfc7ad;min-height:26px;padding:0 9px}.start-scene-button{border-radius:999px;min-height:50px;margin-top:8px;padding:0 22px}.message{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:14px;width:min(86%,820px);padding:12px 14px;box-shadow:0 10px 32px #00000029}.message.user{background:#79c6bd1f;border-color:#79c6bd5c;align-self:flex-end}.message.assistant{background:#eaeee114;border-color:#d6a25f47;align-self:flex-start}.message-meta{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:.78rem;display:flex}.message-meta strong{color:var(--text)}.message-content p,.message-content ul,.message-content ol,.message p,.message ul,.message ol{margin:0 0 .75rem}.message-content p:last-child,.message-content ul:last-child,.message-content ol:last-child{margin-bottom:0}.error-banner{background:var(--burgundy-soft);border-top:1px solid #a946466b;padding:10px 18px}.composer-stack{z-index:var(--z-composer);border-top:1px solid var(--line);padding:10px clamp(12px, 3vw, 28px) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#091012d1,#091012fa),#0d1516;gap:8px;display:grid}.quick-replies{scrollbar-width:thin;gap:8px;display:flex;overflow-x:auto}.quick-replies button{color:#f1d2a5;text-overflow:ellipsis;white-space:nowrap;background:#d6a25f1a;border:1px solid #d6a25f52;border-radius:999px;flex:none;max-width:340px;min-height:32px;padding:0 12px;font-weight:850;overflow:hidden}.composer{grid-template-columns:48px minmax(0,1fr) 84px;align-items:end;gap:10px;display:grid}.composer textarea,.field input,.field textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#0000003d;border-radius:12px;outline:none;font-weight:740}.composer textarea{resize:none;min-height:56px;max-height:160px;padding:14px 16px;font-size:.96rem;overflow:hidden}.field input,.field textarea{padding:10px 11px;font-size:.9rem}.field textarea{resize:vertical}.composer textarea:focus,.field input:focus,.field textarea:focus{border-color:#79c6bdbd;box-shadow:0 0 0 3px #79c6bd24}.composer-tool,.send-button{min-height:56px}.composer-tool{border:1px solid var(--line);background:var(--surface);width:48px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.send-button{background:var(--panel-3);color:#f7d8a9;border-color:#d6a25f6b}.send-button.stop{background:var(--burgundy-soft);color:#ffd9d9;border-color:#a946468a}.details-backdrop{display:none}.details-panel{z-index:var(--z-drawer);border-left:1px solid var(--line);background:linear-gradient(#9abf8612,#0000 30%),#10181a;grid-column:3;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding:16px;display:grid;overflow:hidden}.details-header,.settings-header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.details-header h2,.settings-header h2{margin-top:3px}.details-summary{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.details-summary strong{color:var(--text);display:block}.details-summary p,.muted-text,.memory-panel p,.lore-preview p{color:var(--muted)}.details-summary p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:.86rem;display:-webkit-box;overflow:hidden}.details-tags{justify-content:flex-start;margin-top:10px}.meta-grid{grid-template-columns:1fr;gap:7px;display:grid}.meta-grid span{min-height:30px;padding:0 10px}.detail-tabs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tab-button{border-radius:9px;width:100%;padding:0 8px}.editor-block,.lore-preview,.memory-panel{scrollbar-width:thin;align-content:start;gap:10px;min-height:0;padding-right:2px;display:grid;overflow:auto}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:.76rem;font-weight:850}.lore-preview article,.memory-panel article,.settings-section,.prompt-note{border:1px solid var(--line);background:var(--surface);border-radius:12px}.lore-preview article{gap:7px;padding:10px;display:grid}.lore-preview article.active{background:var(--teal-soft);border-color:#79c6bd7a}.lore-preview article>div{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.lore-preview strong{color:#f2e1cb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;overflow:hidden}.lore-preview span{color:var(--amber);flex:none;font-size:.72rem;font-weight:900}.memory-panel article{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.memory-panel svg,.prompt-note svg{color:var(--teal)}.prompt-note{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.prompt-note p{color:var(--muted);font-size:.84rem}.settings-backdrop{z-index:var(--z-modal);background:#050404c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-modal{border:1px solid var(--line-strong);width:min(560px,100%);max-height:calc(100dvh - 36px);box-shadow:var(--shadow);scrollbar-width:thin;background:#142020;border-radius:16px;gap:13px;padding:16px;display:grid;overflow:auto}.settings-section{gap:10px;padding:12px;display:grid}.settings-section h3{color:var(--text);align-items:center;gap:8px;display:flex}.settings-save{min-height:44px}.empty-card{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:12px;padding:16px}@media (width<=1220px){.app-shell{--library-size:292px;--context-size:340px}.topbar-status span:nth-child(3){display:none}}@media (width<=980px){.app-shell{--library-size:0px;--context-size:0px;grid-template-columns:1fr}.conversation-shell{grid-column:1}.character-panel{width:min(330px,88vw);box-shadow:var(--shadow);position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.app-shell.library-open .character-panel{pointer-events:auto;opacity:1;transform:translate(0)}.app-shell:not(.library-open) .character-panel{opacity:1;transform:translate(-104%)}.details-backdrop{z-index:var(--z-backdrop);background:#0504049e;border:0;padding:0;display:block;position:fixed;inset:0}.details-panel{border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:16px;position:fixed;inset:74px 10px 10px}}@media (width<=760px){.conversation-shell{grid-template-rows:64px minmax(0,1fr)}.topbar{gap:8px;min-height:64px;padding:0 10px}.character-panel{width:min(330px,90vw);inset:64px auto 0 0}.brand-block .eyebrow,.topbar-status{display:none}.brand-block h1{font-size:1.08rem}.toolbar-button,.topbar-actions .toolbar-button{width:40px;min-height:40px;padding:0;font-size:0}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto}.chat-header{padding:12px 12px 8px}.hero-avatar{border-radius:12px;width:44px;height:44px;font-size:1.08rem}.chat-header h1{font-size:1.15rem}.chat-header p{-webkit-line-clamp:1}.scene-status{display:none}.messages{padding:18px 12px}.empty-state{gap:8px}.empty-mark{border-radius:18px;width:66px;height:66px;font-size:1.6rem}.empty-state h2{font-size:1.55rem}.empty-state p{font-size:.9rem}.message{border-radius:12px;width:100%}.composer-stack{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.composer{grid-template-columns:44px minmax(0,1fr) 52px;gap:8px}.composer textarea{min-height:52px;padding:12px;font-size:.92rem}.composer-tool,.send-button{min-height:52px}.send-button{width:52px;padding:0;font-size:0}.character-list{padding-bottom:10px}.details-panel{padding:12px;inset:66px 8px 8px}.details-summary{grid-template-columns:48px minmax(0,1fr)}.details-summary .avatar{width:48px;height:48px}.settings-backdrop{padding:10px}.settings-modal{border-radius:14px;max-height:calc(100dvh - 20px);padding:12px}}@media (width<=460px){.detail-tabs{grid-template-columns:repeat(2,1fr)}.character-row-meta span:nth-child(3),.scene-title .eyebrow{display:none}}