*{box-sizing:border-box}:root{color:#162033;background:#eef4f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}body{background-color:#0000;background-image:radial-gradient(circle at 8% 4%,#55bbd642,#0000 34%),radial-gradient(circle at 86% 0,#5c74c638,#0000 32%),linear-gradient(135deg,#edf7fb 0%,#f8fbff 46%,#eef3f8 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0}button,input,textarea,select,.upload{font:inherit}button,.upload{color:#fff;cursor:pointer;background:linear-gradient(135deg,#18263e,#263f69);border:0;border-radius:12px;padding:12px 16px;box-shadow:0 10px 22px #16203324}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.68}button:hover,.upload:hover{transform:translateY(-1px)}button:disabled:hover{transform:none}input,textarea,select{color:#162033;background:#fffffff5;border:1px solid #cfdbea;border-radius:12px;width:100%;padding:12px}textarea{min-height:96px}form{gap:10px;margin:12px 0;display:grid}.app{max-width:1280px;margin:0 auto;padding:28px}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #cddae9eb;border-radius:18px;max-width:460px;margin:9vh auto;padding:34px;box-shadow:0 24px 80px #21335024}.pwa-login-shell .auth-card{width:min(100%,460px);margin:0 auto}.auth-card h1{letter-spacing:0;margin:26px 0 6px;font-size:clamp(2rem,6vw,3.2rem);line-height:.95}.auth-card>p{color:#637083;margin:0 0 22px}nav,.hero,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #cddae9e0;box-shadow:0 16px 44px #21335017}nav{border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 18px;display:flex}.brand{align-items:center;display:inline-flex}.brand img{width:226px;max-width:100%;height:auto;display:block}.brand.compact img{width:164px}.hero{background:linear-gradient(135deg,#fffffff5,#f0f8fce0),linear-gradient(90deg,#26a6c814,#0000);border-radius:18px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;padding:28px;display:flex}.hero h1{letter-spacing:0;margin:18px 0 6px;font-size:clamp(2.1rem,5vw,4rem);line-height:.95}.hero p,.muted{color:#5d6a7e}.badge{color:#17445a;white-space:nowrap;background:#e5f2f8;border:1px solid #cfe6f0;border-radius:999px;padding:8px 12px}.grid{gap:20px;display:grid}.two,.layout{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:16px;padding:22px}.panel h2{margin-top:0}.secondary{color:#172033;box-shadow:none;background:#e8f1f8}.upload{text-align:center;margin:10px 0;display:block}.upload input{display:none}.knowledge-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0;display:flex}.knowledge-action{min-width:142px;box-shadow:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex}.knowledge-action.docs{color:#175cd3;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.knowledge-action.audio{color:#7a2e0e;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fed7aa}.knowledge-action.dictate{color:#067647;background:linear-gradient(135deg,#ecfdf3,#dcfae6);border-color:#abefc6}.modal-backdrop{z-index:20;background:#0f172a5c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.factory-modal{background:#fff;border:1px solid #dbe7f5;border-radius:18px;gap:12px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 70px #14233e38}.factory-modal strong{font-size:1.25rem}.factory-modal p{color:#536174;margin:0;line-height:1.5}.conversation-modal{background:#fff;border:1px solid #dbe7f5;border-radius:18px;gap:18px;width:min(760px,100%);max-height:min(78vh,760px);padding:24px;display:grid;overflow:auto;box-shadow:0 24px 70px #14233e38}.db-admin-modal{width:min(940px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.modal-header strong{font-size:1.25rem}.modal-header p{margin:4px 0 0}.db-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0;display:grid}.db-admin-card{background:#f5f8fb;border:1px solid #d8e3ee;border-radius:14px;align-content:space-between;gap:18px;padding:16px;display:grid}.db-admin-card h3{margin:0 0 6px}.db-admin-card p{color:#5d6a7e;margin:0;font-size:.9rem;line-height:1.45}.db-import-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;display:inline-flex;position:relative}.db-import-button.disabled{cursor:not-allowed;opacity:.68}.db-import-button input{display:none}.conversation-modal-section,.popup-chat-log{gap:8px;display:grid}.conversation-modal-section h3{margin:0}.popup-chat-log{max-height:60vh;padding-right:4px;overflow:auto}.item{color:#172033;width:100%;box-shadow:none;background:#e8f1f8;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;display:flex}.twin-list-item{border-radius:12px;padding:0;overflow:hidden}.item-main{min-width:0;color:inherit;box-shadow:none;background:0 0;flex:auto;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.item-main strong,.item-main span{overflow-wrap:anywhere;min-width:0}.danger-button{color:#b42318;background:#fff1f0;flex:none;margin-right:8px}.item.compact{padding:10px 12px}.stack{gap:8px;margin-top:14px;display:grid}.row{background:#f5f8fb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.row.multi{align-items:flex-start}.row button{padding:8px 10px}.icon-button{flex:none;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.icon-button.danger{color:#b42318;background:#fff1f0}.conversation-row{align-items:center;padding:8px}.conversation-open{text-align:left;grid-template-columns:minmax(0,1fr) 136px;align-items:center;margin:0;padding:8px 10px;display:grid}.conversation-open strong{overflow-wrap:anywhere;font-size:13px;font-weight:650;line-height:1.25}.conversation-time{color:#66758a;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:right;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.live-history h3{margin:0 0 8px}.live-history-item{gap:4px;font-size:13px;line-height:1.3;display:grid}.live-history-open{grid-template-columns:1fr;gap:5px}.live-history-item strong{font-size:13px;line-height:1.25}.live-history-item span{color:#66758a}.live-history-meta{grid-template-columns:minmax(0,1fr) 136px;align-items:center;gap:10px;display:grid}.open-link{border-radius:10px;align-items:center;padding:8px 10px;text-decoration:none;display:inline-flex}.link{color:#1e67b2;box-shadow:none;background:0 0;padding:0}.back{margin:0 0 16px}.divider{border-top:1px solid #e1eaf3;padding-top:12px}.answer,.bubble.assistant{background:#e8f1f8}.answer,.bubble{border-radius:14px;padding:12px;line-height:1.5}.answer p,.bubble p{margin:8px 0 0}.bubble{background:#f5f8fb}.bubble.user{background:#f7f7f8}.error{white-space:pre-wrap;color:#a62626;background:#fff2f2;border-radius:12px;padding:12px}.wide-error{margin-bottom:18px}.small{font-size:.86rem}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-row.tight{justify-content:flex-end}.chat-log{gap:10px;max-height:520px;margin-top:16px;padding-right:4px;display:grid;overflow:auto}.twin-avatar-card{background:linear-gradient(135deg,#fffffff0,#edf6ffeb);border:1px solid #cddae9e0;border-radius:16px;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:0 16px 44px #21335017}.twin-avatar-card img,.avatar-placeholder{object-fit:cover;border-radius:16px;flex:none;width:104px;height:104px;box-shadow:0 14px 28px #2133501f}.avatar-placeholder{color:#243f73;background:linear-gradient(135deg,#e8f1ff,#dff7f1);place-items:center;font-size:2.6rem;font-weight:800;display:grid}.notice{background:#e9fbf1;border:1px solid #ccefd9;border-radius:12px;margin-bottom:18px;padding:12px 14px}.tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 18px;display:flex}.tab{color:#162033;min-height:58px;box-shadow:none;border:1px solid #0000;flex:0 150px;position:relative;overflow:hidden}.tab:after{content:"";opacity:0;background:currentColor;border-radius:999px;height:3px;position:absolute;inset:auto 14px 10px}.tab.active{border-color:#ffffffd1;box-shadow:0 14px 30px #2133501a}.tab.active:after{opacity:.45}.tab.chat{background:linear-gradient(135deg,#edf6ff,#dff0ff)}.tab.knowledge{background:linear-gradient(135deg,#effaf3,#dcf6e9)}.tab.graph{background:linear-gradient(135deg,#eef7ff,#def7f2)}.tab.personality{background:linear-gradient(135deg,#fff7ed,#eef7ff)}.tab.voice{background:linear-gradient(135deg,#fff2fb,#f4ddff)}.tab.agent{background:linear-gradient(135deg,#ecfeff,#d5f5f6)}.tab.persona{background:linear-gradient(135deg,#eef7ff,#e4ecff)}.tab.style{background:linear-gradient(135deg,#fff5e8,#ffe9cc)}.tab.access{background:linear-gradient(135deg,#f5efff,#eadfff)}.tab-panel{margin-top:0}.tab-surface{grid-column:1/-1}.chat-surface{grid-column:auto;align-self:start;gap:16px;display:grid}.conversation-side-panel{align-self:start;max-height:760px;overflow:auto}.chat-tile{border:1px solid #cddae9e0;border-radius:16px;gap:12px;padding:16px;display:grid}.chat-tile h3{margin-bottom:4px}.typed-chat-tile{background:linear-gradient(135deg,#fffaf0,#eef7ff);border-color:#f3d9a7}.contact-twin-tile{background:linear-gradient(135deg,#eefdf7,#f5f0ff);border-color:#bcefdc}.contact-channel-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.contact-channel{min-height:48px;box-shadow:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.contact-channel.whatsapp{color:#087443;background:#dcfae6;border-color:#abefc6}.contact-channel.telegram{color:#175cd3;background:#eaf2ff;border-color:#c7d7fe}.contact-channel.email{color:#854a0e;background:#fff4dc;border-color:#fedf89}.live-conversation-panel{background:linear-gradient(135deg,#fbf7ff,#eef7ff);border:1px solid #d6c9fb;border-radius:16px;gap:12px;padding:16px;display:grid}.live-conversation-panel h3{margin-bottom:4px}.live-controls{grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) auto;align-items:center;gap:10px;display:grid}.live-frame-wrap{gap:10px;display:grid}.live-frame-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-frame-header div{gap:2px;display:grid}.live-frame-header span{color:#66758a;word-break:break-word;font-size:.85rem}.live-frame-wrap iframe{background:#0f172a;border:0;border-radius:12px;width:100%;min-height:580px}.knowledge-surface{background:linear-gradient(135deg,#fffffff0,#f0fcf6eb)}.graph-surface{background:linear-gradient(135deg,#fffffff0,#eff9ffeb);gap:16px;display:grid}.graph-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.graph-title-row h2{margin-bottom:6px}.graph-title-row p{margin:0}.graph-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.graph-stat-card{background:#ffffffc2;border:1px solid #cddae9e0;border-radius:14px;gap:6px;padding:14px;display:grid}.graph-stat-card span{color:#5d6a7e;font-size:.84rem}.graph-stat-card strong{overflow-wrap:anywhere;font-size:1.35rem;line-height:1.1}.graph-toolbar{background:#ffffffb8;border:1px solid #cddae9e0;border-radius:16px;grid-template-columns:minmax(180px,1.4fr) minmax(140px,.8fr) minmax(140px,.8fr) minmax(130px,.7fr) auto auto;align-items:end;gap:10px;padding:14px;display:grid}.graph-confidence-filter{color:#5d6a7e;gap:5px;font-size:.82rem;display:grid}.graph-workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:16px;display:grid}.graph-canvas-card,.graph-detail-panel,.graph-empty-state{background:#ffffffbd;border:1px solid #cddae9e0;border-radius:16px}.graph-canvas-card{gap:10px;min-width:0;padding:14px;display:grid}.graph-canvas-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.graph-canvas-header h3{margin:0 0 2px}.graph-canvas-header p{margin:0}.graph-canvas{cursor:grab;touch-action:none;border-radius:14px;width:100%;min-height:560px}.graph-canvas rect{fill:#f8fbff}.graph-edge{cursor:pointer}.graph-edge line{stroke:#97a8bd;stroke-width:2px}.graph-edge circle{fill:#f8fbff;stroke:#97a8bd;stroke-width:2px}.graph-edge text{fill:#334155;text-anchor:middle;paint-order:stroke;stroke:#f8fbff;stroke-width:5px;stroke-linejoin:round;font-size:12px;font-weight:700}.graph-edge.active line,.graph-edge.active circle{stroke:#18263e;stroke-width:3px}.graph-node{cursor:pointer}.graph-node circle{stroke:#fff;stroke-width:3px;filter:drop-shadow(0 10px 14px #1620332e)}.graph-node.active circle{stroke:#172033;stroke-width:5px}.graph-node-label,.graph-node-type{fill:#fff;text-anchor:middle;pointer-events:none}.graph-node-label{font-size:12px;font-weight:800}.graph-node-type{fill:#344054;paint-order:stroke;stroke:#f8fbff;stroke-width:4px;stroke-linejoin:round;font-size:11px;font-weight:700}.graph-detail-panel{align-content:start;gap:14px;max-height:660px;padding:16px;display:grid;overflow:auto}.graph-detail-panel.placeholder{min-height:220px}.graph-detail-panel p{margin:0;line-height:1.5}.graph-detail-head{gap:10px;display:grid}.graph-detail-head strong{overflow-wrap:anywhere;font-size:1.25rem;line-height:1.2}.graph-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.graph-meta-grid span{color:#5d6a7e;background:#f5f8fb;border-radius:12px;gap:3px;padding:10px;font-size:.8rem;display:grid}.graph-meta-grid strong{color:#162033;overflow-wrap:anywhere}.graph-detail-sections{gap:16px;display:grid}.graph-detail-sections h4{margin:0 0 8px}.graph-detail-row,.graph-evidence{background:#f5f8fb;border-radius:12px;gap:5px;padding:10px;display:grid}.graph-detail-row span,.graph-evidence span{color:#5d6a7e;font-size:.82rem}.graph-evidence p{color:#344054;font-size:.9rem}.graph-relation-path{background:#f5f8fb;border-radius:14px;gap:8px;padding:12px;display:grid}.graph-relation-path strong{color:#1e67b2}.graph-empty-state{justify-items:start;gap:10px;min-height:220px;padding:28px;display:grid}.graph-empty-state h3{margin:0}.graph-empty-state p{color:#5d6a7e;margin:0}.graph-empty-state.error-state{background:#fff8f8;border-color:#f1c7c7}.graph-confirm-modal .button-row{justify-content:flex-start}.personality-surface{background:linear-gradient(135deg,#fffffff0,#fff7ede6);gap:18px;display:grid}.personality-title-row,.personality-section-head,.personality-actions{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.personality-title-row h2,.personality-section h3{margin:0 0 6px}.personality-title-row p{max-width:760px;margin:0}.personality-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.unsaved-pill{color:#854a0e;background:#fff4dc;border:1px solid #fedf89;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:750}.personality-helper{color:#3b4658;background:#eef8ff;border:1px solid #cfe6f0;border-radius:14px;margin:0;padding:12px 14px}.personality-type-section p{margin:0}.personality-type-select{gap:6px;display:grid}.personality-type-select span{font-weight:750}.preset-applied-note{color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:12px;padding:10px 12px;font-size:.9rem;font-weight:700}.personality-section{background:#ffffffb8;border:1px solid #cddae9e0;border-radius:16px;gap:12px;padding:16px;display:grid}.personality-grid,.thinking-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.thinking-style-card{background:#f8fbff;border:1px solid #dce7f2;border-radius:14px;gap:10px;padding:14px;display:grid}.thinking-style-card p{color:#5d6a7e;margin:0;font-size:.9rem;line-height:1.4}.segmented-control{background:#e8f1f8;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.segmented-control button{color:#3b4658;min-height:40px;box-shadow:none;background:0 0;border-radius:10px;padding:8px 10px}.segmented-control button.active{color:#fff;background:#18263e;box-shadow:0 8px 18px #16203324}.personality-slider{background:#f8fbff;border:1px solid #dce7f2;border-radius:14px;gap:10px;padding:14px;display:grid}.personality-slider-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.personality-slider-head p{color:#5d6a7e;margin:4px 0 0;font-size:.9rem;line-height:1.4}.personality-slider-head span{color:#fff;background:#18263e;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:inline-grid}.personality-slider input[type=range]{accent-color:#263f69;width:100%;padding:0}.personality-slider-labels{color:#66758a;justify-content:space-between;gap:10px;font-size:.8rem;display:flex}.sample-question-row{flex-wrap:wrap;gap:8px;display:flex}.sample-question-row button{border-radius:999px;padding:8px 10px;font-size:.86rem}.preview-section textarea{min-height:84px}.preview-response-card{background:#eef8ff;border:1px solid #cfe6f0;border-radius:14px;gap:8px;padding:14px;display:grid}.preview-response-card p{margin:0;line-height:1.55}.preview-response-card details{color:#5d6a7e;font-size:.88rem}.personality-actions{justify-content:flex-end;align-items:center}.voice-surface{background:linear-gradient(135deg,#fffffff0,#fdf1ffeb)}.agent-surface{background:linear-gradient(135deg,#fffffff0,#ecfeffe6)}.persona-surface{background:linear-gradient(135deg,#fffffff0,#eff6ffeb)}.style-surface{background:linear-gradient(135deg,#fffffff0,#fff7ebeb)}.access-surface{background:linear-gradient(135deg,#fffffff0,#f8f2ffeb)}.pwa-shell{min-height:100svh}.pwa-shell.app{background:linear-gradient(#ffffff94,#eef4f9f5);max-width:430px;padding:10px}.pwa-login-shell{place-items:center;padding:18px;display:grid}.pwa-nav{z-index:10;margin-bottom:14px;position:sticky;top:10px}.pwa-shell .hero{align-items:flex-start;margin-bottom:10px;padding:16px}.pwa-shell .hero h1{font-size:clamp(2rem,12vw,3.4rem)}.pwa-shell .tab-panel{display:block}.pwa-chat-surface{min-height:calc(100svh - 220px)}.pwa-chat-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pwa-chat-heading h2{margin:0}.pwa-menu-button{padding:9px 12px}.pwa-feature-tabs{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e8f1f8eb;border:1px solid #cfdbeae6;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 4px;padding:6px;display:grid;position:sticky;top:78px}.pwa-feature-tabs button{color:#3b4658;min-height:40px;box-shadow:none;background:0 0;border-radius:12px;padding:8px 6px;font-size:.88rem}.pwa-feature-tabs button.active{color:#fff;background:#18263e;box-shadow:0 8px 18px #16203329}.pwa-shell .chat-surface,.pwa-shell .conversation-side-panel{grid-column:1/-1}.pwa-shell .conversation-side-panel{max-height:none;margin-top:14px}.pwa-shell .panel{border-radius:22px}.pwa-shell .live-controls,.pwa-shell .contact-channel-row{grid-template-columns:1fr}.pwa-shell .contact-channel{border-radius:16px;justify-content:flex-start;min-height:58px;padding:14px;font-weight:750}.pwa-shell .conversation-open{grid-template-columns:1fr;gap:4px}.pwa-shell .conversation-time{text-align:left}.pwa-shell .live-frame-wrap iframe{min-height:62svh}.pwa-history-panel{margin-top:12px}.thinking-card{background:linear-gradient(135deg,#eef8ff,#f5f1ff);border:1px solid #b5d3e9d1;border-radius:14px;align-items:center;gap:14px;margin:12px 0;padding:14px;display:flex}.thinking-card p{margin:4px 0 0}.thinking-orbit{border:3px solid #26a6c8;border-color:#26a6c8 #6d75d8 #243f7324 #243f7324;border-radius:50%;flex:none;width:36px;height:36px;animation:1s linear infinite spin}.voice-panel{gap:18px;display:grid}.voice-profile-grid{gap:12px;display:grid}.voice-card{background:#ffffffb8;border:1px solid #d4dcece6;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.voice-card.active{background:linear-gradient(135deg,#f4fff8,#edf5ff);border-color:#bfe8d0}.voice-card-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.listen-button{color:#186477;background:#eef9fb;align-items:center;gap:6px;display:inline-flex}.agent-panel,.agent-list{gap:16px;display:grid}.agent-voice-summary,.agent-card{background:#ffffffc7;border:1px solid #c3dce2e6;border-radius:14px;gap:8px;padding:14px;display:grid}.agent-voice-summary p,.agent-card p{color:#526173;word-break:break-word;margin:0}.agent-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-card-head span{color:#16704a;background:#dff9ef;border-radius:999px;padding:4px 8px;font-size:.78rem}.agent-card p span{color:#6a7586}.voice-badge{color:#1b6841;background:#dff7e8;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:700}.voice-recorder{background:#ffffffb8;border:1px solid #d4dcece6;border-radius:16px;gap:12px;padding:16px;display:grid}.voice-recorder h3{margin:0}.voice-recorder blockquote{background:#fbf7ff;border-left:4px solid #b577d9;border-radius:12px;margin:0;padding:14px;line-height:1.55}.voice-recorder audio{width:100%}.consent-row{color:#3b4658;align-items:flex-start;gap:10px;display:flex}.consent-row input{width:auto;margin-top:4px}.recorder-status{background:#f6f8fb;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.recording-dot{background:#a9b5c7;border-radius:50%;width:10px;height:10px}.recording-dot.active{background:#e5484d;box-shadow:0 0 0 6px #e5484d24}.play-voice{margin-top:10px;padding:8px 10px}.play-voice-wrap{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:inline-flex}.persona-panel{gap:16px;display:grid}.persona-result{background:#f4f8ff;border:1px solid #d8e5fb;border-radius:14px;gap:8px;padding:14px;display:grid}.persona-result p{word-break:break-word;margin:0}.persona-result span{color:#5d6a7e}.persona-list{gap:12px;display:grid}.persona-list h3{margin-bottom:4px}.persona-card{background:#fbfcff;border:1px solid #e2e8f0;border-radius:14px;gap:7px;padding:14px;display:grid}.persona-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.persona-card-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.persona-card-head span{color:#20734a;background:#e7f8ef;border-radius:999px;padding:4px 8px;font-size:.78rem}.persona-card p{color:#243041;word-break:break-word;margin:0}.persona-card p span{color:#6a7586}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.two,.layout{grid-template-columns:1fr}.app{padding:16px}.hero,nav{flex-direction:column;align-items:flex-start}.tabs{justify-content:center}.chat-surface{grid-column:1/-1}.live-controls,.live-frame-header,.graph-workspace,.graph-toolbar,.graph-stats-grid,.db-admin-grid,.personality-grid,.thinking-style-grid{grid-template-columns:1fr}.live-frame-header{flex-direction:column;align-items:stretch}.graph-canvas{min-height:440px}.graph-detail-panel{max-height:none}.personality-title-row,.personality-section-head,.personality-actions{flex-direction:column;align-items:stretch}.twin-avatar-card{flex-direction:column;align-items:flex-start}}@media (width<=640px){body{background:radial-gradient(circle at 12% 0,#55bbd638,#0000 34%),linear-gradient(135deg,#f7fbff 0%,#eef4f9 100%)}.pwa-shell.app{padding:10px}.pwa-nav{border-radius:14px;padding:10px 12px;top:8px}.pwa-nav .brand img{width:132px}.pwa-shell .hero,.pwa-shell .panel,.pwa-login-shell .auth-card{border-radius:16px;padding:16px}.pwa-shell .hero .badge{align-self:flex-start}.pwa-shell .twin-avatar-card{padding:14px}.pwa-shell .twin-avatar-card img,.pwa-shell .avatar-placeholder{border-radius:14px;width:76px;height:76px}.pwa-shell .live-conversation-panel,.pwa-shell .chat-tile{border-radius:18px;padding:14px}.pwa-feature-tabs{top:72px}.pwa-shell textarea{min-height:118px}.pwa-shell .button-row button,.pwa-shell form button,.pwa-shell .live-controls button{width:100%}.pwa-shell .contact-channel{min-height:54px}.pwa-shell .live-frame-header{flex-direction:column;align-items:stretch}}