:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#030c15;color:#a9d4e3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 55% 15%,#10395188,transparent 65%);min-height:100vh;display:grid;grid-template-columns:205px 1fr}aside{border-right:1px solid #215368;padding:25px 16px;background:#04111ded}.brand{font-size:19px;color:#a9faff;letter-spacing:2px;padding:0 0 28px}.brand small{display:block;font-size:8px;letter-spacing:4px;margin:10px 0}nav{display:grid;gap:12px}button{font:inherit;font-size:12px;cursor:pointer;background:linear-gradient(110deg,#103546,#071928);color:#9edcea;border:1px solid #266278;border-radius:6px;padding:12px;text-align:left}button:hover{border-color:#4de4ec;box-shadow:0 0 12px #27cad52b}button:disabled{opacity:.5;cursor:default}nav button:first-child{border-color:#44b5ca}.sidevoice{border:1px solid #1d5267;border-radius:7px;padding:16px;margin-top:50px;font-size:11px}.sidevoice b{display:block;color:#40e4ea;font-size:11px;margin-top:20px}.privacy{display:block;font-size:9px;line-height:1.8;color:#5a889b;margin-top:25px}main{padding:18px;min-width:0}header{height:55px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.badge{font-size:10px;border:1px solid #1d5365;border-radius:20px;padding:9px;color:#40ddc1}time{color:#53e5f5;font-size:18px;letter-spacing:2px}.topgrid{display:grid;grid-template-columns:220px 1fr 245px;gap:14px}.bottomgrid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:16px}section{border:1px solid #204b60;border-radius:8px;padding:17px;background:linear-gradient(135deg,#0c2537cc,#03121ee6);box-shadow:inset 0 0 0 4px #13304433}h2{font-size:10px;color:#81cedd;letter-spacing:2px;margin:0 0 20px}.stat{border:1px solid #1a4558;background:#091e2b;padding:13px 10px;border-radius:5px;margin-top:10px;font-size:11px}.stat b{display:block;color:#3ce8d8;font-size:10px;padding-top:6px}.hero{position:relative;min-height:355px;overflow:hidden;background:radial-gradient(ellipse,#073a5288,transparent 70%)}canvas{position:absolute;inset:0;width:100%;height:100%}.coreTitle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.coreTitle h1{color:#45f3ee;font-size:34px;text-shadow:0 0 20px #32e9ed;margin:0 0 15px}.coreTitle span{font-size:9px;color:#5cf3f2;letter-spacing:2px}.coreTitle p{margin-top:24px;font-size:12px;color:#b7ebf6}ul{padding:0;list-style:none;margin:0}li{background:#0a2939;border-left:2px solid #35d8db;border-radius:3px;margin:10px 0;padding:12px;font-size:11px;line-height:1.5}section>small{font-size:9px;color:#5a899b}p{font-size:12px;color:#729eaf;line-height:1.8}.steps,.numbers{display:flex;gap:20px;justify-content:space-around;margin:28px 0}.steps b{font-size:24px;color:#3ce3e1}.steps span{display:block;font-size:11px;color:#83b6c8;margin-top:10px}.numbers b{display:block;font-size:35px;color:#44e7eb}.numbers small{font-size:8px;letter-spacing:1px}.bottomgrid section:last-child button{display:block;width:100%;margin:10px 0}footer{margin-top:20px;min-height:70px;border:1px solid #164555;border-radius:10px;display:flex;align-items:center;gap:25px;padding:18px;box-shadow:0 0 20px #12cde210}footer b{font-size:11px;color:#51edec;letter-spacing:2px}footer span{margin-left:auto;font-size:9px;color:#4a798c}.wave{height:30px;width:110px;background:repeating-linear-gradient(90deg,transparent 0 4px,#34dfe1 4px 6px);mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);opacity:.6}body[data-mode=listening] .wave,body[data-mode=speaking] .wave{animation:pulse .6s alternate infinite}.sidevoice .wave{width:100%}#error,#loginError{color:#ffa693}dialog{max-width:550px;width:calc(100% - 36px);border:1px solid #2d7a90;border-radius:12px;background:#081b29;color:#a9d4e3;padding:30px;box-shadow:0 0 90px #000}dialog::backdrop{background:#010b14dd;backdrop-filter:blur(9px)}dialog h2{font-size:24px;margin:15px 0}dialog small{letter-spacing:3px;color:#36e3dc;font-size:10px}label{display:block;font-size:12px;margin:18px 0}input,textarea{width:100%;padding:12px;background:#04121d;border:1px solid #25576c;color:#d1f4ff;border-radius:6px;font:inherit;margin-top:8px}textarea{font-size:13px;resize:vertical}.dialogActions{display:flex;justify-content:space-between;margin-top:20px}#login>button{width:100%}@keyframes pulse{to{opacity:1;transform:scaleY(1.3)}}@media(max-width:1100px){.topgrid{grid-template-columns:170px 1fr}.topgrid>section:last-child{grid-column:1/-1}.bottomgrid{grid-template-columns:1fr 1fr}.bottomgrid>section:last-child{grid-column:1/-1}}@media(max-width:700px){body{grid-template-columns:1fr}aside{padding:15px;border-right:0;border-bottom:1px solid #215368}.brand{padding-bottom:10px}nav{grid-template-columns:1fr 1fr;gap:6px}.sidevoice,.privacy{display:none}main{padding:12px}.topgrid,.bottomgrid{grid-template-columns:1fr}.hero{min-height:310px;grid-row:1}.topgrid>section:last-child,.bottomgrid>section:last-child{grid-column:auto}time{font-size:12px}.coreTitle h1{font-size:30px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}