:root{font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0a0b0f;--bg-deep: #07080b;--surface: #0e0f14;--panel: #12131a;--panel-raised: #171822;--panel-hover: #1c1d28;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--text: #eceaf4;--text-strong: #f8f6fd;--text-muted: #a3a0b3;--text-faint: #8a8798;--text-ghost: #6e6b7e;--accent: #b39dff;--accent-bright: #cfc0ff;--accent-deep: #8b6ff0;--accent-dim: rgba(179, 157, 255, .13);--accent-ring: rgba(179, 157, 255, .32);--accent-glow: rgba(139, 111, 240, .28);--danger: #f0929c;--danger-strong: #f7abb4;--danger-dim: rgba(240, 146, 156, .12);--success: #8fd4a8;--success-dim: rgba(143, 212, 168, .12);--font-display: "Manrope", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "Cascadia Code", ui-monospace, monospace;--radius-xs: 6px;--radius-sm: 9px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .25);--shadow-md: 0 10px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .5);--dur-fast: .14s;--dur-med: .22s;--ease: cubic-bezier(.25, .8, .35, 1);--z-scrim: 11;--z-sidebar: 12;--z-modal: 20;--z-popover: 70;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse 70% 45% at 82% -12%,rgba(139,111,240,.09),transparent 60%),radial-gradient(ellipse 45% 35% at -8% 108%,rgba(139,111,240,.05),transparent 55%),var(--bg);background-attachment:fixed}button,input,textarea,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed!important;opacity:.45}h1,h2,h3{margin:0}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}::selection{color:var(--text-strong);background:#b39dff4d}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}textarea{resize:none}kbd{font-family:inherit;padding:2px 5px;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-faint);background:#0000002e;font-size:.88em}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:calc(var(--z-popover) + 5);bottom:calc(100% + 7px);left:50%;padding:5px 9px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);color:var(--text);background:var(--panel-raised);box-shadow:var(--shadow-md);font-size:10px;font-weight:500;letter-spacing:.2px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,3px);transition:opacity var(--dur-fast) ease,transform var(--dur-fast) ease;transition-delay:0s}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%);transition-delay:.35s}@media(hover:none){[data-tooltip]:after{display:none}}.scroll-surface{scrollbar-width:thin;scrollbar-color:rgba(179,157,255,.22) transparent;scrollbar-gutter:stable}.scroll-surface::-webkit-scrollbar{width:7px;height:7px}.scroll-surface::-webkit-scrollbar-track{background:transparent}.scroll-surface::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-pill);background:#b39dff33;background-clip:padding-box}.scroll-surface:hover::-webkit-scrollbar-thumb,.scroll-surface:focus-within::-webkit-scrollbar-thumb{background-color:#b39dff66}.ui-checkbox,.ui-switch{position:relative;display:inline-flex;min-height:32px;align-items:center;gap:9px;color:var(--text-muted);font-size:11px;line-height:1.45;cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-control-label{min-width:0}.ui-checkbox input,.ui-switch input{position:absolute;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;top:0;right:0;bottom:0;left:0}.ui-checkbox-mark{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xs);background:linear-gradient(150deg,#ffffff0d,#ffffff04);box-shadow:inset 0 1px 1px #ffffff0a;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.ui-checkbox-mark:after{width:8px;height:4px;transform:rotate(-45deg) scale(.3);border-bottom:1.8px solid #1d1830;border-left:1.8px solid #1d1830;content:"";opacity:0;transition:opacity .12s ease,transform .12s ease}.ui-checkbox input:checked+.ui-checkbox-mark{border-color:#cfc0ffcc;background:linear-gradient(145deg,var(--accent-bright),var(--accent-deep));box-shadow:0 0 0 3px var(--accent-dim),0 2px 10px var(--accent-glow)}.ui-checkbox input:checked+.ui-checkbox-mark:after{transform:rotate(-45deg) scale(1);opacity:1}.ui-checkbox input:focus-visible+.ui-checkbox-mark,.ui-switch input:focus-visible+.ui-switch-track{outline:2px solid var(--accent-ring);outline-offset:3px}.ui-checkbox input:focus-visible,.ui-switch input:focus-visible{outline:none}.ui-checkbox input:disabled,.ui-switch input:disabled{cursor:not-allowed}.ui-checkbox:has(input:disabled),.ui-switch:has(input:disabled){cursor:not-allowed;opacity:.5}.ui-checkbox:hover .ui-checkbox-mark{border-color:#cfc0ff80}.ui-switch{gap:10px}.ui-switch-track{display:flex;width:38px;height:22px;flex:0 0 38px;align-items:center;padding:2px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);background:var(--panel-hover);box-shadow:inset 0 1px 3px #0000004d;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.ui-switch-track>span{width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,#d8d6df,#a9a6b2);box-shadow:0 1px 4px #00000059;transition:transform .18s var(--ease),background var(--dur-fast) ease}.ui-switch input:checked+.ui-switch-track{border-color:#c3afff99;background:linear-gradient(110deg,var(--accent-deep),var(--accent));box-shadow:0 0 0 3px var(--accent-dim)}.ui-switch input:checked+.ui-switch-track>span{transform:translate(16px);background:#fff}.ui-switch:hover .ui-switch-track{border-color:#cfc0ff73}.ui-select{position:relative;display:inline-flex;min-width:0;align-items:center}.ui-select-trigger{display:inline-flex;width:100%;min-width:0;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);background:linear-gradient(180deg,#ffffff0a,#ffffff03),var(--panel);box-shadow:inset 0 1px #ffffff0a;font-size:12px;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background var(--dur-fast) ease}.ui-select-value{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.ui-select-chevron{flex:0 0 auto;color:var(--text-faint);transition:transform var(--dur-fast) ease,color var(--dur-fast) ease}.ui-select-trigger:hover:not(:disabled){border-color:#cfc0ff59}.ui-select-trigger:hover:not(:disabled) .ui-select-chevron{color:var(--accent)}.ui-select.open .ui-select-trigger,.ui-select-trigger:focus-visible{border-color:#baa4ff8c;box-shadow:0 0 0 3px var(--accent-dim);outline:none}.ui-select.open .ui-select-chevron{transform:rotate(180deg);color:var(--accent)}.ui-select-trigger:disabled{opacity:.55;cursor:not-allowed}.ui-select:has(.ui-select-trigger:disabled){opacity:.7}.ui-select-popup{position:absolute;z-index:var(--z-popover);top:calc(100% + 6px);left:0;width:max-content;min-width:100%;max-width:min(340px,calc(100vw - 16px));max-height:280px;overflow-y:auto;padding:5px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel-raised);box-shadow:var(--shadow-lg);animation:popup-in var(--dur-fast) var(--ease) both}.ui-select.flip .ui-select-popup{top:auto;bottom:calc(100% + 6px)}.ui-select-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-xs);color:var(--text-muted);font-size:12px;line-height:1.35;cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.ui-select-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-option.active{background:var(--accent-dim);color:var(--text-strong)}.ui-select-option[aria-selected=true]{color:var(--accent-bright);font-weight:600}.ui-select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.ui-select-check{flex:0 0 auto;margin-left:auto;color:var(--accent)}.ui-select-option[aria-selected=true] .ui-select-option-label{padding-right:4px}.ui-number{position:relative;display:inline-flex;width:100%;min-width:0;align-items:center}.ui-number input{width:100%;min-width:0;padding-right:34px}.ui-number-steppers{position:absolute;right:6px;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity var(--dur-fast) ease}.ui-number:hover .ui-number-steppers,.ui-number:focus-within .ui-number-steppers{opacity:1}.ui-number-steppers button{display:grid;width:20px;height:15px;place-items:center;padding:0;border:1px solid var(--border);border-radius:4px;color:var(--text-faint);background:var(--panel-raised);cursor:pointer}.ui-number-steppers button:hover:not(:disabled){color:var(--accent-bright);border-color:#cfc0ff59}.ui-number-steppers button:disabled{opacity:.4}@media(hover:none){.ui-number-steppers{opacity:1}}.ui-collapsible-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:11px 1px;border:0;color:var(--text-muted);background:transparent;font-size:11px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:color var(--dur-fast) ease}.ui-collapsible-trigger>span{min-width:0;text-align:left}.ui-collapsible-trigger svg{flex:0 0 auto;color:var(--text-ghost);transition:transform var(--dur-fast) ease,color var(--dur-fast) ease}.ui-collapsible-trigger:hover{color:var(--text)}.ui-collapsible-trigger:hover svg{color:var(--accent)}.ui-collapsible.open .ui-collapsible-trigger svg{transform:rotate(180deg);color:var(--accent)}.ui-collapsible-content{display:flex;flex-direction:column}.icon-button{position:relative;display:inline-grid;flex:0 0 auto;width:30px;height:30px;padding:0;place-items:center;border:0;border-radius:var(--radius-sm);color:var(--text-faint);background:transparent;cursor:pointer;transition:color var(--dur-fast) ease,background var(--dur-fast) ease}.icon-button:hover:not(:disabled){color:var(--text);background:#ffffff12}.primary-button,.secondary-button,.quiet-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 13px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.1px;cursor:pointer;transition:transform var(--dur-fast) ease,background var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,filter var(--dur-fast) ease}.primary-button{border:1px solid rgba(214,200,255,.32);color:#211d2b;background:linear-gradient(135deg,var(--accent-bright),var(--accent-deep));box-shadow:0 3px 14px var(--accent-glow)}.primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 20px var(--accent-glow)}.secondary-button,.quiet-button{border:1px solid var(--border-strong);color:var(--text-muted);background:#ffffff06}.secondary-button:hover:not(:disabled),.quiet-button:hover:not(:disabled){border-color:#fff3;color:var(--text);background:#ffffff0e}.quiet-button{min-height:31px;padding:0 10px;font-size:10px}.danger-button{border:1px solid rgba(247,171,180,.35);color:#2d1418;background:linear-gradient(135deg,var(--danger-strong),#e0737f);box-shadow:0 3px 14px #f0929c2e}.danger-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.danger-quiet{display:inline-flex;align-items:center;gap:6px;padding:6px 0;border:0;color:var(--danger);background:transparent;font-size:10px;font-weight:600;cursor:pointer;transition:color var(--dur-fast) ease}.danger-quiet:hover:not(:disabled){color:var(--danger-strong)}.button-sparkle{margin-left:3px;color:#342661e6;font-size:11px}.app-shell{display:flex;width:100%;height:100dvh;min-height:0;overflow:hidden;background:var(--bg)}.sidebar{position:relative;z-index:var(--z-sidebar);display:flex;flex:0 0 280px;flex-direction:column;width:280px;min-height:0;padding:20px 14px 12px;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 40%),var(--surface);transition:flex-basis var(--dur-med) ease,width var(--dur-med) ease,padding var(--dur-med) ease,transform var(--dur-med) ease}.sidebar-top{display:flex;align-items:center;justify-content:space-between;height:30px;margin:0 2px 22px 3px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(195,175,255,.28);border-radius:var(--radius-sm);color:var(--accent);background:linear-gradient(145deg,#b39dff29,#8b6ff00f);box-shadow:0 0 22px #957cec1a}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.8px}.brand-star{margin-left:2px;color:var(--accent);font-size:11px;vertical-align:top}.collapse-button{color:var(--text-ghost)}.mobile-close,.mobile-menu-button{display:none}.new-story-button{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid rgba(199,180,255,.22);border-radius:var(--radius-sm);color:#d6ccff;background:linear-gradient(110deg,#a691ff21,#8068dc0f);cursor:pointer;text-align:left;transition:background var(--dur-med) ease,border-color var(--dur-med) ease,box-shadow var(--dur-med) ease}.new-story-button:hover:not(:disabled){border-color:#c7b4ff66;background:#a691ff2b;box-shadow:0 4px 18px #8b6ff01f}.new-story-button>span{flex:1;font-size:12px;font-weight:600}.new-story-button kbd{flex:0 0 auto}.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 3px 8px 7px;color:var(--text-faint);font-size:9px;font-weight:700;letter-spacing:1.2px}.sidebar-section-heading .icon-button{width:25px;height:25px;color:var(--text-faint)}.sidebar-search{display:flex;align-items:center;gap:8px;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-faint);background:#ffffff06;transition:border-color var(--dur-fast) ease}.sidebar-search:focus-within{border-color:#baa4ff66}.sidebar-search input{width:100%;min-width:0;padding:0;border:0;outline:none;color:var(--text);background:transparent;font-size:11px}.sidebar-search input::placeholder{color:var(--text-ghost)}.sidebar-search button{display:grid;padding:0;border:0;color:var(--text-faint);background:transparent;cursor:pointer}.sidebar-search button:hover{color:var(--text)}.character-nav{display:flex;flex:0 0 auto;flex-direction:column;gap:3px;margin:8px -3px 0}.character-nav-item{position:relative;display:flex;align-items:center;min-height:47px;padding:3px 5px;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease}.character-nav-item:hover,.character-nav-item.active{border-color:#ffffff0d;background:#ffffff0b}.character-nav-item.active:before{position:absolute;top:50%;left:-1px;width:3px;height:18px;transform:translateY(-50%);border-radius:var(--radius-pill);background:var(--accent);content:""}.character-nav-main{display:flex;flex:1;min-width:0;align-items:center;gap:9px;padding:3px 2px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.mini-avatar{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border:1px solid color-mix(in srgb,var(--avatar-color) 30%,transparent);border-radius:var(--radius-sm);color:var(--avatar-color);background:color-mix(in srgb,var(--avatar-color) 11%,var(--panel));font-family:var(--font-display);font-size:13px;font-weight:700}.avatar-image{position:relative;overflow:hidden}.avatar-image img{display:block;width:100%;height:100%;object-fit:cover}.avatar-initial{display:grid;width:100%;height:100%;place-items:center}.character-nav-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.character-nav-copy>span{overflow:hidden;color:var(--text);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.character-nav-item.active .character-nav-copy>span{color:var(--accent-bright)}.character-nav-copy small{overflow:hidden;color:var(--text-faint);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.character-more{display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;border-radius:var(--radius-xs);color:var(--text-ghost);background:transparent;opacity:0;cursor:pointer;transition:opacity var(--dur-fast) ease,color var(--dur-fast) ease,background var(--dur-fast) ease}.character-nav-item:hover .character-more,.character-more:focus-visible{opacity:1}.character-more:hover{color:var(--text);background:#ffffff14}.empty-nav{padding:13px 9px;color:var(--text-faint);font-size:10px;line-height:1.8}.empty-nav button{padding:0;border:0;color:var(--accent);background:none;font-size:10px;cursor:pointer}.empty-nav button:hover{color:var(--accent-bright)}.persona-heading,.groups-heading{margin-top:16px}.recent-heading{margin-top:20px}.persona-nav{display:flex;flex:0 0 auto;flex-direction:column;gap:3px;margin:1px -3px 0}.persona-nav-item{position:relative;display:flex;min-height:34px;align-items:center;padding:1px 5px;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease}.persona-nav-item:hover,.persona-nav-item.active{border-color:#ffffff0d;background:#ffffff0a}.persona-nav-item.active:before{position:absolute;top:50%;left:-1px;width:3px;height:14px;transform:translateY(-50%);border-radius:var(--radius-pill);background:var(--avatar-color, var(--accent));content:""}.persona-nav-main{display:flex;flex:1;min-width:0;align-items:center;gap:8px;padding:2px;border:0;color:var(--text-muted);background:transparent;font-size:10px;text-align:left;cursor:pointer}.persona-nav-item.active .persona-nav-main{color:var(--text)}.persona-nav-main>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persona-nav .mini-avatar{width:25px;height:25px;flex-basis:25px;border-radius:var(--radius-xs);font-size:10px}.persona-edit-button{display:grid;width:23px;height:23px;padding:0;place-items:center;border:0;border-radius:var(--radius-xs);color:var(--text-ghost);background:transparent;opacity:0;cursor:pointer;transition:opacity var(--dur-fast) ease,color var(--dur-fast) ease,background var(--dur-fast) ease}.persona-nav-item:hover .persona-edit-button,.persona-edit-button:focus-visible{opacity:1}.persona-edit-button:hover{color:var(--text);background:#ffffff14}.persona-empty{padding:5px 9px 8px;color:var(--text-ghost);font-size:9px}.group-nav{display:flex;flex-direction:column;gap:3px;padding:3px 0 6px}.group-nav-item{display:flex;align-items:center;gap:2px;border-radius:var(--radius-sm)}.group-nav-item.active{background:#ffffff0e}.group-nav-main{display:flex;flex:1;min-width:0;align-items:center;gap:8px;padding:8px;border:0;color:var(--text-muted);background:none;text-align:left;cursor:pointer}.group-nav-main>span{flex:1;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.group-nav-main>small{color:var(--text-ghost);font-size:8px}.group-nav-item.active .group-nav-main{color:var(--text)}.group-edit-button{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:0;border-radius:var(--radius-xs);color:var(--text-ghost);background:none;cursor:pointer;transition:color var(--dur-fast) ease,background var(--dur-fast) ease}.group-edit-button:hover{color:var(--accent-bright);background:#ffffff0d}.conversation-nav{display:flex;flex-direction:column;gap:3px;margin:2px -3px}.conversation-nav-item{display:flex;align-items:center;min-height:34px;padding:0 4px 0 9px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-faint);background:transparent;font-size:10px;text-align:left}.conversation-nav-item:not(.load-more-stories):hover,.conversation-nav-item:not(.load-more-stories).active{border-color:#ffffff0b;color:var(--text);background:#ffffff0b}.conversation-nav-main{display:flex;flex:1;min-width:0;height:32px;align-items:center;gap:9px;padding:0 2px 0 0;border:0;color:inherit;background:transparent;font-size:inherit;text-align:left;cursor:pointer}.conversation-nav-item svg{flex:0 0 auto;color:var(--text-ghost)}.conversation-nav-item.active svg{color:var(--accent)}.conversation-nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-delete-button{display:grid;flex:0 0 23px;width:23px;height:23px;margin-left:3px;padding:0;place-items:center;border:0;border-radius:var(--radius-xs);color:var(--text-ghost);background:transparent;opacity:0;cursor:pointer;transition:opacity var(--dur-fast) ease,color var(--dur-fast) ease,background var(--dur-fast) ease}.conversation-nav-item:hover .conversation-delete-button,.conversation-nav-item:focus-within .conversation-delete-button,.conversation-delete-button:focus-visible{opacity:1}.conversation-delete-button:hover{color:var(--danger-strong);background:#ffffff13}.conversation-nav-item.load-more-stories,.load-more-stories{justify-content:center;color:var(--accent);cursor:pointer}.load-more-stories:hover:not(:disabled),.load-older-messages:hover:not(:disabled){border-color:#b39dff47;color:var(--accent-bright);background:var(--accent-dim)}.recent-empty{padding:9px 8px;line-height:1.7}.sidebar-bottom{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:13px}.connection-card{display:flex;align-items:center;gap:9px;min-height:49px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff07;cursor:pointer;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease}.connection-card:hover{background:#ffffff0e;border-color:var(--border-strong)}.connection-indicator,.status-dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--text-ghost)}.connection-indicator.connected,.status-dot{background:var(--success);box-shadow:0 0 8px #8fd4a873}.connection-copy,.account-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.connection-copy b,.account-copy b{overflow:hidden;color:var(--text);font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.connection-copy small,.account-copy small{overflow:hidden;color:var(--text-ghost);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.connection-card>svg{color:var(--text-faint)}.account-button{display:flex;align-items:center;gap:9px;min-height:49px;padding:4px 8px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer}.account-button:hover{background:#ffffff0b}.account-avatar{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border:1px solid rgba(190,174,255,.18);border-radius:50%;color:var(--accent);background:var(--accent-dim);font-family:var(--font-display);font-size:12px;font-weight:700}.account-logout{color:var(--text-ghost);transition:color var(--dur-fast) ease}.account-button:hover .account-logout{color:var(--text)}.sidebar-collapsed .sidebar{flex-basis:88px;width:88px;align-items:center;padding:16px 8px 10px}.sidebar-collapsed .sidebar-top{width:100%;height:auto;flex-direction:column;justify-content:flex-start;gap:10px;margin:0 0 20px}.sidebar-collapsed .brand-name,.sidebar-collapsed .new-story-button>span,.sidebar-collapsed .new-story-button kbd,.sidebar-collapsed .sidebar-section-heading,.sidebar-collapsed .sidebar-search,.sidebar-collapsed .character-nav-copy,.sidebar-collapsed .character-more,.sidebar-collapsed .conversation-nav,.sidebar-collapsed .persona-heading,.sidebar-collapsed .persona-nav-main>span:last-child,.sidebar-collapsed .persona-edit-button,.sidebar-collapsed .groups-heading,.sidebar-collapsed .group-nav,.sidebar-collapsed .connection-copy,.sidebar-collapsed .connection-card>svg,.sidebar-collapsed .account-copy,.sidebar-collapsed .account-logout{display:none}.sidebar-collapsed .brand{align-self:center}.sidebar-collapsed .brand-mark{width:26px;height:26px}.collapse-label{display:none}.sidebar-collapsed .collapse-button{display:flex;width:100%;height:34px;align-items:center;justify-content:center;gap:5px;transform:rotate(180deg);border:1px solid rgba(179,157,255,.38);border-radius:var(--radius-sm);color:var(--accent-bright);background:var(--accent-dim)}.sidebar-collapsed .collapse-button:hover:not(:disabled){color:var(--text-strong);border-color:#b39dff73}.sidebar-collapsed .collapse-label{display:inline;transform:rotate(180deg);font-size:9px;font-weight:700;letter-spacing:.2px}.sidebar-collapsed .new-story-button{width:42px;height:40px;justify-content:center;padding:0}.sidebar-collapsed .character-nav{max-height:none;width:100%;margin-top:17px}.sidebar-collapsed .character-nav-item{justify-content:center;padding:2px}.sidebar-collapsed .character-nav-item.active:before{display:none}.sidebar-collapsed .character-nav-main{flex:initial}.sidebar-collapsed .persona-nav{display:flex;width:100%;max-height:25vh;align-items:center;margin-top:10px}.sidebar-collapsed .persona-nav-item{justify-content:center;padding:2px}.sidebar-collapsed .persona-nav-item.active:before{display:none}.sidebar-collapsed .persona-nav-main{flex:initial}.sidebar-collapsed .mini-avatar{width:36px;height:36px}.sidebar-collapsed .sidebar-bottom{align-items:center;width:100%}.sidebar-collapsed .connection-card{width:43px;min-height:41px;justify-content:center;padding:0}.sidebar-collapsed .account-button{justify-content:center;padding:3px}.collapsed-expand{display:none}.sidebar-scroll{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;margin:10px -8px 0;padding:0 8px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-scroll:hover,.sidebar-scroll:focus-within{scrollbar-color:rgba(179,157,255,.3) transparent}.sidebar-scroll>.conversation-nav{flex:1 1 auto}.sidebar-scroll>.character-nav,.sidebar-scroll>.persona-nav,.sidebar-scroll>.conversation-nav{flex-shrink:0}.sidebar-collapsed .sidebar-scroll{width:100%;align-items:center;margin-top:0;padding-right:0;padding-left:0;scrollbar-width:none}.sidebar-collapsed .sidebar-scroll::-webkit-scrollbar{display:none}.mobile-scrim{display:none}.main-area{position:relative;display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden}.topbar{position:relative;z-index:5;display:flex;flex:0 0 62px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-left,.topbar-actions{display:flex;align-items:center}.topbar-left{gap:10px}.topbar-avatar{display:grid;width:32px;height:32px;place-items:center;border:1px solid color-mix(in srgb,var(--avatar-color) 30%,transparent);border-radius:var(--radius-sm);color:var(--avatar-color);background:color-mix(in srgb,var(--avatar-color) 11%,var(--panel));font-family:var(--font-display);font-size:12px;font-weight:700}.persona-select-wrap{display:inline-flex;align-items:center;gap:7px;padding:4px 8px 4px 5px;border:1px solid var(--border-strong);border-radius:12px;background:#ffffff08}.persona-select-avatar{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border:1px solid color-mix(in srgb,var(--avatar-color) 30%,transparent);border-radius:var(--radius-xs);color:var(--avatar-color);background:color-mix(in srgb,var(--avatar-color) 11%,var(--panel));font-size:10px}.persona-select-wrap .ui-select{max-width:160px}.persona-select-wrap .ui-select-trigger{min-height:28px;padding:0 2px 0 4px;border:0;border-radius:var(--radius-xs);color:var(--text);background:transparent;box-shadow:none;font-size:11px;font-weight:600}.persona-select-wrap .ui-select-trigger:focus-visible{box-shadow:0 0 0 2px var(--accent-ring)}.persona-select-wrap .ui-select-chevron{width:13px;height:13px}.persona-select-wrap .ui-select-popup{min-width:min(180px,calc(100vw - 16px))}.topbar-character{display:flex;flex-direction:column;gap:3px}.topbar-character>b{color:var(--text-strong);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:-.1px}.topbar-character>span{display:inline-flex;align-items:center;gap:6px;color:var(--text-faint);font-size:9px}.topbar-character .status-dot{width:5px;height:5px}.topbar-label{color:var(--text-faint);font-size:9px;font-weight:700;letter-spacing:1.3px}.topbar-actions{gap:15px}.topbar-text-button,.help-button{display:inline-flex;align-items:center;gap:6px;padding:5px 0;border:0;color:var(--text-faint);background:transparent;font-size:10px;font-weight:500;cursor:pointer;transition:color var(--dur-fast) ease}.topbar-text-button:hover:not(:disabled),.help-button:hover:not(:disabled){color:var(--text)}.topbar-divider{width:1px;height:17px;background:var(--border-strong)}.help-button{padding:3px}.conversation-view{position:relative;display:flex;flex:1;min-height:0;flex-direction:column}.history-loading{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;color:var(--text-muted);font-size:11px}.load-older-messages{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto 20px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);background:#ffffff06;font-size:10px;cursor:pointer;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease,background var(--dur-fast) ease}.history-start-label{align-self:center;margin:0 0 20px;color:var(--text-faint);font-size:9px;letter-spacing:.8px}.conversation-welcome{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px 0;overflow-y:auto;text-align:center;animation:fade-up .4s ease both}.welcome-orbit{position:relative;display:grid;width:106px;height:106px;margin-bottom:26px;place-items:center;border:1px solid var(--border);border-radius:50%;background:radial-gradient(circle,#b39dff14,#b39dff00 70%)}.welcome-orbit:before,.welcome-orbit:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.04);border-radius:50%;top:11px;right:11px;bottom:11px;left:11px}.welcome-orbit:after{top:-9px;right:-9px;bottom:-9px;left:-9px;border-color:#ffffff06}.welcome-avatar{display:grid;width:62px;height:62px;place-items:center;border:1px solid color-mix(in srgb,var(--avatar-color) 42%,transparent);border-radius:var(--radius-xl);color:var(--avatar-color);background:linear-gradient(140deg,color-mix(in srgb,var(--avatar-color) 20%,var(--panel-raised)),var(--panel));box-shadow:0 10px 34px color-mix(in srgb,var(--avatar-color) 14%,transparent);font-family:var(--font-display);font-size:25px;font-weight:700}.orbit-star{position:absolute;color:var(--accent)}.orbit-star-one{top:11px;right:10px;font-size:12px}.orbit-star-two{bottom:12px;left:5px;color:#e3c5ab;font-size:17px}.eyebrow{color:#a89ec2;font-size:10px;font-weight:700;letter-spacing:1.2px}.conversation-welcome h1,.home-greeting h1,.login-card h1{margin:12px 0 10px;color:var(--text-strong);font-family:var(--font-display);font-size:clamp(24px,3vw,35px);font-weight:500;letter-spacing:-1.5px;line-height:1.25}.conversation-welcome h1 em,.home-greeting h1 em{color:var(--accent-bright);font-family:var(--font-serif);font-weight:400}.conversation-welcome>p{max-width:430px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.85}.welcome-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.welcome-suggestions button{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);background:#ffffff06;font-size:11px;cursor:pointer;transition:border var(--dur-fast) ease,background var(--dur-fast) ease,color var(--dur-fast) ease}.welcome-suggestions button:hover{border-color:#bcaaff4d;color:var(--text);background:var(--accent-dim)}.welcome-suggestions button svg{color:var(--accent)}.opening-picker{display:grid;width:min(480px,100%);gap:7px;margin-top:17px;text-align:left}.opening-picker>span{padding:0 2px 2px;color:var(--text-faint);font-size:9px;font-weight:700;letter-spacing:1px}.opening-picker>button{display:flex;flex-direction:column;gap:4px;max-height:88px;padding:10px 12px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff05;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease,color var(--dur-fast) ease}.opening-picker>button:hover{border-color:var(--border-strong);color:var(--text)}.opening-picker>button[aria-pressed=true]{border-color:#b39dff73;color:var(--text-strong);background:var(--accent-dim)}.opening-picker>button b{color:var(--accent-bright);font-size:9px;font-weight:700;letter-spacing:.5px}.opening-picker>button span{display:-webkit-box;overflow:hidden;color:var(--text-faint);font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.opening-picker>.opening-no-greeting{max-height:none;padding:8px 10px;color:var(--text-faint);font-size:10px}.messages-scroll{position:relative;width:100%;max-width:none;flex:1;align-self:stretch;padding:38px 0 48px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto}.messages-content{display:flex;width:min(850px,100%);min-height:100%;flex-direction:column;justify-content:flex-end;margin-inline:auto;padding-inline:44px}.messages-content>.message-day-divider,.messages-content>.message-row,.messages-content>.load-older-messages,.messages-content>.history-start-label{flex-shrink:0}.message-day-divider{display:flex;align-items:center;gap:12px;margin:2px 0 30px;color:var(--text-faint);font-size:9px;letter-spacing:.6px}.message-day-divider span{height:1px;flex:1;background:var(--border)}.message-row{display:flex;align-items:flex-start;gap:13px;margin:0 0 28px;animation:fade-up .22s ease both}.message-row.user{justify-content:flex-end}.message-avatar,.user-avatar{display:grid;flex:0 0 30px;width:30px;height:30px;margin-top:1px;place-items:center;border:1px solid color-mix(in srgb,var(--avatar-color) 28%,transparent);border-radius:var(--radius-sm);color:var(--avatar-color);background:color-mix(in srgb,var(--avatar-color) 9%,var(--panel));font-family:var(--font-display);font-size:12px;font-weight:700}.user-avatar{border-color:var(--border-strong);color:var(--text-muted);background:var(--panel-hover);font-size:10px}.message-column{display:flex;flex-direction:column;align-items:flex-start;max-width:min(690px,calc(100% - 76px));min-width:0}.message-column.user{align-items:flex-end}.message-body{max-width:100%}.message-row.user .message-body{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-lg) 4px var(--radius-lg) var(--radius-lg);background:var(--panel-raised);box-shadow:var(--shadow-sm)}.message-row.assistant .message-body{max-width:min(690px,100%)}.message-meta{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--text-faint);font-size:10px;font-weight:500}.message-row.assistant .message-meta:first-letter{color:color-mix(in srgb,var(--avatar-color) 85%,white);font-weight:700}.message-row.user .message-meta{justify-content:flex-end;margin-bottom:5px}.fork-origin-label{color:var(--accent)}.message-content{color:#d9d6e4;font-size:clamp(14px,1vw,15px);line-height:1.85;overflow-wrap:anywhere}.message-content em{color:#c3b0ff;font-family:var(--font-serif);font-size:1.03em;font-style:italic;letter-spacing:.1px}.message-content strong{color:#f4f0ff;font-weight:650}.message-content em strong,.message-content strong em{color:#dcf}.message-content p{margin:0 0 13px}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3{color:var(--text-strong);font-family:var(--font-display);font-weight:600;letter-spacing:-.2px}.message-content h1{font-size:19px}.message-content h2{font-size:16px}.message-content h3{font-size:14px}.message-content blockquote{margin:10px 0;padding:2px 0 2px 13px;border-left:2px solid rgba(179,157,255,.5);color:var(--text-muted)}.message-content code{padding:2px 5px;border-radius:var(--radius-xs);background:#ffffff13;font-family:var(--font-mono);font-size:.9em}.message-content pre{padding:12px 14px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep)}.message-content pre code{padding:0;background:transparent}.message-content a{color:var(--accent-bright)}.message-content hr{border:0;border-top:1px solid var(--border);margin:14px 0}.message-content img{max-width:100%;border-radius:var(--radius-sm)}.message-content ul,.message-content ol{padding-left:21px;margin:0 0 13px}.message-content li{margin:3px 0}.message-content table{border-collapse:collapse}.message-content th,.message-content td{padding:5px 9px;border:1px solid var(--border-strong);font-size:.92em}.typing-indicator{display:inline-flex;gap:4px;padding:9px 3px}.typing-indicator i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:typing 1.2s ease-in-out infinite}.typing-indicator i:nth-child(2){animation-delay:.16s}.typing-indicator i:nth-child(3){animation-delay:.32s}.message-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-height:27px;margin-top:4px;opacity:0;transition:opacity var(--dur-fast) ease}.message-row:hover .message-toolbar,.message-row:focus-within .message-toolbar{opacity:1}.message-toolbar button{display:grid;width:27px;height:27px;padding:0;place-items:center;border:0;border-radius:var(--radius-xs);color:var(--text-faint);background:transparent;cursor:pointer;transition:color var(--dur-fast) ease,background var(--dur-fast) ease}.message-toolbar button:hover:not(:disabled){color:var(--accent-bright);background:#ffffff0f}.message-toolbar .message-delete-action:hover:not(:disabled){color:var(--danger-strong)}.message-toolbar button:disabled{opacity:.4;cursor:default}.reply-variants{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-faint);background:#ffffff05;font-size:9px}.reply-variants>span{font-weight:600;letter-spacing:.3px}.reply-variants>button,.reply-history-popover button{display:inline-flex;align-items:center;gap:4px;padding:2px 0;border:0;color:var(--text-faint);background:transparent;font-size:9px;cursor:pointer;transition:color var(--dur-fast) ease}.reply-variants>button{display:grid;width:18px;height:18px;place-items:center;padding:0}.reply-variants>button:hover:not(:disabled),.reply-history-popover button:hover:not(:disabled){color:var(--accent-bright)}.reply-variants button:disabled,.reply-history-popover button:disabled{opacity:.4;cursor:default}.reply-history{position:relative;display:flex}.reply-history>button{display:grid;width:20px;height:20px;place-items:center;padding:0;border-radius:var(--radius-xs);color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast) ease,background var(--dur-fast) ease}.reply-history.open>button,.reply-history>button:hover{color:var(--accent-bright);background:#ffffff12}.reply-history-popover{position:absolute;z-index:5;bottom:26px;left:0;width:min(340px,calc(100vw - 60px));max-height:360px;padding:12px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel-raised);box-shadow:var(--shadow-lg);animation:popup-in var(--dur-fast) var(--ease) both}.reply-history-popover>b{display:block;margin:0 0 8px;color:var(--text);font-family:var(--font-display);font-size:10px;letter-spacing:.3px}.reply-history-popover article{padding:9px 0;border-top:1px solid var(--border)}.reply-history-popover article.selected{border-top-color:#b39dff40}.reply-history-label{color:var(--text-muted);font-size:9px;font-weight:600}.reply-history-popover article p{max-height:48px;margin:5px 0 7px;overflow:hidden;color:var(--text-faint);font-size:9px;line-height:1.55;white-space:pre-wrap}.reply-history-popover article>div{display:flex;flex-wrap:wrap;gap:12px}.reply-history-popover .reply-delete:hover:not(:disabled){color:var(--danger-strong)}.message-editor{display:grid;gap:9px;min-width:min(380px,calc(100vw - 100px));padding:11px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-sm)}.message-editor textarea{width:100%;min-height:68px;padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;color:var(--text);background:var(--bg-deep);font:inherit;font-size:12px;line-height:1.6;overflow-y:auto;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.message-editor textarea:focus{border-color:#baa4ff80;box-shadow:0 0 0 3px var(--accent-dim)}.message-editor>.ui-checkbox{color:var(--text-muted)}.message-editor>div{display:flex;justify-content:flex-end;gap:7px}.message-editor .primary-button,.message-editor .quiet-button{min-height:29px;font-size:10px}.scroll-bottom-button{position:absolute;z-index:4;right:max(26px,calc((100% - 850px)/2 + 26px));bottom:118px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(207,192,255,.25);border-radius:50%;color:var(--accent-bright);background:color-mix(in srgb,var(--panel-raised) 88%,transparent);box-shadow:var(--shadow-md),inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:fade-up .16s ease both;transition:transform var(--dur-fast) ease,border-color var(--dur-fast) ease,background var(--dur-fast) ease}.scroll-bottom-button:hover{transform:translateY(-2px);border-color:#cfc0ff80;background:var(--panel-hover)}.setup-nudge{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 15px;color:#b0a6d4;font-size:10px}.setup-nudge>svg{color:var(--accent)}.setup-nudge button{display:inline-flex;align-items:center;gap:4px;padding:2px 0;border:0;color:var(--accent-bright);background:none;font-size:10px;font-weight:700;cursor:pointer}.setup-nudge button:hover{color:#e2d9ff}.chat-error{display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(760px,calc(100% - 40px));margin:0 auto 8px;padding:10px 13px;border:1px solid rgba(240,146,156,.22);border-radius:var(--radius-sm);color:var(--danger-strong);background:var(--danger-dim);font-size:10px;line-height:1.5}.chat-error button{display:grid;padding:0;border:0;color:inherit;background:none;cursor:pointer}.chat-error button:hover{color:var(--text-strong)}.prompt-inspector,.group-staged-message{width:min(760px,calc(100% - 48px));margin:9px auto 0;padding:13px 15px;border:1px solid rgba(179,157,255,.18);border-radius:var(--radius-md);background:linear-gradient(180deg,#b39dff0d,#b39dff05),var(--panel)}.prompt-inspector>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-inspector>header>div{display:flex;flex-direction:column;gap:3px}.prompt-inspector>header b,.prompt-inspector-lore>b{color:var(--text);font-family:var(--font-display);font-size:10px;letter-spacing:.2px}.prompt-inspector>header span{color:var(--text-faint);font-size:9px}.prompt-inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.prompt-inspector-grid>span{display:flex;flex-direction:column;gap:4px;color:var(--text-ghost);font-size:8px;letter-spacing:.4px}.prompt-inspector-grid b{color:var(--text-muted);font-size:9px;font-weight:600}.prompt-inspector-lore{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.prompt-inspector-lore>b{width:100%}.prompt-inspector-lore>span{padding:4px 7px;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);font-size:8px}.group-staged-message{display:flex;flex-direction:column;gap:9px}.group-staged-message p{margin:6px 0 0;color:var(--text);font-size:12px;line-height:1.6;white-space:pre-wrap}.group-staged-actions{display:flex;flex-wrap:wrap;gap:6px}.group-staged-actions .primary-button,.group-staged-actions .quiet-button{min-height:29px;font-size:10px}.composer-wrap{position:relative;width:min(760px,calc(100% - 48px));margin:0 auto;padding:8px 0 max(14px,env(safe-area-inset-bottom))}.composer-wrap:before{content:"";position:absolute;right:0;bottom:100%;left:0;height:38px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none}.composer{padding:13px 13px 9px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:linear-gradient(150deg,#ffffff09,#ffffff03),var(--panel);box-shadow:var(--shadow-md),inset 0 1px #ffffff0a;transition:border-color var(--dur-med) ease,box-shadow var(--dur-med) ease}.composer:focus-within{border-color:#baa4ff66;box-shadow:0 0 0 3px var(--accent-dim),var(--shadow-md)}.composer textarea{display:block;width:100%;max-height:240px;min-height:24px;padding:0;border:0;outline:none;color:var(--text-strong);background:transparent;font-size:14px;line-height:1.7;overflow-y:auto}.composer textarea::placeholder{color:var(--text-ghost)}.composer textarea:disabled{opacity:.55}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.composer-hint{color:var(--text-ghost);font-size:10px}.composer-hint kbd{color:var(--text-faint)}.composer-hint>span{padding:0 4px;color:var(--text-ghost)}.composer-counter{color:var(--text-faint);font-size:10px;font-variant-numeric:tabular-nums}.send-button{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:50%;color:#211d2b;background:linear-gradient(140deg,var(--accent-bright),var(--accent-deep));box-shadow:0 4px 16px var(--accent-glow);cursor:pointer;transition:transform var(--dur-fast) ease,filter var(--dur-fast) ease,box-shadow var(--dur-fast) ease,opacity var(--dur-fast) ease}.send-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.stop-button{border:1px solid rgba(240,146,156,.35);color:var(--danger-strong);background:#97384438;box-shadow:none}.stop-button:hover:not(:disabled){filter:none;background:#97384459}.composer-disclaimer{padding-top:8px;color:var(--text-faint);font-size:9px;text-align:center;letter-spacing:.2px}.home-view{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow-y:auto}.home-inner{width:min(1000px,100%);margin:0 auto;padding:clamp(56px,9vh,100px) 52px 60px}.home-greeting{animation:fade-up .55s ease both}.home-greeting .eyebrow{display:flex;align-items:center;gap:8px}.home-greeting .status-dot{width:5px;height:5px}.home-greeting h1{margin:19px 0 13px;font-size:clamp(36px,5.1vw,57px);font-weight:500;letter-spacing:-2.8px;line-height:1.14}.home-greeting h1 em{font-family:var(--font-serif);font-size:1.1em;font-style:italic;letter-spacing:-2.5px}.home-greeting>p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.85}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.home-divider{display:flex;align-items:center;gap:15px;margin:45px 0 16px;color:var(--text-ghost);font-size:9px;font-weight:700;letter-spacing:1.3px}.home-divider i{height:1px;flex:1;background:var(--border)}.desktop-break{display:initial}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.character-card,.add-character-card{position:relative;min-height:224px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(150deg,#ffffff09,#ffffff03);animation:fade-up .4s ease both;animation-delay:var(--card-delay, 0ms);transition:transform .18s var(--ease),border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.character-card:before{position:absolute;top:-65px;left:34px;width:130px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--avatar-color) 10%,transparent);content:"";pointer-events:none}.character-card:hover,.add-character-card:hover{transform:translateY(-2px);border-color:#c7b6ff42;background-color:#ffffff09;box-shadow:var(--shadow-md)}.character-card-main{position:relative;display:flex;width:100%;height:100%;min-height:215px;flex-direction:column;align-items:flex-start;padding:16px 17px 14px;border:0;background:transparent;text-align:left;cursor:pointer}.card-edit{position:absolute;z-index:2;top:10px;right:10px;display:grid;width:27px;height:27px;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-faint);background:transparent;opacity:0;cursor:pointer;transition:opacity var(--dur-fast) ease,color var(--dur-fast) ease,background var(--dur-fast) ease,border-color var(--dur-fast) ease}.character-card:hover .card-edit,.card-edit:focus-visible{opacity:1}.card-edit:hover{border-color:var(--border);color:var(--text);background:#ffffff0f}.card-avatar-wrap{position:relative;display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--avatar-color) 28%,transparent);border-radius:14px;color:var(--avatar-color);background:color-mix(in srgb,var(--avatar-color) 12%,var(--panel));box-shadow:0 6px 20px color-mix(in srgb,var(--avatar-color) 10%,transparent);font-family:var(--font-display);font-size:18px;font-weight:700}.character-card-avatar{display:grid;width:100%;height:100%;place-items:center;border-radius:inherit}.card-avatar-sparkle{position:absolute;top:-5px;right:-5px;color:color-mix(in srgb,var(--avatar-color) 85%,white);font-size:12px}.character-card h3{margin:14px 0 4px;color:var(--text-strong);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:-.2px}.character-card p{display:-webkit-box;min-height:30px;margin:0;overflow:hidden;color:var(--text-faint);font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-tags{display:flex;gap:5px;margin-top:8px}.tag-chip{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);background:#ffffff07;font-size:8px;font-style:normal}.card-start{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:10px;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.2px}.add-character-card{display:flex;min-height:215px;flex-direction:column;align-items:flex-start;justify-content:center;padding:17px;border-style:dashed;border-color:var(--border-strong);color:var(--text-faint);background:#ffffff03;text-align:left;cursor:pointer}.add-character-card:hover{border-color:#b39dff66;background:var(--accent-dim)}.add-character-icon{display:grid;width:34px;height:34px;margin-bottom:12px;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--accent);background:#ffffff09}.add-character-card>b{margin-bottom:4px;color:var(--text-muted);font-size:11px;font-weight:600}.add-character-card>span:last-child{color:var(--text-ghost);font-size:9px}.empty-cast-card{position:relative;display:flex;min-height:160px;width:100%;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 22px;overflow:hidden;border:1px dashed rgba(179,157,255,.28);border-radius:var(--radius-lg);background:linear-gradient(110deg,#b39dff0b,#ffffff03);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease}.empty-cast-card:hover{border-color:#b39dff80;background:#b39dff0f}.empty-constellation{margin-bottom:12px;color:var(--accent);font-size:18px;letter-spacing:4px}.empty-constellation span{color:#e3c7a6;font-size:13px}.empty-cast-title{color:var(--text);font-family:var(--font-display);font-size:12px;font-weight:600}.empty-cast-copy{margin-top:5px;color:var(--text-faint);font-size:10px;line-height:1.6}.empty-cast-cta{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:var(--accent-bright);font-size:9px;font-weight:700}.home-footer{display:flex;flex:0 0 38px;align-items:center;justify-content:space-between;padding:0 35px;border-top:1px solid var(--border);color:var(--text-ghost);font-size:9px}.home-footer>span:first-child{display:inline-flex;align-items:center;gap:6px}.home-footer svg{color:#9d8dd2}.home-footer>span:last-child{font-size:8px;letter-spacing:.8px}.home-footer i{margin-left:3px;color:#ab9de4;font-style:normal}.modal-backdrop{position:fixed;z-index:var(--z-modal);display:grid;padding:18px;place-items:center;background:#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;right:0;bottom:0;left:0;animation:fade-in .16s ease both}.modal{width:min(640px,100%);max-height:min(880px,calc(100dvh - 36px));overflow-y:auto;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:linear-gradient(150deg,rgba(255,255,255,.028),transparent 32%),var(--panel);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0a;animation:modal-up .18s var(--ease) both}.settings-modal{width:min(480px,100%)}.modal-header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:21px 24px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 97%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-header h2{margin:7px 0 0;color:var(--text-strong);font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.55px}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 21px 2px}.muted-small{color:var(--text-faint);font-size:10px}.modal-form{display:flex;flex-direction:column;gap:15px;padding:17px 24px 42px}.field-label{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.1px}.field-label input,.field-label textarea,.login-card input,.dialog-body input{width:100%;min-height:38px;padding:10px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;color:var(--text);background:#ffffff07;font-size:12px;font-weight:400;letter-spacing:0;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.field-label textarea{min-height:40px;line-height:1.65;overflow-y:auto}.field-label input::placeholder,.field-label textarea::placeholder,.login-card input::placeholder,.dialog-body input::placeholder{color:var(--text-ghost)}.field-label input:focus,.field-label textarea:focus,.login-card input:focus,.dialog-body input:focus{border-color:#baa4ff80;background:#ffffff0a;box-shadow:0 0 0 3px var(--accent-dim)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-avatar-row{display:flex;align-items:center;gap:11px;padding:2px 0 3px}.avatar-form-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:2px 0 3px}.avatar-picker{display:flex;min-width:0;align-items:center;gap:11px}.avatar-picker-actions{display:flex;min-width:0;flex-direction:column;gap:6px}.avatar-picker-actions>div{display:flex;flex-wrap:wrap;gap:6px}.avatar-picker .quiet-button{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 8px}.avatar-picker-error{color:var(--danger-strong);font-size:9px}.preview-avatar{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:1px solid color-mix(in srgb,var(--avatar-color) 32%,transparent);border-radius:14px;color:var(--avatar-color);background:color-mix(in srgb,var(--avatar-color) 12%,var(--panel));font-family:var(--font-display);font-weight:700}.persona-color-row{display:flex;align-items:center;gap:12px}.color-picker{display:flex;gap:6px}.color-swatch{width:17px;height:17px;padding:0;border:2px solid var(--panel);border-radius:50%;outline:1px solid transparent;cursor:pointer;transition:transform var(--dur-fast) ease,outline var(--dur-fast) ease}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{outline-color:#ffffffa6}.advanced-details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 -24px;padding:0 24px}.roleplay-details{margin-top:-5px}.advanced-fields{display:flex;flex-direction:column;gap:13px;padding:3px 0 14px}.roleplay-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0 0}.roleplay-section-heading>div{display:flex;min-width:0;flex-direction:column;gap:4px}.roleplay-section-heading>b,.roleplay-section-heading>div>b{color:var(--text);font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.2px}.roleplay-section-heading .muted-small{line-height:1.6}.roleplay-section-heading .quiet-button{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px}.roleplay-edit-row{display:flex;align-items:flex-end;gap:7px}.roleplay-edit-row>.field-label{flex:1}.roleplay-edit-row>.icon-button{flex:0 0 32px;margin-bottom:2px}.lorebook-heading{padding-top:12px;border-top:1px solid var(--border)}.roleplay-check{min-height:32px;color:var(--text-muted);font-size:10px}.roleplay-switch{min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05}.lorebook-entry-editor{display:flex;flex-direction:column;gap:10px;padding:13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#ffffff05}.lorebook-entry-editor>header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text);font-family:var(--font-display);font-size:10px;font-weight:600}.lorebook-entry-order{display:inline-flex;align-items:center;gap:3px}.lorebook-entry-order .icon-button{width:27px;height:27px}.lorebook-entry-options{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px}.lorebook-entry-options>.field-label{min-width:min(235px,100%);flex:1}.lorebook-entry-options .ui-select{width:100%}.roleplay-empty{margin:0;line-height:1.7}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:1px}.removable{gap:5px;color:var(--text-muted);cursor:pointer;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease}.removable:hover{border-color:#f0929c59;color:var(--danger-strong)}.field-hint{color:var(--text-faint);font-size:10px;font-weight:400;line-height:1.55}.modal-description{margin:0;color:var(--text-muted);font-size:11px;line-height:1.7}.modal-footer{position:sticky;z-index:2;bottom:0;display:flex;align-items:center;gap:8px;margin:0 -24px -21px;padding:12px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-strong);background:color-mix(in srgb,var(--panel) 97%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-spacer{flex:1}.inline-error,.inline-note{padding:9px 11px;border:1px solid rgba(240,146,156,.2);border-radius:var(--radius-sm);color:var(--danger-strong);background:var(--danger-dim);font-size:10px;line-height:1.6}.inline-note{border-color:#8fd4a829;color:var(--success);background:var(--success-dim)}.settings-tabs{display:inline-flex;gap:2px;align-self:center;margin:14px auto 0;padding:3px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-deep)}.settings-tabs button{min-height:28px;padding:0 16px;border:0;border-radius:var(--radius-pill);color:var(--text-faint);background:transparent;font-size:11px;font-weight:600;cursor:pointer;transition:color var(--dur-fast) ease,background var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.settings-tabs button[aria-selected=true]{color:var(--text-strong);background:var(--panel-raised);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0d}.settings-tabs button[aria-selected=false]:hover{color:var(--text-muted)}.generation-settings{display:flex;flex-direction:column;gap:15px}.cloud-snapshot-actions{display:flex;flex-direction:column;gap:7px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05}.cloud-snapshot-actions>b{color:var(--text);font-family:var(--font-display);font-size:10px;font-weight:600}.cloud-snapshot-actions>div{display:flex;flex-wrap:wrap;gap:6px}.cloud-snapshot-actions small{color:var(--text-ghost);font-size:9px}.preset-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 6px 4px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);background:#ffffff06;font-size:10px}.preset-chip button{display:grid;width:16px;height:16px;padding:0;place-items:center;border:0;border-radius:50%;color:var(--text-ghost);background:transparent;cursor:pointer}.preset-chip button:hover{color:var(--danger-strong);background:#ffffff12}.group-member-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;margin:0;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff04}.group-member-picker legend{padding:0 6px;color:var(--text-muted);font-size:10px;font-weight:600}.group-member-row .ui-checkbox{display:flex;width:100%;min-height:40px;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;transition:background var(--dur-fast) ease}.group-member-row .ui-checkbox:hover{background:var(--panel-hover)}.group-member-row .ui-control-label{display:flex;min-width:0;align-items:center;gap:9px}.group-member-row .ui-control-label .mini-avatar{width:26px;height:26px;flex-basis:26px;border-radius:var(--radius-xs);font-size:11px}.group-member-row .ui-control-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-modal{width:min(400px,100%);max-height:min(440px,calc(100dvh - 60px))}.dialog-body{display:flex;flex-direction:column;gap:11px;padding:22px 22px 20px}.dialog-body h2{margin:0;color:var(--text-strong);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.3px}.dialog-message{margin:0;color:var(--text-muted);font-size:12px;line-height:1.65}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.login-shell{position:relative;display:grid;min-height:100dvh;overflow:hidden;place-items:center;background:var(--bg)}.login-glow{position:absolute;top:26%;left:50%;width:min(640px,95vw);height:420px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(139,111,240,.13),transparent 68%);pointer-events:none}.login-card{position:relative;width:min(380px,calc(100% - 38px));padding:36px 32px 26px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:linear-gradient(150deg,#ffffff08,#ffffff03);box-shadow:var(--shadow-lg);animation:fade-up .5s ease both}.brand-mark-large{width:42px;height:42px;margin:0 auto 22px;border-radius:13px}.login-card>.eyebrow{text-align:center}.login-card h1{margin:10px 0 7px;font-size:27px;text-align:center;letter-spacing:-1.2px}.serif-dot{color:var(--accent-bright);font-family:var(--font-serif)}.login-copy{margin:0 0 24px;color:var(--text-muted);font-size:11px;text-align:center}.login-card .field-label{margin-bottom:7px}.login-card input{height:40px;font-size:12px}.login-password{position:relative;display:block}.login-password input{padding-right:44px}.login-password .icon-button{position:absolute;top:50%;right:7px;transform:translateY(-50%);color:var(--text-faint)}.login-password .icon-button:hover{color:var(--accent-bright)}.login-submit{width:100%;min-height:40px;margin-top:14px}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;color:var(--text-ghost);font-size:9px}.login-foot .status-dot{width:5px;height:5px}.login-caption{position:absolute;bottom:22px;color:var(--text-ghost);font-size:8px;letter-spacing:1.15px}.login-caption span{color:#ad9be7}.loading-screen{display:grid;min-height:100dvh;place-content:center;justify-items:center;gap:15px;background:var(--bg)}.loading-ring{color:var(--accent)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@keyframes fade-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-up{0%{transform:translateY(8px) scale(.99);opacity:.7}to{transform:translateY(0) scale(1);opacity:1}}@keyframes popup-in{0%{transform:translateY(-4px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(min-width:1450px){.home-inner{width:min(1030px,100%)}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-inner{padding-right:35px;padding-left:35px}.sidebar{flex-basis:250px;width:250px}.sidebar-collapsed .sidebar{flex-basis:88px;width:88px}}@media(max-width:720px){.app-shell{min-height:0}.topbar .icon-button,.topbar .help-button{width:34px;height:34px}.sidebar{position:fixed;z-index:var(--z-sidebar);top:0;bottom:0;left:0;width:min(300px,86vw);transform:translate(-105%);box-shadow:16px 0 55px #0006}.mobile-menu-open .sidebar{transform:translate(0)}.sidebar-collapsed .sidebar{flex-basis:auto;width:min(300px,86vw);align-items:stretch;padding:18px 15px 12px}.sidebar-collapsed .sidebar-top{height:28px;flex-direction:row;justify-content:space-between;gap:0;margin:0 2px 25px 3px}.sidebar-collapsed .sidebar-scroll{align-items:stretch;margin:10px -8px 0;padding:0 8px 10px;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-collapsed .sidebar-scroll:hover,.sidebar-collapsed .sidebar-scroll:focus-within{scrollbar-color:rgba(179,157,255,.3) transparent}.sidebar-collapsed .sidebar-scroll::-webkit-scrollbar{display:initial}.sidebar-collapsed .brand-name,.sidebar-collapsed .sidebar-section-heading,.sidebar-collapsed .sidebar-search,.sidebar-collapsed .character-nav-copy,.sidebar-collapsed .conversation-nav,.sidebar-collapsed .persona-nav,.sidebar-collapsed .persona-nav-main>span:last-child,.sidebar-collapsed .connection-copy,.sidebar-collapsed .account-copy,.sidebar-collapsed .groups-heading,.sidebar-collapsed .group-nav{display:initial}.sidebar-collapsed .sidebar-section-heading,.sidebar-collapsed .sidebar-search{display:flex}.sidebar-collapsed .character-nav{width:auto}.sidebar-collapsed .character-nav-item{justify-content:initial}.sidebar-collapsed .character-nav-item.active:before{display:block}.sidebar-collapsed .character-nav-main{flex:1}.sidebar-collapsed .persona-nav{display:flex;width:auto;align-items:stretch;margin-top:1px}.sidebar-collapsed .persona-nav-item{justify-content:initial}.sidebar-collapsed .persona-nav-item.active:before{display:block}.sidebar-collapsed .persona-nav-main{flex:1}.sidebar-collapsed .persona-nav-main>span:last-child{display:initial}.sidebar-collapsed .persona-heading,.sidebar-collapsed .groups-heading,.sidebar-collapsed .group-nav{display:flex}.sidebar-collapsed .persona-edit-button{display:grid}.sidebar-collapsed .mini-avatar{width:31px;height:31px}.sidebar-collapsed .new-story-button{width:auto;height:40px;justify-content:flex-start;padding:0 11px}.sidebar-collapsed .new-story-button>span{display:initial}.sidebar-collapsed .connection-card{width:auto;min-height:49px;justify-content:initial;padding:0 10px}.sidebar-collapsed .account-button{justify-content:initial;padding:4px 8px}.mobile-scrim{position:fixed;z-index:var(--z-scrim);display:block;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--dur-med) ease,visibility var(--dur-med) ease;top:0;right:0;bottom:0;left:0}.mobile-menu-open .mobile-scrim{opacity:1;pointer-events:auto;visibility:visible}.collapse-button,.collapsed-expand{display:none!important}.mobile-close,.mobile-menu-button{display:inline-grid}.topbar{flex-basis:58px;padding:0 14px}.topbar-actions{gap:11px}.topbar-text-button span{display:none}.topbar-divider{height:15px}.home-inner{padding:52px 22px 38px}.home-greeting h1{font-size:43px}.home-greeting>p{font-size:11px}.home-divider{margin-top:35px}.character-grid{gap:9px}.character-card,.add-character-card,.character-card-main{min-height:198px}.character-card-main,.add-character-card{padding:13px}.home-footer{padding:0 15px}.home-footer>span:last-child{display:none}.desktop-break{display:none}.messages-scroll{padding:24px 0}.messages-content{padding-inline:18px}.message-row{gap:9px;margin-bottom:24px}.message-content{font-size:15px;line-height:1.8}.message-column{max-width:calc(100% - 58px)}.conversation-welcome{padding:25px 18px max(8px,env(safe-area-inset-bottom))}.conversation-welcome h1{font-size:26px}.welcome-suggestions{gap:6px}.welcome-suggestions button{min-height:36px;padding:7px 10px;font-size:10px}.composer-wrap{width:calc(100% - 24px);padding-bottom:max(12px,env(safe-area-inset-bottom))}.composer{padding:11px 11px 8px 14px}.composer textarea{font-size:15px}.composer-disclaimer{font-size:8px}.setup-nudge{flex-wrap:wrap;font-size:9px}.scroll-bottom-button{right:16px;bottom:112px;width:36px;height:36px}.prompt-inspector,.group-staged-message{width:calc(100% - 24px)}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px);border-radius:var(--radius-lg)}.modal-header{padding:16px 16px 13px}.modal-form{padding:13px 16px 42px}.modal-form>.modal-footer{margin-right:-16px;margin-bottom:-42px;margin-left:-16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.advanced-details{margin:0 -16px;padding:0 16px}.modal-toolbar{padding-right:16px;padding-left:16px}.form-grid{gap:9px}.group-member-picker{grid-template-columns:1fr}.settings-tabs{margin:10px auto 0}.login-card{padding:30px 24px 22px}}@media(max-width:430px){.home-inner{padding:40px 17px 28px}.home-greeting h1{font-size:38px}.home-actions{gap:7px}.home-actions button{padding:0 10px;font-size:10px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card,.add-character-card,.character-card-main{min-height:188px}.add-character-card>span:last-child{line-height:1.5}.character-card p{font-size:9px}.card-tags{margin-top:6px}.home-divider{margin:31px 0 13px}.form-grid{grid-template-columns:1fr}.character-avatar-row{flex-wrap:wrap}.character-avatar-row .muted-small{width:100%;margin-left:49px;margin-top:-8px}.modal-footer{flex-wrap:wrap}.modal-footer>.quiet-button,.modal-footer>.primary-button{padding:0 8px;font-size:9px}.modal-footer>.modal-spacer{flex-basis:5px}.modal-footer>.danger-quiet{margin-right:auto}}@media(hover:none){.message-toolbar,.conversation-delete-button{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}