:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-soft: #eef2ff;--ink: #0f172a;--muted: #64748b;--border: #e2e8f0;--surface: #ffffff;--danger: #dc2626;--danger-soft: #fef2f2;--warn-soft: #fffbeb;--ok: #16a34a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Hiragino Sans,Noto Sans JP,Arial,sans-serif;background:#eef2f7;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}textarea,input,select,button{font-family:inherit;font-size:14px;color:inherit}code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:12px}.app-shell{min-height:100vh;padding:28px 16px 56px}.app-container{max-width:1180px;margin:0 auto}.app-header{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.app-header h1{font-size:26px;font-weight:800;letter-spacing:-.01em}.app-title{display:flex;align-items:center;gap:10px}.app-title-icon{width:30px;height:30px;border-radius:9px}.status-row{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:11px;font-weight:600;padding:5px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.badge-ok{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.badge-off{background:var(--warn-soft);border-color:#fde68a;color:#b45309}.tabs{display:flex;gap:6px;background:#e2e8f0;padding:5px;border-radius:12px;margin-bottom:18px;width:fit-content}.tab{display:flex;align-items:center;gap:7px;padding:9px 16px;border:none;border-radius:9px;background:transparent;color:#475569;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--primary-dark)}.tab.active{background:var(--surface);color:var(--primary-dark);box-shadow:0 1px 3px #0f172a1f}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.live-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;align-items:start}.stage-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:20px;align-items:stretch}.stage-left{display:flex;flex-direction:column;gap:18px;min-width:0}.stage-right{display:flex;min-width:0}.stage-right>.card{width:100%;height:100%;display:flex;flex-direction:column}.stage-right .transcript-list{flex:1 1 auto;min-height:340px;max-height:none}.stage-left .answer-body{min-height:0;max-height:26vh;overflow-y:auto;padding:14px 16px 16px}.stage-left .answer-head{padding:10px 14px}.stage-left .answer-meta{padding:8px 14px 10px}.stage-left .answer-legend{flex-direction:row;flex-wrap:wrap;gap:6px 16px;padding:12px 16px}.stage-left .legend-row{grid-template-columns:20px 1fr;gap:8px;font-size:12.5px}.stage-left .legend-foot{flex-basis:100%;margin-top:2px;font-size:12px}.stage-left .agent-stage{margin:8px 14px 0;font-size:12px}.stage-left .agent-evidence{padding:8px 14px 0}.stage-left .evidence-chip{padding:2px 8px;font-size:11px}:where(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(79,70,229,.45);outline-offset:2px}.stage-layout .btn-ghost,.stage-layout .btn-inline{min-height:32px}.pack-panel{padding:14px;border:1px dashed var(--border);border-radius:14px;background:#fbfcff}.pack-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pack-status{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pack-cache-option{margin-top:12px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:#475569}.pill.ok{background:#ecfdf5;color:#047857}.pack-slot{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fff}.pack-slot.loaded{border-color:#c7d2fe;background:#f8f9ff}.pack-slot-head{display:flex;align-items:center;gap:6px;font-size:13px}.pack-slot-head .btn-inline{margin-left:auto}.pack-bank{margin-top:14px}.pack-questions{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;padding-right:4px}.pack-question{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:13px}.pack-question.answered{border-color:#bbf7d0;background:#f0fdf4}.pack-no{margin-right:6px;color:#64748b;font-size:12px;font-variant-numeric:tabular-nums}.pack-q{font-weight:560}.pack-section{display:block;margin-top:2px}.pack-intro{margin-top:12px}.pack-intro textarea{margin-top:8px}@media (max-width: 940px){.pack-slots{grid-template-columns:minmax(0,1fr)}}.stage-aux{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}.video-stage{display:flex;flex-direction:column;gap:12px}.video-head{align-items:flex-start}.video-frame{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;max-height:44vh;overflow:hidden;border-radius:12px;background:#0b1020}.stage-layout.has-answer .video-frame{max-height:42vh}.stage-layout.has-answer .video-stage{gap:8px}.stage-layout.has-answer .video-head .card-sub{display:none}.video-frame video{width:100%;height:100%;object-fit:contain;background:#0b1020}.video-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:#c7d2fe}.video-empty p{margin:0;max-width:320px;font-size:12.5px;line-height:1.5;color:#9aa7c7}.video-overlay{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.video-source{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border-radius:999px;background:#0f172aa6;color:#e2e8f0;font-size:11.5px}.video-meter{width:110px;height:5px;overflow:hidden;border-radius:999px;background:#fff3}.video-meter i{display:block;height:100%;border-radius:999px;background:#818cf8;transition:width .12s ease}.video-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.video-state{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pill.audio-ok{background:#ecfdf5;color:#047857}.pill.audio-warn{background:#fef2f2;color:#b91c1c}.stage-left .answer-panel{scroll-margin-top:96px}.pending-question{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:10px 12px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e;font-size:13px}.pending-question p{margin:0}.btn-danger-ghost{color:#b91c1c}.pill.video-live{background:#fee2e2;color:#b91c1c}.video-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}.pill.video-live .video-dot{animation:pulse 1.4s ease-in-out infinite}.agent-stage{display:flex;align-items:center;gap:8px;margin:12px 14px 0;font-size:12.5px;font-weight:600;color:var(--primary-dark)}.agent-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:pulse 1.2s ease-in-out infinite}.agent-evidence{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px 0}.evidence-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 9px;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11.5px}.debrief-card{padding:14px;margin-bottom:16px;border:1px solid #c7d2fe;border-radius:13px;background:linear-gradient(180deg,#f8f9ff,#fff)}.debrief-body{margin-top:12px;font-size:14px;line-height:1.65;color:#1e293b}.debrief-body h4{margin:12px 0 4px;font-size:14px}.debrief-body ul,.debrief-body ol{margin:4px 0 0;padding-left:20px}@media (max-width: 940px){.two-column,.live-grid,.stage-layout,.stage-aux{grid-template-columns:minmax(0,1fr)}}.stack{display:flex;flex-direction:column;gap:16px;min-width:0}.stack-sm{display:flex;flex-direction:column;gap:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 1px 2px #0f172a0a}.card-title{font-size:15px;font-weight:700;color:#334155}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.input,.field input[type=text],.field select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.field input[type=text]:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e524}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;font-weight:600;color:#475569}.field-inline{flex-direction:row;align-items:center;gap:8px;font-size:13px;color:#334155}.field-inline input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s ease,transform .05s ease;width:100%;box-shadow:0 2px 6px #4f46e540}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background:#a5b4fc;box-shadow:none;cursor:not-allowed}.btn-primary.danger{background:var(--danger);box-shadow:0 2px 6px #dc262640}.btn-primary.danger:hover{background:#b91c1c}.btn-ghost{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-ghost:hover:not(:disabled){background:var(--primary-soft);border-color:#c7d2fe;color:var(--primary-dark)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-inline{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;border:1px solid #c7d2fe;border-radius:7px;background:var(--primary-soft);color:var(--primary-dark);font-size:11px;font-weight:700;cursor:pointer}.btn-inline:hover:not(:disabled){background:#e0e7ff}.btn-inline:disabled{opacity:.5;cursor:not-allowed}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip-button{padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:#f8fafc;color:#475569;font-size:12px;cursor:pointer;transition:all .15s ease}.chip-button:hover{background:var(--primary-soft);border-color:#c7d2fe;color:var(--primary-dark)}.chip{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.02em}.chip-muted{background:#f1f5f9;color:#64748b}.chip-question{background:#fef3c7;color:#b45309}.alert{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border-radius:10px;font-size:13px;line-height:1.6}.alert-error{background:var(--danger-soft);border:1px solid #fecaca;color:var(--danger)}.alert-warn{background:var(--warn-soft);border:1px solid #fde68a;color:#b45309}.capture-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}.capture-row .btn-primary{width:auto}.row>.btn-primary{width:auto;flex-shrink:0}.recording-status{display:flex;align-items:center;gap:10px;font-size:13px;color:#334155}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.level-meter{width:96px;height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.level-meter span{display:block;height:100%;background:linear-gradient(90deg,#34d399,#4f46e5);transition:width .12s linear}.platform-guide{display:flex;flex-direction:column;gap:10px}.platform-tabs{display:flex;flex-wrap:wrap;gap:6px}.platform-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:#f8fafc;color:#475569;font-size:12px;font-weight:600;cursor:pointer}.platform-tab.active{background:var(--primary-soft);border-color:#a5b4fc;color:var(--primary-dark)}.steps{margin:0;padding-left:20px;color:#475569;font-size:12.5px;line-height:1.9}.transcript-list{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow-y:auto;padding-right:4px}.transcript-line{border:1px solid var(--border);border-left:3px solid #cbd5e1;border-radius:9px;padding:9px 11px;background:#f8fafc}.transcript-line.question{border-left-color:#f59e0b;background:#fffbeb}.transcript-line.active{border-color:#a5b4fc;background:var(--primary-soft)}.transcript-line.interim{border-style:dashed;border-left-color:#94a3b8;background:#fff}.transcript-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}.transcript-text{font-size:13.5px;line-height:1.65;color:#1e293b;white-space:pre-wrap}.answer-body{font-size:14.5px;line-height:1.8;color:#1e293b}.rich-text h4{font-size:13px;font-weight:800;color:var(--primary-dark);margin:14px 0 6px;letter-spacing:.01em}.rich-text p{margin:0 0 8px}.rich-text ul{margin:0 0 10px 18px}.rich-text li{margin-bottom:4px}.skeleton-lines{display:flex;flex-direction:column;gap:8px}.skeleton-lines span{height:12px;border-radius:6px;background:linear-gradient(90deg,#eef2f7,#e2e8f0,#eef2f7);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-lines span:nth-child(2){width:88%}.skeleton-lines span:nth-child(3){width:64%}.cursor-blink{display:inline-block;width:8px;height:15px;background:var(--primary);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.suggestion{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#f8fafc}.suggestion-q{font-size:13.5px;font-weight:600;color:#1e293b;line-height:1.5}.spin{animation:spin .9s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow-y:auto;z-index:50}.modal{background:var(--surface);border-radius:14px;padding:20px;width:min(640px,100%);box-shadow:0 18px 40px #0f172a47}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{display:flex;flex-direction:column;gap:4px;padding:12px;border:2px solid var(--border);border-radius:10px;background:#fff;text-align:left;cursor:pointer}.mode-card.active{border-color:var(--primary);background:var(--primary-soft)}.settings-byok{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.byok-section{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.byok-title{font-size:12.5px;font-weight:700;color:#334155}.usage-card{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.usage-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:8px 0 6px}.usage-bar span{display:block;height:100%;background:linear-gradient(90deg,#34d399,#4f46e5)}.usage-bar.danger span{background:linear-gradient(90deg,#f87171,#dc2626)}.usage-row{margin-top:8px}.account-menu{position:relative}.account-popover{position:absolute;right:0;top:calc(100% + 6px);width:340px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 32px #0f172a2e;z-index:40}.account-popover .usage-card{margin-top:0;background:#fff}.plan-list{display:flex;flex-direction:column;gap:8px}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.marketing{background:#fff;min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto;padding:18px 20px}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:var(--ink);text-decoration:none}.brand-mark{font-size:18px}.brand-icon{width:26px;height:26px;border-radius:8px}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-brand img{width:22px;height:22px;border-radius:7px}.site-nav{display:none;gap:20px}.site-nav a{color:#475569;text-decoration:none;font-size:14px;font-weight:600}.site-nav a:hover{color:var(--primary-dark)}.site-actions{display:flex;align-items:center;gap:8px}.site-actions a{text-decoration:none}.btn-sm{width:auto;padding:9px 16px;font-size:14px}.hero{display:grid;grid-template-columns:1fr;gap:32px;max-width:1120px;margin:0 auto;padding:24px 20px 48px}.pill{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:12.5px;font-weight:700;margin-bottom:14px}.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.02em;font-weight:800}.hero h1 .accent{color:var(--primary)}.hero-sub{margin-top:16px;font-size:16px;line-height:1.7;color:#475569;max-width:620px}.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 10px}.hero-cta .btn-primary,.hero-cta .btn-ghost{width:auto;text-decoration:none;padding:12px 20px}.hero-shot img{width:100%;border-radius:14px;border:1px solid var(--border);box-shadow:0 24px 48px #0f172a24}.section{max-width:1120px;margin:0 auto;padding:56px 20px}.section.alt{background:#f8fafc;max-width:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section.alt>*{max-width:1120px;margin-left:auto;margin-right:auto}.section h2{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.01em}.section-sub{margin-top:8px;color:var(--muted);font-size:15px;max-width:720px}.section.legal{max-width:820px}.section.legal h1{font-size:clamp(26px,3.4vw,36px);font-weight:800;letter-spacing:-.02em}.legal-body{margin-top:22px;display:flex;flex-direction:column;gap:14px}.legal-body h2{font-size:17px;font-weight:700;margin-top:14px;letter-spacing:-.01em}.legal-body p,.legal-body li{color:#334155;font-size:15px;line-height:1.7}.legal-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.legal-body a{color:var(--primary-dark);font-weight:600}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:16px;margin-top:26px}.feature-card{border:1px solid var(--border);border-radius:14px;padding:18px;background:#fff}.feature-card h3{font-size:15px;margin:10px 0 6px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary-dark)}.steps-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:26px}.steps-list li{display:flex;gap:12px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}.step-no{flex:0 0 28px;height:28px;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:26px}.price-card{position:relative;border:1px solid var(--border);border-radius:14px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:12px}.price-card.featured{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.price-badge{position:absolute;top:-10px;left:20px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.price{font-size:26px;font-weight:800}.price-list{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#475569}.price-list li:before{content:"✓";color:var(--ok);font-weight:800;margin-right:6px}.price-card .btn-primary{margin-top:auto;text-decoration:none}.faq{margin-top:20px;max-width:780px}.faq-item{border-bottom:1px solid var(--border);padding:14px 0}.faq-item summary{cursor:pointer;font-weight:700;font-size:14.5px}.faq-item p{margin-top:8px}.cta-band{text-align:center;padding:64px 20px;background:linear-gradient(180deg,#eef2ff,#fff)}.cta-band h2{font-size:clamp(22px,3vw,30px);font-weight:800}.cta-band .hero-cta{justify-content:center}.site-footer{border-top:1px solid var(--border);background:#fff}.footer-inner{max-width:1120px;margin:0 auto;padding:28px 20px;display:grid;gap:16px}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-links a{color:#475569;text-decoration:none;font-size:13.5px}.signup-wrap{display:grid;grid-template-columns:1fr;gap:24px;max-width:1120px;margin:0 auto;padding:24px 20px 56px;align-items:start}.signup-col{display:flex;flex-direction:column;gap:16px}.signup-col h1{font-size:clamp(24px,3.6vw,34px);font-weight:800;letter-spacing:-.01em;margin-bottom:8px}.signup-card{margin-top:0}.signup-card .btn-primary,.signup-card .btn-ghost{width:auto;text-decoration:none}.login-wrap{max-width:460px;margin:0 auto;padding:40px 20px 80px}.admin-wrap{max-width:1080px;margin:0 auto;padding:24px 20px 64px;display:flex;flex-direction:column;gap:14px}.admin-form{display:grid;grid-template-columns:1fr 220px auto;gap:10px;align-items:end}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--border)}.admin-table td{padding:8px;border-bottom:1px solid #f1f5f9;vertical-align:middle}@media (max-width: 720px){.admin-form{grid-template-columns:1fr}}@media (min-width: 900px){.site-nav{display:flex}.hero{grid-template-columns:1.05fr 1fr;align-items:center;padding-top:48px}.signup-wrap{grid-template-columns:1.1fr 1fr;gap:32px}.footer-inner{grid-template-columns:1fr auto auto;align-items:center}}@media (max-width: 680px){.mode-cards,.settings-byok{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg: #f5f6fb;--surface: #ffffff;--surface-2: #fafbff;--line: #e6e8f0;--line-strong: #d3d8e6;--text: #0c1226;--text-soft: #414a63;--brand: #4f46e5;--brand-strong: #4338ca;--brand-tint: #eef0ff;--ok: #0f9d58;--ok-tint: #e9f7ef;--warn: #b45309;--warn-tint: #fef6e7;--danger: #d23f3f;--danger-tint: #fdeeee;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .04);--shadow: 0 12px 32px -18px rgba(15, 23, 42, .28), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 28px 60px -30px rgba(15, 23, 42, .35)}body{background:radial-gradient(1200px 600px at 12% -8%,#fff,#fff0 60%),var(--bg);color:var(--text);font-size:15px;line-height:1.55}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.card-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.card-sub{color:var(--text-soft);font-size:13px}.btn-primary,.btn-ghost,.btn-inline{border-radius:999px;font-weight:650;letter-spacing:-.01em;transition:transform .08s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.btn-primary{background:linear-gradient(180deg,#5b52ea 0%,var(--brand) 100%);box-shadow:0 10px 20px -12px #4f46e5d9;padding:11px 18px;font-size:14px}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#6157f0 0%,var(--brand-strong) 100%);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:#fff;border:1px solid var(--line-strong);padding:9px 14px;font-size:13.5px;color:var(--text-soft)}.btn-ghost:hover:not(:disabled){border-color:#b9c1d6;color:var(--text);background:#fff}.btn-inline{font-size:12.5px;padding:6px 11px}.btn-lg{padding:14px 22px;font-size:15px}.appbar{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f6fbdb;border-bottom:1px solid var(--line)}.appbar-inner{max-width:1360px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brandmark{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:16px;letter-spacing:-.02em;color:var(--text);text-decoration:none}.brandmark img,.brandmark .brand-icon{width:28px;height:28px;border-radius:8px}.apptabs{display:inline-flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm)}.apptab{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text-soft);font-size:13.5px;font-weight:650;padding:8px 15px;border-radius:999px;cursor:pointer}.apptab:hover{color:var(--text);background:#f3f4fb}.apptab.active{background:var(--text);color:#fff}.appbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 11px}.pill-ok{color:#0c6b3d;background:var(--ok-tint);border-color:#bfe6cd}.pill-warn{color:var(--warn);background:var(--warn-tint);border-color:#f0d9ab}.workspace{max-width:1360px;margin:0 auto;padding:20px 20px 72px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}.workspace>.col{display:flex;flex-direction:column;gap:16px;min-width:0}.col-sticky{position:sticky;top:72px}.live-root.focus .answer-body{padding:24px 26px 30px}@media (max-width: 1080px){.workspace{grid-template-columns:minmax(0,1fr)}.col-sticky{position:static}}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.mode-card{text-align:left;border:1.5px solid var(--line);background:var(--surface-2);border-radius:14px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.mode-card:hover{border-color:#c3c9dd;background:#fff}.mode-card.active{border-color:var(--brand);background:var(--brand-tint);box-shadow:0 0 0 3px #4f46e51f}.mode-card .mode-head{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px}.mode-card .mode-note{font-size:12px;color:var(--text-soft);line-height:1.45}.steps-v2{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:9px;margin:12px 0 4px}.steps-v2 li{counter-increment:step;display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:13.5px;color:var(--text-soft)}.steps-v2 li:before{content:counter(step);width:24px;height:24px;border-radius:999px;background:var(--brand-tint);color:var(--brand-strong);font-size:12px;font-weight:700;display:grid;place-items:center}.callout{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.5;border:1px solid var(--line);background:var(--surface-2);color:var(--text-soft)}.callout-warn{background:var(--warn-tint);border-color:#f0d9ab;color:#7c4a08}.callout-ok{background:var(--ok-tint);border-color:#bfe6cd;color:#0c6b3d}.callout-danger{background:var(--danger-tint);border-color:#f3c6c6;color:#8f2020}.recorder{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}.recorder.live{border-color:#f0c9c9;background:#fff8f8}.rec-label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}.waveform{display:flex;align-items:flex-end;gap:3px;height:26px}.waveform span{width:4px;border-radius:999px;background:var(--brand);transition:height .1s linear}.rec-meter{flex:1 1 160px;height:6px;border-radius:999px;background:#e8eaf3;overflow:hidden}.rec-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6d63f5,#22c55e);transition:width .1s linear}.answer-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.answer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfbff,#fff)}.answer-head .eyebrow{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--brand-strong)}.answer-q{font-size:14.5px;font-weight:600;color:#334155;margin-top:2px;max-width:62ch}.answer-body{padding:18px 20px 22px;font-size:19px;line-height:1.62;color:#101733;letter-spacing:-.005em}.answer-body p{margin:0 0 12px}.answer-body p:last-child{margin-bottom:0}.answer-body strong{color:#0b1020}.answer-meta{display:flex;align-items:center;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--line);color:var(--text-soft);font-size:12.5px;flex-wrap:wrap}.fontctl{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden;background:#fff}.fontctl button{border:0;background:transparent;padding:5px 10px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--text-soft)}.fontctl button:hover{background:#f3f4fb;color:var(--text)}.fontctl .val{font-size:11.5px;color:var(--text-soft);padding:0 4px;min-width:30px;text-align:center}.transcript-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;padding-right:4px}.trow{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid transparent}.trow:hover{background:var(--surface-2);border-color:var(--line)}.trow.question{background:#fffdf5;border-color:#f0e2bd}.trow.active{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51a}.trow-time{font-size:11.5px;color:#8b93ab;font-variant-numeric:tabular-nums;padding-top:2px}.trow-text{font-size:14.5px;line-height:1.5;color:#1a2138}.trow-foot{display:flex;align-items:center;gap:8px;margin-top:6px}.trow.interim .trow-text{color:#8b93ab;font-style:italic}.empty-state{display:grid;place-items:center;gap:6px;padding:30px 12px;color:var(--text-soft);font-size:13.5px;text-align:center}.kbd{display:inline-block;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-soft);background:#fff}.askbar{display:flex;gap:8px;align-items:center}.askbar input{flex:1;border:1px solid var(--line-strong);border-radius:999px;padding:12px 16px;font-size:14px;background:#fff}.askbar input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #4f46e51f}.askbar .btn-primary,.recorder .btn-primary{width:auto;flex:0 0 auto}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border:1.5px dashed var(--line-strong);border-radius:14px;background:var(--surface-2);color:var(--text-soft);font-size:13px;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.dropzone:hover{border-color:var(--brand);background:#fff;color:var(--text)}.auth-wrap{max-width:1040px;margin:0 auto;padding:56px 20px 72px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center}.auth-side{display:flex;flex-direction:column;gap:14px}.auth-eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-strong)}.auth-side h1{font-size:32px;line-height:1.2;letter-spacing:-.03em}.auth-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:4px}.auth-list li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:var(--text-soft)}.auth-list svg{color:var(--brand);margin-top:3px;flex:0 0 auto}.auth-card{padding:24px;box-shadow:var(--shadow)}.auth-card .btn-primary,.auth-card .btn-ghost{width:100%}@media (max-width: 900px){.auth-wrap{grid-template-columns:minmax(0,1fr);padding-top:32px}.auth-side h1{font-size:26px}}.pickrow{display:flex;flex-wrap:wrap;gap:8px}.pick{border:1.5px solid var(--line);background:var(--surface-2);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--text-soft);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.pick:hover{background:#fff;border-color:#c3c9dd}.pick.active{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-strong)}.pick-label{display:inline-block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border-bottom:1px solid var(--line)}.hero h1,.landing h1{letter-spacing:-.03em}.marketing .card{box-shadow:var(--shadow-sm)}@media (max-width: 860px){.mode-cards{grid-template-columns:minmax(0,1fr)}.answer-body{font-size:17px}}.app-root{--app-bg: #f6f7fc;--app-surface: #ffffff;--app-surface-2: #f7f9ff;--app-line: #e6e9f3;--app-line-strong: #d5dae8;--app-text: #0d1428;--app-muted: #5c6684;--app-brand: #4f46e5;--app-brand-2: #6d5efc;--app-teal: #0f9d8a;--app-amber: #b45309;--app-red: #dc2626;min-height:100vh;color:var(--app-text);background:radial-gradient(900px 420px at 8% -6%,rgba(109,94,252,.1),transparent 62%),radial-gradient(760px 380px at 96% 4%,rgba(15,157,138,.08),transparent 60%),linear-gradient(180deg,#fbfcff,#f4f6fc)}.app-root .appbar{background:#ffffffdb;border-bottom:1px solid var(--app-line);box-shadow:0 8px 24px -22px #0f172a8c}.app-root .appbar:after{content:"";display:block;height:2px;background:linear-gradient(90deg,#6d5efc8c,#0f9d8a73 45%,#6d5efc00)}.app-root .brandmark{color:var(--app-text)}.app-root .brandmark img{box-shadow:0 10px 22px -14px #4f46e5e6;border-radius:9px}.app-root .apptabs{background:#fff;border-color:var(--app-line);box-shadow:0 1px 2px #0f172a0a}.app-root .apptab{color:var(--app-muted)}.app-root .apptab:hover{background:#f3f5fc;color:var(--app-text)}.app-root .apptab.active{background:linear-gradient(135deg,var(--app-brand-2) 0%,var(--app-brand) 100%);color:#fff;box-shadow:0 12px 24px -14px #4f46e5e6}.app-root .pill{background:#fff;border-color:var(--app-line);color:var(--app-muted)}.app-root .pill-ok{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.app-root .pill-warn{background:#fff7ed;border-color:#fed7aa;color:#b45309}.app-root .card,.app-root .answer-panel{background:var(--app-surface);border:1px solid var(--app-line);box-shadow:inset 0 1px #fff,0 18px 40px -30px #0f172a66}.app-root .card-title{color:var(--app-text)}.app-root .card-sub,.app-root .muted,.app-root .muted.small,.app-root .mono,.app-root .small{color:var(--app-muted)}.app-root .btn-primary{background:linear-gradient(135deg,var(--app-brand-2) 0%,var(--app-brand) 100%);box-shadow:0 16px 30px -18px #4f46e5f2}.app-root .btn-ghost{background:#fff;border-color:var(--app-line-strong);color:#41496a}.app-root .btn-ghost:hover:not(:disabled){background:#f7f8fd;border-color:#b9c0d6;color:var(--app-text)}.app-root .btn-inline{background:#eef0ff;border:1px solid #d9dcff;color:#4338ca}.app-root .btn-inline:hover:not(:disabled){background:#e3e6ff;color:#3730a3}.app-root .input,.app-root textarea,.app-root .field input[type=text],.app-root .field input[type=password],.app-root .field select,.app-root .askbar input{background:#fff;border:1px solid var(--app-line-strong);color:var(--app-text);border-radius:12px}.app-root .input:focus,.app-root textarea:focus,.app-root .field input:focus,.app-root .field select:focus,.app-root .askbar input:focus{outline:none;border-color:#4f46e5a6;box-shadow:0 0 0 4px #4f46e524}.app-root .field>span{color:var(--app-muted)}.app-root .askbar input{border-radius:999px;padding:13px 18px;box-shadow:0 1px 2px #0f172a0a}.app-root .mode-card{background:#fbfcff;border-color:var(--app-line);color:var(--app-text)}.app-root .mode-card:hover:not(:disabled){background:#fff;border-color:#c2c6dc}.app-root .mode-card.active{background:linear-gradient(140deg,#eef0ff,#f7f5ff);border-color:#a5a0ff;box-shadow:0 0 0 4px #4f46e51f,0 18px 36px -26px #4f46e5b3}.app-root .mode-card .mode-note,.app-root .steps-v2 li{color:var(--app-muted)}.app-root .steps-v2 li:before{background:linear-gradient(135deg,var(--app-brand-2) 0%,var(--app-brand) 100%);color:#fff;box-shadow:0 10px 18px -12px #4f46e5e6}.app-root .callout{background:#f7f9ff;border-color:var(--app-line);color:var(--app-muted)}.app-root .callout-warn{background:#fff8ec;border-color:#f5e2bf;color:#92400e}.app-root .callout-ok{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.app-root .callout-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.app-root .recorder{background:#f8faff;border-color:var(--app-line)}.app-root .recorder.live{background:linear-gradient(180deg,#fff5f5,snow);border-color:#f6c9c9;box-shadow:inset 0 0 40px -26px #dc262680}.app-root .rec-label{color:var(--app-text)}.app-root .waveform span{background:linear-gradient(180deg,var(--app-teal) 0%,var(--app-brand-2) 100%)}.app-root .rec-meter{background:#e9ecf5}.app-root .rec-meter span{background:linear-gradient(90deg,var(--app-teal),var(--app-brand-2))}.app-root .dropzone{background:#fbfcff;border-color:var(--app-line-strong);color:var(--app-muted)}.app-root .dropzone:hover{background:#f4f4ff;border-color:#4f46e58c;color:var(--app-text)}.session-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;border:1px solid #f6c9c9;background:linear-gradient(180deg,#fff6f6,#fffdfd);box-shadow:0 18px 40px -32px #dc26268c}.session-bar.paused{border-color:#f5e2bf;background:linear-gradient(180deg,#fff9ee,#fffdf8);box-shadow:0 18px 40px -32px #b4530966}.session-bar .rec-dot.paused{background:var(--app-amber);animation:none}.session-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.session-bar .session-wide{flex-basis:100%}.session-bar .rec-meter{flex:1 1 140px}.app-root .setup-details{margin-top:10px;border:1px solid var(--app-line);border-radius:14px;background:#fbfcff;padding:10px 14px}.app-root .setup-details summary{cursor:pointer;font-size:13.5px;font-weight:650;color:var(--app-muted)}.app-root .setup-details[open] summary{margin-bottom:4px;color:var(--app-text)}.history-modal{width:min(720px,calc(100vw - 40px));max-height:min(82vh,760px);display:flex;flex-direction:column}.history-list{overflow-y:auto;padding:6px 4px 4px;display:flex;flex-direction:column;gap:8px}.history-row{display:flex;align-items:stretch;gap:8px;border:1px solid var(--app-line);border-radius:14px;padding:8px;background:#fbfcff}.history-open{flex:1;display:flex;flex-direction:column;gap:3px;text-align:left;background:none;border:0;cursor:pointer;padding:4px 6px;border-radius:10px;color:var(--app-text)}.history-open:hover{background:#f2f4fb}.history-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.history-detail{overflow-y:auto;padding:6px 4px 4px;display:flex;flex-direction:column;gap:18px}.history-line{font-size:14px;line-height:1.55;margin-top:6px;color:#182046}.history-answer-body{white-space:pre-wrap;font-size:14.5px;line-height:1.6;margin-top:6px;color:#101733}.app-root .pick{background:#fff;border-color:var(--app-line);color:var(--app-muted)}.app-root .pick:hover{background:#f7f9ff;border-color:#c2c6dc;color:var(--app-text)}.app-root .pick.active{background:linear-gradient(135deg,var(--app-brand-2) 0%,var(--app-brand) 100%);border-color:transparent;color:#fff;box-shadow:0 14px 28px -20px #4f46e5f2}.app-root .live-root{max-width:1360px;margin:0 auto;padding:20px 20px 72px;gap:18px}.app-root .answer-panel{background:linear-gradient(180deg,#fbfaff,#fff 58%);border-color:#e4e6f5;box-shadow:0 26px 54px -36px #1f235480,0 1px 3px #0f172a0d}.app-root .answer-head{background:linear-gradient(180deg,#f1f2ff,#fff0);border-bottom:1px solid #ececf7}.app-root .answer-head .eyebrow{background:linear-gradient(90deg,#4f46e5,#0f9d8a);-webkit-background-clip:text;background-clip:text;color:transparent}.app-root .answer-q{color:var(--app-muted)}.app-root .answer-body{color:#101733;font-weight:450}.app-root .answer-body strong{color:#05091c}.app-root .answer-meta{border-top:1px solid #eef0f7;color:var(--app-muted)}.app-root .fontctl{background:#fff;border-color:var(--app-line-strong)}.app-root .fontctl button{color:var(--app-muted)}.app-root .fontctl button:hover{background:#f2f4fb;color:var(--app-text)}.app-root .kbd{background:#f4f6fb;border-color:#dbe0ee;color:#4c5675}.app-root .cursor-blink{background:var(--app-brand)}.app-root .skeleton-lines span{background:linear-gradient(90deg,#eef1f8,#e0e6f3,#eef1f8);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-root .transcript-list{max-height:52vh}.app-root .trow{border-color:transparent}.app-root .trow:hover{background:#f8faff;border-color:var(--app-line)}.app-root .trow.question{background:#fffaf0;border-color:#f3e3c2;box-shadow:inset 3px 0 #e3a13a}.app-root .trow.active{border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e51f}.app-root .trow-time{color:#8a93ad}.app-root .trow-text{color:#182046}.app-root .trow.interim .trow-text{color:#8a93ad}.app-root .chip{background:#f2f5fc;border-color:#dfe4f2;color:#4c5675}.app-root .chip-question{background:#fff3e0;border-color:#f6d9ab;color:#92400e}.app-root .empty-state{color:var(--app-muted)}.app-root .alert,.app-root .modal .alert{border-radius:14px}.app-root .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.app-root .alert-warn{background:#fff8ec;border:1px solid #f5e2bf;color:#92400e}.app-root .modal-backdrop{background:#0f172a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-root .modal{background:#fff;border:1px solid var(--app-line);color:var(--app-text);box-shadow:0 40px 80px -40px #0f172a80}.app-root .account-popover{background:#fff;border:1px solid var(--app-line);box-shadow:0 30px 60px -34px #0f172a73;color:var(--app-text)}.app-root .usage-card{background:#f8faff;border-color:var(--app-line)}.app-root .usage-bar{background:#eef0f7}.app-root .usage-bar span{background:linear-gradient(90deg,var(--app-teal),var(--app-brand-2))}.app-root .usage-bar.danger span{background:linear-gradient(90deg,#f59e0b,var(--app-red))}.answer-legend{display:flex;flex-direction:column;gap:12px;padding:22px 20px 24px}.legend-row{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;font-size:14.5px;color:var(--app-muted);max-width:64ch}.legend-no{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#4338ca;background:#eef0ff;border:1px solid #d9dcff}.legend-foot{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:12.5px;color:#7b849e}.legend-foot svg{color:var(--app-brand)}.answer-note{flex-basis:100%;font-size:12.5px;color:#6b7691;background:#f4f6fd;border:1px solid #e3e7f5;border-radius:10px;padding:6px 10px}.answer-source{margin-left:auto;font-size:12px;color:var(--text-soft)}.auto-toggle{display:inline-flex;align-items:center;gap:6px}.auto-toggle .auto-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.auto-toggle.on .auto-dot{background:#16a34a}.app-root-details{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--radius);padding:12px 16px;box-shadow:inset 0 1px #fff,0 18px 40px -30px #0f172a66}.app-root-details>summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--app-text)}.mock-body{display:flex;flex-direction:column;gap:10px;margin-top:12px}.mock-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mock-row .input{flex:1 1 320px;padding:11px 14px;font-size:14px}.mock-row .mock-helper-url{flex:1 1 240px;font-size:13px}.mock-row .mock-helper-token{flex:0 1 220px;font-size:13px}.mock-row .mock-passcode{flex:0 1 160px;font-size:13px}.mock-row select{padding:11px 12px;border-radius:12px;border:1px solid var(--app-line-strong);background:#fff;font-size:13.5px}.mock-meta{gap:10px}.mock-zoom{gap:10px;padding-top:4px}.live-root.focus{max-width:none;margin:0;padding:18px 20px 60px;min-height:calc(100vh - 57px);background:radial-gradient(720px 360px at 50% -10%,rgba(109,94,252,.12),transparent 62%),linear-gradient(180deg,#f7f8fe,#eef1fa)}.live-root.focus .answer-panel{max-width:1200px;margin:0 auto;background:#fff;border-color:#e0e3f2;box-shadow:0 40px 80px -50px #1f235499,0 1px 3px #0f172a0a}.live-root.focus .answer-body{font-size:26px;line-height:1.55;padding:30px 34px 38px;color:#0d1428}.live-root.focus .askbar{max-width:1200px;margin:14px auto 0}@media (max-width: 860px){.live-root.focus .answer-body{font-size:20px;padding:20px}}.live-root.focus .live-grid{grid-template-columns:minmax(0,1fr)}.live-root.focus .col-sticky{position:static}.live-root.focus .answer-body{padding:26px 28px 32px}.status-dot{width:7px;height:7px;border-radius:999px;background:#10b981;box-shadow:0 0 0 3px #10b98129}.app-root .pill-warn .status-dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.hero h1 .accent{background:linear-gradient(100deg,#6d5efc,#a855f7 45%,#22c1a4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-shot{position:relative}.hero-shot:before{content:"";position:absolute;top:8%;right:6%;bottom:-6%;left:6%;background:radial-gradient(60% 60% at 50% 50%,rgba(109,94,252,.35),transparent 70%);filter:blur(28px);z-index:0}.hero-shot img{position:relative;z-index:1;border:1px solid rgba(15,23,42,.08);box-shadow:0 40px 80px -40px #0f172a73,0 2px 8px #0f172a0f}.feature-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.feature-card:hover{transform:translateY(-2px);border-color:#6d5efc59;box-shadow:0 24px 48px -32px #0f172a80}.feature-icon{background:linear-gradient(135deg,#6d5efc29,#22c1a429);border:1px solid rgba(109,94,252,.22);color:#4f46e5}.price-card.featured{border-color:#6d5efc8c;box-shadow:0 30px 60px -40px #4f46e5a6}.cta-band{background:radial-gradient(700px 320px at 50% 0%,rgba(109,94,252,.16),transparent 65%),#f7f8fd}body.app-light{background:#f6f7fc}