@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0c0a14;--bg-1:#0f0d18;--bg-2:#1a1726;--bg-3:#232037;--bg-4:#1c1830;--border-1:#ffffff12;--border-2:#ffffff1f;--fg-1:#f2f0f7;--fg-2:#d6d2e0;--fg-3:#9b95ac;--fg-4:#6b6480;--fg-5:#44414f;--ok:#34d399;--warn:#fbbf24;--err:#fb7185;--info:#67e8f9;--violet:#c4b5fd;--accent:#8b5cf6;--accent-2:#22d3ee;--accent-soft:#8b5cf621;--accent-ring:#8b5cf659;--rep-bg:linear-gradient(135deg, #4f46e5, #6366f1);--coach-bg:linear-gradient(135deg, #8b5cf6, #22d3ee);--grad-brand:linear-gradient(120deg, #8b5cf6, #6366f1 55%, #22d3ee);--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--radius-pill:999px;--shadow-1:0 1px 0 #ffffff08, 0 18px 44px -16px #000c;--shadow-2:0 30px 80px -20px #000c, 0 0 0 1px #8b5cf61f, inset 0 1px 0 #ffffff14;--shadow-glow:0 0 0 1px #8b5cf64d, 0 0 22px -6px #8b5cf68c;--font-ui:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-display:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}@keyframes vzPop{0%{transform:translateY(14px)scale(.965)}to{transform:none}}@keyframes vzFade{0%{opacity:0}to{opacity:1}}@keyframes vzUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes vzDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes vzRail{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes vzLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes vzBlink{50%{opacity:0}}@keyframes vzType{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes vzPulseE{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes vzPulseA{0%{box-shadow:0 0 #fbbf248c}70%{box-shadow:0 0 0 7px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}@keyframes vzGlow{0%,to{box-shadow:0 0 0 1px #8b5cf64d,0 0 22px -6px #8b5cf68c}50%{box-shadow:0 0 0 1px #22d3ee6b,0 0 30px -4px #22d3ee99}}@keyframes vzSpin{to{transform:rotate(360deg)}}@keyframes vzFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes vzDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(-3%,2%)scale(1.07)}to{transform:translate(0)scale(1)}}@keyframes vzRipple{to{opacity:0;transform:scale(4.2)}}@keyframes vzShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes vzSweep{0%{opacity:0;transform:translate(-130%)skew(-18deg)}20%{opacity:.7}to{opacity:0;transform:translate(240%)skew(-18deg)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-0);color:var(--fg-2);font-family:var(--font-ui);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf652,#22d3ee52);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8b5cf68c,#22d3ee8c)}.showcase{background:radial-gradient(800px 400px at 80% -10%, #f59e0b0d, transparent 60%), radial-gradient(600px 300px at 0% 100%, #6366f10a, transparent 60%), var(--bg-0);min-height:100vh}.showcase-header{border-bottom:1px solid var(--border-1);-webkit-backdrop-filter:blur(12px);z-index:10;background:#0c0c0ed9;justify-content:space-between;align-items:flex-end;gap:2rem;padding:1.4rem 2.5rem;display:flex;position:sticky;top:0}.showcase-brand{align-items:center;gap:.85rem;display:flex}.showcase-brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#1a1a1d;width:2.5rem;height:2.5rem;box-shadow:var(--shadow-glow);place-items:center;font-size:1.1rem;font-weight:700;display:grid}.showcase-brand-text{flex-direction:column;gap:.1rem;display:flex}.showcase-brand-product{letter-spacing:.12em;color:var(--fg-4);text-transform:uppercase;font-size:.72rem;font-weight:500}.showcase-brand-name{color:var(--fg-1);letter-spacing:-.02em;font-size:1.35rem;font-weight:600}.showcase-brand-name em{color:var(--accent);font-style:normal}.showcase-tabs{gap:.25rem;display:flex}.showcase-tab{border-radius:var(--radius-sm);color:var(--fg-3);align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s;display:flex}.showcase-tab:hover{background:var(--bg-2);color:var(--fg-1)}.showcase-tab.is-active{background:var(--bg-2);color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--border-1)}.showcase-tab-count{font-family:var(--font-mono);background:var(--bg-3);color:var(--fg-3);border-radius:99px;margin-left:.2rem;padding:.05rem .4rem;font-size:.7rem}.showcase-tab.is-active .showcase-tab-count{background:var(--accent-soft);color:var(--accent)}.showcase-content{max-width:1480px;margin:0 auto;padding:2rem 2.5rem 4rem}.showcase-section{margin-bottom:3rem}.showcase-section-head{border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.1rem;padding-bottom:.8rem;display:flex}.showcase-section-title{color:var(--fg-1);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}.showcase-section-desc{color:var(--fg-4);max-width:56ch;margin-top:.2rem;font-size:.82rem}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}@media (max-width:1100px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.showcase-grid{grid-template-columns:1fr}}.showcase-tile{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-md);flex-direction:column;gap:.85rem;min-height:140px;padding:1.1rem 1.1rem .85rem;display:flex}.showcase-tile>div:first-child{flex-direction:column;flex:1;justify-content:center;display:flex}.showcase-tile-label{border-top:1px dashed var(--border-1);flex-direction:column;gap:.15rem;padding-top:.7rem;display:flex}.showcase-tile-name{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:-.01em;font-size:.75rem}.showcase-tile-meta{color:var(--fg-5);font-size:.7rem}.showcase-stack{flex-direction:column;gap:.7rem;display:flex}.showcase-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn{border-radius:var(--radius-sm);letter-spacing:-.005em;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.825rem;font-weight:500;transition:background .14s cubic-bezier(.16,1,.3,1),color .14s,box-shadow .14s,transform .14s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:translateY(1px)scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-brand);color:#fff;background-size:160% 160%;font-weight:600;box-shadow:inset 0 1px #ffffff38,0 6px 18px -8px #8b5cf6cc}.btn-primary:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 0 24px -4px #8b5cf6e6,0 0 22px -6px #22d3eeb3}.btn-primary:active:not(:disabled){transform:translateY(1px)scale(.97)}.btn-secondary{color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--border-2);background:#ffffff0d}.btn-secondary:hover:not(:disabled){background:#ffffff17;transform:translateY(-1px)}.btn-ghost{color:var(--fg-3);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--fg-1);background:#ffffff12;transform:translateY(-1px)}.btn-ghost.btn-icon:active:not(:disabled){transform:scale(.92)}.btn-icon{justify-content:center;width:2.15rem;height:2.15rem;padding:0}.btn-sm{gap:.35rem;padding:.4rem .7rem;font-size:.78rem}.btn-sm.btn-icon{width:1.85rem;height:1.85rem;padding:0}.btn-danger-ghost:hover:not(:disabled){color:var(--err);background:#fb71851f}.field-label{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.72rem;font-weight:500;display:block}.field{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;transition:border .15s,box-shadow .15s;display:flex;position:relative}.field:focus-within{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf638}.field-icon{color:var(--fg-4);pointer-events:none;position:absolute;left:.75rem}.field-input{color:var(--fg-1);background:0 0;border:none;outline:none;flex:1;padding:.55rem .75rem .55rem 2.1rem;font-size:.85rem}.field-input::placeholder{color:var(--fg-5)}select.field-input{cursor:pointer}select.field-input option{background-color:var(--bg-4);color:var(--fg-1)}.field-textarea{background:var(--bg-4);border:1px solid var(--border-1);border-radius:var(--radius-sm);width:100%;color:var(--fg-1);resize:vertical;outline:none;padding:.6rem .75rem;font-family:inherit;font-size:.85rem;transition:border .12s,box-shadow .12s}.field-textarea::placeholder{color:var(--fg-5)}.field-textarea:focus{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf638}.pill{border-radius:var(--radius-pill);color:var(--fg-2);border:1px solid var(--border-2);background:#ffffff0d;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.71rem;font-weight:600;display:inline-flex}.pill-dot{border-radius:50%;width:6px;height:6px}.pill-ok{color:var(--ok);background:#34d3991a;border-color:#34d39947}.pill-warn{color:#fcd34d;background:#fbbf241c;border-color:#fbbf244d}.pill-err{color:var(--err);background:#fb71851a;border-color:#fb718547}.pill-info{color:var(--info);background:#22d3ee1a;border-color:#22d3ee47}.pill-violet{color:#c4b5fd;background:#8b5cf621;border-color:#8b5cf64d}.topbar-pill{border-radius:var(--radius-pill);color:var(--ok);font-size:.7rem;font-weight:500;font-family:var(--font-mono);background:#34d3991a;border:1px solid #34d39947;align-items:center;gap:.4rem;padding:.25rem .6rem;display:inline-flex}.topbar-pill-dot{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite vzPulseE;box-shadow:0 0 #34d39999}@keyframes pulse-ok{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}.avatar{color:#fff;letter-spacing:-.01em;border-radius:50%;flex-shrink:0;place-items:center;width:1.7rem;height:1.7rem;font-size:.65rem;font-weight:600;display:grid}.avatar-rep{background:var(--rep-bg);box-shadow:inset 0 0 0 1px #ffffff1a}.avatar-coach{background:var(--coach-bg);color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 16px -4px #8b5cf6b3}.avatar-lg{width:2.2rem;height:2.2rem;font-size:.78rem;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 20px -6px #8b5cf6cc}.toggle{background:var(--bg-3);width:2.4rem;height:1.35rem;box-shadow:inset 0 0 0 1px var(--border-1);border-radius:99px;transition:background .15s;position:relative}.toggle:after{content:"";background:var(--fg-3);border-radius:50%;width:1.05rem;height:1.05rem;transition:left .18s,background .15s;position:absolute;top:2px;left:2px}.toggle.is-on{background:var(--accent)}.toggle.is-on:after{background:#fff;left:calc(100% - 1.05rem - 2px)}.seg{border:1px solid var(--border-1);border-radius:var(--radius-sm);background:#1a1726b3;gap:.18rem;padding:.18rem;display:inline-flex}.seg-btn{color:var(--fg-3);border-radius:6px;padding:.3rem .7rem;font-size:.76rem;font-weight:500;transition:background .15s,color .15s}.seg-btn:hover{color:var(--fg-1)}.seg-btn.is-active{color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--border-2);background:#ffffff0f}.msg-row{align-items:flex-start;gap:.7rem;display:flex}.msg-row-rep{flex-direction:row-reverse}.msg-col{flex-direction:column;gap:.35rem;min-width:0;max-width:78ch;display:flex}.msg-row-rep .msg-col{align-items:flex-end}.msg-meta{color:var(--fg-4);font-size:.7rem;font-family:var(--font-mono);align-items:center;gap:.4rem;display:flex}.msg-label{color:var(--fg-3);font-weight:600}.bubble{border-radius:var(--radius-md);padding:.7rem .95rem;font-size:.875rem;line-height:1.5}.bubble strong{color:var(--fg-1);font-weight:600}.bubble em{color:var(--accent-2);font-style:normal}.bubble-rep{color:var(--fg-1);background:#ffffff0e;border:1px solid #ffffff17;border-bottom-right-radius:4px}.bubble-coach{-webkit-backdrop-filter:blur(14px);color:#e7e3f0;background:#1a172699;border:1px solid #ffffff14;border-bottom-left-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.bubble-coach:before{content:"";pointer-events:none;background:linear-gradient(#8b5cf6,#22d3ee);width:2.5px;position:absolute;top:0;bottom:0;left:0}.bubble-system{border-radius:var(--radius-md);background:#fb71850f;border:1px dashed #fb718566;padding:.7rem .95rem}.bubble-system-title{color:var(--err);align-items:center;gap:.35rem;margin-bottom:.2rem;font-size:.78rem;font-weight:600;display:flex}.streaming-tabs{border:1px solid var(--border-1);border-radius:var(--radius-sm);background:#1a1726b3;gap:.18rem;padding:.18rem;display:inline-flex}.streaming-tab{color:var(--fg-3);border-radius:6px;align-items:center;gap:.35rem;padding:.28rem .6rem;font-size:.72rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.streaming-tab:hover{color:var(--fg-1)}.streaming-tab-active{color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--border-2);background:#ffffff0f}.streaming-tab-dot{background:var(--fg-5);border-radius:50%;width:6px;height:6px}.streaming-tab-dot[data-live=true]{background:var(--accent);box-shadow:0 0 8px var(--accent)}.streaming-card{border-radius:var(--radius-md);color:var(--fg-1);background:linear-gradient(120deg,#8b5cf61a,#1a1726bf);border:1px solid #8b5cf652;border-bottom-left-radius:4px;padding:.8rem 1rem;font-size:.885rem;line-height:1.58;animation:2.4s ease-in-out infinite vzGlow;position:relative;overflow:hidden}.streaming-card:before{content:"";pointer-events:none;background:linear-gradient(#8b5cf6,#22d3ee);width:2.5px;position:absolute;top:0;bottom:0;left:0}.streaming-card strong{color:var(--accent-2);font-weight:600}.streaming-caret{vertical-align:-3px;background:linear-gradient(#8b5cf6,#22d3ee);border-radius:2px;width:7px;height:1.05em;margin-left:3px;animation:1s steps(2,end) infinite vzBlink;display:inline-block}@keyframes blink{50%{opacity:0}}.typing-dots{gap:3px;display:inline-flex}.typing-dots span{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite vzType}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.feedback-row{align-items:center;gap:.3rem;padding-top:.15rem;display:flex}.feedback-btn{width:1.7rem;height:1.7rem;color:var(--fg-4);border-radius:7px;place-items:center;transition:background .15s,color .15s,transform .12s;display:grid}.feedback-btn:hover{color:var(--fg-2);background:#ffffff0f}.feedback-btn:active{transform:scale(.88)}.feedback-btn.is-active-up{color:var(--ok);background:#34d3991f}.feedback-btn.is-active-down{color:var(--err);background:#fb71851f}.session{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .6rem;transition:background .15s,transform .12s;display:flex;position:relative;overflow:hidden}.session:hover{background:#ffffff0b}.session:active{transform:scale(.99)}.session.is-active{background:linear-gradient(90deg,#8b5cf629,#8b5cf608);box-shadow:inset 0 0 0 1px #8b5cf647}.session.is-active:before{content:"";background:linear-gradient(#8b5cf6,#22d3ee);border-radius:3px;width:2.5px;position:absolute;top:7px;bottom:7px;left:0}.session:hover .session-delete{opacity:1}.session-name{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.session-id-hash{font-family:var(--font-mono);color:var(--fg-5);font-size:.7rem;font-weight:400}.session-meta{color:var(--fg-4);font-size:.72rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.session-live{background:var(--ok);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-out infinite vzPulseE;box-shadow:0 0 #34d39980}.session-delete{opacity:.45;color:var(--fg-4);transition:opacity .15s,background .15s,color .15s}.session-delete:hover{opacity:1;color:var(--err);background:#fb718524}.active-call{border-radius:var(--radius-md);background:linear-gradient(120deg,#34d39914,#1a172699);border:1px solid #34d39942;align-items:center;gap:.7rem;padding:.6rem .85rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a}.active-call[data-tone=dialing]{background:linear-gradient(120deg,#fbbf2414,#1a172699);border-color:#fbbf244d}.active-call[data-tone=dialing] .active-call-status{color:var(--warn)}.active-call[data-tone=dialing] .active-call-status-dot{background:var(--warn);animation:1.6s ease-out infinite vzPulseA;box-shadow:0 0 #fbbf2480}.active-call[data-tone=dialing] .active-call-avatar{color:var(--warn);background:#fbbf2429}.active-call-avatar{width:2rem;height:2rem;color:var(--ok);background:#34d39929;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.active-call-status{color:var(--ok);align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;display:inline-flex}.active-call-status-dot{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite vzPulseE;box-shadow:0 0 #34d39980}@keyframes pulse-warn{0%{box-shadow:0 0 #fbbf248c}70%{box-shadow:0 0 0 6px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.active-call-title{color:var(--fg-1);font-size:.82rem;font-weight:500}.active-call-title-sep{color:var(--fg-5)}.active-call-title-phone{font-family:var(--font-mono);color:var(--fg-3);font-size:.78rem}.active-call-meta{color:var(--fg-4);font-size:.72rem;font-family:var(--font-mono);gap:.4rem;display:flex}.active-call-meta-duration{color:var(--fg-2);font-weight:500}.composer{border-radius:var(--radius-md);background:#1a172699;border:1px solid #ffffff17;padding:.7rem .85rem .55rem;transition:border-color .18s,box-shadow .18s;position:relative}.composer:focus-within{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf633,0 0 30px -10px #8b5cf699}.composer-textarea{resize:none;width:100%;color:var(--fg-1);background:0 0;border:none;outline:none;min-height:1.5em;max-height:8em;font-size:.92rem;line-height:1.5}.composer-textarea::placeholder{color:var(--fg-5)}.composer-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.composer-hint{color:var(--fg-4);align-items:center;gap:.35rem;font-size:.72rem;display:flex}.composer-send{border-radius:var(--radius-sm);background:var(--grad-brand);color:#fff;background-size:160% 160%;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .14s,opacity .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 6px 16px -8px #8b5cf6cc}.composer-send:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 0 24px -4px #8b5cf6e6,0 0 20px -6px #22d3eeb3}.composer-send:active:not(:disabled){transform:translateY(1px)scale(.97)}.composer-send:disabled{opacity:.4;cursor:not-allowed}.u-kbd{font-family:var(--font-mono);color:var(--fg-3);border:1px solid var(--border-2);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:.64rem;line-height:1.2;display:inline-block}.guide-list{flex-direction:column;gap:.5rem;display:flex}.guide-item{border:1px solid var(--border-1);background:#1a17268c;border-radius:11px;align-items:flex-start;gap:.6rem;padding:.6rem .65rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.guide-item:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 0 20px -10px #8b5cf6b3}.guide-item:nth-child(2):hover{border-color:#22d3ee4d;box-shadow:0 0 20px -10px #22d3eeb3}.guide-icon{color:#c4b5fd;background:#8b5cf624;border-radius:8px;flex-shrink:0;place-items:center;width:1.6rem;height:1.6rem;display:grid}.guide-item:nth-child(2) .guide-icon{color:#67e8f9;background:#22d3ee21}.guide-label{color:var(--fg-1);margin-bottom:.1rem;font-size:.78rem;font-weight:600}.guide-copy{color:var(--fg-3);font-size:.76rem;line-height:1.45}.empty-quick{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.empty-quick-card{border-radius:var(--radius-md);border:1px solid var(--border-1);text-align:left;background:#1a17268c;align-items:flex-start;gap:.7rem;padding:.9rem;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s,box-shadow .16s,background .16s;display:flex;position:relative;overflow:hidden}.empty-quick-card:hover{background:#1a1726cc;border-color:#8b5cf659;transform:translateY(-3px);box-shadow:0 12px 28px -16px #8b5cf6e6,0 0 0 1px #8b5cf61f}.empty-quick-card:active{transform:translateY(0)scale(.99)}.empty-quick-icon{border-radius:var(--radius-sm);color:#c4b5fd;background:#8b5cf624;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;display:grid}.empty-quick-label{color:var(--fg-1);align-items:center;gap:.35rem;margin-bottom:.15rem;font-size:.82rem;font-weight:600;display:flex}.empty-quick-label-inner{color:var(--fg-1);margin-bottom:.15rem;font-size:.82rem;font-weight:600}.empty-quick-copy{color:var(--fg-3);font-size:.76rem;line-height:1.45}.toast{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-1);background:#161222eb;align-items:flex-start;gap:.6rem;padding:.7rem .85rem;animation:.3s cubic-bezier(.16,1,.3,1) both vzPop;display:flex}.toast-icon{background:var(--accent-soft);width:1.75rem;height:1.75rem;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.toast-icon.ok{color:var(--ok);background:#34d39924}.toast-icon.err{color:var(--err);background:#fb718524}.toast-title{color:var(--fg-1);font-size:.82rem;font-weight:600}.toast-copy{color:var(--fg-3);margin-top:.1rem;font-size:.76rem}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);background:#08060ea8;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.dialog-panel{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-2);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-2);overscroll-behavior:contain;background:#161222eb;padding:1.5rem;animation:.28s cubic-bezier(.16,1,.3,1) both vzPop}.dialog-title{font-family:var(--font-display);color:var(--fg-1);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.page-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.page-tab{border-radius:var(--radius-md);background:var(--bg-1);border:1px solid var(--border-1);text-align:left;flex-direction:column;gap:.1rem;min-width:180px;padding:.7rem 1rem;transition:border .12s,background .12s;display:flex}.page-tab:hover{border-color:var(--border-2)}.page-tab.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring)}.page-tab-label{color:var(--fg-1);font-size:.85rem;font-weight:600}.page-tab-desc{color:var(--fg-4);font-size:.72rem}.page-tab.is-active .page-tab-label{color:var(--accent)}.browser-frame{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.browser-chrome{background:var(--bg-2);border-bottom:1px solid var(--border-1);align-items:center;gap:.85rem;padding:.55rem .85rem;display:flex}.browser-dots{gap:.35rem;display:flex}.browser-dots span{border-radius:50%;width:11px;height:11px;display:block}.browser-url{background:var(--bg-1);border:1px solid var(--border-1);font-family:var(--font-mono);color:var(--fg-3);border-radius:6px;flex:1;align-items:center;gap:.45rem;max-width:320px;margin:0 auto;padding:.3rem .7rem;font-size:.72rem;display:flex}.browser-url svg{color:var(--ok)}.browser-body{flex:1;min-height:0;overflow:hidden}.app-shell{background:var(--bg-0);grid-template-rows:minmax(0,1fr);grid-template-columns:266px minmax(0,1fr) 322px;height:100%;font-size:13.5px;display:grid;position:relative}.app-aurora{pointer-events:none;z-index:0;background:radial-gradient(46% 40% at 16% 8%,#8b5cf624,#0000 70%),radial-gradient(40% 38% at 88% 18%,#22d3ee1a,#0000 70%),radial-gradient(50% 50% at 60% 100%,#6366f11f,#0000 70%);animation:22s ease-in-out infinite vzDrift;position:fixed;inset:0}.app-shell>.app-sidebar,.app-shell>.app-main,.app-shell>.app-rail{z-index:1;position:relative}.app-sidebar{-webkit-backdrop-filter:blur(18px);background:#0f0d18d1;border-right:1px solid #ffffff12;flex-direction:column;min-width:0;min-height:0;padding:.85rem 0;display:flex}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:.6rem;padding:0 .85rem .85rem;display:flex}.sidebar-brand-mark{background:var(--grad-brand);color:#fff;width:2rem;height:2rem;font-family:var(--font-display);border-radius:9px;place-items:center;font-size:1rem;font-weight:700;animation:6s ease-in-out infinite vzFloat;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 6px 18px -6px #8b5cf6b3}.sidebar-brand-mark:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff8c,#0000);width:40%;height:100%;animation:5s ease-in-out infinite vzSweep;position:absolute;top:0;left:0}.sidebar-brand-name{font-family:var(--font-display);color:var(--fg-1);letter-spacing:-.02em;font-size:1rem;font-weight:600;line-height:1.1}.sidebar-brand-sub{color:var(--fg-4);letter-spacing:.04em;font-size:.68rem}.sidebar-section-label{color:var(--fg-4);text-transform:uppercase;letter-spacing:.12em;padding:.45rem .95rem .3rem;font-size:.64rem;font-weight:600}.sidebar-list{flex-direction:column;gap:.1rem;padding:0 .85rem;display:flex}.sidebar-nav{flex-direction:column;gap:.1rem;padding:0 .65rem;display:flex}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--fg-2);cursor:pointer;align-items:center;gap:.6rem;padding:.55rem .65rem;font-size:.85rem;transition:background .12s;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:hover{background:#ffffff0b}.sidebar-nav-item.is-active{color:var(--fg-1);background:linear-gradient(90deg,#8b5cf629,#8b5cf608);box-shadow:inset 0 0 0 1px #8b5cf647}.sidebar-nav-item.is-active:before{content:"";background:linear-gradient(#8b5cf6,#22d3ee);border-radius:3px;width:2.5px;position:absolute;top:7px;bottom:7px;left:0}.sidebar-nav-item.is-active svg{color:var(--accent)}.sidebar-nav-count{font-family:var(--font-mono);color:var(--fg-4);margin-left:auto;font-size:.7rem}.sidebar-foot{border-top:1px solid #ffffff12;align-items:center;gap:.55rem;margin-top:auto;padding:.7rem .85rem;display:flex}.app-main{background:#12101c;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.topbar{-webkit-backdrop-filter:blur(14px);background:#12101cb3;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.25rem;display:flex}.topbar-title{flex-direction:column;gap:.15rem;min-width:0;display:flex}.topbar-name{font-family:var(--font-ui);color:var(--fg-1);letter-spacing:-.01em;font-size:.98rem;font-weight:600}.topbar-id{font-family:var(--font-mono);color:var(--fg-3);background:#ffffff0d;border-radius:5px;padding:.05rem .35rem;font-size:.68rem}.topbar-sub{color:var(--fg-4);font-size:.74rem;font-family:var(--font-mono)}.topbar-tools{align-items:center;gap:.4rem;display:flex}.messages{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1rem 1.25rem;display:flex;overflow-y:auto}.composer-wrap{padding:.5rem 1.25rem 1rem}.composer-empty{padding:1.1rem 1.2rem .85rem}.app-rail{-webkit-backdrop-filter:blur(18px);background:#0f0d189e;border-left:1px solid #ffffff12;flex-direction:column;gap:1.15rem;padding:1.05rem .9rem;display:flex;overflow-y:auto}.rail-section{flex-direction:column;gap:.6rem;display:flex}.rail-section-title{color:var(--fg-4);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;display:flex}.rail-snapshot{align-items:center;gap:.6rem;display:flex}.rail-snapshot-name{font-family:var(--font-display);color:var(--fg-1);letter-spacing:-.01em;font-size:.98rem;font-weight:600}.rail-snapshot-role{color:var(--fg-3);font-size:.74rem}.rail-fact-list{flex-direction:column;gap:.35rem;display:flex}.rail-fact{color:var(--fg-2);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.rail-fact svg{color:var(--fg-4)}.rail-tags{flex-wrap:wrap;gap:.3rem;display:flex}.rail-call{border-radius:var(--radius-sm);border:1px solid var(--border-1);background:#ffffff08;align-items:center;gap:.55rem;padding:.45rem .55rem;transition:background .15s,transform .12s,border-color .15s;display:flex}.rail-call:hover{background:#ffffff0f;border-color:#8b5cf640;transform:translate(2px)}.rail-call-icon{border-radius:50%;flex-shrink:0;place-items:center;width:1.85rem;height:1.85rem;display:grid}.rail-call-icon.is-out{color:#c4b5fd;background:#8b5cf621}.rail-call-icon.is-in{color:#67e8f9;background:#22d3ee1f}.rail-call-time{color:var(--fg-1);font-size:.78rem}.rail-call-meta{color:var(--fg-4);font-size:.68rem;font-family:var(--font-mono)}.empty-wrap{flex-direction:column;flex:1;gap:.85rem;width:100%;max-width:720px;margin:0 auto;padding:3rem 2rem;display:flex}.empty-eyebrow{border-radius:var(--radius-pill);color:#c4b5fd;background:#8b5cf61f;border:1px solid #8b5cf647;align-self:flex-start;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.72rem;font-weight:500;display:inline-flex}.empty-title{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(120deg,#f2f0f7 30%,#c4b5fd 70%,#67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.35rem;font-weight:600;line-height:1.08}.empty-sub{color:var(--fg-3);text-wrap:pretty;max-width:58ch;margin:0 0 .5rem;font-size:.98rem;line-height:1.55}.empty-quick-label{color:var(--fg-4);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.4rem;margin-top:1rem;margin-bottom:.2rem;font-size:.68rem;font-weight:600;display:flex}.page-body{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1.25rem;display:flex;overflow-y:auto}.kpi-row{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.kpi{border:1px solid var(--border-1);border-radius:var(--radius-md);background:#1a17268c;padding:.85rem .95rem}.kpi-label{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.kpi-value{color:var(--fg-1);letter-spacing:-.02em;font-size:1.7rem;font-weight:600;line-height:1;font-family:var(--font-mono);margin-top:.2rem}.kpi-trend{color:var(--fg-4);align-items:center;gap:.3rem;margin-top:.5rem;font-size:.72rem;display:inline-flex}.kpi-trend-up{color:var(--ok)}.table{border:1px solid var(--border-1);border-radius:var(--radius-md);background:#1a172673;overflow:hidden}.table-head,.table-row{grid-template-columns:32px 1fr 150px 150px 90px 130px 36px;align-items:center;gap:.7rem;padding:.65rem .95rem;display:grid}.table-head{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-1);background:#ffffff0a;font-size:.7rem;font-weight:600}.table-row{border-bottom:1px solid var(--border-1);transition:background .12s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff0b}.table-name{color:var(--fg-1);font-size:.85rem;font-weight:500}.table-sub{color:var(--fg-4);font-size:.72rem}.table-cell-mono{font-family:var(--font-mono);color:var(--fg-2);font-size:.78rem}.table-cell-quiet{color:var(--fg-3);font-size:.78rem}.token-scale{margin-bottom:1.5rem}.token-scale-title{color:var(--fg-2);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.token-scale-row{grid-template-columns:repeat(5,1fr);gap:.55rem;display:grid}@media (max-width:1100px){.token-scale-row{grid-template-columns:repeat(3,1fr)}}.token-swatch{flex-direction:column;gap:.5rem;display:flex}.token-swatch-chip{border-radius:var(--radius-md);border:1px solid var(--border-1);letter-spacing:-.01em;align-items:flex-end;height:4.5rem;padding:.55rem .7rem;font-size:.78rem;font-weight:600;display:flex}.token-swatch-meta{flex-direction:column;gap:.1rem;display:flex}.token-swatch-css{font-family:var(--font-mono);color:var(--fg-2);font-size:.72rem}.token-swatch-val{font-family:var(--font-mono);color:var(--fg-5);font-size:.7rem}.token-radius{background:linear-gradient(135deg, var(--accent), var(--accent-2));border:1px solid var(--accent-ring);width:100%;height:4.5rem}.token-shadow{background:var(--bg-2);border-radius:var(--radius-md);border:1px solid var(--border-1);width:100%;height:4.5rem;box-shadow:var(--shadow-2)}.token-shadow-glow{box-shadow:var(--shadow-glow);border-color:var(--accent)}.token-icons{grid-template-columns:repeat(8,1fr);gap:.45rem;display:grid}@media (max-width:1100px){.token-icons{grid-template-columns:repeat(5,1fr)}}@media (max-width:720px){.token-icons{grid-template-columns:repeat(3,1fr)}}.token-icon-cell{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-sm);color:var(--fg-2);font-family:var(--font-mono);flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .5rem;font-size:.65rem;transition:border .1s,color .1s;display:flex}.token-icon-cell:hover{border-color:var(--accent-ring);color:var(--accent)}html,body{height:100%;overflow:hidden}.app-shell{height:100dvh}.nav-toggle,.nav-backdrop{display:none}@media (max-width:1024px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.app-rail{display:none}}@media (max-width:768px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-sidebar{z-index:80;width:272px;max-width:82vw;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-shell.nav-open .app-sidebar{box-shadow:var(--shadow-2);transform:translate(0)}.nav-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);background:#08060e99;position:fixed;inset:0}.app-shell.nav-open .nav-backdrop{display:block}.nav-toggle{z-index:60;border-radius:var(--radius-sm);border:1px solid var(--border-2);width:2rem;height:2rem;color:var(--fg-1);cursor:pointer;background:#1a1726eb;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:.5rem;left:.6rem}.topbar{padding-left:3.1rem}}@media (prefers-reduced-motion:reduce){.app-sidebar{transition:none}}.app-main{overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}