:root{--bg-app: #07070d;--bg-card: #0e1017;--bg-elevated: #151824;--border-subtle: #1e2235;--border-active: #3b4268;--text-primary: #f3f5fc;--text-secondary: #9095b0;--text-muted: #5e6482;--accent-primary: #2626fc;--accent-light: #6f7aff;--accent-glow: rgba(38, 38, 252, .25);--success: #10b981;--warning: #f59e0b;--header-height: 64px}[data-hub-theme=light]{--bg-app: #eef1f8;--bg-card: #ffffff;--bg-elevated: #f5f7fd;--border-subtle: #d6dbe9;--border-active: #a4b0d8;--text-primary: #0f1326;--text-secondary: #4a5170;--text-muted: #7c85a6;--accent-primary: #2626fc;--accent-light: #4c57f5;--accent-glow: rgba(38, 38, 252, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}.hub-header{height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hub-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.hub-logo{width:32px;height:32px;border-radius:9px;box-shadow:0 2px 8px var(--accent-glow)}.hub-title-group{display:flex;flex-direction:column}.hub-title{font-size:15px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.hub-badge{font-size:10.5px;font-weight:600;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.hub-domain{font-size:11px;color:var(--text-secondary);font-family:Roboto Mono,monospace}.hub-nav-container{display:flex;align-items:center;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:10px;padding:3px;gap:2px;overflow-x:auto;max-width:60%}.hub-nav-tab{background:transparent;border:none;color:var(--text-secondary);padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;display:flex;align-items:center;gap:6px}.hub-nav-tab:hover{color:var(--text-primary);background:#ffffff0d}.hub-nav-tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 4px #00000026;border:1px solid var(--border-active)}.hub-controls{display:flex;align-items:center;gap:10px}.hub-ctrl-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.hub-ctrl-btn:hover{color:var(--text-primary);border-color:var(--border-active);background:var(--bg-card)}.hub-ctrl-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.hub-select{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;outline:none;cursor:pointer}.hub-main{flex:1;display:flex;flex-direction:column;position:relative;background:var(--bg-app)}.hub-meta-bar{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:10px 24px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.hub-meta-info{display:flex;align-items:center;gap:16px;color:var(--text-secondary)}.hub-meta-title{font-weight:700;color:var(--text-primary);font-size:13.5px}.hub-meta-pill{background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:6px;font-family:Roboto Mono,monospace;font-size:11px}.hub-viewer-container{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:calc(100vh - var(--header-height) - 48px);background:radial-gradient(circle at center,rgba(38,38,252,.04) 0%,transparent 70%)}.hub-frame-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 20px 60px #0006;overflow:hidden;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s ease}.hub-frame-header{height:38px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.hub-frame-dots{display:flex;gap:6px}.hub-dot{width:9px;height:9px;border-radius:50%}.hub-dot.red{background:#ff5f57}.hub-dot.yellow{background:#febc2e}.hub-dot.green{background:#28c840}.hub-frame-url{font-size:11px;font-family:Roboto Mono,monospace;color:var(--text-muted);background:var(--bg-card);padding:2px 14px;border-radius:999px;border:1px solid var(--border-subtle)}.hub-frame{width:100%;height:100%;border:none;background:transparent;flex:1}.hub-toast{position:fixed;bottom:24px;right:24px;background:#10b981;color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0003;z-index:9999;transform:translateY(100px);opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.hub-toast.show{transform:translateY(0);opacity:1}@media(max-width:992px){.hub-nav-container{max-width:100%;order:3;width:100%;margin-top:10px}.hub-header{height:auto;flex-wrap:wrap;padding:12px 16px;gap:10px}.hub-viewer-container{padding:12px}}@keyframes tokiRow0{0%{background-position:0 0}to{background-position:-1344px 0}}@keyframes tokiRow1{0%{background-position:0 -208px}to{background-position:-1536px -208px}}@keyframes tokiRow2{0%{background-position:0 -416px}to{background-position:-1536px -416px}}@keyframes tokiRow3{0%{background-position:0 -624px}to{background-position:-768px -624px}}@keyframes tokiRow4{0%{background-position:0 -832px}to{background-position:-960px -832px}}@keyframes tokiRow5{0%{background-position:0 -1040px}to{background-position:-1536px -1040px}}@keyframes tokiRow6{0%{background-position:0 -1248px}to{background-position:-1152px -1248px}}@keyframes tokiRow7{0%{background-position:0 -1456px}to{background-position:-1152px -1456px}}@keyframes tokiRow8{0%{background-position:0 -1664px}to{background-position:-1152px -1664px}}@keyframes tokiHop{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tokiAura{0%,to{opacity:.32;transform:scale(1)}50%{opacity:.68;transform:scale(1.08)}}@keyframes tokiTear{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(24px)}}@keyframes tokiSparkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes tokiWave{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-62deg)}}@keyframes tokiStepL{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}@keyframes tokiStepR{0%,to{transform:rotate(9deg)}50%{transform:rotate(-8deg)}}@keyframes btPop{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes btPulse{0%,to{opacity:.45}50%{opacity:1}}.toki-sprite-pixelated{image-rendering:pixelated;image-rendering:crisp-edges}