:root{--ink:#f2f4f8;--dim:#8a93a8;--amber:#ffb347;--bg:#04050a;--panel:#080a11d1;--line:#8a93a838}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.stage{background:var(--bg);position:fixed;inset:0}.stage canvas{touch-action:none;opacity:0;width:100%;height:100%;animation:1.6s .15s forwards canvasIn;display:block}@keyframes canvasIn{to{opacity:1}}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud-brand{top:max(28px, env(safe-area-inset-top));left:max(32px, env(safe-area-inset-left));letter-spacing:.42em;font-size:13px;font-weight:600;animation:.9s .4s both hudIn;position:absolute}.hud-tag{letter-spacing:.3em;color:var(--dim);border:1px solid #8a93a859;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:10px;display:inline-block}.hud-phase{top:max(32px, env(safe-area-inset-top));right:max(32px, env(safe-area-inset-right));letter-spacing:.3em;color:var(--dim);text-align:right;font-size:10px;line-height:1.9;animation:.9s .55s both hudIn;position:absolute}.hud-hint{bottom:max(26px, env(safe-area-inset-bottom));letter-spacing:.34em;color:var(--dim);white-space:nowrap;font-size:10px;animation:.9s 1s both hudIn;position:absolute;left:50%;transform:translate(-50%)}.hud-hint b{color:var(--amber);font-weight:600}@keyframes hudIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hud-hint{animation-name:hudInCenter}@keyframes hudInCenter{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.wing-nav{bottom:max(58px, calc(env(safe-area-inset-bottom) + 32px));border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);pointer-events:auto;border-radius:999px;gap:6px;padding:6px;animation:.9s .85s both hudInCenter;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wing-nav-btn{color:var(--dim);font:inherit;letter-spacing:.22em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;transition:color .2s,background .2s,border-color .2s;display:flex}.wing-nav-btn:hover{color:var(--ink);background:#ffffff0d}.wing-nav-btn.is-selected{color:var(--ink);border-color:var(--accent);background:#ffffff0f}.wing-nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wing-nav-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;flex:none}.wing-nav-btn:not(.is-selected) .wing-nav-dot{opacity:.55;box-shadow:none}.wing-card{left:max(32px, env(safe-area-inset-left));background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--accent);-webkit-backdrop-filter:blur(18px);pointer-events:auto;z-index:20;border-radius:16px;width:min(340px,100vw - 64px);padding:24px 24px 20px;animation:.45s cubic-bezier(.22,1,.36,1) both cardIn;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 24px 60px #0000008c}@keyframes cardIn{0%{opacity:0;transform:translateY(-50%)translate(-18px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.wing-card-close{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:6px;font-size:22px;line-height:1;position:absolute;top:10px;right:14px}.wing-card-close:hover{color:var(--ink)}.wing-card-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.wing-badge{letter-spacing:.3em;color:var(--dim);border:1px solid var(--line);border-radius:999px;margin-bottom:14px;padding:6px 10px;font-size:10px;display:inline-block}.wing-badge.is-live{color:var(--accent);border-color:var(--accent)}.wing-card h2{letter-spacing:.12em;margin-bottom:6px;font-size:22px;font-weight:700}.wing-sub{letter-spacing:.26em;color:var(--dim);margin-bottom:14px;font-size:10px}.wing-blurb{color:var(--ink);opacity:.88;margin-bottom:16px;font-size:13px;line-height:1.75}.wing-note{letter-spacing:.08em;color:var(--dim);border-top:1px solid var(--line);padding-top:14px;font-size:11px;line-height:1.7}.wing-portal-link{letter-spacing:.12em;text-transform:uppercase;color:#061018;background:linear-gradient(135deg, var(--accent), #fff);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 45%, transparent));align-items:center;gap:6px;margin-bottom:16px;padding:10px 18px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.wing-portal-link:hover{filter:drop-shadow(0 0 20px color-mix(in srgb, var(--accent) 70%, transparent))}.wing-portal-link:active{transform:translateY(1px)}.notify-form{border-top:1px solid var(--line);padding-top:14px}.notify-form label{letter-spacing:.26em;color:var(--dim);margin-bottom:10px;font-size:10px;display:block}.notify-row{gap:8px;display:flex}.notify-row input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#ffffff0d;border-radius:10px;flex:1;padding:10px 12px;font-size:13px}.notify-row input::placeholder{color:#8a93a899}.notify-row input:focus{border-color:var(--accent);outline:none}.notify-row button{background:var(--accent);color:#04050a;font:inherit;letter-spacing:.08em;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:700;transition:filter .2s,transform .15s}.notify-row button:hover{filter:brightness(1.1)}.notify-row button:active{transform:scale(.97)}.notify-row button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.notify-error{color:#ff7d7d;letter-spacing:.04em;margin-top:8px;font-size:11px}.notify-fine{color:var(--dim);letter-spacing:.04em;margin-top:10px;font-size:10px;line-height:1.6}.notify-done{border-top:1px solid var(--line);letter-spacing:.04em;color:var(--accent);padding-top:14px;font-size:12px;line-height:1.7}.loader,.fallback{background:var(--bg);z-index:20;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex;position:absolute;inset:0}.loader-mark{place-items:center;width:64px;height:64px;display:grid}.loader-ring{border:2px solid #ffb34733;border-top-color:var(--amber);border-radius:50%;width:44px;height:44px;animation:1.1s linear infinite spin;box-shadow:0 0 24px #ffb34740}@keyframes spin{to{transform:rotate(360deg)}}.loader-word{letter-spacing:.5em;text-indent:.5em;font-size:13px;font-weight:600}.loader-bar{background:#8a93a833;border-radius:2px;width:220px;height:2px;overflow:hidden}.loader-fill{background:var(--amber);border-radius:2px;height:100%;transition:width .25s;box-shadow:0 0 12px #ffb347b3}.loader-fill.is-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:100%;animation:1.2s linear infinite shimmer;display:block}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loader-copy{letter-spacing:.42em;color:var(--dim);text-indent:.42em;font-size:10px}.loader-style{letter-spacing:.34em;color:var(--amber);text-indent:.34em;font-size:10px}.fallback h1{letter-spacing:.42em;font-size:15px;font-weight:600}.fallback p{max-width:420px;color:var(--dim);letter-spacing:.06em;font-size:13px;line-height:1.8}@media (max-width:720px){.hud-brand{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));font-size:11px}.hud-phase{top:max(20px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));font-size:9px}.hud-hint{letter-spacing:.26em;bottom:max(18px, env(safe-area-inset-bottom));font-size:9px}.wing-nav{bottom:max(48px, calc(env(safe-area-inset-bottom) + 26px));gap:2px;max-width:calc(100vw - 32px);padding:5px;overflow-x:auto}.wing-nav-label{display:none}.wing-nav-btn{padding:10px}.wing-nav-btn.is-selected .wing-nav-label{display:inline}.wing-card{top:auto;left:12px;right:12px;bottom:max(108px, calc(env(safe-area-inset-bottom) + 84px));width:auto;animation-name:sheetIn;transform:none}@keyframes sheetIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.stage canvas{opacity:1;animation:none}.hud-brand,.hud-phase,.hud-hint,.wing-nav,.wing-card,.loader-ring,.loader-fill.is-loading:after{animation:none}}.hud-clock{letter-spacing:.24em;color:var(--amber);font-variant-numeric:tabular-nums;border:1px solid #d8b25c59;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:11px;display:inline-block}.mode-toggle{bottom:max(26px, env(safe-area-inset-bottom));right:max(32px, env(safe-area-inset-right));letter-spacing:.26em;color:var(--ink);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(12px);z-index:30;background:#0a0c12b8;border-radius:999px;padding:12px 20px;font-size:11px;font-weight:700;transition:border-color .25s,box-shadow .25s,color .25s;animation:.9s 1.1s both hudIn;position:absolute}.mode-toggle:hover{border-color:var(--amber)}.mode-toggle.is-inhabit{color:#ffd76a;border-color:#ffd76aa6;box-shadow:0 0 24px #ffd76a2e}.mode-toggle:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.wing-werkid{letter-spacing:.22em;color:var(--accent);border:1px dashed var(--accent);border-radius:6px;margin:10px 0 2px;padding:5px 9px;font-size:10px;display:inline-block}.agent-card .wing-note{margin-top:14px}.voice-ui{bottom:max(26px, env(safe-area-inset-bottom));left:max(32px, env(safe-area-inset-left));z-index:30;flex-direction:column;align-items:flex-start;gap:10px;animation:.9s 1.2s both hudIn;display:flex;position:absolute}.voice-buttons{gap:10px;display:flex}.voice-btn{border:1px solid var(--line);width:46px;height:46px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#0a0c12b8;border-radius:50%;justify-content:center;align-items:center;transition:border-color .25s,box-shadow .25s,transform .15s;display:flex}.voice-btn:hover{border-color:var(--amber);transform:scale(1.06)}.voice-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.voice-btn.is-listening{color:#ff5d5d;border-color:#ff5d5d;animation:1.2s ease-in-out infinite micPulse;box-shadow:0 0 24px #ff5d5d59}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-btn-text{color:var(--dim);font-size:20px;font-weight:700}.voice-bar{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);border-radius:14px;width:min(420px,100vw - 64px);padding:12px;animation:.35s cubic-bezier(.22,1,.36,1) both cardIn;box-shadow:0 24px 60px #0000008c}.voice-bar form{gap:8px;display:flex}.voice-bar input{border:1px solid var(--line);color:var(--ink);background:#ffffff0d;border-radius:8px;outline:none;flex:1;min-width:0;padding:10px 12px;font-size:14px}.voice-bar input:focus{border-color:var(--amber)}.voice-bar button[type=submit]{background:var(--amber);color:#0b0b0d;letter-spacing:.08em;cursor:pointer;border:none;border-radius:8px;padding:0 16px;font-size:13px;font-weight:700}.voice-bar-close{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:20px}.voice-note{color:var(--amber);margin-top:10px;font-size:13px;line-height:1.5}.voice-examples{color:var(--dim);letter-spacing:.04em;margin-top:10px;font-size:11px;line-height:1.7}.voice-hint{letter-spacing:.3em;color:var(--dim);margin-left:4px;font-size:9px}.style-clean{--bg:#f7f8fa;--ink:#14171f;--dim:#5c6474;--amber:#b98a2f;--panel:#ffffffdb;--line:#14171f29}.style-clean .hud-tag{border-color:#14171f40}.style-clean .hud-clock{color:var(--amber);border-color:#b98a2f73}.style-clean .mode-toggle,.style-clean .voice-btn{background:#ffffffd1;box-shadow:0 8px 24px #14171f14}.style-clean .mode-toggle.is-inhabit{color:#8a6a1f;border-color:#b98a2fb3;box-shadow:0 0 24px #b98a2f38}.style-clean .voice-btn.is-listening{color:#d64545;border-color:#d64545}.style-clean .voice-bar input{background:#14171f0a}.style-clean .voice-bar button[type=submit]{background:var(--amber);color:#fff}.style-clean .wing-card{box-shadow:0 24px 60px #14171f24}.style-clean .wing-nav-btn{background:#ffffffb3}.style-clean .loader,.style-clean .fallback{background:var(--bg);color:var(--ink)}