:root{--bg: #14121a;--bg-raised: #1e1b26;--bg-input: #262230;--border: #35304a;--text: #ece8f4;--text-dim: #a49dbb;--accent: #8b7bf4;--accent-strong: #a99bff;--danger: #e5697a;--ok: #6fcf97;--tier-common: var(--text-dim);--tier-legendary: #d8a657;--tier-mythic: #5fb8c9;--tier-sacred: #f0e2b8;--radius: 10px;--font-display: "Impact", "Franklin Gothic Bold", "Arial Narrow Bold", "Oswald", sans-serif;--scanlines: repeating-linear-gradient(rgba(0, 0, 0, .14) 0 1px, transparent 1px 3px);--static-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23s)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{display:flex;flex-direction:column}html{scrollbar-width:thin;scrollbar-color:rgba(139,123,244,.45) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#8b7bf473;border:3px solid transparent;background-clip:padding-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background-color:#8b7bf4b3}body{background:var(--bg);background-image:radial-gradient(1200px 600px at 50% -10%,rgba(139,123,244,.14),transparent 70%),radial-gradient(900px 500px at 100% 110%,rgba(86,204,242,.08),transparent 70%);background-attachment:fixed;color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1{text-transform:uppercase;letter-spacing:1px}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:var(--radius);padding:8px 16px}button.primary{background:var(--accent);border-color:var(--accent);color:#0f0d15;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:box-shadow .12s,transform .06s}button.primary:hover:not(:disabled){box-shadow:0 0 16px #8b7bf4a6}button.primary:active:not(:disabled){transform:translateY(1px)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.5;cursor:default}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}input[type=search]{-webkit-appearance:none;appearance:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.page{max-width:1080px;margin:0 auto;padding:24px 20px 64px}.error-note{color:var(--danger);margin:8px 0}.dim{color:var(--text-dim)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.banner{background:#3a2731;border:1px solid var(--danger);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.auth-card{max-width:380px;margin:10vh auto;display:flex;flex-direction:column;gap:12px}.auth-card input{width:100%}.tile-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.img-tile{border-radius:var(--radius);overflow:hidden;aspect-ratio:1;background:var(--bg-input)}.img-tile.wide{aspect-ratio:16 / 7}.img-tile img{width:100%;height:100%;object-fit:cover;display:block}.img-tile.scanlines{position:relative}.img-tile.scanlines:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--scanlines)}.companion-art .img-tile.wide{position:relative}.companion-art .img-tile.wide:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--scanlines);opacity:.7}.img-tile .fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#0f0d15}.chat-sidebar .conv-list{flex:1;min-height:0;overflow-y:auto}.chat-sidebar .conv-list a{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 54px;position:relative}.conv-portrait{position:absolute;left:0;top:0;bottom:0;width:44px;border-radius:9px 0 0 9px;overflow:hidden}.conv-portrait .img-tile{aspect-ratio:auto;height:100%;border-radius:0}.conv-body{display:flex;flex-direction:column;gap:1px;min-width:0}.conv-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-sub{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-chat{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--accent-strong)}.new-chat:hover{border-color:var(--accent);background:var(--bg-input)}.conv-list{display:flex;flex-direction:column;gap:8px}.conv-list a{padding:10px 12px;border-radius:var(--radius);border:1px solid transparent;color:var(--text)}.conv-list a.active,.conv-list a:hover{border-color:var(--border);background:var(--bg-raised);text-decoration:none}.conv-empty{padding:10px 12px}.chat-pane{position:relative;display:flex;flex-direction:column;overflow:hidden}.chat-backdrop{background-size:cover;background-position:center 75%}.chat-backdrop:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--scanlines);opacity:.7}.chat-backdrop:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:var(--static-grain),var(--backdrop-img);background-size:140px 140px,cover;background-position:0 0,center 75%;background-blend-mode:overlay,normal;mask-image:repeating-linear-gradient(to bottom,#000 0 3px,transparent 3px 6px);-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 3px,transparent 3px 6px);opacity:0}.chat-backdrop.tuning:before{animation:back-tear 1.9s steps(1,end) 1}.chat-backdrop.generating:before{animation:back-tear 1.9s steps(1,end) infinite}@keyframes back-tear{0%,to{opacity:0}4%{opacity:.7;clip-path:inset(30% 0 66% 0);transform:translate(-7px) scaleX(1.01);filter:hue-rotate(-30deg) saturate(1.5) contrast(1.25);background-position:0 0,center 75%}12%{opacity:0}19%{opacity:.6;clip-path:inset(58% 0 38% 0);transform:translate(6px) scaleX(1.015);filter:hue-rotate(150deg) saturate(1.4) contrast(1.25);background-position:-63px -37px,center 75%}27%{opacity:0}}.chat-pane>*{position:relative;z-index:1}.chat-header{z-index:2}.chat-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(236,232,244,.1);background:#28243499;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-header-id{display:flex;align-items:center;gap:14px;color:var(--text);min-width:0}.chat-header-id:hover{text-decoration:none}.chat-header-portrait{width:68px;height:68px;display:block;flex:none;border:2px solid var(--tier-edge, var(--accent-strong));border-radius:12px;overflow:hidden;box-shadow:0 0 20px var(--tier-glow, rgba(169, 155, 255, .45))}.chat-header-portrait .img-tile{border-radius:0}.chat-header-id>span:not(.chat-header-portrait){min-width:0}.chat-header-id strong{display:block;font-family:var(--font-display);text-transform:uppercase;font-size:27px;line-height:1.05;letter-spacing:2px;text-shadow:0 0 18px rgba(139,123,244,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-tagline{display:block;font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title,.chat-title-input{flex:1;min-width:168px;max-width:460px;margin-right:auto;font-family:var(--font-display);text-transform:uppercase;font-size:17px;letter-spacing:2.5px;text-align:left;padding:4px 0 4px 18px;border-radius:0;border:0;border-left:2px solid var(--tier-edge, rgba(236, 232, 244, .22));background:transparent;box-shadow:none}.chat-header .chat-title{color:var(--text-dim);text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header .chat-title:hover,.chat-header .chat-title:focus-visible{color:var(--text);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:var(--tier-edge, var(--accent-strong))}.chat-header .chat-title-input{color:var(--text);text-shadow:none;background:#100e1ab8;caret-color:var(--accent-strong)}.chat-title-input.invalid:focus{outline-color:#e2707a}.chat-title-input:disabled{opacity:.6}@media(max-width:560px){.chat-header-id>span:not(.chat-header-portrait){display:none}}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px;scrollbar-gutter:stable both-edges}.chat-empty{flex:1;display:grid;place-items:center;padding:24px;text-align:center}.chat-empty-inner{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:460px}.chat-empty-inner .select-title{font-size:28px}.chat-empty-inner .subscribe-banner{margin:8px 0 0;text-align:left}.chat-thread{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.msg{max-width:72%;padding:9px 14px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;box-shadow:0 2px 10px #00000038}.msg.user{align-self:flex-end;background:linear-gradient(135deg,#5b4bc4e6,#4838b4e0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(179,164,255,.3);color:#f4f1ff;border-radius:18px 18px 6px}.msg.assistant{align-self:flex-start;background:#282434bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(236,232,244,.1);color:var(--text);border-radius:18px 18px 18px 6px}.msg-time{display:block;margin-top:4px;font-size:10px;opacity:.9}.typing{align-self:flex-start;color:var(--text-dim);font-style:italic}.load-older{align-self:center;font-size:12px;font-weight:600;padding:5px 14px;background:#282434bf;border-color:#ece8f424;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.load-older:hover:not(:disabled){border-color:var(--accent)}.retry-btn{margin-left:10px;padding:2px 10px;font-size:13px}.scroll-bottom{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:2;background:var(--accent);color:#0f0d15;border-color:var(--accent);padding:6px 14px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #0006}.chat-input{padding:8px 20px 16px;background:#28243499;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(236,232,244,.1)}.composer{max-width:820px;margin:0 auto}.composer-box{display:flex;align-items:center;gap:8px;background:#262230b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;padding:6px 8px 6px 16px;transition:border-color .12s,box-shadow .12s}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 20px #8b7bf438}.composer-box textarea{flex:1;min-width:0;display:block;background:transparent;border:none;border-radius:0;padding:6px 0;resize:none;min-height:24px;max-height:160px;overflow-y:auto;color:var(--text)}.composer-box textarea:focus{outline:none}.composer-send{flex:none;align-self:flex-end;width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--accent);border:1px solid var(--accent);color:#0f0d15;transition:box-shadow .12s,transform .06s}.composer-send:hover:not(:disabled){box-shadow:0 0 16px #8b7bf4a6}.composer-send:active:not(:disabled){transform:translateY(1px)}.composer-hint{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:6px;padding:0 6px}.memory-list{display:flex;flex-direction:column;gap:10px}.memory-item{display:flex;align-items:center;gap:12px}.memory-item .kind{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);min-width:80px}.memory-item .content{flex:1}.account-section{margin-bottom:28px}.account-section h2{font-size:17px;margin-bottom:10px}.account-section form{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.account-section form input{width:100%}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em;background:#00000047;border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin:12px 0}.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}.menu{position:relative;display:inline-flex}.menu-trigger{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-dim)}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:var(--bg-raised);border-color:var(--border);color:var(--text)}.menu-dropdown{position:absolute;z-index:30;min-width:210px;padding:6px;background:#1e1b26f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #00000073}.menu-left{left:0}.menu-right{right:0}.menu-down{top:calc(100% + 8px)}.menu-up{bottom:calc(100% + 8px)}.menu-item{display:flex;align-items:center;width:100%;padding:9px 10px;border-radius:8px;background:transparent;border:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.menu-item:hover{background:var(--bg-raised);text-decoration:none}.menu-divider{height:1px;background:var(--border);margin:4px 2px}.menu-danger{color:var(--danger)}.menu-count{margin-left:auto;min-width:20px;height:18px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border-radius:999px;background:#8b7bf433;color:var(--accent-strong);border:1px solid rgba(139,123,244,.35)}.account-trigger{display:flex;align-items:center;gap:10px;text-align:left;padding:6px 8px;border-radius:var(--radius);background:transparent;border:1px solid transparent}.account-trigger .account-head-id{flex:1;min-width:0}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--bg-raised);border-color:var(--border)}.account-avatar{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#0f0d15;font-weight:700;font-size:14px}.account-caret{flex:none;color:var(--text-dim);transform:rotate(180deg);transition:transform .12s ease}.account-trigger[aria-expanded=true] .account-caret{transform:rotate(0)}.account-head{display:flex;align-items:center;gap:10px;padding:8px 8px 10px}.account-head-id{display:flex;flex-direction:column;gap:3px;min-width:0}.account-email{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-tier{align-self:flex-start;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:1px 8px;border-radius:999px;background:#8b7bf42e;color:var(--accent-strong);border:1px solid rgba(139,123,244,.35)}.memory-agents{display:flex;flex-direction:column;gap:10px;margin-top:20px}.memory-agent{display:flex;align-items:center;gap:10px;color:var(--text);padding:8px 10px 8px 54px;position:relative}.memory-agent:hover{border-color:var(--accent);text-decoration:none}.memory-agent-portrait{position:absolute;left:0;top:0;bottom:0;width:44px;flex:none;border-radius:9px 0 0 9px;overflow:hidden}.memory-agent-portrait .img-tile{aspect-ratio:auto;height:100%;border-radius:0}.memory-agent-id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.memory-agent-arrow{color:var(--text-dim);font-size:22px;line-height:1}.hero{margin-bottom:32px}.hero h1{margin:0 0 8px}.hero .card{margin-top:16px}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 8px}.markdown ul,.markdown ol{margin:0 0 8px;padding-left:20px}.markdown li{margin:2px 0}.markdown h1,.markdown h2,.markdown h3{font-size:1.05em;margin:10px 0 6px}.markdown a{color:var(--accent-strong);text-decoration:underline}.msg.user .markdown a{color:inherit}.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#00000047;padding:1px 5px;border-radius:5px}.markdown pre{background:#00000052;padding:10px 12px;border-radius:8px;overflow-x:auto;margin:0 0 8px}.markdown pre code{background:none;padding:0}.markdown blockquote{margin:0 0 8px;padding-left:12px;border-left:3px solid var(--border);color:var(--text-dim)}.markdown table{border-collapse:collapse;margin:0 0 8px}.markdown th,.markdown td{border:1px solid var(--border);padding:4px 8px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 37%,var(--bg-input) 63%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}.skeleton-tile{display:flex;flex-direction:column;gap:8px}.skeleton-img{aspect-ratio:1;border-radius:var(--radius)}.skeleton-line{height:12px}.skeleton-lines{display:flex;flex-direction:column;gap:12px;max-width:520px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{max-width:420px;width:100%}.modal h2{margin:0 0 8px;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.subscribe-banner{margin-bottom:24px}.select-title{font-family:var(--font-display);font-size:34px;letter-spacing:3px;margin:0;text-shadow:0 0 22px rgba(139,123,244,.4)}.select-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.select-tab{text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700;color:var(--text-dim);background:transparent;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}.select-tab.active{background:var(--accent);border-color:var(--accent);color:#0f0d15}.select-tab[data-tier].active{background:var(--tier-fill);border-color:var(--tier-fill);text-shadow:none}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px;outline:none}.roster:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.roster-slot{position:relative;cursor:pointer;border:2px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-input);transition:transform .08s,box-shadow .08s,border-color .08s}.roster-slot .img-tile{border-radius:0;aspect-ratio:3 / 4}.roster-slot .slot-cat{position:absolute;top:5px;left:5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:4px;background:#0000008c;color:var(--text-dim);display:inline-flex;align-items:center;gap:3px}.roster-slot .slot-cat svg{flex:none;width:11px;height:11px;stroke-width:2.5}.roster-slot .slot-name{position:absolute;bottom:0;left:0;right:0;padding:12px 6px 5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(transparent,#000000e0)}.roster-slot.selected{border-color:var(--accent-strong);box-shadow:0 0 0 2px var(--accent-strong),0 0 20px #a99bffb3;transform:translateY(-3px);z-index:1}.roster-slot:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border:1px solid var(--tier-edge, transparent);border-radius:6px}.roster-slot[data-tier=legend] .slot-name{color:var(--tier-legendary)}.roster-slot[data-tier=mythic] .slot-name{color:var(--tier-mythic)}.roster-slot[data-tier=sacred] .slot-name{color:var(--tier-sacred);text-shadow:0 0 10px rgba(240,226,184,.4)}.roster-slot .img-tile img{transition:transform .08s}.roster-slot.selected .img-tile img{transform:scale(1.04)}.roster-slot .img-tile,.chat-header-portrait .img-tile{position:relative}.roster-slot .img-tile:before,.chat-header-portrait .img-tile:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--static-grain),var(--tile-img);background-size:140px 140px,cover;background-position:0 0,center;background-blend-mode:overlay,normal;mask-image:repeating-linear-gradient(to bottom,#000 0 3px,transparent 3px 6px);-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 3px,transparent 3px 6px);mix-blend-mode:screen;opacity:0}.roster-slot .img-tile.scanlines:after,.chat-header-portrait .img-tile.scanlines:after{z-index:2}.roster-slot.selected .img-tile:before{animation:slot-tear .75s steps(1,end) 1}.roster-slot.selected .img-tile.scanlines:after{animation:slot-roll .75s steps(1,end) 1}@keyframes slot-tear{0%,to{opacity:0}6%{opacity:.9;clip-path:inset(14% 0 68% 0);transform:translate(-3px) scaleX(1.035);filter:hue-rotate(-35deg) saturate(1.8) contrast(1.5) brightness(1.15);background-position:0 0,center}26%{opacity:0}36%{opacity:.8;clip-path:inset(58% 0 26% 0);transform:translate(3px) scaleX(1.02);filter:hue-rotate(150deg) saturate(1.6) contrast(1.6) brightness(1.1);background-position:-47px -83px,center}56%{opacity:0}64%{opacity:.65;clip-path:inset(76% 0 10% 0);transform:translate(-2px) scaleX(1.05);filter:hue-rotate(-20deg) saturate(1.5) contrast(1.45) brightness(1.2);background-position:-91px -29px,center}82%{opacity:0}}@keyframes slot-roll{0%,to{background-position-y:0}6%{background-position-y:1px}36%{background-position-y:2px}64%{background-position-y:1px}}.chat-header-portrait.tuning .img-tile:before{animation:head-tear 1.9s steps(1,end) 1}.chat-header-portrait.generating .img-tile:before{animation:head-tear 1.9s steps(1,end) infinite}@keyframes head-tear{0%,to{opacity:0}4%{opacity:.85;clip-path:inset(18% 0 64% 0);transform:translate(-3px) scaleX(1.03);filter:hue-rotate(-35deg) saturate(1.7) contrast(1.5) brightness(1.15);background-position:0 0,center}12%{opacity:0}19%{opacity:.7;clip-path:inset(66% 0 18% 0);transform:translate(2px) scaleX(1.045);filter:hue-rotate(150deg) saturate(1.5) contrast(1.5) brightness(1.1);background-position:-63px -37px,center}27%{opacity:0}}@media(prefers-reduced-motion:reduce){.roster-slot.selected .img-tile:before,.roster-slot.selected .img-tile.scanlines:after,.chat-header-portrait.tuning .img-tile:before,.chat-header-portrait.generating .img-tile:before,.chat-backdrop.tuning:before,.chat-backdrop.generating:before{animation:none}}.companion-detail{display:flex;flex-direction:column}.companion-art{position:relative}.companion-art .img-tile.wide{border-radius:var(--radius)}.companion-portrait{position:absolute;bottom:-20px;left:16px;width:84px;z-index:1;border:2px solid var(--tier-edge, var(--accent-strong));border-radius:10px;overflow:hidden;box-shadow:0 0 22px var(--tier-glow, rgba(169, 155, 255, .55))}.companion-info{padding-top:30px;display:flex;flex-direction:column;gap:8px}.companion-kind{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;color:var(--accent-strong);font-size:13px;display:flex;align-items:center;gap:8px}.companion-kind svg{flex:none;width:15px;height:15px}.companion-name{font-family:var(--font-display);text-transform:uppercase;font-size:32px;line-height:.95;margin:0;letter-spacing:1px;text-shadow:0 0 20px rgba(139,123,244,.5)}.companion-greeting{font-style:italic;color:var(--text-dim);margin:0}.sheet-overlay{position:fixed;inset:0;z-index:60;padding:24px;background:#0000009e;display:flex;align-items:center;justify-content:center}.sheet{width:min(1040px,100%);height:min(700px,100%);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px #0000008c}.sheet-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.sheet-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;font-size:19px;margin:0;white-space:nowrap}.sheet-search{flex:1;min-width:0}.sheet-close{width:34px;height:34px;padding:0;display:grid;place-items:center;background:transparent;border-color:transparent;color:var(--text-dim)}.sheet-close:hover{background:var(--bg-input);color:var(--text)}.sheet-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px}.sheet-body-message{display:block;overflow-y:auto;padding:16px}.sheet-browse{min-height:0;overflow-y:auto;padding:14px 16px;border-right:1px solid var(--border)}.sheet-detail{min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.sheet-detail .companion-name{font-size:26px}.sheet-back{align-self:flex-start}@media(max-width:760px){.sheet-overlay{padding:0}.sheet{width:100%;height:100%;border:none;border-radius:0}.sheet-body{grid-template-columns:minmax(0,1fr)}.sheet-browse{border-right:none}.sheet-body:not(.sheet-body-detail) .sheet-detail{display:none}.sheet-body.sheet-body-detail .sheet-browse{display:none}}.chat-shell{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.chat-sidebar{display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px 16px;border-right:1px solid var(--border)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-head .brand{font-family:var(--font-display);font-size:20px;letter-spacing:2px;text-transform:uppercase;color:var(--text)}.sidebar-foot{flex:none;padding-top:12px;position:relative}.sidebar-foot:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:38%;height:1px;background:var(--border)}.sidebar-foot .menu,.sidebar-foot .account-trigger{width:100%}.chat-pane-slot{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden}.chat-pane-slot>*{flex:1;min-height:0}.pane{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:18px 22px 40px}.pane-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pane-back{display:inline-flex;align-items:center;gap:4px;color:var(--accent-strong)}.narrow-only{display:none}.new-chat-fab{position:absolute;right:18px;bottom:18px;z-index:20;width:52px;height:52px;border-radius:50%;padding:0;font-size:26px;line-height:1;background:var(--accent);border-color:var(--accent);color:#0f0d15;box-shadow:0 8px 22px #00000073}@media(max-width:760px){.chat-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.chat-shell.list-screen .chat-pane-slot,.chat-shell.pane-screen .chat-sidebar{display:none}.narrow-only{display:inline-flex}}.page>.pane-head{margin-bottom:18px}[data-tier=coach]{color:var(--tier-common);--tier-fill: var(--tier-common)}[data-tier=legend]{color:var(--tier-legendary);--tier-fill: var(--tier-legendary);--tier-edge: rgba(216, 166, 87, .8);--tier-glow: rgba(216, 166, 87, .45)}[data-tier=mythic]{color:var(--tier-mythic);--tier-fill: var(--tier-mythic);--tier-edge: rgba(95, 184, 201, .8);--tier-glow: rgba(95, 184, 201, .45)}[data-tier=sacred]{color:var(--tier-sacred);text-shadow:0 0 10px rgba(240,226,184,.45);--tier-fill: var(--tier-sacred);--tier-edge: rgba(240, 226, 184, .85);--tier-glow: rgba(240, 226, 184, .5)}.usage-bar-track{height:6px;border-radius:3px;overflow:hidden;background:#ece8f41f}.usage-bar-fill{height:100%;background:var(--accent);transition:width .24s ease}.usage-bar.exhausted .usage-bar-fill{background:var(--danger)}.usage-bar-note{font-size:12px;margin:6px 0 0}.allowance-wall{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;text-align:center;border-top:1px solid rgba(236,232,244,.1)}.allowance-wall p{margin:0}.depth-chart{display:flex;flex-direction:column;gap:.35rem}.depth-row{display:grid;grid-template-columns:6rem 1fr auto;gap:.75rem;align-items:center}.depth-label{font-variant-numeric:tabular-nums}.depth-marker{margin-left:.3rem;opacity:.6}.depth-bars{position:relative;height:1.1rem}.depth-bar{position:absolute;inset-block:0;left:0;border-radius:2px}.depth-bar-p90{background:var(--accent-dim, #444)}.depth-bar-p50{background:var(--accent, #7aa2f7)}.depth-figures{display:flex;gap:.75rem;font-variant-numeric:tabular-nums;font-size:.85em}.depth-excluded{margin-top:.5rem}.admin-page{max-width:70rem;margin-inline:auto;padding:1rem}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.admin-window{display:flex;gap:.35rem}.admin-panel{margin-block:1rem;padding:1rem}.admin-figures{display:flex;gap:1.5rem;flex-wrap:wrap;margin-block:.5rem 1rem}.admin-table{width:100%;border-collapse:collapse;font-size:.9em}.admin-table th,.admin-table td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--border, #2a2a2a)}.admin-table td{font-variant-numeric:tabular-nums}.admin-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.admin-actions .danger{color:var(--danger, #d66)}.admin-confirm{flex-basis:100%;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;padding:.5rem 0}.admin-confirm p{flex-basis:100%;margin:0 0 .25rem}.admin-code{width:8rem}.admin-revoked{text-decoration:line-through;opacity:.6}.admin-newcode{font-size:1.2em;padding:.5rem}.admin-invite-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.admin-invite-form input[type=number]{width:5rem}.audit-detail{margin-right:.6rem;white-space:nowrap}.auth-page{position:relative;display:grid;place-items:center;min-height:100%;max-width:none;width:100%;padding:1rem;overflow:hidden}.auth-backdrop{position:fixed;inset:0;z-index:0;background-color:#0b0d12;pointer-events:none}.auth-dim{position:fixed;inset:0;z-index:0;background:#06070b94;pointer-events:none}.auth-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1rem}.auth-brand{margin:0;font-family:var(--font-display);font-size:2rem;letter-spacing:.14em;text-transform:lowercase;color:#f2f3f7;text-shadow:0 2px 18px rgba(0,0,0,.85)}.auth-page .auth-card{margin:0;background:#101218d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px #0000008c}