:root{--bg:#041018;--panel:#081923cc;--line:#123849;--cyan:#5fd7ff;--text:#d9f4ff;--muted:#7da4b3;--ok:#6dffc0;--warn:#ffcf66}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 20%,#0b2530 0,#06131b 35%,#02090e 85%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}body{min-height:100dvh;padding-bottom:calc(88px + env(safe-area-inset-bottom));overflow-x:hidden}.scan{position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent 0 49%,rgba(95,215,255,.018) 50% 51%,transparent 52%);background-size:100% 6px;z-index:20}.topbar{height:64px;padding:calc(10px + env(safe-area-inset-top)) 18px 8px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #123241;background:#041018d9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{letter-spacing:.18em;font-weight:700;font-size:14px}.brand small{font-size:9px;color:var(--muted);letter-spacing:.22em}.dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 16px var(--cyan)}.iconbtn,.x,.linkbtn{border:0;background:transparent;color:var(--cyan);font-size:24px}.hero{min-height:440px;display:grid;place-items:center;align-content:center;gap:14px;padding:24px 16px}.orb{position:relative;width:min(72vw,300px);aspect-ratio:1;border:0;background:none;border-radius:50%;filter:drop-shadow(0 0 30px rgba(95,215,255,.15))}.orb .ring{position:absolute;border:1px solid rgba(95,215,255,.3);border-radius:50%;inset:8%;box-shadow:inset 0 0 20px rgba(95,215,255,.04)}.orb .r2{inset:18%;border-style:dashed;animation:spin 12s linear infinite}.orb .r3{inset:30%;border-width:2px;animation:spin 6s linear reverse infinite}.orb .core{position:absolute;inset:38%;border-radius:50%;background:radial-gradient(circle,#d7fbff 0 8%,#78e6ff 20%,#0b5e7b 50%,#04131c 74%);box-shadow:0 0 25px #5fd7ff,0 0 70px rgba(95,215,255,.4)}.orb.listening{animation:pulse 1.2s ease-in-out infinite}.orb.thinking .r2{animation-duration:1.4s}.orb.speaking .core{animation:pulse .65s ease-in-out infinite}.status{font-size:12px;letter-spacing:.35em;color:var(--cyan);font-weight:700}.heard{text-align:center;color:var(--muted);font-size:14px;min-height:40px;max-width:330px;line-height:1.45}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 12px}.quick button{min-height:74px;border:1px solid var(--line);background:linear-gradient(180deg,#0a202c,#071720);color:var(--text);border-radius:14px;display:grid;align-content:center;gap:5px}.quick b{font-size:11px;letter-spacing:.12em;color:var(--cyan)}.quick span{font-size:12px;color:var(--muted)}.card{margin:0 12px 18px;border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden}.cardhead{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.18em;color:var(--cyan)}.linkbtn{font-size:11px}.log{max-height:260px;overflow:auto;padding:12px}.msg{padding:10px 0;border-bottom:1px solid rgba(18,56,73,.45);font-size:14px;line-height:1.4}.msg b{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-bottom:3px}.msg.jarvis b{color:var(--cyan)}.composer{position:fixed;bottom:0;left:0;right:0;z-index:11;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;background:#041018ee;backdrop-filter:blur(18px);border-top:1px solid var(--line)}.composer input{flex:1;min-width:0;border:1px solid var(--line);background:#071720;color:var(--text);border-radius:12px;padding:14px}.composer button,.primary,.save,.shortcutbox button{border:1px solid #28617a;background:#0b3142;color:var(--text);border-radius:12px;padding:0 16px;font-weight:700}.composer button{color:var(--cyan)}dialog{width:min(94vw,520px);max-height:88dvh;border:1px solid var(--line);border-radius:20px;background:#06131b;color:var(--text);padding:0;box-shadow:0 28px 80px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.sheet{padding:18px;display:grid;gap:14px;overflow:auto;max-height:88dvh}.sheethead{display:flex;justify-content:space-between;align-items:center;color:var(--cyan);letter-spacing:.14em}.sheet label{display:grid;gap:6px;font-size:12px}.sheet small{color:var(--muted)}.sheet input{width:100%;border:1px solid var(--line);background:#041018;color:var(--text);border-radius:10px;padding:12px}.sheet hr{border:0;border-top:1px solid var(--line);width:100%}.row{display:flex;gap:10px;align-items:center}.primary,.save,.shortcutbox button{min-height:44px}.badge{font-size:10px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--warn)}.badge.ok{color:var(--ok);border-color:#24664d}.shortcutbox{padding:12px;border:1px solid var(--line);border-radius:12px;background:#071720}.shortcutbox p,.privacy,.help{color:var(--muted);font-size:12px;line-height:1.5}.shortcutbox code,.help code{color:var(--cyan)}.save{background:#0a4258;color:var(--cyan)}.help ol{padding-left:20px;color:var(--muted);line-height:1.6}.help b{color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.035);filter:drop-shadow(0 0 45px rgba(95,215,255,.4))}}@media(min-width:700px){main{max-width:680px;margin:auto}.quick{padding-left:0;padding-right:0}.card{margin-left:0;margin-right:0}}