@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#071526;--panel:#0d2239;--panel2:#112c48;--text:#eff8ff;--muted:#8eabc1;--accent:#35c7dc;--accent2:#5678ff;--glow:rgba(53,199,220,.35);--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% 0,var(--panel2),var(--bg) 42%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}button,input{font:inherit}.splash{position:fixed;inset:0;z-index:20;background:radial-gradient(circle at center,#143653 0,#071526 47%,#030a13 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;transition:opacity .65s,visibility .65s}.splash.hide{opacity:0;visibility:hidden}.splash h1{font:800 42px "Barlow Condensed";letter-spacing:11px;margin:32px 0 5px}.splash p{color:var(--muted);letter-spacing:2px;font-size:12px}.skip{margin-top:45px;border:1px solid rgba(255,255,255,.2);color:white;background:rgba(255,255,255,.06);border-radius:30px;padding:12px 22px;cursor:pointer}.orb-wrap{width:180px;height:180px;position:relative;display:grid;place-items:center}.orb{width:78px;height:78px;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent2));display:grid;place-items:center;font:800 44px "Barlow Condensed";box-shadow:0 0 45px var(--glow);animation:pulse 2s ease-in-out infinite}.orbit{position:absolute;inset:15px;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);border-right-color:rgba(86,120,255,.5);animation:spin 2.5s linear infinite}.orbit-b{inset:0;animation-duration:4s;animation-direction:reverse;border-top-color:rgba(255,255,255,.6)}.orbit-c{inset:33px;animation-duration:1.8s;transform:rotate(40deg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 75px var(--glow)}}.app{max-width:1100px;margin:auto;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.mini-brand{display:flex;gap:10px;align-items:center;color:white;text-decoration:none;font:800 20px "Barlow Condensed";letter-spacing:2px}.mini-brand span{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2))}.top-actions{display:flex;gap:10px}.icon-button,.avatar{border:1px solid var(--line);color:white;background:rgba(255,255,255,.05);width:40px;height:40px;border-radius:50%;cursor:pointer}.avatar{background:linear-gradient(145deg,var(--accent2),var(--accent));font-weight:800;font-size:12px}.welcome{text-align:center;padding:45px 20px 24px}.time-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}.welcome h2{font:800 clamp(38px,7vw,64px) "Barlow Condensed";margin:7px 0 2px}.welcome p{color:var(--muted);margin:0;font-size:16px}.voice-card{margin:8px auto;padding:30px 20px;text-align:center;max-width:680px}.voice-card>p{color:var(--muted);font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.talk-button{width:142px;height:142px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 35% 30%,#69e5ef,var(--accent2) 62%,#243f9c);box-shadow:0 0 55px var(--glow);margin:22px auto 15px;display:grid;place-items:center;position:relative;cursor:pointer;color:white}.talk-button:hover{transform:scale(1.02)}.talk-button.listening{animation:listen 1s ease-in-out infinite}.talk-button .rings{position:absolute;inset:-14px;border:1px solid var(--accent);border-radius:50%;opacity:.35}.talk-button .mic{width:24px;height:38px;border-radius:14px 14px 18px 18px;border:3px solid white;color:transparent;position:relative}.talk-button .mic:after{content:"";position:absolute;width:34px;height:18px;border:3px solid white;border-top:0;border-radius:0 0 20px 20px;left:-8px;bottom:-9px}@keyframes listen{50%{box-shadow:0 0 90px var(--accent);transform:scale(1.04)}}#talkLabel{font:700 15px "Barlow Condensed";letter-spacing:2px}.heard{min-height:18px}.answer{max-width:570px;text-align:left;margin:22px auto 0;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:15px;padding:20px}.answer span{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:2px}.answer p{line-height:1.6}.answer button{border:0;background:none;color:var(--accent);padding:0;cursor:pointer}.suggestions{padding:5px 24px 35px;max-width:850px;margin:auto}.suggestions h3,.section-title h3{font:700 22px "Barlow Condensed";margin:0 0 13px}.chips{display:flex;gap:9px;overflow:auto;padding-bottom:4px}.chips button{flex:0 0 auto;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);color:var(--muted);padding:10px 14px;cursor:pointer}.tools{padding:30px 24px 50px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title button{border:0;background:none;color:var(--accent);cursor:pointer}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);color:white;border-radius:16px;padding:22px;text-align:left;min-height:145px;cursor:pointer}.tool:hover{border-color:var(--accent);transform:translateY(-2px)}.tool span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:rgba(53,199,220,.12);font-size:22px;margin-bottom:16px}.tool strong,.tool small{display:block}.tool strong{font:700 20px "Barlow Condensed"}.tool small{color:var(--muted);margin-top:4px}footer{border-top:1px solid var(--line);padding:25px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1.5px}footer small{letter-spacing:0;max-width:500px;text-align:right}dialog{border:1px solid var(--line);border-radius:20px;background:#10253c;color:white;max-width:470px;width:calc(100% - 30px);padding:0;box-shadow:0 30px 80px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(0,5,12,.75);backdrop-filter:blur(5px)}dialog form{padding:30px;position:relative}dialog h2{font:700 34px "Barlow Condensed"}.close{position:absolute;right:16px;top:13px;background:none;border:0;color:white;font-size:26px;cursor:pointer}.dialog-icon{font-size:40px}.primary{border:0;border-radius:9px;background:linear-gradient(90deg,var(--accent2),var(--accent));color:white;padding:13px 19px;font-weight:700;cursor:pointer}dialog label{display:block;color:var(--muted);font-size:12px;margin:17px 0}dialog input[type=text],dialog input:not([type]){display:block;width:100%;padding:12px;margin-top:7px;border-radius:8px;border:1px solid var(--line);background:#071526;color:white}.switch{display:flex;gap:10px;align-items:center}.skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skin-grid button{color:white;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.05);padding:16px;cursor:pointer}.skin-grid i{display:block;height:30px;border-radius:7px;margin-bottom:8px;background:linear-gradient(90deg,#35c7dc,#5678ff)}.skin-grid [data-skin=army] i{background:linear-gradient(90deg,#30412d,#8b8f63)}.skin-grid [data-skin=construction] i{background:linear-gradient(90deg,#f1aa19,#252525)}.skin-grid [data-skin=night] i{background:linear-gradient(90deg,#8a3ffc,#ff4fd8)}
body[data-skin=army]{--bg:#11180f;--panel:#253021;--panel2:#3a4533;--accent:#a6b36b;--accent2:#596444;--glow:rgba(166,179,107,.3)}body[data-skin=construction]{--bg:#151515;--panel:#262626;--panel2:#343434;--accent:#ffc126;--accent2:#e66d19;--glow:rgba(255,193,38,.3)}body[data-skin=night]{--bg:#100b25;--panel:#21133e;--panel2:#301b59;--accent:#ff4fd8;--accent2:#8a3ffc;--glow:rgba(255,79,216,.3)}
@media(max-width:650px){.welcome{padding-top:35px}.voice-card{padding-top:18px}.tool-grid{grid-template-columns:1fr 1fr}.tool{padding:17px;min-height:135px}.tool strong{font-size:18px}footer{display:block}footer small{display:block;text-align:left;margin-top:8px}.splash h1{font-size:36px}.orb-wrap{width:155px;height:155px}.talk-button{width:128px;height:128px}}