html,body,#root{background:#000;width:100%;min-width:0;max-width:100%;min-height:100%;margin:0;padding:0}html{overflow-x:hidden}body{-webkit-text-size-adjust:100%;background:#000;min-height:100vh;overflow-x:hidden}#root{background:#000;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}:root{color:#7cff7c;font-synthesis:none;text-rendering:optimizelegibility;background:#000;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}html,body,#root{min-height:100%;margin:0}body{color:#7cff7c;background:radial-gradient(circle at 50% 20%,#00ff5014,#0000 30%),linear-gradient(#000,#020702 55%,#000);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:20;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;background-image:linear-gradient(#00ff5006 1px,#0000 1px),linear-gradient(90deg,#00ff5006 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000f2,#00000040);mask-image:linear-gradient(#000000f2,#00000040)}button,input{font:inherit}.page{min-height:100vh;padding:max(22px, env(safe-area-inset-top)) 14px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.card{background:linear-gradient(#010c05f2,#000602f0);border:1px solid #32ff6447;border-radius:8px;width:min(100%,470px);padding:23px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00ff460f,0 0 28px #00ff501a,inset 0 0 35px #00ff4609}.card:before{content:"SYSTEM // TALK";color:#5aff8254;letter-spacing:.16em;font-size:9px;position:absolute;top:7px;right:10px}.card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#46ff6e09,#0000);height:45px;animation:5s linear infinite scan;position:absolute;top:-10%;left:0;right:0}@keyframes scan{0%{transform:translateY(-70px)}to{transform:translateY(650px)}}h1{color:#90ff90;letter-spacing:.08em;text-shadow:0 0 6px #5aff5aa6,0 0 18px #00ff4633;margin:0;font-size:30px;font-weight:700}.status{color:#58ff73;letter-spacing:.06em;text-shadow:0 0 8px #3cff5a73;margin:14px 0 17px;font-size:16px;font-weight:700}.indicator{background:#214729;border-radius:50%;width:11px;height:11px;margin:20px auto 10px;box-shadow:0 0 0 5px #00ff5009}.indicator.listening{background:#2f6;box-shadow:0 0 8px #2f6,0 0 22px #2f6c,0 0 0 6px #22ff6614}.indicator.recognizing{background:#b2ff5e;box-shadow:0 0 9px #b2ff5e,0 0 20px #b2ff5ea6}.indicator.translating,.indicator.connecting{background:#57ffb0;box-shadow:0 0 9px #57ffb0,0 0 20px #57ffb08c}.indicator.speaking{background:#d8ff78;box-shadow:0 0 9px #d8ff78,0 0 22px #d8ff7899}.indicator.error{background:#f35;box-shadow:0 0 10px #f35,0 0 20px #ff33558c}.card>p{color:#56b968}.card>p strong{color:#98ff9f;text-shadow:0 0 5px #50ff644d;margin-left:5px}.speechBox{text-align:left;margin:22px 0}.label{color:#36ff66;letter-spacing:.16em;text-transform:uppercase;margin:14px 0 7px;font-size:11px;font-weight:700}.label:before{content:"> ";opacity:.65}.partial,.final{color:#91ff98;background:linear-gradient(#010f05f5,#000802fa);border:1px solid #32ff6429;border-radius:4px;box-shadow:inset 0 0 22px #00ff4606}.partial{text-shadow:0 0 4px #46ff5a38;min-height:58px;padding:14px 15px;font-size:16px;line-height:1.55}.final{scrollbar-width:thin;scrollbar-color:#32ff644d #0006;min-height:135px;max-height:340px;padding:15px;font-size:15px;line-height:1.62;overflow-y:auto}.final strong{color:#39ff66;text-shadow:0 0 6px #32ff5a66}button{color:#8dff9b;cursor:pointer;letter-spacing:.07em;background:linear-gradient(#03260beb,#001507f5);border:1px solid #32ff5a75;border-radius:4px;width:100%;padding:14px 17px;font-weight:700;transition:background .15s,box-shadow .15s,transform 80ms;box-shadow:0 0 14px #00ff5014,inset 0 0 12px #00ff460a}button:hover{background:linear-gradient(#05370ff5,#012009fa);box-shadow:0 0 18px #00ff5026}button:active{transform:scale(.985)}.settingsBox{text-align:left;background:#000d04eb;border:1px solid #31ff5a2e;border-radius:4px;margin:18px 0 22px;padding:16px;box-shadow:inset 0 0 20px #00ff5005}.settingsBox label{color:#8aff96;cursor:pointer;align-items:center;gap:7px;margin:11px 0;display:flex}.settingsBox input[type=radio]{accent-color:#35ff63;width:17px;height:17px;margin:0}.error{background:#2d0008ad;border:1px solid #ff28505c;border-radius:4px;padding:11px 13px;font-size:13px;line-height:1.5;color:#ff7f96!important}.hint{color:#426e4c;font-size:12px;line-height:1.5}@media (width<=520px){.page{padding-left:10px;padding-right:10px}.card{padding:19px}h1{font-size:27px}}html{overscroll-behavior:none;background:#000;width:100%;min-height:100%;overflow-x:hidden}body{overscroll-behavior:none;background-color:#000;width:100%;min-height:100vh;overflow-x:hidden}#root{background:#000;width:100%;min-height:100vh;overflow-x:hidden}.page{background:0 0;width:100%;max-width:100%;overflow-x:hidden;padding-left:0!important;padding-right:0!important}.card{width:calc(100% - 20px);max-width:470px}.appTitle{align-items:baseline;display:inline-flex}.cursor{color:#7dff8d;text-shadow:0 0 6px #5aff6ecc,0 0 16px #1eff5a80;margin-left:2px;animation:.9s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,48%{opacity:1}49%,to{opacity:0}}.settingsBackdrop{z-index:90;-webkit-backdrop-filter:blur(3px);background:#000501b8;position:fixed;inset:0}.settingsSheet{z-index:100;width:min(100%,520px);padding:10px 20px max(24px, env(safe-area-inset-bottom));background:linear-gradient(#021206fa,#000702fc);border:1px solid #40ff6442;border-bottom:0;border-radius:16px 16px 0 0;animation:.22s ease-out sheetUp;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -16px 45px #00ff501c,inset 0 1px #50ff780d}@keyframes sheetUp{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.sheetHandle{background:#5fff7859;border-radius:999px;width:42px;height:4px;margin:2px auto 18px;box-shadow:0 0 8px #41ff6438}.sheetHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheetHeader h2{color:#91ff9b;letter-spacing:.06em;text-shadow:0 0 8px #46ff6459;margin:2px 0 0;font-size:22px}.sheetEyebrow{color:#3d9f4f;letter-spacing:.18em;font-size:9px}.sheetClose{border-radius:50%;width:42px;height:42px;padding:0;font-size:24px;line-height:1}.sheetSection{border-top:1px solid #3cff641c;margin-top:18px;padding-top:16px}.sheetOption{color:#9cff9f;cursor:pointer;background:#00140599;border:1px solid #37ff5f21;border-radius:6px;align-items:center;gap:10px;margin-top:9px;padding:13px 12px;display:flex}.sheetOption input{accent-color:#39ff66;width:18px;height:18px;margin:0}.sheetInfo{color:#6dbd78;background:#000f0475;border:1px solid #37ff5f1a;border-radius:6px;padding:13px 12px;font-size:13px;line-height:1.5}