:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#f3f6ff;background:#0a101c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 80% 20% at 50% 0%,#19314c 0%,transparent 70%),#0a101c;min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{max-width:790px;margin:auto;padding:0 26px}header{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid #283344}.brand{display:flex;align-items:center;gap:12px}.brandicon{background:#d5f879;color:#0e1e16;border-radius:13px;font-size:20px;font-weight:900;width:45px;height:45px;display:flex;align-items:center;justify-content:center;letter-spacing:-4px;padding-right:4px}.brandicon span{font-size:15px;align-self:flex-end;margin-bottom:8px}.brand strong{display:block;font-size:17px;letter-spacing:-.4px}.brand small{display:block;font-size:10px;letter-spacing:1.5px;color:#8c9caf;margin-top:4px}.outline{border:1px solid #435168;color:#e3e9f2;background:transparent;padding:13px 19px;border-radius:12px;font-weight:650}.outline:hover{background:#222d3b}.outline.tiny{font-size:12px;padding:9px 13px;border-radius:9px}.headline{padding:38px 0 27px}.eyebrow{display:flex;align-items:center;gap:9px;color:#b8df7c;font-weight:700;font-size:10px;letter-spacing:2px}.dot{width:7px;height:7px;background:#c7f879;border-radius:50%;box-shadow:0 0 14px #d3fb84}.headline h1{font-size:clamp(32px,5.5vw,48px);letter-spacing:-1.8px;margin:17px 0 10px}.headline em{font-style:normal;color:#d0f388}.headline p{margin:0;color:#9fadc1;font-size:14px;line-height:1.8}.controls{padding-top:7px}.control-label{font-size:12px;color:#9eafc6;margin-bottom:12px}.direction{display:grid;grid-template-columns:1fr 1fr;gap:11px}.direction button{border-radius:13px;background:#131d2b;color:#d3ddeb;border:1px solid #344255;padding:16px 5px;font-size:14px;font-weight:650}.direction button span{color:#93a7be;padding:0 8px}.direction button.selected{background:#273626;border-color:#c4ec82;box-shadow:inset 0 0 0 1px #b9e37c;color:#f6ffe9}.toolrow{display:flex;justify-content:space-between;align-items:center;padding:21px 1px 15px}.state{font-size:12px;color:#a4b3c9;display:flex;gap:9px;align-items:center}.state i{height:7px;width:7px;border-radius:50%;background:#8091a9}.state.listening i{background:#c5f47f;box-shadow:0 0 10px #c5f47f}.right{display:flex;align-items:center;gap:20px}.toggle-label{font-size:12px;color:#8fa1b9;display:flex;align-items:center;gap:6px}.toggle-label input{accent-color:#c4eb82}.subtle{background:none;color:#9eb0c8;border:0;font-size:12px;padding:5px}.subtle:hover{color:#d3f789}.live{background:#131e2d;border:1px solid #334257;border-radius:19px;overflow:hidden;box-shadow:0 22px 60px #04091240}.live-head{height:52px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #304057;color:#96a6bc;font-size:10px;font-weight:800;letter-spacing:2px}.live-pill{display:inline-block;letter-spacing:0;margin-left:9px;background:#35445a;border-radius:4px;padding:5px 8px;color:#cbd8e5;font-size:10px}.live-pill.on{background:#314d2e;color:#cff290}.pair{padding:24px 26px;min-height:147px}.langhead{display:flex;align-items:center;justify-content:space-between}.langbadge{color:#b3c5d9;font-size:12px;font-weight:750}.langbadge.translated{color:#d5f98c}.muted{font-size:11px;color:#72869f}.sentence{margin-top:15px;font-size:clamp(20px,3vw,25px);line-height:1.55;overflow-wrap:anywhere}.original{color:#eff4fb}.translation{color:#d1f494;font-weight:700}.placeholder{color:#718198!important;font-weight:400}.rule{border-top:1px dashed #3e5065;margin:0 26px}.action-row{display:flex;gap:12px;margin-top:22px}.mic{border:0;border-radius:12px;background:#d0f48d;color:#18271c;padding:17px 22px;font-weight:800;font-size:15px;flex:1;box-shadow:0 6px 28px #b0e56a20}.mic:hover{background:#e0ffa5}.mic.active{background:#f5a6a2;color:#311818}.mic span:first-child{font-size:18px;margin-right:9px}.helper{font-size:12px;color:#71849b;text-align:center;margin:14px 0 39px;line-height:1.6}.history{border-top:1px solid #2a3545;padding:24px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead h2{font-size:18px;margin:0 0 6px}.sectionhead p{font-size:12px;color:#8292a7;margin:0}.items{margin-top:19px;max-height:390px;overflow:auto}.empty{text-align:center;color:#73869a;border:1px dashed #344256;border-radius:15px;font-size:12px;padding:28px 14px}.emptyicon{font-size:36px;color:#536980;margin-bottom:7px}.entry{border-bottom:1px solid #273449;padding:16px 5px}.entry:first-child{padding-top:4px}.entrytop{display:flex;justify-content:space-between;color:#758aa4;font-size:11px;margin-bottom:7px}.entry .src{font-size:14px;color:#c2d0df;line-height:1.6}.entry .dst{font-size:17px;color:#d1f494;font-weight:600;line-height:1.6;margin-top:4px}.entry .error{color:#f1aaa6}.footnote{padding:16px 18px;border-radius:12px;background:#152331;color:#93a4b6;font-size:12px;line-height:1.8}.footnote strong{color:#c1d0df}.footnote p{margin:4px 0 0}footer{display:flex;justify-content:space-between;padding:34px 0 45px;color:#586d85;font-size:10px;letter-spacing:1.2px}dialog{background:#172334;border:1px solid #405069;color:#ecf3fa;border-radius:18px;width:min(440px,calc(100vw - 35px));padding:25px;box-shadow:0 10px 60px #0009}dialog::backdrop{background:#050a10bb}dialog h3{margin:0 0 8px}dialog p{font-size:13px;color:#b8c6d6;line-height:1.7}dialog textarea{width:100%;background:#0e1826;border:1px solid #4c5d71;color:white;border-radius:9px;padding:12px;resize:vertical;margin:10px 0}.dialogactions{display:flex;justify-content:flex-end;gap:12px}.primary{background:#d0f48d;border:0;color:#18271c;padding:12px 19px;border-radius:10px;font-weight:800}.helpcopy .primary{margin-top:12px}@media(max-width:540px){.shell{padding:0 17px}header{padding:18px 0}.headline{padding-top:28px}.direction{gap:8px}.direction button{font-size:12px;padding:13px 2px}.direction button span{padding:0 2px}.right{gap:10px}.pair{padding:21px 19px;min-height:140px}.rule{margin:0 19px}.action-row{gap:8px}.action-row .outline{padding:10px 13px;font-size:12px}.headline h1{letter-spacing:-1px}}