:root{--bg-deep:#0a0a0f;--bg-panel:#12121a;--neon-blue:#00d4ff;--neon-pink:#ff2d7c;--neon-green:#39ff14;--text-primary:#eef2ff;--text-muted:#9a9bb5;--border-glass:#ffffff14;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--sans);color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{background:radial-gradient(circle at 20% 0%, #00d4ff14, transparent 45%), radial-gradient(circle at 80% 100%, #ff2d7c14, transparent 45%), var(--bg-deep)}.glass-panel{border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);background:#12121a99;border-radius:16px}.app-shell{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;padding:20px 16px 96px;display:flex}.app-header{text-align:center;padding:12px 0}.app-header__title{background:linear-gradient(90deg, var(--neon-blue), var(--neon-pink));color:#0000;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.app-header__tagline{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.app-error-banner{color:var(--neon-pink);text-align:center;background:#ff2d7c1a;border:1px solid #ff2d7c66;border-radius:12px;padding:10px 14px;font-size:.9rem}.app-main{min-height:40vh}.btn{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:12px 20px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{color:#05060a;background:linear-gradient(90deg, var(--neon-blue), var(--neon-green));box-shadow:0 0 18px #00d4ff59}.btn--primary:hover:not(:disabled){box-shadow:0 0 26px #00d4ff8c}.btn--danger{color:var(--text-primary);border:1px solid var(--neon-pink);background:#ff2d7c26}.btn--danger:hover:not(:disabled){background:#ff2d7c40}.btn--ghost{color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff0a}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.agent-card{flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.agent-card:hover{transform:translateY(-4px);box-shadow:0 0 24px #00d4ff26}.agent-card__preview{aspect-ratio:9/12;background:#000;overflow:hidden}.agent-card__video{object-fit:cover;width:100%;height:100%}.agent-card__body{flex-direction:column;gap:8px;padding:14px;display:flex}.agent-card__name{margin:0;font-size:1.05rem}.agent-card__tagline{color:var(--text-muted);flex:1;margin:0;font-size:.85rem}.agent-card__call-btn{width:100%}.call-screen{flex-direction:column;gap:16px;display:flex}.call-screen__video-frame{aspect-ratio:9/16;max-height:60vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 40px #00d4ff26,inset 0 0 0 1px #00d4ff40}.call-screen__video{object-fit:cover;background:#000;width:100%;height:100%}.call-screen__agent-name{border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0f99;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;position:absolute;bottom:12px;left:12px}.call-screen__transcript{flex-direction:column;gap:8px;max-height:180px;padding:4px;display:flex;overflow-y:auto}.transcript-entry{border-radius:12px;max-width:85%;margin:0;padding:10px 14px;font-size:.9rem}.transcript-entry--user{background:#00d4ff1f;border:1px solid #00d4ff4d;align-self:flex-end}.transcript-entry--agent{background:#ff2d7c1a;border:1px solid #ff2d7c47;align-self:flex-start}.transcript-entry--pending{opacity:.6;font-style:italic}.call-screen__blocked-notice{color:var(--neon-pink);text-align:center;font-size:.9rem}.call-screen__form{gap:8px;display:flex}.call-screen__input{font:inherit;border:1px solid var(--border-glass);color:var(--text-primary);background:#ffffff0a;border-radius:12px;flex:1;padding:12px 14px}.call-screen__input:focus{border-color:var(--neon-blue);outline:none}.aggro-meter{flex-direction:column;gap:6px;display:flex}.aggro-meter__label{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.aggro-meter__track{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.aggro-meter__fill{border-radius:999px;height:100%;transition:width .4s,background .4s}.aggro-meter__fill--low{background:var(--neon-green);box-shadow:0 0 12px #39ff1480}.aggro-meter__fill--mid{background:#ffb020;box-shadow:0 0 12px #ffb02080}.aggro-meter__fill--high{background:var(--neon-pink);box-shadow:0 0 12px #ff2d7c99}.charity-banner{text-align:center;padding:12px 16px}.charity-banner__text{color:var(--text-muted);margin:0;font-size:.85rem}.export-screen{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 20px;display:flex}.export-screen__title{margin:0;font-size:1.4rem}.export-screen__body{color:var(--text-muted);margin:0}.stars-shop{flex-direction:column;gap:12px;padding:16px;display:flex}.stars-shop__title{margin:0;font-size:1.1rem}.stars-shop__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stars-shop__item{border:1px solid var(--border-glass);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.stars-shop__item-info{flex-direction:column;display:flex}.stars-shop__item-name{font-size:.9rem;font-weight:600}.stars-shop__item-desc{color:var(--text-muted);font-size:.78rem}.stars-shop__item-btn{white-space:nowrap;font-size:.8rem}.stars-shop__message{text-align:center;color:var(--color-accent,#ffd166);margin:.75rem 0 0;font-size:.85rem}