@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg-0: #090816;--bg-1: #1b1539;--text-main: #f8f6ff;--text-sub: #c7c3e0}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(circle at 22% 18%,#2c245a 0%,transparent 35%),radial-gradient(circle at 78% 70%,#3f1f5f 0%,transparent 36%),linear-gradient(160deg,var(--bg-0),var(--bg-1))}.page{position:fixed;top:0;right:0;bottom:0;left:0}.mesh-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;opacity:1;transition:opacity .45s ease}.overlay.is-fading{opacity:0;pointer-events:none}.copy{max-width:820px;text-align:center;animation:fade-up .8s ease-out both}.title-button{border:none;background:transparent;color:var(--text-main);padding:0;cursor:pointer;font-size:clamp(2rem,8vw,5.4rem);line-height:.95;font-weight:700;letter-spacing:.03em;margin:0;transition:opacity .15s ease}.title-button:hover{opacity:.9}.command-hint{position:fixed;left:20px;bottom:20px;display:grid;gap:8px;padding:10px 12px;border:1px solid rgba(248,246,255,.22);border-radius:12px;background:#0a0818a8;color:var(--text-sub);font-size:.86rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.command-row{display:flex;align-items:center;gap:8px}.control-dock{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(248,246,255,.25);border-radius:14px;background:#0a0818c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dock-btn{min-width:44px;min-height:44px;border:1px solid rgba(248,246,255,.28);border-radius:10px;background:#f8f6ff14;color:var(--text-main);font:inherit;font-weight:700}.dock-btn.active{border-color:#ff8a1fb3;background:#ff8a1f2e}kbd{min-width:22px;text-align:center;font-family:inherit;font-size:.75rem;font-weight:700;color:var(--text-main);border:1px solid rgba(248,246,255,.35);border-radius:6px;background:#f8f6ff14;padding:2px 6px}@media (max-width: 900px){.command-hint{display:none}.control-dock{display:grid}}h1{font-size:clamp(2rem,8vw,5.4rem);line-height:.95;font-weight:700;letter-spacing:.03em;margin:0}.lead{margin-top:1rem;font-size:clamp(.95rem,2.4vw,1.2rem);color:var(--text-sub)}@keyframes fade-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}