:root{--bg:#f5f5f7;--bg-elevated:#ffffff;--text:#1c1c1e;--text-secondary:#6e6e73;--border:rgba(0,0,0,0.08);--accent:#ff9f0a;--accent-text:#1c1c1e;--glass:rgba(255,255,255,0.72);--bubble-user:#1c1c1e;--bubble-user-text:#ffffff;--danger:#ff3b30;--shadow:0 1px 2px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06);--ambient-primary:#0a84ff;--ambient-primary-strength:14%;--ambient-secondary-strength:9%}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0c;--bg-elevated:#1c1c1e;--text:#f5f5f7;--text-secondary:#98989d;--border:rgba(255,255,255,0.1);--accent:#ff9f0a;--accent-text:#1c1c1e;--glass:rgba(28,28,30,0.72);--bubble-user:#f5f5f7;--bubble-user-text:#1c1c1e;--danger:#ff453a;--shadow:0 1px 2px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.4);--ambient-primary:#0a84ff;--ambient-primary-strength:15%;--ambient-secondary-strength:8%}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:clip}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body:before{background:radial-gradient(55rem 38rem at 108% -6%,color-mix(in srgb,var(--ambient-primary) var(--ambient-primary-strength),transparent),transparent 62%),radial-gradient(50rem 34rem at -8% 14%,color-mix(in srgb,var(--ambient-primary) var(--ambient-secondary-strength),transparent),transparent 60%);animation:drift 24s ease-in-out infinite alternate}body:after{opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>")}@media (prefers-color-scheme:dark){body:after{opacity:.05}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-2.5%,0) scale(1.06)}}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.shell{max-width:680px;margin:0 auto;padding:0 20px calc(20px + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}.chat-shell{height:100dvh;max-height:100dvh;padding-bottom:0}.home-body,.scroll-body{flex:1 1;display:flex;flex-direction:column;min-height:0}.scroll-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;gap:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.stack{display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(16px + env(safe-area-inset-top)) 0 12px;position:-webkit-sticky;position:sticky;top:0;flex-shrink:0;z-index:10;isolation:isolate}.topbar:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0,color-mix(in srgb,var(--bg) 88%,transparent) 60%,transparent 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent);mask-image:linear-gradient(180deg,#000 58%,transparent)}.brand{font-size:20px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.topbar-title{font-size:17px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{font-size:30px;font-weight:700;letter-spacing:-.03em;text-align:center;margin:12vh 0 28px;background:linear-gradient(180deg,var(--text) 0,color-mix(in srgb,var(--text) 72%,transparent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .7s cubic-bezier(.22,1,.36,1) both}.home-body .composer-dock{animation:rise .7s cubic-bezier(.22,1,.36,1) .08s both}.home-body .creation-row,.home-body .section-title{animation:rise .6s cubic-bezier(.22,1,.36,1) .16s both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.composer-dock{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;isolation:isolate;padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-top:8px}.composer-dock:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background:linear-gradient(to top,var(--bg) 62%,transparent)}.home-body .composer-dock{position:static;padding-bottom:0}.home-body .composer-dock:before{display:none}.composer-error{margin-top:8px}.composer{position:relative;background:var(--glass);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:8px 8px 8px 18px;display:flex;align-items:flex-end;gap:10px;transition:border-color .25s ease,box-shadow .25s ease}.composer:focus-within{border-color:color-mix(in srgb,var(--text) 20%,transparent);box-shadow:var(--shadow),0 0 0 4px color-mix(in srgb,var(--text) 5%,transparent)}.composer.recording{border-color:color-mix(in srgb,var(--danger) 45%,transparent);box-shadow:var(--shadow),0 0 0 4px color-mix(in srgb,var(--danger) 10%,transparent)}.composer.recording textarea{color:var(--text-secondary)}.composer textarea{flex:1 1;background:none;border:none;outline:none;resize:none;padding:10px 0;max-height:160px;font-size:16px}.composer textarea::placeholder{color:var(--text-secondary)}.send-btn{width:36px;height:36px;border-radius:50%;background:var(--text);color:var(--bg);font-size:18px;font-weight:600;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease}.send-btn:disabled{opacity:.3;cursor:default}.send-btn:not(:disabled):active{transform:scale(.92)}.composer-actions{gap:6px}.composer-actions,.icon-btn{display:flex;align-items:center;flex-shrink:0}.icon-btn{width:36px;height:36px;border-radius:50%;justify-content:center;color:var(--text-secondary);background:color-mix(in srgb,var(--text) 6%,transparent);transition:transform .15s ease,background .2s ease,color .2s ease}.icon-btn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.icon-btn:active{transform:scale(.92)}.icon-btn.listening{background:var(--danger);color:#fff;animation:pulse 1.2s ease infinite}.icon-btn.busy{opacity:.5;animation:spin 1s linear infinite}.composer-note{margin-top:8px;font-size:13px;color:var(--text-secondary);text-align:center}.chat-topbar{gap:12px}.round-btn{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent);transition:transform .15s ease,background .2s ease}.round-btn:hover{background:color-mix(in srgb,var(--text) 12%,transparent)}.round-btn:active{transform:scale(.93)}.chat-title{flex:1 1;min-width:0;text-align:center}.chat-title-name{font-size:16px;font-weight:600;letter-spacing:-.01em}.chat-title-name,.chat-title-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title-sub{font-size:12px;color:var(--text-secondary)}.menu .danger-item{color:var(--danger)}.toast{position:fixed;left:50%;transform:translateX(-50%);top:calc(70px + env(safe-area-inset-top));z-index:40;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;color:var(--bg);background:color-mix(in srgb,var(--text) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(255,59,48,.4)}50%{box-shadow:0 0 0 10px rgba(255,59,48,0)}}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:36px 0 12px}.section-title.tight{margin:4px 0 0}.menu-meta{padding:10px 12px;font-size:13px;color:var(--text-secondary)}.table-card{overflow-x:auto}.pad-x{padding:0 18px 16px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.creation-row{display:flex;align-items:center;gap:14px;padding:14px 16px;width:100%;text-align:left;border-bottom:1px solid var(--border);transition:background .15s ease}.creation-row:last-child{border-bottom:none}.creation-row:active{background:var(--border)}.tile{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;transition:transform .25s cubic-bezier(.22,1,.36,1)}.creation-row:hover .tile{transform:scale(1.06)}.chart{padding:0 18px 16px}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1}.chart-cursor{stroke:var(--text-secondary);stroke-width:1;stroke-dasharray:3 3}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw 1.1s cubic-bezier(.22,1,.36,1) forwards}.chart-line.calls{stroke:#0a84ff}.chart-line.cost{stroke:var(--accent);animation-delay:.12s}@keyframes draw{to{stroke-dashoffset:0}}.chart-legend{flex-wrap:wrap;gap:14px;font-size:13px;color:var(--text-secondary);padding-bottom:10px}.chart-legend,.legend-item{display:flex;align-items:center}.legend-item{gap:6px}.legend-swatch{width:10px;height:3px;border-radius:2px;display:inline-block}.legend-swatch.calls{background:#0a84ff}.legend-swatch.cost{background:var(--accent)}.legend-day{margin-left:auto;font-weight:600;color:var(--text)}.chart-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);padding-top:4px}.segmented{display:inline-flex;gap:2px;background:var(--border);border-radius:10px;padding:2px;margin-top:6px;align-self:flex-start}.segmented button{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary);transition:background .2s ease,color .2s ease}.segmented button.active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow)}.numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.settings-hint.warn{color:var(--accent)}.hero-icon{width:64px;height:64px;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--text)}.creation-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-meta{font-size:13px}.creation-meta,.pill{color:var(--text-secondary)}.pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--border);flex-shrink:0}.pill.live{background:color-mix(in srgb,#30d158 18%,transparent);color:#30d158}.auth-card{margin:14vh auto 0;max-width:380px;width:100%;padding:28px;display:flex;flex-direction:column;gap:14px}.auth-card h1{font-size:26px;letter-spacing:-.02em;text-align:center}.auth-card p{color:var(--text-secondary);font-size:14px;text-align:center}.field{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px;outline:none;width:100%}.field:focus{border-color:var(--text-secondary)}.btn{border-radius:12px;padding:12px 18px;font-weight:600;background:var(--text);color:var(--bg);transition:transform .15s ease,opacity .15s ease;text-align:center}.btn:disabled{opacity:.4;cursor:default}.btn:not(:disabled):active{transform:scale(.97)}.btn.secondary{background:var(--bg-elevated);color:var(--text)}.btn.danger,.btn.secondary{border:1px solid var(--border)}.btn.danger{background:none;color:var(--danger)}.error-text{color:var(--danger);font-size:14px;text-align:center}.tabs{display:flex;gap:4px;background:var(--border);border-radius:12px;padding:3px;margin:8px 0 16px;flex-shrink:0}.tabs button{flex:1 1;padding:8px;border-radius:10px;font-weight:600;font-size:14px;color:var(--text-secondary)}.tabs button.active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow)}.messages{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:22px;padding:8px 0 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.bubble{max-width:82%;padding:10px 15px;border-radius:20px;font-size:15px;white-space:pre-wrap;word-break:break-word;animation:bubbleIn .35s cubic-bezier(.22,1,.36,1) both}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.bubble.user{align-self:flex-end;background:var(--bubble-user);color:var(--bubble-user-text);border-bottom-right-radius:6px}.reply{align-self:stretch;font-size:15px;line-height:1.65;animation:bubbleIn .35s cubic-bezier(.22,1,.36,1) both}.thinking{display:flex;gap:5px;align-items:center;padding:4px 0}.thinking-dot{width:7px;height:7px;border-radius:50%;background:var(--text-secondary);animation:blink 1.2s infinite both}.thinking-dot:nth-child(2){animation-delay:.16s}.thinking-dot:nth-child(3){animation-delay:.32s}.caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--text-secondary);animation:caretBlink 1s steps(2,start) infinite}@keyframes caretBlink{to{visibility:hidden}}.md>*+*{margin-top:.7em}.md ol,.md ul{padding-left:1.25em;display:flex;flex-direction:column;gap:.45em}.md li::marker{color:var(--text-secondary)}.md h2,.md h3{font-size:1.02em;font-weight:650;letter-spacing:-.01em;margin-top:1.1em}.md-table-wrap{overflow-x:auto;margin:0 -2px}.md-table{width:100%;border-collapse:collapse;font-size:.95em}.md-table td,.md-table th{text-align:left;padding:9px 14px 9px 0;border-bottom:1px solid var(--border);vertical-align:top}.md-table th{font-weight:600;white-space:nowrap}.md-table tr:last-child td{border-bottom:none}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--text) 8%,transparent)}.qualify{align-self:stretch;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated);box-shadow:var(--shadow);overflow:hidden}.qualify-head{display:flex;align-items:center;gap:12px;padding:14px 14px 12px}.qualify-question{flex:1 1;min-width:0;font-size:15px;font-weight:500}.qualify-nav{display:flex;align-items:center;gap:2px;flex-shrink:0;color:var(--text-secondary)}.qualify-count{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 2px;white-space:nowrap}.qualify-arrow{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background .18s ease,color .18s ease,opacity .18s ease}.qualify-arrow:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.qualify-arrow:disabled{opacity:.3;cursor:default}.qualify-options{display:flex;flex-direction:column}.qualify-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;font-size:14px;border-top:1px solid var(--border);transition:background .18s ease}.qualify-option:hover:not(:disabled){background:color-mix(in srgb,var(--text) 4%,transparent)}.qualify-option:disabled{opacity:.5;cursor:default}.qualify-badge{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--text) 8%,transparent)}.qualify-label{flex:1 1;min-width:0}.qualify-other{cursor:default}.qualify-other,.qualify-other:hover{background:color-mix(in srgb,var(--text) 3%,transparent)}.qualify-input{flex:1 1;min-width:0;background:none;border:none;outline:none;font-size:14px}.qualify-input::placeholder{color:var(--text-secondary)}.qualify-skip{flex-shrink:0;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:13px;font-weight:500;transition:border-color .18s ease}.qualify-skip:hover:not(:disabled){border-color:color-mix(in srgb,var(--text) 24%,transparent)}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.settings-group{display:flex;flex-direction:column;gap:0;overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-label{font-weight:600;font-size:15px}.settings-hint{font-size:13px;color:var(--text-secondary);margin-top:2px}.switch{position:relative;width:50px;height:30px;border-radius:999px;background:var(--border);transition:background .2s ease;flex-shrink:0}.switch.on{background:#30d158}.switch:after{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease}.switch.on:after{transform:translateX(20px)}.link-box{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.public-hero{margin:18vh auto 0;text-align:center;max-width:420px;display:flex;flex-direction:column;gap:14px;align-items:center}.public-hero h1{font-size:32px;letter-spacing:-.03em}.public-hero p{color:var(--text-secondary)}.spinner{margin:30vh auto;width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.menu{position:absolute;right:0;top:44px;min-width:220px;padding:6px;z-index:30;display:flex;flex-direction:column}.menu a,.menu button{padding:10px 12px;border-radius:10px;text-align:left;font-size:15px;width:100%;display:block}.menu a:active,.menu button:active{background:var(--border)}.avatar-btn{width:34px;height:34px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text-secondary);font-weight:600;font-size:14px;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease,transform .2s ease}.avatar-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--text) 20%,transparent)}.avatar-btn:active{transform:scale(.94)}.form-card{padding:18px;display:flex;flex-direction:column;gap:10px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-top:4px}.success-banner{background:color-mix(in srgb,#30d158 14%,transparent);color:#248a3d;border:1px solid color-mix(in srgb,#30d158 30%,transparent);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:500}@media (prefers-color-scheme:dark){.success-banner{color:#30d158}}.key-status{font-size:13px;font-weight:500;color:var(--text-secondary)}.key-status.ok{color:#30d158}.credit-amount{font-size:28px;font-weight:700;letter-spacing:-.02em}.credit-sub{font-size:14px;font-weight:400;color:var(--text-secondary)}.progress{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--text);transition:width .4s ease}.update-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));z-index:100;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 18px;font-size:14px;font-weight:500;max-width:calc(100vw - 32px)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table td,.admin-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.admin-table th{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.admin-table th,.back-btn{color:var(--text-secondary)}.back-btn{font-size:15px;display:flex;align-items:center;gap:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.chart-line{stroke-dashoffset:0}}.search-field{display:flex;align-items:center;gap:10px;padding:0 14px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);margin-bottom:14px;flex-shrink:0;transition:border-color .2s ease}.search-field:focus-within{border-color:color-mix(in srgb,var(--text) 22%,transparent)}.search-field input{flex:1 1;min-width:0;background:none;border:none;outline:none;font-size:15px;color:var(--text)}.search-field input::placeholder{color:var(--text-secondary)}.search-clear{flex-shrink:0;font-size:13px;color:var(--text-secondary);padding:4px 2px}.search-clear:hover{color:var(--text)}.see-all{display:block;margin-top:12px;padding:12px;text-align:center;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:12px;border:1px solid var(--border);transition:color .2s ease,border-color .2s ease}.see-all:hover{color:var(--text);border-color:color-mix(in srgb,var(--text) 22%,transparent)}.empty-note{padding:28px 12px;text-align:center;font-size:14px;color:var(--text-secondary)}.build-cta{gap:8px;align-items:flex-start;padding-top:4px}.build-cta,.build-progress{display:flex;flex-direction:column}.build-progress{gap:10px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated)}.build-step{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);transition:color .3s ease}.build-step.active,.build-step.done{color:var(--text)}.build-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--border);transition:background .3s ease}.build-step.done .build-dot{background:#30d158}.build-step.active .build-dot{background:var(--text);animation:blink 1.2s infinite both}.build-done{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated);box-shadow:var(--shadow)}.build-done-title{font-size:17px;font-weight:650;letter-spacing:-.01em}.build-actions{display:flex;gap:8px;flex-wrap:wrap}