:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#dce4f4e6;background:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:#000}button,input{font:inherit;border:0}button{cursor:pointer}.streaks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.streaks:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:linear-gradient(128deg,transparent 21%,rgba(0,200,255,.05) 22.4%,rgba(0,230,255,.075) 23.2%,rgba(0,200,255,.05) 24%,transparent 25.4%),linear-gradient(105deg,transparent 54%,rgba(110,50,255,.038) 55.2%,rgba(150,80,255,.06) 56%,rgba(110,50,255,.038) 56.8%,transparent 58%),linear-gradient(162deg,transparent 9%,rgba(0,220,140,.028) 9.8%,rgba(0,240,160,.045) 10.5%,rgba(0,220,140,.028) 11.2%,transparent 12%);mix-blend-mode:screen;animation:drift-a 34s ease-in-out infinite alternate}.streaks:after{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:linear-gradient(148deg,transparent 67%,rgba(255,50,120,.028) 68%,rgba(255,75,145,.042) 68.8%,rgba(255,50,120,.028) 69.6%,transparent 70.6%),linear-gradient(88deg,transparent 37%,rgba(50,130,255,.038) 38.2%,rgba(80,160,255,.06) 39%,rgba(50,130,255,.038) 39.8%,transparent 41%),linear-gradient(172deg,transparent 78%,rgba(180,50,255,.022) 78.9%,rgba(210,90,255,.038) 79.6%,rgba(180,50,255,.022) 80.3%,transparent 81.2%);mix-blend-mode:screen;animation:drift-b 44s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translate(-4%,-3%) rotate(-.7deg) scale(1)}to{transform:translate(4%,3%) rotate(.7deg) scale(1.02)}}@keyframes drift-b{0%{transform:translate(3%,4%) rotate(.5deg) scale(1.01)}to{transform:translate(-3%,-4%) rotate(-.5deg) scale(1)}}.app-shell{position:relative;min-height:100vh}.app-main{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;max-width:820px;margin:0 auto;padding:1.75rem 2rem 3.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.5rem}.header-left{display:flex;align-items:center;gap:.65rem}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#ffffff2e;transition:background .4s,box-shadow .4s}.status-dot--ready{background:#ffffff52}.status-dot--loading-model{background:#fbbf24bf;animation:blink 1s ease-in-out infinite}.status-dot--capturing{background:#10b981e6;box-shadow:0 0 8px #10b98180,0 0 18px #10b9812e;animation:blink 2.2s ease-in-out infinite}.status-dot--error{background:#ef4444cc}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.app-title{font-size:.85rem;font-weight:500;letter-spacing:.05em;color:#ffffff94}.live-badge{font-size:.56rem;font-weight:800;letter-spacing:.16em;color:#10b981d9;border:1px solid rgba(16,185,129,.28);border-radius:3px;padding:.1rem .38rem}.details-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#ffffff59;font-size:1rem;line-height:1;transition:background .15s,color .15s,border-color .15s}.details-toggle:hover{background:#ffffff14;color:#ffffffa6;border-color:#ffffff21}.details-toggle--open{background:#ffffff12;color:#ffffff8c;border-color:#ffffff1f}.transcript-section{flex:1;display:flex;flex-direction:column;padding-bottom:2rem}.transcript-area{font-size:clamp(1.4rem,3.2vw,2.1rem);font-weight:300;line-height:1.7;letter-spacing:-.015em}.text-stable{color:#fffffff5}.text-unstable{color:#ffffff7a}.text-placeholder{color:#ffffff4d;font-weight:300;font-style:italic;font-size:clamp(.95rem,2.2vw,1.35rem)}.speaking-bar{width:48px;height:2px;border-radius:2px;background:linear-gradient(90deg,#00c8ff8c,#9646ff8c);margin-top:1.75rem;animation:bar-pulse .95s ease-in-out infinite alternate}@keyframes bar-pulse{0%{opacity:.3;width:24px}to{opacity:.85;width:60px}}.controls{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.main-btn{padding:.78rem 2.2rem;border-radius:999px;font-size:.88rem;font-weight:500;letter-spacing:.02em;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;transition:background .15s,border-color .15s,color .15s,transform .12s}.main-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff2e;color:#ffffffe0;transform:translateY(-1px)}.main-btn--stop{background:#ef444412;border-color:#ef44442e;color:#fca5a5bf}.main-btn--stop:hover:not(:disabled){background:#ef444421;border-color:#ef444447;color:#fca5a5f2}.main-btn:disabled{opacity:.26;cursor:not-allowed}.error-msg{font-size:.79rem;color:#fca5a5b8;line-height:1.5}.compat-warn{font-size:.77rem;color:#fde68a94;line-height:1.5}.details-panel{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1.75rem}.details-field{display:flex;flex-direction:column;gap:.55rem}.details-label{font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#ffffff38;display:block}.details-input{width:100%;padding:.62rem .82rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#ffffff80;font-size:.81rem;transition:border-color .15s}.details-input:focus{outline:none;border-color:#ffffff29}.details-input:disabled{opacity:.35}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.details-block{display:flex;flex-direction:column;gap:.52rem}.details-block-heading{font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff3;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.details-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.79rem}.details-row span:first-child{color:#ffffff47}.details-row span:last-child{color:#ffffff9e;font-weight:500;font-variant-numeric:tabular-nums}.details-notice{padding:.7rem .88rem;border-radius:8px;font-size:.79rem;line-height:1.5}.details-notice p+p{margin-top:.3rem}.details-notice--error{background:#7f1d1d1f;border:1px solid rgba(239,68,68,.14);color:#fca5a5a6}.details-notice--warn{background:#78350f1a;border:1px solid rgba(251,191,36,.13);color:#fde68a99}.details-event-log{display:flex;flex-direction:column;gap:.32rem;max-height:180px;overflow-y:auto;scrollbar-width:none}.details-event-log::-webkit-scrollbar{display:none}.details-event{font-size:.76rem;color:#ffffff42;padding:.38rem .55rem;background:#ffffff05;border-radius:5px;line-height:1.45}@media (max-width: 640px){.app-main{padding:1.25rem 1.25rem 2.5rem}.app-header{margin-bottom:2.5rem}.details-grid{grid-template-columns:1fr}}