@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--bg: #050816;--bg-1: #0a0e1f;--bg-2: #0f1428;--surface: #0c1024;--surface-elevated: #111634;--border: #1a2040;--border-bright: #232a52;--border-glow: rgba(168, 85, 247, .18);--violet: #A855F7;--violet-soft: #C084FC;--violet-deep: #7E22CE;--cyan: #06B6D4;--cyan-soft: #67E8F9;--cyan-deep: #0E7490;--success: #22C55E;--warn: #F59E0B;--error: #EF4444;--text: #F4F4F8;--text-dim: #A6ABC0;--text-faint: #5b6280;--text-ghost: #3a4060;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 24px 60px rgba(0,0,0,.6), 0 4px 12px rgba(0,0,0,.4);--shadow-violet: 0 0 0 1px rgba(168,85,247,.2), 0 8px 32px rgba(168,85,247,.15);--shadow-cyan: 0 0 0 1px rgba(6,182,212,.2), 0 8px 32px rgba(6,182,212,.15)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-feature-settings:"ss01","ss02","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;line-height:1.5;overflow-x:hidden}body{min-height:100vh;position:relative}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-mesh:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse 800px 600px at 15% 0%,rgba(168,85,247,.18) 0%,transparent 55%),radial-gradient(ellipse 700px 500px at 85% 20%,rgba(6,182,212,.14) 0%,transparent 55%),radial-gradient(ellipse 900px 700px at 50% 100%,rgba(126,34,206,.12) 0%,transparent 55%);filter:blur(40px);animation:meshDrift 24s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:translate(0) rotate(0)}50%{transform:translate(-3%,2%) rotate(.5deg)}to{transform:translate(2%,-2%) rotate(-.5deg)}}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 0%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 0%,transparent 80%)}#app{position:relative;z-index:2}.display{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.04em;line-height:.95}.mono{font-family:var(--font-mono);font-feature-settings:"zero","ss01"}.tabular{font-variant-numeric:tabular-nums}.kicker{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);display:inline-flex;align-items:center;gap:8px}.kicker:before{content:"";width:6px;height:6px;background:var(--violet);box-shadow:0 0 8px var(--violet);transform:rotate(45deg)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:#050816b8;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;color:inherit}.brand-mark{width:28px;height:28px;position:relative;display:grid;place-items:center}.brand-mark svg{width:100%;height:100%}.brand-name{font-size:15px;font-weight:600;letter-spacing:-.02em}.brand-name em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--text-dim);margin-left:4px}.nav-links{display:flex;gap:4px;align-items:center}.nav-link{padding:7px 14px;font-size:13px;color:var(--text-dim);text-decoration:none;border-radius:8px;transition:all .2s var(--ease);background:transparent;border:none;cursor:pointer;font-family:inherit;font-weight:500}.nav-link:hover{color:var(--text);background:#ffffff08}.nav-link.active{color:var(--text);background:#ffffff0d}.nav-cta{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;font-family:inherit;letter-spacing:-.01em;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;text-decoration:none;color:var(--text);background:transparent;position:relative;overflow:hidden}.btn-ghost{color:var(--text-dim);border-color:transparent}.btn-ghost:hover{color:var(--text);background:#ffffff0a}.btn-secondary{background:#ffffff0a;border-color:var(--border-bright);color:var(--text)}.btn-secondary:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#fafafa,#d4d4d8);color:#050816;font-weight:600;box-shadow:0 1px #fff6 inset,0 0 0 1px #ffffff1a,0 8px 24px #ffffff14}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px #fff6 inset,0 0 0 1px #ffffff26,0 12px 32px #ffffff1f}.btn-violet{background:linear-gradient(180deg,var(--violet) 0%,var(--violet-deep) 100%);color:#fff;font-weight:600;box-shadow:0 1px #fff3 inset,0 0 0 1px #a855f766,0 8px 24px #a855f74d}.btn-violet:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff40 inset,0 0 0 1px #a855f780,0 12px 32px #a855f766}.btn-icon{width:32px;height:32px;padding:0;border-radius:8px;background:#ffffff08;border-color:var(--border);color:var(--text-dim)}.btn-icon:hover{color:var(--text);background:#ffffff0f;border-color:var(--border-bright)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}.btn .arrow{transition:transform .2s var(--ease);display:inline-block}.btn:hover .arrow{transform:translate(2px)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-family:var(--font-mono);font-size:10px;background:#0006;border:1px solid var(--border-bright);border-radius:4px;color:var(--text-faint)}.card{background:linear-gradient(180deg,#ffffff06,#ffffff03);border:1px solid var(--border);border-radius:14px;padding:24px;position:relative;overflow:hidden;transition:border-color .3s var(--ease),transform .3s var(--ease)}.card.spotlight{--mx: 50%;--my: 50%}.card.spotlight:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(400px circle at var(--mx) var(--my),rgba(168,85,247,.25),transparent 40%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.card.spotlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(300px circle at var(--mx) var(--my),rgba(168,85,247,.08),transparent 40%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.card.spotlight:hover:before,.card.spotlight:hover:after{opacity:1}.card:hover{border-color:var(--border-bright)}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);font-family:var(--font-mono);font-weight:500}.status-dot{position:relative;width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--success)}.status-dot.online:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid var(--success);opacity:.4;animation:ringPulse 2s ease-out infinite}@keyframes ringPulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(2);opacity:0}}.status-dot.online{box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--text-ghost)}.status-dot.warn{background:var(--warn);box-shadow:0 0 8px var(--warn)}.status-dot.starting{background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.page{min-height:calc(100vh - 65px);animation:pageIn .5s var(--ease)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;padding:100px 32px 120px;max-width:1280px;margin:0 auto;text-align:center}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border:1px solid var(--border-bright);border-radius:100px;background:#ffffff05;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text-dim);margin-bottom:32px;cursor:pointer;transition:all .2s var(--ease)}.hero-kicker:hover{border-color:#a855f766;color:var(--text)}.hero-kicker .badge{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:600}.hero h1{font-size:clamp(48px,7vw,96px);font-weight:500;letter-spacing:-.04em;line-height:1;margin-bottom:28px}.hero h1 .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;background:linear-gradient(135deg,#fff,#c084fc,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:18px;color:var(--text-dim);max-width:560px;margin:0 auto 40px;line-height:1.55}.hero-cta{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:80px}.hero-meta{display:flex;gap:28px;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.hero-meta span{display:inline-flex;align-items:center;gap:8px}.hero-meta span:before{content:"";width:4px;height:4px;background:var(--cyan);border-radius:50%;box-shadow:0 0 6px var(--cyan)}.crystal-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-1}.crystal-particle{position:absolute;width:12px;height:12px;opacity:.4;animation:floatParticle 12s ease-in-out infinite}.crystal-particle svg{width:100%;height:100%}@keyframes floatParticle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(90deg)}50%{transform:translate(-15px,-50px) rotate(180deg)}75%{transform:translate(-25px,-20px) rotate(270deg)}}.hero-preview{margin-top:60px;position:relative;border:1px solid var(--border-bright);border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);padding:8px;box-shadow:0 40px 100px -20px #a855f740,0 0 0 1px #ffffff0d;overflow:hidden}.hero-preview:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.6),transparent)}.hero-preview-inner{border-radius:12px;overflow:hidden;background:var(--bg-1);position:relative}.preview-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:#0000004d}.preview-dots{display:flex;gap:6px}.preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--border-bright)}.preview-url{flex:1;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-align:center}.preview-body{padding:24px;display:grid;grid-template-columns:200px 1fr;gap:24px;text-align:left;min-height:320px}.preview-side{display:flex;flex-direction:column;gap:6px}.preview-side-item{padding:8px 10px;font-size:12px;color:var(--text-faint);border-radius:6px;display:flex;align-items:center;gap:8px}.preview-side-item.active{background:#a855f71a;color:var(--text)}.preview-content{display:flex;flex-direction:column;gap:12px}.preview-row{height:12px;background:var(--border);border-radius:4px}.preview-row.short{width:40%}.preview-row.tall{height:80px;background:linear-gradient(90deg,#a855f726,#06b6d41a);border:1px solid var(--border-bright)}.section{max-width:1280px;margin:0 auto;padding:80px 32px}.section-head{margin-bottom:56px;max-width:640px}.section-head h2{font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-top:16px}.section-head h2 .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--violet-soft)}.section-head p{margin-top:16px;font-size:16px;color:var(--text-dim);line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{position:relative;border:1px solid var(--border);border-radius:14px;padding:28px 24px;background:linear-gradient(180deg,#ffffff06,#ffffff01);overflow:hidden;transition:all .3s var(--ease);--mx: 50%;--my: 50%}.feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(300px circle at var(--mx) var(--my),rgba(168,85,247,.12),transparent 50%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.feature:hover{border-color:var(--border-bright);transform:translateY(-2px)}.feature:hover:before{opacity:1}.feature-icon{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#a855f726,#06b6d41a);border:1px solid var(--border-bright);display:grid;place-items:center;margin-bottom:20px;color:var(--violet-soft)}.feature h3{font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.feature p{font-size:13px;color:var(--text-dim);line-height:1.55}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:16px}.bento .feature{padding:28px}.bento .span-3{grid-column:span 3}.bento .span-2{grid-column:span 2}.bento .span-4{grid-column:span 4}.bento .row-2{grid-row:span 2}.bento-tall{display:flex;flex-direction:column;justify-content:space-between}.bento-visual{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bento .feature>*{position:relative;z-index:1}.footer{border-top:1px solid var(--border);margin-top:80px;padding:40px 32px;display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin-left:auto;margin-right:auto}.footer-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.06em}.cta-band{position:relative;max-width:1280px;margin:80px auto;padding:80px 48px;border:1px solid var(--border-bright);border-radius:24px;background:radial-gradient(ellipse 600px 400px at 50% 0%,rgba(168,85,247,.18),transparent 70%),linear-gradient(180deg,#ffffff08,#ffffff03);text-align:center;overflow:hidden}.cta-band:before{content:"";position:absolute;top:0;left:30%;right:30%;height:1px;background:linear-gradient(90deg,transparent,var(--violet),transparent)}.cta-band h2{font-size:clamp(36px,5vw,56px);font-weight:500;letter-spacing:-.03em;line-height:1;margin-bottom:16px}.cta-band h2 .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--cyan-soft)}.cta-band p{color:var(--text-dim);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 65px)}.sidebar{border-right:1px solid var(--border);padding:24px 16px;background:#0003;display:flex;flex-direction:column;gap:4px}.sidebar-section{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:16px 12px 8px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:13px;color:var(--text-dim);text-decoration:none;border-radius:7px;cursor:pointer;transition:all .15s var(--ease);background:none;border:none;font-family:inherit;font-weight:500;width:100%;text-align:left}.sidebar-link svg{width:14px;height:14px;flex-shrink:0}.sidebar-link:hover{color:var(--text);background:#ffffff0a}.sidebar-link.active{color:var(--text);background:#a855f71a}.sidebar-link.active svg{color:var(--violet-soft)}.sidebar-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:#ffffff0d;border-radius:4px;color:var(--text-faint)}.user-card{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#0000004d}.avatar{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--violet),var(--cyan));display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info .name{font-size:12px;font-weight:600}.user-info .plan{font-size:11px;color:var(--text-faint);font-family:var(--font-mono)}.app-main{padding:32px 40px;position:relative;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.page-title{font-size:28px;font-weight:500;letter-spacing:-.02em;margin-bottom:4px}.page-title .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--violet-soft)}.page-sub{color:var(--text-dim);font-size:14px}.page-actions{display:flex;gap:8px;align-items:center}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 65px);padding:40px 20px}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border-bright);border-radius:18px;padding:40px 36px;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0009}.auth-card:before{content:"";position:absolute;top:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,var(--violet),transparent)}.auth-mark{width:40px;height:40px;margin-bottom:24px}.auth-card h2{font-size:24px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}.auth-card h2 .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--violet-soft)}.auth-card .sub{font-size:13px;color:var(--text-dim);margin-bottom:28px}.field{margin-bottom:14px}.field label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.field input,.field select{width:100%;padding:10px 12px;background:#0006;border:1px solid var(--border-bright);border-radius:8px;color:var(--text);font-size:13px;font-family:inherit;transition:all .2s var(--ease)}.field input::placeholder{color:var(--text-ghost)}.field input:focus,.field select:focus{outline:none;border-color:#a855f780;background:#00000080;box-shadow:0 0 0 4px #a855f714}.auth-submit{width:100%;padding:11px;margin-top:8px}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-toggle{text-align:center;font-size:13px;color:var(--text-dim);margin-top:20px}.auth-toggle a{color:var(--violet-soft);text-decoration:none;cursor:pointer;font-weight:500}.auth-toggle a:hover{color:var(--text)}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:9px;background:#ffffff08;border:1px solid var(--border-bright);border-radius:8px;font-size:13px;color:var(--text);font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s var(--ease);margin-bottom:8px}.oauth-btn:hover{background:#ffffff0f;border-color:#ffffff26}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stat{border:1px solid var(--border);border-radius:12px;padding:16px;background:linear-gradient(180deg,#ffffff05,#ffffff01)}.stat-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.stat-value{font-size:24px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-value .unit{font-size:14px;color:var(--text-dim);margin-left:4px}.stat-trend{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;margin-top:6px}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--error)}.sparkline{width:100%;height:32px;margin-top:8px}.servers{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.server-card{position:relative;--mx: 50%;--my: 50%;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#ffffff06,#ffffff01);padding:20px;cursor:pointer;overflow:hidden;transition:all .3s var(--ease)}.server-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(300px circle at var(--mx) var(--my),rgba(168,85,247,.12),transparent 40%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.server-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.server-card:hover:before{opacity:1}.sc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.sc-game{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#a855f714;border:1px solid rgba(168,85,247,.15);border-radius:6px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--violet-soft);letter-spacing:.04em;text-transform:uppercase}.sc-game .gem{width:6px;height:6px;background:var(--violet);transform:rotate(45deg);box-shadow:0 0 4px var(--violet)}.sc-name{font-size:17px;font-weight:500;letter-spacing:-.015em;margin-bottom:4px}.sc-addr{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.02em}.sc-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:16px 0;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sc-stat{text-align:left;padding-right:8px;border-right:1px solid var(--border)}.sc-stat:last-child{border-right:none;padding-right:0;padding-left:8px}.sc-stat:not(:first-child){padding-left:12px}.sc-stat-label{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.sc-stat-val{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sc-stat-val .unit{color:var(--text-faint);font-size:11px;margin-left:2px}.sc-foot{display:flex;justify-content:space-between;align-items:center}.sc-actions{display:flex;gap:6px}.server-add{display:grid;place-items:center;border:1px dashed var(--border-bright);border-radius:14px;background:transparent;padding:40px 20px;cursor:pointer;color:var(--text-dim);transition:all .2s var(--ease);text-align:center}.server-add:hover{border-color:var(--violet);background:#a855f70a;color:var(--text)}.server-add-content{display:flex;flex-direction:column;gap:8px;align-items:center}.server-add-icon{width:40px;height:40px;border-radius:10px;background:#a855f71a;border:1px solid rgba(168,85,247,.2);display:grid;place-items:center;color:var(--violet-soft)}.wizard{max-width:720px;margin:0 auto}.wizard-steps{display:flex;gap:8px;margin-bottom:32px}.wizard-step{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff05;border:1px solid var(--border);border-radius:10px;font-size:12px;color:var(--text-faint);transition:all .2s var(--ease)}.wizard-step.active{color:var(--text);border-color:#a855f766;background:#a855f70d}.wizard-step.done{color:var(--text-dim)}.wizard-step .num{width:22px;height:22px;border-radius:6px;background:#0006;border:1px solid var(--border-bright);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600}.wizard-step.active .num{background:linear-gradient(180deg,var(--violet),var(--violet-deep));border-color:var(--violet);color:#fff}.wizard-step.done .num{background:var(--success);border-color:var(--success);color:#fff}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.option{position:relative;padding:16px;background:#ffffff05;border:1px solid var(--border-bright);border-radius:12px;cursor:pointer;transition:all .2s var(--ease);text-align:left}.option:hover{border-color:#a855f766;background:#a855f70a}.option.selected{border-color:var(--violet);background:#a855f714;box-shadow:0 0 0 1px var(--violet),0 8px 24px #a855f726}.option.disabled{opacity:.4;cursor:not-allowed}.option-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.option h4{font-size:14px;font-weight:600;letter-spacing:-.01em}.option p{font-size:12px;color:var(--text-dim)}.option-soon{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:var(--border);border-radius:4px;color:var(--text-faint)}.slider-wrap{margin-bottom:24px}.slider-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.slider-row .v{font-family:var(--font-mono);font-size:24px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--violet-soft)}.slider-row .v small{font-size:14px;color:var(--text-dim);margin-left:4px}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:linear-gradient(180deg,var(--violet),var(--violet-deep));border:2px solid var(--bg);border-radius:50%;cursor:pointer;box-shadow:0 0 0 4px #a855f733,0 4px 12px #a855f766}.tickrow{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.server-detail{display:grid;grid-template-columns:1fr 360px;gap:16px}.dh-name{display:flex;align-items:center;gap:12px}.dh-name h2{font-size:26px;font-weight:500;letter-spacing:-.02em}.tab-bar{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:9px 14px;font-size:13px;font-weight:500;color:var(--text-dim);background:none;border:none;cursor:pointer;font-family:inherit;position:relative;transition:color .2s var(--ease)}.tab:hover,.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:2px 2px 0 0}.terminal{background:#050816;border:1px solid var(--border-bright);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:480px}.terminal-head{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:#00000080}.terminal-head .preview-dots span{background:var(--text-ghost)}.terminal-title{flex:1;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.terminal-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--success);display:flex;align-items:center;gap:6px}.terminal-body{flex:1;padding:14px 16px;overflow-y:auto;font-family:var(--font-mono);font-size:12px;line-height:1.65}.term-line{display:flex;gap:12px;padding:1px 0}.term-line .ts{color:var(--text-ghost);flex-shrink:0}.term-line .lvl{width:50px;flex-shrink:0;font-weight:600}.term-line.info .lvl{color:var(--cyan-soft)}.term-line.error .lvl{color:var(--error)}.term-line.success .lvl{color:var(--success)}.term-line .msg{color:var(--text-dim);flex:1;min-width:0}.term-line .msg .hl{color:var(--violet-soft)}.term-line .msg .num{color:var(--cyan-soft);font-variant-numeric:tabular-nums}.terminal-input{display:flex;align-items:center;padding:10px 14px;border-top:1px solid var(--border);background:#0006;gap:8px;font-family:var(--font-mono);font-size:12px}.terminal-input .prompt{color:var(--violet)}.terminal-input input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:inherit;caret-color:var(--violet)}.resource-card{border:1px solid var(--border);border-radius:12px;padding:16px;background:linear-gradient(180deg,#ffffff05,#ffffff01);margin-bottom:12px}.rc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.rc-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.rc-value{font-size:18px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.rc-value .unit{color:var(--text-dim);font-size:12px;margin-left:3px}.bar{height:6px;background:#0006;border:1px solid var(--border);border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:inherit;transition:width .5s var(--ease);position:relative;overflow:hidden}.bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.rc-spark{margin-top:12px}.player-list{display:flex;flex-direction:column;gap:4px}.player-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;transition:background .15s var(--ease)}.player-row:hover{background:#ffffff08}.player-avatar{width:24px;height:24px;border-radius:5px;background:linear-gradient(135deg,var(--violet),var(--cyan));flex-shrink:0}.player-name{flex:1;font-size:13px}.player-ping{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.file-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.file-row{display:grid;grid-template-columns:1fr 100px 140px 80px;gap:16px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;align-items:center;cursor:pointer;transition:background .15s var(--ease)}.file-row:last-child{border-bottom:none}.file-row:hover{background:#ffffff08}.file-row.head{background:#0000004d;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);cursor:default}.file-name{display:flex;align-items:center;gap:10px}.file-icon{color:var(--text-faint);width:14px;height:14px;flex-shrink:0}.file-row.folder .file-icon{color:var(--violet-soft)}.file-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.backup-list{display:flex;flex-direction:column;gap:8px}.backup-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:#ffffff05}.backup-icon{width:36px;height:36px;border-radius:9px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--success);display:grid;place-items:center;flex-shrink:0}.backup-meta{flex:1}.backup-meta .name{font-size:14px;font-weight:500;margin-bottom:2px}.backup-meta .info{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.backup-actions{display:flex;gap:6px}.settings-section{border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px;background:linear-gradient(180deg,#ffffff05,#ffffff01)}.settings-section h3{font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.settings-section p.desc{font-size:13px;color:var(--text-dim);margin-bottom:20px}.toggle{position:relative;width:36px;height:20px;background:var(--border-bright);border-radius:100px;cursor:pointer;transition:background .2s var(--ease)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s var(--ease)}.toggle.on{background:var(--violet)}.toggle.on:after{transform:translate(16px)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.settings-row:first-of-type{border-top:none}.settings-row .info .label{font-size:13px;font-weight:500}.settings-row .info .desc{font-size:12px;color:var(--text-dim);margin-top:2px}.mini-chart{height:60px;width:100%;margin-top:12px}.kicker-mono{margin-bottom:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.recap-val{color:var(--text-dim)}.recap-violet{color:var(--violet-soft)}.rot-180{transform:rotate(180deg)}.dot-sep{width:3px;height:3px;border-radius:50%;background:var(--text-ghost);display:inline-block}.status-dot.error{background:var(--error);box-shadow:0 0 0 4px #ef44442e}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--border-bright);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.status-pill.ok{color:var(--success);border-color:#22c55e4d;background:#22c55e14}.status-pill.warn{color:var(--warn);border-color:#f59e0b4d;background:#f59e0b14}@keyframes mountUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%{box-shadow:0 0 #a855f780}70%{box-shadow:0 0 0 8px #a855f700}to{box-shadow:0 0 #a855f700}}@keyframes meshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.term-line{display:flex;gap:10px;font-family:var(--font-mono);font-size:12px;padding:2px 0;color:var(--text-dim)}.term-line .ts{color:var(--text-faint);flex-shrink:0}.term-line .lvl{color:var(--cyan-soft);flex-shrink:0;width:56px}.term-line.warn .lvl{color:var(--warn)}.term-line.error .lvl,.term-line.error .msg{color:var(--error)}.term-line.success .lvl,.term-line.success .msg{color:var(--success)}.term-line .msg{flex:1;word-break:break-word}.term-line .msg .num{color:var(--violet-soft)}.term-line .msg .hl{color:var(--cyan-soft)}.sidebar-link[disabled]{opacity:.45;cursor:not-allowed}.activity-select{background:#ffffff0a;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:border-color .2s var(--ease)}.activity-select:hover,.activity-select:focus{border-color:var(--violet);outline:none}.activity-filters{display:flex;gap:6px;align-items:center;margin:24px 0 18px;flex-wrap:wrap}.activity-filter{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s var(--ease)}.activity-filter:hover{border-color:var(--border-bright);color:var(--text)}.activity-filter.active{border-color:var(--violet);background:#a855f71a;color:var(--text)}.activity-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);display:flex;align-items:center;gap:8px}.dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pulseRing 1.6s infinite}.activity-empty{margin-top:60px;text-align:center;padding:60px 20px;border:1px dashed var(--border);border-radius:16px;color:var(--text-dim)}.activity-empty h3{font-size:28px;margin:12px 0 8px;color:var(--text)}.activity-empty p{font-size:13px}.activity-feed{display:flex;flex-direction:column;gap:36px}.activity-group{animation:mountUp .5s var(--ease) both}.activity-day{position:sticky;top:0;z-index:5;display:flex;align-items:baseline;gap:16px;padding:12px 0;background:linear-gradient(to bottom,var(--bg) 60%,transparent);font-size:22px;font-weight:500;margin-bottom:8px;text-transform:lowercase}.activity-day .activity-day-count{font-size:11px;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:80px 130px 130px 1fr 14px;gap:14px;align-items:center;padding:12px 14px;border-left:2px solid transparent;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:all .18s var(--ease);animation:mountUp .4s var(--ease) both}.activity-row:hover{background:#ffffff06;border-left-color:var(--violet)}.activity-row.sev-error{border-left-color:#ef444499}.activity-row.sev-warn{border-left-color:#f59e0b99}.activity-row.sev-ok{border-left-color:#22c55e99}.activity-row.sev-info:hover{border-left-color:var(--cyan)}.activity-time{font-size:11px;color:var(--text-faint)}.activity-pill{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);color:var(--text-dim);width:fit-content}.activity-pill.kind-lifecycle{color:var(--violet-soft);border-color:#a855f74d}.activity-pill.kind-player{color:var(--cyan-soft);border-color:#06b6d44d}.activity-pill.kind-backup{color:var(--success);border-color:#22c55e4d}.activity-pill.kind-cmd{color:var(--warn);border-color:#f59e0b4d}.activity-server{font-size:11px;color:var(--text-dim);text-transform:lowercase;letter-spacing:-.01em}.activity-msg{color:var(--text);font-size:13px}.activity-go{color:var(--text-ghost);transition:transform .2s var(--ease)}.activity-row:hover .activity-go{color:var(--violet-soft);transform:translate(2px)}@media (max-width: 720px){.activity-row{grid-template-columns:64px 1fr;row-gap:4px}.activity-pill,.activity-server,.activity-msg{grid-column:2}.activity-go{display:none}}.account-shell{display:grid;grid-template-columns:280px 1fr;gap:32px;margin-top:24px}@media (max-width: 880px){.account-shell{grid-template-columns:1fr}}.account-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:24px;align-self:start}.account-tab{display:grid;grid-template-columns:32px 1fr 12px;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;color:var(--text-dim);transition:all .2s var(--ease);animation:mountUp .4s var(--ease) both}.account-tab:hover{background:#ffffff08;color:var(--text)}.account-tab.active{background:linear-gradient(135deg,#a855f714,#06b6d40a);border-color:#a855f74d;color:var(--text);box-shadow:var(--shadow-violet)}.account-tab-icon{width:32px;height:32px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.account-tab.active .account-tab-icon{background:linear-gradient(135deg,var(--violet),var(--cyan));border-color:transparent;color:#fff}.account-tab-body{display:flex;flex-direction:column;gap:2px;min-width:0}.account-tab-body .label{font-size:13px;font-weight:500}.account-tab-body .desc{font-size:11px;color:var(--text-faint)}.account-tab.active .account-tab-body .desc{color:var(--text-dim)}.account-content{animation:mountUp .4s var(--ease)}.profile-hero{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(120% 60% at 0% 0%,rgba(168,85,247,.08),transparent 60%),radial-gradient(80% 60% at 100% 100%,rgba(6,182,212,.05),transparent 60%),#ffffff04;margin-bottom:28px}.profile-avatar{position:relative;width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,var(--violet),var(--cyan));display:grid;place-items:center;font-family:var(--font-serif);font-size:32px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);flex-shrink:0;overflow:hidden}.profile-avatar-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.18),transparent 30%);animation:meshSpin 8s linear infinite;pointer-events:none}.profile-avatar>span{position:relative;z-index:1}.profile-hero-meta{flex:1;min-width:0}.profile-hero-name{font-size:24px;line-height:1.1}.profile-hero-mail{font-size:12px;color:var(--text-dim);margin-top:4px}.profile-hero-role{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}@media (max-width: 640px){.profile-form-grid{grid-template-columns:1fr}}.profile-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.profile-actions .hint{font-size:11px;color:var(--text-faint)}.security-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px}@media (max-width: 720px){.security-grid{grid-template-columns:1fr}}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 24px}.theme-card{position:relative;padding:16px;border-radius:14px;border:1px solid var(--border);background:#ffffff05;cursor:pointer;text-align:left;transition:all .2s var(--ease)}.theme-card:hover{border-color:var(--border-bright);transform:translateY(-1px)}.theme-card.selected{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet),0 8px 24px #a855f72e}.theme-swatch{height:56px;border-radius:10px;margin-bottom:10px}.theme-violet .theme-swatch{background:linear-gradient(135deg,#a855f7,#06b6d4)}.theme-cyan .theme-swatch{background:linear-gradient(135deg,#06b6d4,#67e8f9)}.theme-lime .theme-swatch{background:linear-gradient(135deg,#84cc16,#06b6d4)}.theme-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.theme-check{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--violet);display:grid;place-items:center;color:#fff}.session-list{display:flex;flex-direction:column;gap:8px}.session-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#ffffff03;transition:border-color .2s var(--ease)}.session-row:hover{border-color:var(--border-bright)}.session-icon{width:32px;height:32px;border-radius:8px;background:#a855f714;color:var(--violet-soft);display:grid;place-items:center;flex-shrink:0}.session-meta{flex:1;min-width:0}.session-name{font-size:13px;font-weight:500;display:flex;gap:8px;align-items:center}.session-ip{font-size:11px;color:var(--text-faint);margin-top:2px}.token-empty{display:flex;gap:18px;padding:24px;border:1px dashed var(--border-bright);border-radius:14px;background:#ffffff04;margin-top:12px}.token-empty-mark{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#a855f72e,#06b6d41f);display:grid;place-items:center;color:var(--violet-soft);flex-shrink:0}.token-empty-body h4{font-size:22px;margin:6px 0 8px}.token-empty-body p{font-size:13px;color:var(--text-dim);line-height:1.6;max-width:56ch}.invite-card{display:flex;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:#ffffff04;margin-top:20px;position:relative;overflow:hidden;transition:border-color .2s var(--ease)}.invite-card:hover{border-color:#a855f766}.invite-card[data-spotlight]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(380px 220px at var(--mx, -100px) var(--my, -100px),rgba(168,85,247,.08),transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}.invite-card[data-spotlight]:hover:before{opacity:1}.invite-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;display:grid;place-items:center;flex-shrink:0}.invite-fields{flex:1;min-width:0}.invite-fields label{display:block;margin-bottom:8px}.invite-row{display:flex;gap:8px}.invite-row input{flex:1;padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:13px}.invite-row input:focus{outline:none;border-color:var(--violet)}.invite-row select{padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:12px;cursor:pointer}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.member-card{position:relative;padding:18px;border:1px solid var(--border);border-radius:16px;background:#ffffff04;overflow:hidden;transition:all .2s var(--ease);animation:mountUp .4s var(--ease) both}.member-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.member-card[data-spotlight]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(280px 180px at var(--mx, -100px) var(--my, -100px),rgba(168,85,247,.1),transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}.member-card[data-spotlight]:hover:before{opacity:1}.member-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.member-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-family:var(--font-serif);font-size:22px;font-weight:600;color:#fff}.member-avatar.tone-1{background:linear-gradient(135deg,#a855f7,#6366f1)}.member-avatar.tone-2{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.member-avatar.tone-3{background:linear-gradient(135deg,#f59e0b,#ef4444)}.member-avatar.tone-4{background:linear-gradient(135deg,#22c55e,#06b6d4)}.member-name{font-size:18px;line-height:1.2}.member-mail{font-size:11px;color:var(--text-dim);margin-top:4px}.member-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.04)}.member-foot .small{font-size:10px;color:var(--text-faint)}.role-pill{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:999px;border:1px solid var(--border-bright);color:var(--text-dim)}.role-pill.role-owner{color:var(--violet-soft);border-color:#a855f766;background:#a855f714}.role-pill.role-admin{color:var(--cyan-soft);border-color:#06b6d466;background:#06b6d414}.role-pill.role-member{color:var(--text-dim)}.role-pill.role-viewer{color:var(--text-faint)}.member-empty{padding:40px;text-align:center;color:var(--text-faint);border:1px dashed var(--border);border-radius:16px}.invite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.invite-row-card{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#ffffff04;position:relative;overflow:hidden}.invite-pulse{width:8px;height:8px;border-radius:50%;background:var(--cyan);flex-shrink:0;animation:pulseRing 2s infinite;box-shadow:0 0 #06b6d480}.invite-meta{flex:1;min-width:0}.invite-meta .mono{font-size:13px;color:var(--text)}.invite-sub{display:flex;gap:10px;align-items:center;margin-top:4px}.invite-sub .small{font-size:10px;color:var(--text-faint)}.invite-actions{display:flex;gap:6px}.docs-main{max-width:1280px}.docs-shell{display:grid;grid-template-columns:280px 1fr;gap:48px;margin-top:36px}@media (max-width: 920px){.docs-shell{grid-template-columns:1fr;gap:28px}}.docs-toc{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column}.docs-toc .kicker{margin-bottom:14px}.docs-toc ol{list-style:none;margin:0;padding:0}.docs-toc li{display:block}.docs-toc button{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:baseline;padding:10px 0;width:100%;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.03);transition:color .2s var(--ease),padding-left .2s var(--ease)}.docs-toc button:hover{color:var(--text);padding-left:4px}.docs-toc button.active{color:var(--violet-soft)}.docs-toc .toc-roman{font-size:18px;font-weight:400;color:var(--text-faint);font-style:italic}.docs-toc button.active .toc-roman{color:var(--violet)}.docs-toc .toc-title{font-size:13px;line-height:1.4}.docs-toc-foot{margin-top:28px;padding:18px;border:1px solid var(--border);border-radius:12px;background:#ffffff04}.docs-toc-foot p{font-size:12px;color:var(--text-dim);margin-top:8px;line-height:1.6}.docs-article{display:flex;flex-direction:column;gap:96px;padding-bottom:80px}.docs-chapter{scroll-margin-top:24px;animation:mountUp .5s var(--ease) both;border-top:1px solid var(--border);padding-top:36px}.docs-chapter:first-child{border-top:none;padding-top:0}.docs-chapter-head{display:flex;align-items:flex-start;gap:24px;margin-bottom:22px}.docs-roman{font-family:var(--font-serif);font-size:80px;line-height:.9;color:#a855f773;font-weight:300;font-style:italic;flex-shrink:0}.docs-h2{font-size:38px;line-height:1.1;font-weight:400;color:var(--text);margin:8px 0 0;font-style:italic}.docs-intro{font-size:18px;line-height:1.65;color:var(--text);margin-bottom:22px}.docs-dropcap{font-size:56px;font-weight:400;font-style:italic;color:var(--violet-soft);float:left;margin:6px 12px -8px 0;line-height:.9}.docs-body{color:var(--text-dim);font-size:14px;line-height:1.75}.docs-body p{margin:0 0 14px}.docs-body strong{color:var(--text);font-weight:600}.docs-body em{color:var(--cyan-soft);font-style:italic}.docs-h3{font-family:var(--font-serif);font-size:18px;font-weight:500;color:var(--text);margin:22px 0 10px;font-style:italic}.docs-list{list-style:none;padding:0;margin:0 0 14px}.docs-list li{position:relative;padding:6px 0 6px 22px}.docs-list li:before{content:"◆";position:absolute;left:0;color:var(--violet);font-size:8px;top:12px}.docs-table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:13px}.docs-table td{padding:10px 14px;border-top:1px solid var(--border);vertical-align:top}.docs-table tr:first-child td{border-top:none}.docs-table td:first-child{width:40%;color:var(--violet-soft);white-space:nowrap}.docs-code{background:#00000080;border:1px solid var(--border);border-radius:12px;padding:18px 22px;font-family:var(--font-mono);font-size:12.5px;line-height:1.8;color:var(--text-dim);margin:18px 0;overflow-x:auto;white-space:pre}.docs-code .prompt{color:var(--violet-soft)}.docs-code .ok{color:var(--success)}.docs-code .cyan{color:var(--cyan-soft)}.docs-callout{margin:22px 0;padding:18px 22px;border-left:2px solid var(--violet);background:linear-gradient(90deg,rgba(168,85,247,.06),transparent);border-radius:0 12px 12px 0}.docs-callout .kicker{margin-bottom:6px}.docs-callout p{color:var(--text);margin:0}.docs-roadmap{list-style:none;padding:0;margin:0}.docs-roadmap li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--border)}.docs-roadmap li:first-child{border-top:none}.docs-roadmap .roman{font-family:var(--font-serif);font-size:22px;font-style:italic;color:var(--cyan-soft);font-weight:400}.docs-roadmap strong{color:var(--text);font-weight:600}.docs-roadmap>li>div{color:var(--text-dim);font-size:13.5px;line-height:1.6}.docs-dl dt{font-family:var(--font-serif);font-size:18px;font-style:italic;color:var(--text);margin:18px 0 6px}.docs-dl dd{margin:0 0 14px;color:var(--text-dim);font-size:13.5px;line-height:1.6}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05081699;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.drawer-backdrop.open{opacity:1;pointer-events:auto}.notif-drawer{position:fixed;top:0;right:0;height:100vh;width:min(420px,100vw);background:linear-gradient(180deg,#0e1230,#0a0e1f);border-left:1px solid var(--border-bright);box-shadow:-32px 0 80px #0009;z-index:100;display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s var(--ease)}.notif-drawer.open{transform:translate(0)}.notif-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 14px;border-bottom:1px solid var(--border)}.notif-head h3{font-size:22px;line-height:1.1;margin-top:8px;font-style:italic;font-weight:400}.notif-toolbar{display:flex;gap:4px;padding:10px 24px;border-bottom:1px solid var(--border)}.notif-link{background:transparent;border:1px solid transparent;padding:6px 10px;border-radius:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;transition:all .2s var(--ease)}.notif-link:hover:not(:disabled){color:var(--violet-soft);background:#a855f714}.notif-link:disabled{opacity:.4;cursor:not-allowed}.notif-list{list-style:none;margin:0;padding:8px 0;flex:1;overflow-y:auto}.notif-empty,.notif-skeleton{padding:60px 24px;text-align:center;color:var(--text-faint);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.notif-row{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .18s var(--ease);position:relative;animation:mountUp .35s var(--ease) both}.notif-row:hover{background:#ffffff05}.notif-row.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--violet)}.notif-row.read .notif-title{color:var(--text-dim);font-weight:400}.notif-dot{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#ffffff0a;color:var(--text-dim);border:1px solid var(--border)}.notif-dot.kind-server-online{background:#22c55e1a;color:var(--success);border-color:#22c55e4d}.notif-dot.kind-server-offline{background:#f59e0b14;color:var(--warn);border-color:#f59e0b40}.notif-dot.kind-server-error{background:#ef44441a;color:var(--error);border-color:#ef44444d}.notif-dot.kind-backup-done{background:#a855f714;color:var(--violet-soft);border-color:#a855f74d}.notif-dot.kind-player-join{background:#06b6d414;color:var(--cyan-soft);border-color:#06b6d44d}.notif-body{min-width:0}.notif-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4}.notif-desc{font-size:12px;color:var(--text-dim);margin-top:2px;line-height:1.5}.notif-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:10px;color:var(--text-faint)}.bell-btn{position:relative}.bell-badge{position:absolute;top:4px;right:4px;min-width:14px;height:14px;border-radius:7px;padding:0 4px;background:var(--violet);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg-1)}.marketing-page{max-width:1200px;margin:0 auto;padding:60px 32px 80px}.marketing-hero{text-align:center;padding:60px 20px 40px;position:relative}.marketing-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.05;font-weight:500;letter-spacing:-.02em;margin:18px 0 22px}.marketing-hero h1 .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;background:linear-gradient(180deg,var(--violet-soft),var(--cyan-soft));-webkit-background-clip:text;background-clip:text;color:transparent}.marketing-hero p{max-width:60ch;margin:0 auto;font-size:16px;line-height:1.7;color:var(--text-dim)}.arch-diagram{margin:24px auto 0;max-width:760px;padding:24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(168,85,247,.04),transparent 50%);overflow:hidden}.arch-svg{width:100%;height:auto;display:block}.arch-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;fill:var(--text-faint)}.arch-title{font-family:var(--font-sans),system-ui,sans-serif;font-size:12px;fill:var(--text);font-weight:500}.arch-sub{font-family:var(--font-mono);font-size:9px;fill:var(--text-faint);letter-spacing:.04em}.pipeline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;overflow:hidden}.pipeline-step{display:grid;grid-template-columns:80px 1fr auto;gap:22px;align-items:flex-start;padding:24px 28px;border-top:1px solid var(--border);transition:background .2s var(--ease);animation:mountUp .45s var(--ease) both}.pipeline-step:first-child{border-top:none}.pipeline-step:hover{background:#a855f708}.pipeline-num{font-size:44px;line-height:1;color:#a855f780;font-style:italic;font-weight:400}.pipeline-body h4{font-size:18px;font-weight:500;margin-bottom:8px}.pipeline-body p{font-size:14px;color:var(--text-dim);line-height:1.65;max-width:70ch}.pipeline-body .docs-code{margin-top:14px;max-width:600px}.pipeline-time{font-size:11px;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media (max-width: 720px){.pipeline-step{grid-template-columns:60px 1fr}.pipeline-time{grid-column:2;padding-top:4px}}.capability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.capability{position:relative;padding:22px;border:1px solid var(--border);border-radius:16px;background:#ffffff04;overflow:hidden;transition:border-color .2s var(--ease),transform .2s var(--ease);animation:mountUp .45s var(--ease) both}.capability:hover{border-color:var(--border-bright);transform:translateY(-2px)}.capability[data-spotlight]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(280px 180px at var(--mx, -100px) var(--my, -100px),rgba(168,85,247,.1),transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}.capability[data-spotlight]:hover:before{opacity:1}.capability-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#a855f72e,#06b6d41f);border:1px solid rgba(168,85,247,.3);color:var(--violet-soft);display:grid;place-items:center;margin-bottom:14px}.capability h3{font-size:16px;font-weight:500;margin-bottom:8px}.capability p{font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:14px}.capability ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.capability li{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:#ffffff0a;color:var(--text-faint);border:1px solid var(--border)}.games-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.games-filters{display:flex;gap:6px;flex-wrap:wrap}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.game-card{position:relative;padding:24px;border:1px solid var(--border);border-radius:18px;background:#ffffff05;overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease);animation:mountUp .45s var(--ease) both;display:flex;flex-direction:column}.game-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.game-card[data-spotlight]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(360px 200px at var(--mx, -100px) var(--my, -100px),rgba(168,85,247,.1),transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}.game-card[data-spotlight]:hover:before{opacity:1}.game-card.status-soon,.game-card.status-q4,.game-card.status-wishlist{opacity:.85}.game-card.status-live{border-color:#a855f740}.game-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.game-status{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:999px;border:1px solid var(--border-bright);color:var(--text-faint)}.game-status-live{color:var(--success);background:#22c55e1a;border-color:#22c55e66}.game-status-soon{color:var(--cyan-soft);background:#06b6d414;border-color:#06b6d44d}.game-status-q4{color:var(--violet-soft);background:#a855f714;border-color:#a855f74d}.game-status-wishlist{color:var(--text-faint)}.game-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#a855f733,#06b6d426);color:var(--violet-soft);display:grid;place-items:center;flex-shrink:0}.game-name{font-size:18px;font-weight:500;margin-bottom:4px}.game-tagline{font-style:italic;font-size:14px;color:var(--violet-soft);margin-bottom:10px}.game-desc{font-size:13px;color:var(--text-dim);line-height:1.65;margin-bottom:18px}.game-specs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 18px;padding:14px;border-radius:12px;background:#0000004d;border:1px solid var(--border)}.game-specs>div{display:flex;flex-direction:column;gap:4px}.game-specs>div+div{padding-left:14px;border-left:1px solid var(--border)}.game-specs dt{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.game-specs dd{font-size:13px;color:var(--text);margin:0}.game-highlights{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.game-highlights li{font-size:12.5px;color:var(--text-dim);position:relative;padding-left:16px}.game-highlights li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:1px;background:var(--violet)}.game-versions{margin-bottom:16px}.game-version-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.game-version{padding:3px 8px;border-radius:6px;background:#ffffff0a;font-size:10.5px;color:var(--text-dim);border:1px solid var(--border)}.game-foot{margin-top:auto;padding-top:14px}.pricing-toggle{display:inline-flex;align-items:center;gap:4px;margin-top:28px;padding:4px;border-radius:999px;border:1px solid var(--border-bright);background:#0000004d}.toggle-pill{padding:8px 18px;border-radius:999px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s var(--ease)}.toggle-pill.active{background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff;box-shadow:var(--shadow-violet)}.toggle-save{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;background:#ffffff2e;padding:2px 6px;border-radius:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}@media (max-width: 880px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{position:relative;padding:32px 26px;border:1px solid var(--border);border-radius:20px;background:#ffffff04;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s var(--ease),transform .2s var(--ease);animation:mountUp .45s var(--ease) both}.pricing-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.pricing-card[data-spotlight]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(380px 220px at var(--mx, -100px) var(--my, -100px),rgba(168,85,247,.08),transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}.pricing-card[data-spotlight]:hover:before{opacity:1}.pricing-card.recommended{border-color:#a855f780;background:linear-gradient(180deg,#a855f70f,#06b6d405);box-shadow:0 0 0 1px var(--violet),0 30px 80px -30px #a855f780;transform:translateY(-8px)}.pricing-card.recommended:hover{transform:translateY(-10px)}.pricing-ribbon{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 6px 16px #a855f766}.pricing-name{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-faint);margin-bottom:8px}.pricing-tagline{font-family:var(--font-serif);font-style:italic;font-size:17px;color:var(--text);margin-bottom:24px;line-height:1.3}.pricing-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;color:var(--text)}.pricing-amount .currency{font-size:22px;font-weight:400;color:var(--text-dim)}.pricing-amount .huge{font-size:56px;line-height:1;font-weight:400;font-style:italic}.pricing-amount .period{font-size:13px;color:var(--text-dim)}.pricing-billed{font-size:11px;color:var(--text-faint);letter-spacing:.04em;margin-bottom:22px}.pricing-quotas{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 16px;margin-bottom:22px;border:1px solid var(--border);border-radius:12px;background:#0000004d}.pricing-quotas>div{display:flex;flex-direction:column;gap:4px}.pricing-quotas .mono{font-size:13px;color:var(--text)}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim)}.pricing-features li svg{color:var(--success);flex-shrink:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}@media (max-width: 720px){.faq-grid{grid-template-columns:1fr}}.faq-item{border:1px solid var(--border);border-radius:12px;background:#ffffff04;overflow:hidden;transition:border-color .2s var(--ease);animation:mountUp .4s var(--ease) both}.faq-item:hover{border-color:var(--border-bright)}.faq-item[open]{border-color:#a855f74d;background:#a855f708}.faq-item summary{padding:16px 20px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;font-weight:500;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-chevron{width:26px;height:26px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;color:var(--text-faint);transition:transform .25s var(--ease),color .2s var(--ease);transform:rotate(90deg);flex-shrink:0}.faq-item[open] .faq-chevron{transform:rotate(-90deg);color:var(--violet-soft)}.faq-item p{padding:0 20px 18px;margin:0;font-size:13.5px;color:var(--text-dim);line-height:1.7}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}