: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}.hub-home{min-height:100vh;margin:0;background:radial-gradient(1100px 640px at 12% -10%,rgba(38,38,252,.22),transparent 60%),radial-gradient(860px 560px at 90% 4%,rgba(240,180,41,.08),transparent 62%),var(--bg-base, #07070C);color:var(--text-primary, #EDEDF5);font-family:Inter,system-ui,sans-serif}.home-top{display:flex;align-items:center;gap:14px;padding:16px 26px;border-bottom:1px solid var(--border-subtle, #23232F);background:var(--bg-panel, #101018)}.home-sp{flex:1}.home-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.home-brand img{width:30px;height:30px;border-radius:9px;display:block}.home-brand b{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.01em}.home-brand small{display:block;font-size:11.5px;color:var(--text-muted, #82849A)}.home-cfg{border:1px solid var(--border-subtle, #23232F);border-radius:999px;padding:8px 15px;font-size:11.5px;font-weight:700;color:var(--text-secondary, #B9BBCB);text-decoration:none;transition:border-color .14s ease,color .14s ease}.home-cfg:hover{border-color:#6f7aff;color:var(--text-primary, #EDEDF5)}.home-cfg.is-set{font-family:Roboto Mono,monospace;font-size:11px;color:#4ade80;border-color:#4ade8061;background:#4ade8014}.home-main{max-width:1120px;margin:0 auto;padding:30px 26px 70px;display:flex;flex-direction:column;gap:26px}.home-intro{display:flex;flex-direction:column;gap:13px;max-width:720px}.home-intro h1{margin:0;font-size:27px;font-weight:800;letter-spacing:-.025em;line-height:1.22}.home-intro p{margin:0;font-size:13.5px;line-height:1.65;color:var(--text-secondary, #B9BBCB)}.home-intro b{color:var(--text-primary, #EDEDF5)}.home-vswitch{display:flex;gap:8px;margin-top:5px;flex-wrap:wrap}.home-vbtn{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--border-subtle, #23232F);border-radius:13px;padding:10px 16px;background:var(--bg-panel, #101018);color:var(--text-secondary, #B9BBCB);font-family:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease}.home-vbtn:hover{border-color:#6f7aff}.home-vbtn b{font-size:12.5px;font-weight:700}.home-vbtn small{font-size:10.5px;color:var(--text-muted, #82849A)}.home-vbtn.is-on{background:linear-gradient(135deg,#6f7aff,#2626fc);border-color:transparent;color:#fff}.home-vbtn.is-on small{color:#ffffffc7}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:14px}.home-card{display:flex;flex-direction:column;gap:9px;padding:18px;border-radius:18px;text-decoration:none;border:1px solid var(--border-subtle, #23232F);background:var(--bg-panel, #101018);color:inherit;transition:border-color .16s ease,transform .16s ease}.home-card:hover{border-color:#6f7aff;transform:translateY(-2px)}.home-badge{align-self:flex-start;border-radius:999px;padding:3px 9px;font-size:9px;font-weight:800;letter-spacing:.09em;background:#2626fc29;color:#aeb6ff}.home-card h3{margin:0;font-size:15px;font-weight:800;letter-spacing:-.015em}.home-card p{margin:0;flex:1;font-size:12px;line-height:1.6;color:var(--text-secondary, #B9BBCB)}.home-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.home-spec{font-family:Roboto Mono,monospace;font-size:10px;color:var(--text-faint, #4F5162)}.home-go{font-size:11.5px;font-weight:700;color:#6f7aff}.home-note{display:flex;flex-direction:column;gap:11px;padding:20px;border-radius:18px;border:1px solid var(--border-subtle, #23232F);background:var(--bg-panel, #101018)}.home-note h2{margin:0;font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--text-muted, #82849A)}.home-note ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px}.home-note li{font-size:12.5px;line-height:1.6;color:var(--text-secondary, #B9BBCB)}.home-note li b{color:var(--text-primary, #EDEDF5)}.home-fine{margin:0;font-size:11.5px;color:var(--text-faint, #4F5162)}@media(max-width:620px){.home-main{padding:22px 16px 50px}.home-intro h1{font-size:22px}}