*{box-sizing:border-box}:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050816;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#050816;min-height:100%}body{color:#e5e7eb;background:radial-gradient(circle at 0 0,#38bdf829,#0000 32%),radial-gradient(circle at 80% 10%,#7c3aed3d,#0000 34%),radial-gradient(circle at 50% 100%,#22c55e1a,#0000 36%),#050816;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{width:min(1220px,100% - 32px);margin:0 auto;padding:32px 0 44px}.hero-card{background:linear-gradient(135deg,#0f172af5,#0f172abd),radial-gradient(circle at 100% 0,#38bdf83d,#0000 34%),radial-gradient(circle at 0 100%,#7c3aed38,#0000 38%);border:1px solid #94a3b838;border-radius:34px;justify-content:space-between;gap:26px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000057,inset 0 1px #ffffff14}.hero-card:before{content:"";pointer-events:none;opacity:.34;background:linear-gradient(90deg,#38bdf83d,#0000,#22c55e2e);position:absolute;inset:-1px}.hero-copy,.hero-actions{z-index:1;position:relative}.hero-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.brand-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.brand-badge,.brand-text,.chip,.section-kicker,.status-badge,.primary-button,.secondary-button,.danger-button,.push-button,.record-button,.theme-button,.info-banner,.range-top label,.data-card label{align-items:center;gap:8px;display:inline-flex}.brand-badge{color:#bae6fd;background:#0ea5e921;border:1px solid #38bdf842;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:800}.brand-text{color:#cbd5e1;font-size:.86rem;font-weight:700}.brand-dot{background:#22c55e;border-radius:999px;width:5px;height:5px;box-shadow:0 0 20px #22c55ecc}h1,h2,p{margin-top:0}h1{color:#fff;letter-spacing:-.075em;max-width:780px;margin-bottom:14px;font-size:clamp(2.1rem,5vw,4.9rem);line-height:.95}h2{color:#fff;letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(1.34rem,2vw,2rem)}.hero-description{color:#cbd5e1;max-width:740px;margin-bottom:22px;font-size:1.08rem;line-height:1.7}.hero-chips{flex-wrap:wrap;gap:10px;display:flex}.chip{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b833;border-radius:999px;padding:9px 12px;font-size:.82rem;font-weight:800}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:22px;margin-top:22px;display:grid}.main-column,.side-column{flex-direction:column;gap:22px;display:flex}.panel{-webkit-backdrop-filter:blur(18px);background:#0f172ac7;border:1px solid #94a3b833;border-radius:30px;padding:26px;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0d}.panel-primary{background:radial-gradient(circle at 100% 0,#38bdf824,#0000 38%),#0f172ad1}.panel-secondary{background:radial-gradient(circle at 100% 0,#7c3aed29,#0000 42%),#0f172ad1}.panel-neutral{background:radial-gradient(circle at 100% 0,#22c55e1a,#0000 42%),#0f172ad1}.section-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.section-kicker{color:#93c5fd;text-transform:uppercase;letter-spacing:.11em;margin-bottom:8px;font-size:.78rem;font-weight:900}.section-text{color:#94a3b8;margin-bottom:0;line-height:1.6}.status-badge{color:#cbd5e1;background:#0f172ab3;border:1px solid #94a3b838;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:.78rem;font-weight:900}.status-badge.active{color:#bbf7d0;background:#22c55e24;border-color:#22c55e61}.status-badge.purple{color:#ddd6fe;background:#7c3aed2e;border-color:#a855f76b}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field label,.data-card label{color:#e2e8f0;font-size:.9rem;font-weight:900}select,textarea,input[type=text]{color:#f8fafc;background:#02061794;border:1px solid #94a3b838;border-radius:16px;outline:none;width:100%;transition:border-color .18s,box-shadow .18s,background .18s}select{min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:118px;padding:14px;line-height:1.5}select:focus,textarea:focus,input[type=text]:focus{background:#020617c7;border-color:#38bdf8ad;box-shadow:0 0 0 4px #38bdf81f}.range-card{background:#02061757;border:1px solid #94a3b82e;border-radius:20px;margin:8px 0 16px;padding:16px}.range-top{color:#e2e8f0;justify-content:space-between;gap:12px;margin-bottom:10px;font-weight:900;display:flex}input[type=range]{accent-color:#38bdf8;width:100%}.info-banner{color:#bae6fd;background:#0ea5e91a;border:1px solid #38bdf838;border-radius:18px;margin-bottom:16px;padding:14px 16px;font-weight:700;line-height:1.45}.primary-button,.secondary-button,.danger-button,.push-button,.record-button,.theme-button{color:#fff;border:0;border-radius:17px;justify-content:center;min-height:50px;padding:0 18px;font-weight:900;transition:transform .16s,filter .16s,box-shadow .16s}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.push-button:hover,.record-button:hover,.theme-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#0284c7,#2563eb 48%,#7c3aed);width:100%;box-shadow:0 18px 36px #2563eb47}.secondary-button,.theme-button{color:#e2e8f0;background:#1e293beb;border:1px solid #94a3b82e}.danger-button{background:linear-gradient(135deg,#dc2626,#be123c);box-shadow:0 18px 36px #dc26263d}.push-button{background:linear-gradient(135deg,#0f766e,#0891b2);width:100%;margin-top:12px}.record-button{background:radial-gradient(circle at 0 0,#f8fafc42,#0000 28%),linear-gradient(135deg,#7c3aed,#db2777);width:100%;box-shadow:0 18px 42px #7c3aed4d}.record-button.recording{background:linear-gradient(135deg,#dc2626,#f97316);animation:1.2s infinite pulseRecord}@keyframes pulseRecord{0%{box-shadow:0 0 #f9731661}70%{box-shadow:0 0 0 14px #f9731600}to{box-shadow:0 0 #f9731600}}.full-width{width:100%}.dual-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.microphone-state{color:#cbd5e1;align-items:center;gap:9px;margin-top:14px;font-size:.9rem;font-weight:800;display:flex}.state-dot{border-radius:999px;width:10px;height:10px}.state-on{background:#22c55e;box-shadow:0 0 18px #22c55edb}.state-off{background:#ef4444;box-shadow:0 0 18px #ef4444b8}.status-text{color:#cbd5e1;margin:14px 0 0;font-weight:700;line-height:1.55}.data-card{background:#0206175c;border:1px solid #94a3b82e;border-radius:20px;margin-top:16px;padding:16px}.data-card.compact{color:#cbd5e1;font-size:.9rem}.data-card p:last-child{margin-bottom:0}.result-text,.transcript-output{white-space:pre-wrap;color:#f8fafc;margin:12px 0 0;line-height:1.65}.transcript-output{color:#dbeafe;min-height:78px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.summary-card{background:#0206175c;border:1px solid #94a3b82e;border-radius:18px;padding:14px}.summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.76rem;font-weight:800;display:block}.summary-card strong{color:#fff}.history-list{flex-direction:column;gap:12px;max-height:720px;padding-right:4px;display:flex;overflow:auto}.history-item{background:#02061757;border:1px solid #94a3b829;border-radius:18px;padding:14px}.history-item p{color:#cbd5e1;margin-bottom:8px;line-height:1.5}.history-top{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.history-direction{color:#93c5fd;font-size:.76rem;font-weight:900}.history-top small{color:#64748b;font-size:.72rem}.empty-text{color:#94a3b8}.mobile-bottom-nav{display:none}.mobile-section{width:100%}svg{flex-shrink:0}.recording-timer{color:#e2e8f0;background:#0f172a73;border:1px solid #94a3b829;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.recording-timer span{letter-spacing:-.03em;font-size:1.15rem;font-weight:900}.recording-timer small{color:#94a3b8;text-align:right;font-weight:700;line-height:1.35}.recording-timer.warning{color:#fed7aa;background:#f9731626;border-color:#f9731640}.recording-timer.warning small{color:#fed7aa}.realtime-timer{color:#e2e8f0;background:#0f172a73;border:1px solid #94a3b829;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;display:flex}.realtime-timer div{flex-direction:column;gap:4px;display:flex}.realtime-timer span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.realtime-timer strong{color:#fff;letter-spacing:-.04em;font-size:1.22rem;font-weight:950}.realtime-timer small{color:#cbd5e1;text-align:right;max-width:420px;font-weight:750;line-height:1.35}.realtime-timer.warning{background:#0ea5e91f;border-color:#0ea5e93d}.realtime-timer.recommended{background:#f9731624;border-color:#f9731640}.realtime-timer.max{background:#dc262624;border-color:#dc262647}html[data-theme=dark],html[data-theme=dark] body{color:#e5e7eb!important;background:radial-gradient(circle at 0 0,#38bdf829,#0000 32%),radial-gradient(circle at 80% 10%,#7c3aed3d,#0000 34%),radial-gradient(circle at 50% 100%,#22c55e1a,#0000 36%),#050816!important}html[data-theme=light],html[data-theme=light] body{color:#0f172a!important;background:radial-gradient(circle at 0 0,#0ea5e921,#0000 32%),radial-gradient(circle at 80% 10%,#7c3aed1a,#0000 34%),radial-gradient(circle at 50% 100%,#22c55e14,#0000 36%),#f4f7fb!important}html[data-theme=dark] .hero-card{background:linear-gradient(135deg,#0f172af5,#0f172abd),radial-gradient(circle at 100% 0,#38bdf83d,#0000 34%),radial-gradient(circle at 0 100%,#7c3aed38,#0000 38%)!important;border-color:#94a3b838!important;box-shadow:0 30px 100px #00000057,inset 0 1px #ffffff14!important}html[data-theme=light] .hero-card{background:linear-gradient(135deg,#fffffff5,#f1f5f9e0),radial-gradient(circle at 100% 0,#38bdf833,#0000 34%),radial-gradient(circle at 0 100%,#7c3aed24,#0000 38%)!important;border-color:#0f172a1a!important;box-shadow:0 30px 90px #0f172a1f,inset 0 1px #ffffffd1!important}html[data-theme=dark] .panel{background:#0f172ac7!important;border-color:#94a3b833!important;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0d!important}html[data-theme=dark] .panel-primary{background:radial-gradient(circle at 100% 0,#38bdf824,#0000 38%),#0f172ad1!important}html[data-theme=dark] .panel-secondary{background:radial-gradient(circle at 100% 0,#7c3aed29,#0000 42%),#0f172ad1!important}html[data-theme=dark] .panel-neutral{background:radial-gradient(circle at 100% 0,#22c55e1a,#0000 42%),#0f172ad1!important}html[data-theme=light] .panel{background:#ffffffd1!important;border-color:#0f172a1a!important;box-shadow:0 24px 70px #0f172a1a,inset 0 1px #ffffffd1!important}html[data-theme=light] .panel-primary{background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 38%),#ffffffe0!important}html[data-theme=light] .panel-secondary{background:radial-gradient(circle at 100% 0,#7c3aed1a,#0000 42%),#ffffffe0!important}html[data-theme=light] .panel-neutral{background:radial-gradient(circle at 100% 0,#22c55e14,#0000 42%),#ffffffe0!important}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] .summary-card strong,html[data-theme=dark] .result-text,html[data-theme=dark] .transcript-output,html[data-theme=dark] .field label,html[data-theme=dark] .data-card label{color:#fff!important}html[data-theme=dark] .hero-description,html[data-theme=dark] .section-text,html[data-theme=dark] .status-text,html[data-theme=dark] .history-item p,html[data-theme=dark] .microphone-state{color:#cbd5e1!important}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] .summary-card strong,html[data-theme=light] .result-text,html[data-theme=light] .transcript-output,html[data-theme=light] .field label,html[data-theme=light] .data-card label{color:#0f172a!important}html[data-theme=light] .hero-description,html[data-theme=light] .section-text,html[data-theme=light] .status-text,html[data-theme=light] .history-item p,html[data-theme=light] .microphone-state{color:#475569!important}html[data-theme=light] .brand-text,html[data-theme=light] .empty-text{color:#64748b!important}html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] input[type=text]{color:#f8fafc!important;background:#02061794!important;border-color:#94a3b838!important}html[data-theme=light] select,html[data-theme=light] textarea,html[data-theme=light] input[type=text]{color:#0f172a!important;background:#ffffffe6!important;border-color:#0f172a24!important}html[data-theme=dark] .chip,html[data-theme=dark] .status-badge,html[data-theme=dark] .summary-card,html[data-theme=dark] .history-item,html[data-theme=dark] .data-card,html[data-theme=dark] .range-card,html[data-theme=dark] .recording-timer,html[data-theme=dark] .realtime-timer{color:#e2e8f0!important;background:#0206175c!important;border-color:#94a3b82e!important}html[data-theme=light] .chip,html[data-theme=light] .status-badge,html[data-theme=light] .summary-card,html[data-theme=light] .history-item,html[data-theme=light] .data-card,html[data-theme=light] .range-card,html[data-theme=light] .recording-timer,html[data-theme=light] .realtime-timer{color:#0f172a!important;background:#f8fafcdb!important;border-color:#0f172a1a!important}html[data-theme=dark] .secondary-button,html[data-theme=dark] .theme-button{color:#e2e8f0!important;background:#1e293beb!important;border-color:#94a3b82e!important}html[data-theme=light] .secondary-button,html[data-theme=light] .theme-button{color:#0f172a!important;background:#ffffffe6!important;border-color:#0f172a1f!important;box-shadow:0 12px 32px #0f172a14!important}html[data-theme=dark] .info-banner{color:#bae6fd!important;background:#0ea5e91a!important;border-color:#38bdf838!important}html[data-theme=light] .info-banner{color:#075985!important;background:#0ea5e91a!important;border-color:#0284c733!important}html[data-theme=dark] .recording-timer.warning,html[data-theme=dark] .realtime-timer.recommended{color:#fed7aa!important;background:#f9731626!important;border-color:#f9731640!important}html[data-theme=light] .recording-timer.warning,html[data-theme=light] .realtime-timer.recommended{color:#9a3412!important;background:#f9731624!important;border-color:#ea580c38!important}html[data-theme=dark] .mobile-bottom-nav{background:linear-gradient(#0f172af0,#020617f5)!important;border-color:#94a3b838!important}html[data-theme=light] .mobile-bottom-nav{background:linear-gradient(#fffffff5,#f1f5f9fa)!important;border-color:#0f172a1f!important}html[data-theme=dark] .mobile-nav-item{color:#e2e8f0b8!important}html[data-theme=light] .mobile-nav-item{color:#64748b!important}html[data-theme=dark] .mobile-nav-item.active,html[data-theme=light] .mobile-nav-item.active{color:#fff!important;background:radial-gradient(circle at 20% 10%,#38bdf861,#0000 34%),linear-gradient(135deg,#3b82f6f2,#7c3aedf2)!important}@media (width<=1100px){.content-grid{grid-template-columns:1fr}.side-column{grid-template-columns:.9fr 1.1fr;display:grid}}@media (width<=768px){.app-shell{width:min(100% - 22px,760px);padding-top:14px;padding-bottom:104px}.hero-card{border-radius:26px;margin-bottom:18px;padding:22px;display:block}.brand-row{margin-bottom:18px}.brand-dot,.brand-text{display:none}h1{font-size:clamp(2.05rem,12vw,3.35rem);line-height:.96}.hero-description{font-size:.95rem;line-height:1.58}.hero-actions{grid-template-columns:1fr;margin-top:18px;display:grid}.hero-actions .secondary-button,.theme-button{width:100%}.content-grid{margin-top:16px;display:block}.main-column,.side-column{width:100%;display:block}.panel{border-radius:24px;padding:20px}.section-header{display:block}.status-badge{margin-top:14px}.form-grid,.dual-actions,.summary-grid{grid-template-columns:1fr}.recording-timer,.realtime-timer{flex-direction:column;align-items:flex-start}.recording-timer small,.realtime-timer small{text-align:left}.mobile-tab-hidden{display:none!important}.mobile-tab-visible{display:block!important}.mobile-bottom-nav{z-index:9999;-webkit-backdrop-filter:blur(18px);background:linear-gradient(#0f172af0,#020617f5);border:1px solid #94a3b838;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 22px 70px #00000073,inset 0 1px #ffffff0f}.mobile-nav-item{color:#e2e8f0b8;letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:58px;font-size:.72rem;font-weight:800;display:inline-flex}.mobile-nav-item svg{opacity:.86}.mobile-nav-item.active{color:#fff;background:radial-gradient(circle at 20% 10%,#38bdf861,#0000 34%),linear-gradient(135deg,#3b82f6f2,#7c3aedf2);box-shadow:0 10px 28px #3b82f652,inset 0 1px #ffffff38}.mobile-nav-item.active svg{opacity:1}}@media (width<=480px){.app-shell{width:min(100% - 16px,480px)}.hero-card,.panel{border-radius:22px}.hero-chips{gap:8px}.chip{padding:8px 10px;font-size:.76rem}textarea{min-height:104px}}@media (width>=769px){.mobile-tab-hidden,.mobile-tab-visible{display:block}.side-column.mobile-tab-hidden,.side-column.mobile-tab-visible{display:flex}}.wake-lock-card{color:#e2e8f0;background:#0f172a73;border:1px solid #94a3b829;border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.wake-lock-card strong{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:900;display:block}.wake-lock-card p{color:#94a3b8;margin:0;font-size:.88rem;font-weight:700;line-height:1.4}.wake-lock-card.active{background:#22c55e1f;border-color:#22c55e47}.wake-lock-card.active strong{color:#bbf7d0}.wake-lock-card.active p{color:#dcfce7}html[data-theme=light] .wake-lock-card{color:#0f172a;background:#f8fafcdb;border-color:#0f172a1a}html[data-theme=light] .wake-lock-card strong{color:#0f172a}html[data-theme=light] .wake-lock-card p{color:#64748b}html[data-theme=light] .wake-lock-card.active{background:#22c55e1f;border-color:#16a34a38}html[data-theme=light] .wake-lock-card.active strong,html[data-theme=light] .wake-lock-card.active p{color:#166534}