:root{color:#3b4a63;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong:#10203a;--muted:#6a7a93;--muted-strong:#51627e;--panel:#ffffffb8;--panel-border:#bac9de99;--bubble-blue:linear-gradient(135deg, #2397ff 0%, #1f6fff 100%);--shadow-soft:0 24px 60px #1f29371a;--shadow-tight:0 8px 22px #1f29371f;background:radial-gradient(circle at 0 0,#7dd3fc59,#0000 26%),radial-gradient(circle at 100% 0,#93c5fd4d,#0000 24%),linear-gradient(#f5fbff 0%,#eef4fb 48%,#f7fbff 100%);font-family:SF Pro Display,Avenir Next,Segoe UI Variable Text,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #2563eb}h1,h2,h3,p{margin:0}.app-shell{background:radial-gradient(circle at 20% 0,#94a3b833,#0000 42%),radial-gradient(circle at 80% 100%,#1e293b2e,#0000 46%),linear-gradient(160deg,#111827 0%,#020617 100%);place-items:center;min-height:100dvh;padding:0;display:grid}.brand-card,.session-card,.export-card,.thread-list,.conversation-column,.control-card,.session-library{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);border-radius:28px}.brand-card{flex-direction:column;gap:14px;padding:22px;display:flex}.brand-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.utility-menu{background:#ffffffa3;border-radius:22px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #94a3b81f}.brand-card h1,.conversation-header h2,.control-header h3{margin:4px 0 0}.brand-copy,.session-subcopy,.eyebrow,.card-label,.participant-line,.thread-meta p,.thread-meta small,.message-footer,.persona-card p,.persona-card small,.active-arc-line,.library-row p,.library-row small{color:var(--muted)}.eyebrow,.card-label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.session-card,.thread-list-header,.conversation-header,.composer-shell,.control-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-card,.export-card,.session-library,.control-card{padding:18px 20px}.export-card,.session-library{flex-direction:column;gap:12px;display:flex}.export-actions,.chip-group,.filter-strip{flex-wrap:wrap;gap:10px;display:flex}.ghost-button,.mode-button,.persona-card,.thread-row,.library-row,.chip-button,.filter-button{cursor:pointer;font:inherit;border:0}.ghost-button,.chip-button,.filter-button{color:var(--text-strong);background:#ffffffc7;border-radius:999px;padding:.62rem .92rem;box-shadow:inset 0 0 0 1px #94a3b833}.ghost-button:disabled,.chip-button:disabled,.filter-button:disabled{opacity:.5;cursor:not-allowed}.chip-button.selected,.filter-button.selected{color:#fff;background:linear-gradient(135deg,#0f172a,#2563eb)}.status-pill,.micro-pill,.tone-pill{border-radius:999px;width:fit-content;padding:.42rem .8rem;font-size:.78rem;font-weight:700}.status-pill.live{color:#14532d;background:#86efac6b}.status-pill.paused{color:#7c2d12;background:#fbbf2447}.status-pill.safe,.micro-pill{color:#1d4ed8;background:#93c5fd47}.micro-pill.everyday{color:#14532d;background:#86efac3d}.micro-pill.charged{color:#9a3412;background:#fdba744d}.micro-pill.reflective{color:#4338ca;background:#c4b5fd52}.session-library,.thread-list{width:100%}.library-row,.thread-row{text-align:left;background:0 0;border-radius:20px;gap:12px;padding:12px;transition:transform .18s,background .18s,box-shadow .18s;display:grid}.library-row+.library-row{margin-top:8px}.thread-row{grid-template-columns:44px minmax(0,1fr) auto}.library-row:hover,.library-row.active,.thread-row:hover,.thread-row.active{background:#ffffffe0;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #3b82f61f}.thread-avatar,.persona-chip{color:#fff;width:44px;height:44px;box-shadow:var(--shadow-tight);border-radius:16px;place-items:center;font-weight:800;display:grid}.thread-meta{min-width:0}.thread-title-line,.message-footer,.relationship-row-top,.mix-row,.thread-status{justify-content:space-between;align-items:center;gap:10px;display:flex}.thread-title-line strong,.persona-card strong,.detail-stack strong,.relationship-row strong,.stat-value,.library-row strong,.stat-card strong{color:var(--text-strong)}.thread-title-line span,.stat-label,.thread-status small{color:var(--muted);font-size:.78rem}.thread-meta p,.thread-meta small,.library-row p,.library-row small{margin:4px 0 0}.thread-meta small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.thread-status{flex-direction:column;align-items:flex-end}.unread-badge{color:#fff;background:#1f6fff;border-radius:999px;place-items:center;min-width:24px;height:24px;font-size:.76rem;font-weight:700;display:grid}.conversation-column{width:100%;min-height:100vh}.phone-stage{place-items:center;width:100%;min-height:100dvh;padding:clamp(10px,1.6vw,18px);display:grid}.phone-shell{aspect-ratio:9/19.5;background:#f7fafffa;border:12px solid #0b1220;border-radius:56px;grid-template-rows:auto minmax(0,1fr) auto;width:min(440px,100vw - 28px);height:min(940px,100dvh - 28px);display:grid;position:relative;overflow:hidden;box-shadow:0 50px 120px #0000008c,0 0 0 1px #ffffff0a,inset 0 0 0 2px #ffffff14}.phone-side-utility{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;opacity:.5;background:#ffffff14;border:1px solid #94a3b833;border-radius:999px;place-items:center;width:44px;height:44px;font-size:1.05rem;transition:opacity .18s;display:grid;position:fixed;bottom:24px;right:24px}.phone-side-utility:hover{opacity:1}@media (width<=960px){.phone-side-utility{opacity:.35;bottom:12px;right:12px}}.floating-phone-ui{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:18px;left:18px;right:18px}.floating-phone-brand,.phone-menu-trigger{pointer-events:auto}.floating-phone-brand{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border-radius:18px;padding:.75rem .95rem;box-shadow:0 12px 32px #0f172a1f}.floating-phone-brand strong{color:var(--text-strong);margin-top:4px;display:block}.phone-menu-trigger{cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:0;border-radius:18px;place-items:center;gap:5px;width:52px;height:52px;padding:0;display:grid;box-shadow:inset 0 0 0 1px #94a3b833,0 12px 32px #0f172a29}.phone-menu-trigger span{background:#0f172a;border-radius:999px;width:18px;height:2px;display:block}.phone-topbar{background:linear-gradient(#fffffffa,#f2f7fff0);border-bottom:1px solid #94a3b82e;padding:88px 14px 18px}.phone-topbar.side-room{background:linear-gradient(#fcf7fffa,#f5f0fff0)}.phone-status-bar,.phone-chatbar,.thread-switcher{justify-content:space-between;align-items:center;gap:12px;display:flex}.phone-status-bar{color:var(--text-strong);margin-bottom:10px;font-size:.82rem;font-weight:700}.status-icons{align-items:center;gap:5px;display:flex}.status-icons span{background:#0f172a;border-radius:999px;display:block}.status-icons span:first-child{width:16px;height:10px}.status-icons span:nth-child(2){width:12px;height:10px}.battery-icon{border:2px solid #0f172a;width:20px;height:10px;position:relative;background:0 0!important}.battery-icon:after{content:"";background:#0f172a;border-radius:999px;width:2px;height:4px;position:absolute;top:2px;right:-4px}.phone-notch{background:#0f172a;border-radius:999px;width:120px;height:20px;margin:0 auto 12px}.phone-chatbar{gap:8px}.phone-thread-summary{color:var(--muted-strong);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:.8rem;font-weight:600;display:flex}.chatbar-back,.chatbar-info,.composer-icon,.composer-mic,.thread-view-button{cursor:pointer;font:inherit;border:0}.chatbar-back,.chatbar-info{color:#1677ff;background:0 0;font-weight:600}.chatbar-back{white-space:nowrap;text-overflow:ellipsis;max-width:118px;overflow:hidden}.chatbar-info{border:1px solid #1677ff2e;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.phone-meta{text-align:center;flex-direction:column;gap:4px;display:flex}.phone-meta strong{color:var(--text-strong)}.phone-meta span{color:var(--muted);font-size:.84rem}.message-stream{scrollbar-width:thin;scrollbar-color:#94a3b899 transparent;background:linear-gradient(#fffffffc,#f5f8ffe0),radial-gradient(circle at 100% 0,#bfdbfe38,#0000 34%),radial-gradient(circle at 0 100%,#d8b4fe1f,#0000 38%);flex-direction:column;gap:12px;padding:18px 16px 26px;display:flex;overflow:auto}.day-divider{width:fit-content;color:var(--muted-strong);background:#ffffffeb;border-radius:999px;margin:10px auto 4px;padding:.28rem .68rem;font-size:.75rem;box-shadow:inset 0 0 0 1px #94a3b826}.message-row{align-items:flex-end;gap:10px;display:flex}.message-row.outbound{justify-content:flex-end}.bubble-stack{flex-direction:column;gap:4px;max-width:min(86%,312px);display:flex}.sender-label{color:var(--muted-strong);padding-left:6px;font-size:.76rem;font-weight:700}.message-bubble,.typing-bubble{letter-spacing:.01em;box-shadow:var(--shadow-tight);border-radius:24px;padding:14px 16px;font-size:1rem;line-height:1.48}.message-bubble.blue{background:var(--bubble-blue);color:#fff;border-bottom-right-radius:8px;box-shadow:0 10px 24px #1f6fff38,inset 0 0 0 1px #ffffff14}.message-bubble.gray,.typing-bubble{color:var(--text-strong);background:#fff;border-bottom-left-radius:8px;box-shadow:0 10px 24px #0f172a14,inset 0 0 0 1px #e2e8f0bf}.message-footer{color:var(--muted-strong);flex-wrap:wrap;padding:0 6px;font-size:.76rem}.reaction-strip{color:var(--muted-strong)}.tone-pill{padding:.22rem .54rem;font-size:.68rem}.tone-pill.everyday{color:#14532d;background:#86efac47}.tone-pill.charged{color:#9a3412;background:#fdba7452}.tone-pill.reflective{color:#4338ca;background:#c4b5fd57}.typing-bubble{align-items:center;gap:6px;display:inline-flex}.typing-bubble span{background:#94a3b8e6;border-radius:999px;width:8px;height:8px;animation:1.15s ease-in-out infinite pulse}.typing-bubble span:nth-child(2){animation-delay:.12s}.typing-bubble span:nth-child(3){animation-delay:.24s}.composer-shell{background:#fffffff5;border-top:1px solid #94a3b824;flex-direction:column;align-items:stretch;padding:16px 18px 18px}.ios-composer{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.composer-icon,.composer-mic{border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.composer-icon{color:#1677ff;background:0 0;border:1px solid #1677ff3d;font-size:1.2rem}.composer-mic{color:#fff;background:#1677ff;font-weight:800}.composer-send:disabled{opacity:.45;cursor:not-allowed}.composer-input-shell{min-height:42px;color:var(--muted-strong);background:#f1f5f9f5;border-radius:999px;align-items:center;padding:0 14px;display:flex;box-shadow:inset 0 0 0 1px #94a3b829}.composer-input{width:100%;color:var(--text-strong);background:0 0;border:0;outline:0}.composer-input::placeholder{color:var(--muted-strong)}.own-label{color:#1d4ed8}.filter-strip{flex-wrap:nowrap;margin-top:10px;padding-bottom:2px;overflow:auto}.thread-switcher{margin:12px 0 14px}.thread-view-button{color:var(--text-strong);background:#ffffffad;border-radius:16px;flex:1;padding:.75rem .9rem;box-shadow:inset 0 0 0 1px #94a3b829}.thread-view-button.selected{color:#fff;background:linear-gradient(135deg,#1677ff,#0f5ae0)}.filter-strip::-webkit-scrollbar{width:8px;height:8px}.message-stream::-webkit-scrollbar{width:8px;height:8px}.director-menu::-webkit-scrollbar{width:8px;height:8px}.filter-strip::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.message-stream::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.director-menu::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.filter-strip::-webkit-scrollbar-track{background:0 0}.message-stream::-webkit-scrollbar-track{background:0 0}.director-menu::-webkit-scrollbar-track{background:0 0}.mode-grid,.persona-grid,.detail-stack,.relationship-list,.field-stack,.mix-list{flex-direction:column;gap:12px;display:flex}.field-stack label{color:var(--muted-strong);flex-direction:column;gap:6px;font-size:.86rem;display:flex}.field-stack input,.field-stack select,.field-stack textarea{color:var(--text-strong);resize:vertical;background:#ffffffe0;border:1px solid #bac9dee6;border-radius:16px;padding:.8rem .9rem}.persona-detail-card h3{margin:0}.persona-detail-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.persona-detail-header p,.detail-stack p,.detail-stack small,.relationship-row p,.relationship-row small,.stat-card span,.mix-row span{color:var(--muted)}.persona-detail-swatch{width:56px;height:56px;box-shadow:var(--shadow-tight);border-radius:18px}.mini-list{color:var(--muted);margin:8px 0 0;padding-left:18px}.mini-list li+li{margin-top:6px}.relationship-row{border-top:1px solid #94a3b824;padding-top:14px}.relationship-row:first-child{border-top:0;padding-top:0}.relationship-row-top span{color:var(--muted-strong);text-transform:capitalize;font-size:.78rem}.mode-button,.persona-card{text-align:left;background:#ffffffb8;border-radius:20px;padding:14px;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:inset 0 0 0 1px #94a3b824}.mode-button:hover,.mode-button.selected,.persona-card:hover,.persona-card.selected{background:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #3b82f63d,0 18px 40px #0f172a14}.mode-button span{color:var(--muted);margin-top:6px;font-size:.86rem;line-height:1.35;display:block}.persona-card{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;display:grid}.persona-swatch{width:44px;height:44px;box-shadow:var(--shadow-tight);border-radius:16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.director-overlay{z-index:20;background:#0f172a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.director-menu{background:#fafcfffa;border:1px solid #bac9dee6;border-radius:28px;width:min(560px,100%);max-height:min(82vh,820px);padding:20px;overflow:auto;box-shadow:0 30px 90px #0f172a38}.app-menu{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#f5f9ffeb;width:min(720px,100%)}.menu-section{border-top:1px solid #94a3b829;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:flex}.menu-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.menu-section-header{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.menu-list{flex-direction:column;gap:10px;display:flex}.app-menu .thread-row,.app-menu .library-row,.app-menu .persona-card,.app-menu .mode-button,.app-menu .stat-card{background:#ffffffd1}.stat-card{background:#ffffffb8;border-radius:20px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #94a3b824}@keyframes pulse{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (width<=960px){.app-shell{place-items:stretch stretch}.phone-stage{padding:0;padding-bottom:env(safe-area-inset-bottom)}.phone-shell{aspect-ratio:auto;width:100vw;height:100dvh;box-shadow:none;border-width:0;border-radius:0}.floating-phone-ui{top:calc(10px + env(safe-area-inset-top));justify-content:flex-end;left:12px;right:12px}.floating-phone-brand{display:none}.phone-menu-trigger{background:#ffffffd1;border-radius:15px;width:44px;height:44px}.phone-topbar{padding:calc(14px + env(safe-area-inset-top)) 12px 14px}.phone-status-bar,.phone-notch{display:none}.phone-chatbar{gap:6px;min-height:36px}.phone-meta strong{font-size:.95rem}.phone-meta span{font-size:.76rem}.chatbar-back{max-width:96px;font-size:.88rem}.chatbar-info{width:28px;height:28px}.menu-section-header,.thread-list-header,.control-header{flex-direction:column;align-items:flex-start}}