:root{--bg:#04141d;--panel:#082532dd;--line:#1d647477;--cyan:#4ce4ff;--text:#effcff;--muted:#8dafba;--good:#6dffd4}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#04141d;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{padding:env(safe-area-inset-top) 0 calc(78px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -15%,#0e3a4a 0,#061c26 35%,#031018 76%)}
.bg{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:34px 34px}
button,input,textarea{font:inherit}button{color:var(--text);background:#0c3444;border:1px solid var(--line);border-radius:12px;padding:11px 13px}input,textarea{width:100%;background:#03151e;border:1px solid #18546488;color:var(--text);border-radius:12px;padding:13px;margin-top:6px;outline:none}input:focus,textarea:focus{border-color:var(--cyan)}label{display:block;color:#bdd4db;font-size:12px;margin:12px 0}.primary{background:linear-gradient(135deg,#047d9e,#00b6d7);border-color:#40e0fa;font-weight:700}.wide{width:100%}
header{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#04141dda;backdrop-filter:blur(16px);border-bottom:1px solid #174a5977}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:8px}.brand b{letter-spacing:4px}.brand small{color:var(--cyan)}.dot{width:22px;height:22px;border-radius:50%;border:1px solid var(--cyan);box-shadow:0 0 18px var(--cyan)}.online{font-size:10px;color:var(--good);letter-spacing:1px}
main{max-width:760px;margin:auto}.page{display:none;padding:18px}.page.active{display:block}.hero{text-align:center;padding:18px 0}.core{width:132px;height:132px;border-radius:50%;margin:16px auto;background:radial-gradient(circle,#69efff 0,#0584a7 16%,#062b39 50%,#03131b 73%);border:1px solid #67edff;box-shadow:0 0 42px #4ce4ff44,inset 0 0 32px #4ce4ff44;position:relative}.core:before,.core:after{content:"";position:absolute;inset:-23px;border:1px solid #4ce4ff55;border-left-color:transparent;border-radius:50%;animation:spin 8s linear infinite}.core:after{inset:-42px;animation-duration:13s;animation-direction:reverse;border-right-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.core.listening{animation:pulse .7s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.08);box-shadow:0 0 80px #4ce4ffaa}}.core span{letter-spacing:4px;font-weight:800}
#answer{min-height:24px;color:#c2dbe3}.command{display:flex;gap:8px}.command input{margin:0}.command button{width:52px}.chips{display:flex;overflow:auto;gap:8px;padding-top:12px}.chips button{white-space:nowrap}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stats article,.panel,.card{background:linear-gradient(180deg,#0b2b38d9,#061d27d9);border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:0 18px 50px #0005}.stats small{color:var(--muted);font-size:9px;letter-spacing:1px}.stats strong{display:block;font-size:28px;color:var(--cyan);margin-top:5px}.panel{margin:12px 0}.panel h3{margin-top:0}.muted{color:var(--muted);font-size:12px;line-height:1.5}
.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.title small{color:var(--cyan);letter-spacing:2px}.title h1{margin:2px 0 0;font-size:28px}.list{display:grid;gap:9px;margin-top:12px}.card h3{margin:0 0 5px}.card p{margin:3px 0;color:var(--muted);font-size:12px}.row{display:flex;justify-content:space-between;gap:8px;align-items:center}.actions{display:flex;gap:7px;margin-top:11px}.actions button{font-size:11px;padding:8px 9px}.tabs{display:flex;background:#03131b;padding:4px;border-radius:13px;margin:10px 0}.tabs button{flex:1;border:0;background:transparent}.tabs .active{background:#0e3b4c;color:var(--cyan)}.secure{color:var(--good);font-size:20px}.result{margin-top:12px;padding:13px;border:1px solid #6dffd466;background:#6dffd40d;border-radius:12px}.result a{color:var(--good);word-break:break-all}.split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filebtn{margin:0;display:flex;justify-content:center;align-items:center;background:#0c3444;border:1px solid var(--line);border-radius:12px;padding:11px}.toggle{display:flex;align-items:center;justify-content:space-between}.toggle input{width:auto;margin:0}
nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:72px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:#031219ef;backdrop-filter:blur(18px);border-top:1px solid #174a5977}nav button{flex:1;border:0;border-radius:0;background:none;color:#718f99;padding:8px 2px}nav button.active{color:var(--cyan)}nav span{display:block;font-size:19px}nav small{font-size:9px}
.overlay{display:none;position:fixed;inset:0;background:#000a;z-index:60;backdrop-filter:blur(8px)}.overlay.show{display:flex}.sheet{margin-top:auto;width:100%;background:#061b25;border:1px solid var(--line);border-radius:22px 22px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));display:grid;gap:8px}.sheet button{text-align:left}.modal{margin:auto;width:min(92%,560px);max-height:88vh;overflow:auto;background:#061b25;border:1px solid var(--line);border-radius:20px;padding:16px}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h2{margin:0}.modalhead button{font-size:24px;border:0;background:none}
#toast{position:fixed;z-index:90;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;background:#0a2d3b;border:1px solid var(--line);padding:10px 14px;border-radius:12px;transition:.2s;max-width:88%;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}code{color:var(--cyan)}
@media(min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}}