.stats-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.stats-panel--inactive,.stats-panel--error{align-items:flex-start}.stats-panel__header{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.stats-panel__header h3{margin:0;font-size:1rem;font-weight:600}.stats-panel__live{margin-left:auto;font-size:.75rem;color:#22c55e;letter-spacing:.02em;animation:stats-pulse 2s ease-in-out infinite}@keyframes stats-pulse{0%,to{opacity:.55}50%{opacity:1}}.stats-panel__loading,.stats-panel__empty{margin:0;color:var(--text-muted);font-size:.875rem}.stats-panel__error{margin:0;color:#f87171;font-size:.875rem}.stats-panel__section{display:flex;flex-direction:column;gap:.625rem;padding-top:.75rem;border-top:1px solid var(--border)}.stats-panel__section:first-of-type{border-top:none;padding-top:0}.stats-panel__section h4{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.stats-panel__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stats-panel__row--ftp{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:var(--text-secondary)}.stats-panel__row--ftp span{display:inline-flex;align-items:center;gap:.25rem}.stats-panel__row--ftp .stats-panel__status{margin-left:auto;color:var(--text-muted)}.stats-panel__metric{display:flex;flex-direction:column;gap:.375rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:.75rem}.stats-panel__metric-header{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--text-secondary)}.stats-panel__metric-header svg{flex-shrink:0;opacity:.85}.stats-panel__value{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;font-size:.9375rem}.stats-panel__bar{height:6px;background:var(--bg-primary);border-radius:999px;overflow:hidden}.stats-panel__bar-fill{height:100%;border-radius:999px;transition:width .35s ease-out,background-color .35s ease-out}.stats-panel__hint,.stats-panel__uptime{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}@media (max-width: 520px){.stats-panel__row{grid-template-columns:1fr}}.notifications-container{position:relative;display:flex;align-items:center}.notifications-bell-btn{background:transparent;border:1px solid var(--border);border-radius:4px;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;position:relative;margin-right:.5rem}.notifications-bell-btn:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.notifications-bell-btn.active{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent)}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--error, #ef4444);border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 0 0 1px var(--error, #ef4444);z-index:1;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 5px #ef444400}to{box-shadow:0 0 #ef444400}}.notifications-dropdown{position:absolute;top:calc(100% + .75rem);right:0;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d;z-index:1001;overflow:hidden;animation:dropdown-slide-up .2s ease-out}@keyframes dropdown-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:#ffffff05}.dropdown-header h3{font-size:.9375rem;font-weight:600;margin:0;display:flex;align-items:center;justify-content:space-between}.dropdown-content{max-height:350px;overflow-y:auto;scroll-behavior:smooth}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.dropdown-item{padding:1rem 1.25rem;border-bottom:1px solid var(--border);transition:all .2s ease;cursor:pointer}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#ffffff0a}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-version-small{font-size:.625rem;font-weight:700;color:var(--accent);background:#9333ea1a;padding:.125rem .375rem;border-radius:4px}.item-title-preview{font-size:.8125rem;font-weight:700;color:var(--text-primary);max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-body{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.item-description-preview{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin:0;flex:1}.arrow-icon{color:var(--text-muted);opacity:.5}.dropdown-item:hover .arrow-icon{opacity:1;color:var(--accent);transform:translate(2px)}.notification-modal-body{padding:0;overflow-y:auto;flex:1;max-height:65vh}.notification-modal-body::-webkit-scrollbar{width:6px}.notification-modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.notification-full-content{min-height:100px}.markdown-body{font-size:.9rem;color:var(--text-primary);line-height:1.65}.markdown-body p{margin-bottom:.875rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:1.25rem;margin-bottom:.625rem;color:var(--text-primary);font-weight:700}.markdown-body h1{font-size:1.4rem}.markdown-body h2{font-size:1.15rem}.markdown-body h3{font-size:1rem}.markdown-body ul,.markdown-body ol{margin-bottom:.875rem;padding-left:1.5rem}.markdown-body li{margin-bottom:.25rem}.markdown-body code{background:#ffffff1a;padding:.15rem .4rem;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em}.markdown-body pre{background:#0000004d;padding:.875rem;border-radius:4px;margin-bottom:.875rem;overflow-x:auto;border:1px solid var(--border)}.markdown-body pre code{background:transparent;padding:0;font-size:.8rem}.markdown-body blockquote{border-left:3px solid var(--accent);padding:.25rem 0 .25rem .875rem;margin:0 0 .875rem;color:var(--text-muted);font-style:italic;background:#9333ea0a;border-radius:0 4px 4px 0}.markdown-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}.markdown-body a:hover{border-bottom-color:var(--accent)}.markdown-body img{max-width:100%;border-radius:4px;margin:.5rem 0}.markdown-body hr{border:0;border-top:1px solid var(--border);margin:1.25rem 0}.markdown-body strong{color:var(--text-primary);font-weight:700}.dropdown-empty{padding:3rem 1rem;text-align:center;color:var(--text-muted)}.dropdown-empty p{font-size:.875rem}.sparkle-icon{color:#fbbf24}} .modal-footer{padding:1rem;margin-top:0;border-top:1px solid var(--border);background:#0000001a}.modal-close-btn{width:100%}} .profile-hero{display:flex;align-items:center;gap:1.5rem;padding:1.75rem 2rem;background:linear-gradient(135deg,#9333ea14,#9333ea05);border:1px solid rgba(147,51,234,.2);border-radius:4px;position:relative;overflow:hidden}.profile-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(147,51,234,.12),transparent 60%);pointer-events:none}@media (max-width: 640px){.profile-hero{flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1rem}}.profile-hero-avatar{position:relative;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));overflow:hidden;flex-shrink:0;box-shadow:0 0 0 4px var(--bg-primary),0 0 0 5px #9333ea4d;z-index:1}.profile-hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-hero-avatar-letter{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:2.5rem;font-weight:700;font-family:Inter,system-ui,sans-serif}.profile-hero-online{position:absolute;bottom:4px;right:4px;width:18px;height:18px;background:var(--success, #22c55e);border:3px solid var(--bg-primary);border-radius:50%;z-index:2}.profile-hero-text{position:relative;z-index:1;flex:1;min-width:0}.profile-hero-greeting{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);display:block;margin-bottom:.25rem}.profile-hero-name{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.1;word-break:break-word}.profile-hero-meta{display:flex;align-items:center;gap:.625rem;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.profile-email-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--bg-elevated, var(--bg-card-hover));border:0;border-radius:4px;color:var(--text-secondary);font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.profile-email-toggle:hover{background:var(--bg-card);color:var(--text-primary)}.profile-email-text{font-family:var(--font-mono, "JetBrains Mono", monospace);letter-spacing:.02em}.profile-meta-divider{width:4px;height:4px;border-radius:50%;background:var(--text-muted);opacity:.5}.profile-hero-since{display:inline-flex;align-items:center;gap:.375rem;text-transform:capitalize}.profile-id-code{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.8rem}.referral-description{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin:0 0 1.25rem}.referral-code-box{background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.referral-code-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.referral-code-display{display:flex;align-items:center;gap:.75rem}.referral-code-text{flex:1;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:1.25rem;font-weight:700;letter-spacing:.15em;color:var(--accent);background:var(--bg-card);padding:.5rem .75rem;border-radius:4px;border:1px solid var(--border);text-align:center}.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.referral-stat{display:flex;align-items:center;gap:.75rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:.75rem 1rem}.referral-stat-icon{width:36px;height:36px;border-radius:4px;background:#9333ea1f;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.referral-stat-icon--accent{background:#22c55e1f;color:var(--success, #22c55e)}.referral-stat-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.referral-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;font-family:var(--font-mono, "JetBrains Mono", monospace)}.referral-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.referral-list{list-style:none;margin:0;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.referral-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid transparent;border-radius:4px;transition:background-color .15s ease,border-color .15s ease}.referral-list-item:hover{background:var(--bg-card);border-color:var(--border)}.referral-list-avatar{width:36px;height:36px;border-radius:50%;background:#9333ea1f;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.referral-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.referral-list-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.referral-list-date{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.referral-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1.5rem;text-align:center}.referral-empty-icon{width:64px;height:64px;border-radius:50%;background:#9333ea1a;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.referral-empty h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.referral-empty p{font-size:.8rem;color:var(--text-secondary);max-width:320px;margin:0;line-height:1.5}@media (max-width: 640px){.referral-stats{grid-template-columns:1fr}.referral-code-display{flex-direction:column;align-items:stretch}.referral-code-text{font-size:1.1rem}}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.not-found-icon{font-size:8rem;font-weight:800;color:#fff;line-height:1;margin-bottom:1rem}.not-found h1{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.not-found p{color:#ffffffb3;margin-bottom:2rem}.home-button{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#1e1e28;background:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.home-button:hover{background:#e0e0e0;transform:translateY(-2px)}.mo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:mo-fade-in .4s ease-out}.mo-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 90%);opacity:.7}.mo-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,transparent 0%,rgba(0,0,0,.45) 100%);pointer-events:none}@keyframes mo-fade-in{0%{opacity:0}to{opacity:1}}.mo-card{position:relative;max-width:520px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:2.5rem 2rem 2rem;box-shadow:var(--shadow-lg);animation:mo-card-in .5s cubic-bezier(.16,1,.3,1) .1s backwards}@keyframes mo-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mo-status{display:inline-flex;align-items:center;gap:.625rem;margin-bottom:1.75rem}.mo-pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.mo-pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);opacity:.5;animation:mo-pulse-ring 2s ease-out infinite}@keyframes mo-pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(3);opacity:0}}.mo-eyebrow{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary)}.mo-title{margin:0 0 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:800;font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.1;letter-spacing:-.025em;color:var(--text-primary)}.mo-reason{margin:0 0 2rem;color:var(--text-primary);font-size:1rem;line-height:1.65;max-width:60ch}.mo-divider{border:0;height:1px;background:var(--border);margin:0 0 1.5rem}.mo-eta{display:flex;flex-direction:column;gap:.5rem}.mo-eta-label{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.mo-eta-time{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem;font-weight:500;letter-spacing:.04em;color:var(--accent)}@media (max-width: 540px){.mo-card{padding:2rem 1.5rem 1.5rem}.mo-title{font-size:1.875rem}.mo-eta-time{font-size:.95rem}}@media (prefers-reduced-motion: reduce){.mo-backdrop,.mo-card{animation:none}.mo-pulse:before{animation:none;opacity:.4}}.db-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.db-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:1.5rem 2rem 3rem;display:flex;flex-direction:column;gap:1.25rem}@media (max-width: 768px){.db-main{padding:1rem;gap:1rem}}.db-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh}.db-loading p{color:var(--text-secondary);font-size:.9rem}.db-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;background:linear-gradient(135deg,#9333ea14,#9333ea05);border:1px solid rgba(147,51,234,.2);border-radius:4px;position:relative;overflow:hidden}.db-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(147,51,234,.12),transparent 60%);pointer-events:none}@media (max-width: 768px){.db-hero{flex-direction:column;align-items:flex-start;padding:1.25rem}}.db-hero-text{position:relative;z-index:1;flex:1;min-width:0}.db-hero-greeting{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);display:block;margin-bottom:.25rem}.db-hero-name{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.1;word-break:break-word}.db-hero-sub{font-size:.9rem;color:var(--text-secondary);margin:0;max-width:540px}.db-hero-cta{position:relative;z-index:1;flex-shrink:0;padding:.75rem 1.25rem;font-size:.9rem}.db-balance,.db-stat{display:flex;flex-direction:column;gap:.875rem;height:100%;justify-content:space-between}.db-balance-amount{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:.25rem;font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace)}.db-balance-currency{font-size:.6em;color:var(--text-muted);font-weight:600}.db-balance-actions{display:flex;gap:.5rem;flex-wrap:wrap}.db-stat-amount{font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace)}.db-stat-of{font-size:1rem;color:var(--text-muted);font-weight:500;margin-left:.25rem}.db-stat-sub{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-top:.5rem}.db-servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:1.25rem}.db-server-card{position:relative;display:flex;flex-direction:column;align-items:stretch;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:inherit;text-align:left;color:var(--text-primary);overflow:hidden;transition:border-color .2s ease,background-color .2s ease,transform .1s ease}.db-server-card:hover{border-color:var(--accent);background:var(--bg-card)}.db-server-card:active{transform:scale(.99)}.db-server-stripe{position:absolute;top:0;left:0;bottom:0;width:3px}.db-server-stripe--online{background:var(--success);box-shadow:0 0 12px #22c55e66}.db-server-stripe--offline{background:var(--text-muted);opacity:.4}.db-server-stripe--maintenance{background:var(--warning);box-shadow:0 0 12px #ffc10766}.db-server-body{padding:.875rem 1rem .875rem 1.125rem;display:flex;flex-direction:column;gap:.625rem;min-width:0}.db-server-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.db-server-name{font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.db-server-arrow{color:var(--text-muted);flex-shrink:0;transition:color .2s ease,transform .2s ease}.db-server-card:hover .db-server-arrow{color:var(--accent);transform:translate(2px)}.db-server-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.db-server-game,.db-server-type,.db-server-version{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.7rem;letter-spacing:.02em;color:var(--text-secondary)}.db-server-version{color:var(--text-primary);font-weight:600}.db-server-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.4}.db-server-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.125rem}.db-server-uptime{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center}.db-empty-icon{width:80px;height:80px;border-radius:50%;background:#9333ea1a;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.db-empty h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.db-empty p{font-size:.85rem;color:var(--text-secondary);max-width:380px;margin:0 0 .5rem;line-height:1.5}.db-activity-list{list-style:none;margin:0;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.db-activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid transparent;border-radius:4px;cursor:pointer;font-family:inherit;text-align:left;color:var(--text-primary);transition:border-color .15s ease,background-color .15s ease}.db-activity-item:hover{border-color:var(--border);background:var(--bg-card)}.db-activity-icon{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#9333ea1f;color:var(--accent)}.db-activity-icon--out{background:#ef44441f;color:var(--error)}.db-activity-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.db-activity-desc{font-size:.85rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-activity-date{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.db-activity-amount{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.db-activity-amount--in{color:var(--success)}.db-activity-amount--out{color:var(--error)}.sp-topbar-user{display:flex;align-items:center;gap:.5rem;padding:0 .75rem 0 .25rem;background:transparent;border:0;border-radius:4px;color:var(--text-secondary);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;height:36px;transition:background-color .15s ease,color .15s ease}.sp-topbar-user:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sp-topbar-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sp-topbar-avatar img{width:100%;height:100%;object-fit:cover}.sp-topbar-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}@media (max-width: 640px){.sp-topbar-user-name{display:none}.sp-topbar-user{padding:0;width:36px;justify-content:center}}.sp-topbar .notifications-bell-btn{width:36px;height:36px;border:0;margin-right:0}.sp-topbar .logout-btn{display:inline-flex;align-items:center;gap:.5rem;width:auto;height:36px;padding:0 .875rem;margin:0;font-size:.825rem;font-weight:500;background:transparent;border:0;border-radius:4px;color:var(--text-secondary);justify-content:center;transition:background-color .15s ease,color .15s ease}.sp-topbar .logout-btn .logout-text{margin:0;display:inline}@media (max-width: 640px){.sp-topbar .logout-btn .logout-text{display:none}.sp-topbar .logout-btn{width:36px;padding:0}}.sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 480px){.sp-form-grid{grid-template-columns:1fr}}.sp-form-field{display:flex;flex-direction:column;gap:.375rem}.sp-form-field label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.sp-form-field input,.sp-form-field select{width:100%;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem;border-radius:4px;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s ease}.sp-form-field input:focus,.sp-form-field select:focus{border-color:var(--accent)}.sp-form-field input::placeholder{color:var(--text-muted)}.sp-type-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.sp-type-btn{padding:.5rem 1rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-family:inherit;font-size:.825rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.sp-type-btn:hover{border-color:var(--border-strong, rgba(255, 255, 255, .14));color:var(--text-primary)}.sp-type-btn.is-active{background:#9333ea26;border-color:var(--accent);color:var(--accent)}@media (max-width: 480px){.db-servers-grid{grid-template-columns:1fr}}.server-panel-page{min-height:100vh;background:var(--bg-primary)}.center-loading-page{display:grid;place-content:center;min-height:100vh}.loading{text-align:center}.loading p{margin-top:1rem;color:var(--text-secondary)}.error-card{text-align:center;padding:3rem 2rem;max-width:480px;margin:8rem auto;background:var(--bg-card);border:1px solid var(--border);border-radius:4px}.sp-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bg-primary)}@media (max-width: 1024px){.sp-shell{grid-template-columns:72px 1fr}}@media (max-width: 640px){.sp-shell{grid-template-columns:1fr}}.sp-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.sp-sidebar::-webkit-scrollbar{width:6px}.sp-sidebar::-webkit-scrollbar-track{background:transparent}.sp-sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px;transition:background .2s ease,opacity .2s ease;opacity:.6}.sp-sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-hover);opacity:1}@media (max-width: 640px){.sp-sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;flex-direction:row;border-right:none;border-top:1px solid var(--border);z-index:50;padding:.5rem;gap:.25rem}}.sp-sidebar-back{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin:.5rem;border-radius:4px;color:var(--text-secondary);background:transparent;border:1px solid transparent;text-decoration:none;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;flex-shrink:0;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.sp-sidebar-back:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border)}.sp-sidebar-back-icon{flex-shrink:0}.sp-sidebar-back-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.sp-sidebar-back-label,.sp-sidebar-section-title,.sp-sidebar-item-label{display:none}.sp-sidebar-back{justify-content:center;padding:.625rem .5rem}}.sp-sidebar-nav{flex:1;padding:.5rem .5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-gutter:stable;position:relative;min-height:0}@media (max-width: 640px){.sp-sidebar-nav{flex-direction:row;padding:0;width:100%;justify-content:space-around;gap:0}}.sp-sidebar-section{display:flex;flex-direction:column;gap:.125rem}@media (max-width: 640px){.sp-sidebar-section{flex-direction:row;flex:1;justify-content:space-around}}.sp-sidebar-section-title{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .75rem .125rem;font-weight:600}@media (max-width: 640px){.sp-sidebar-section-title{display:none}}.sp-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:4px;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease;position:relative;min-height:36px}.sp-sidebar-item:hover:not(.active):not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.sp-sidebar-item:disabled{opacity:.4;cursor:not-allowed}.sp-sidebar-item.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.sp-sidebar-item.active:before{content:"";position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 3px 3px 0}@media (max-width: 1024px){.sp-sidebar-item.active:before{left:0;top:0;bottom:0;transform:none;width:3px;height:100%;border-radius:0 3px 3px 0}}.sp-sidebar-item.danger:hover:not(:disabled){color:var(--error);background:#ef444414}.sp-sidebar-item.danger.active{color:var(--error);border-color:#ef44444d}.sp-sidebar-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sp-sidebar-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-sidebar-item-badge{font-size:.7rem;background:var(--bg-elevated, var(--bg-card-hover));color:var(--text-secondary);padding:.125rem .5rem;border-radius:4px;font-weight:600;flex-shrink:0}@media (max-width: 1024px){.sp-sidebar-item-badge{display:none}}.sp-sidebar-footer{padding:.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.125rem;flex-shrink:0}@media (max-width: 640px){.sp-sidebar-footer{display:none}}.sp-sidebar-footer-label{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-sidebar-footer .logout-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin:0;width:100%;height:auto;min-height:36px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);font-size:.85rem;font-weight:500;justify-content:flex-start;text-align:left;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.sp-sidebar-footer .logout-btn:hover{background:var(--bg-card-hover);color:var(--error);border-color:#ef444433}.sp-sidebar-footer .logout-btn .logout-text{margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.sp-sidebar-footer .logout-btn .logout-text{display:none}}.sp-topbar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;flex-shrink:0}@media (max-width: 640px){.sp-topbar{padding:.5rem 1rem}}.sp-topbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}.sp-topbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:.375rem .75rem;border-radius:4px;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.sp-topbar-brand:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sp-topbar-brand svg{flex-shrink:0}.sp-topbar-divider{width:1px;height:16px;background:var(--border)}.sp-topbar-crumb{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sp-topbar-right{display:flex;align-items:center;gap:.375rem}.sp-topbar .logout-btn{display:flex;align-items:center;gap:.5rem;padding:0 .875rem;margin:0;width:auto;height:36px;background:transparent;border:0;color:var(--text-secondary);font-size:.825rem;font-weight:500;border-radius:4px;transition:background-color .15s ease,color .15s ease;justify-content:center}.sp-topbar .logout-btn:hover{background:var(--bg-card-hover);color:var(--error)}.sp-topbar .logout-btn .logout-text{margin:0}@media (max-width: 640px){.sp-topbar .logout-btn .logout-text{display:none}}.sp-main{display:flex;flex-direction:column;min-width:0;padding-bottom:5rem}@media (max-width: 640px){.sp-main{padding-bottom:5rem}}.sp-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.sp-banner--info{background:#2196f314;color:#93c5fd;border-bottom-color:#2196f333}.sp-banner--warning{background:#ffc10714;color:#fde68a;border-bottom-color:#ffc10733}.sp-banner--success{background:#22c55e14;color:#86efac;border-bottom-color:#22c55e33}.sp-banner--error{background:#ef444414;color:#fca5a5;border-bottom-color:#ef444433}.sp-banner--neutral{background:var(--bg-secondary);color:var(--text-secondary)}.sp-banner-icon{flex-shrink:0;display:flex;align-items:center}.sp-banner-text{flex:1}.sp-banner-dismiss{background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:opacity .2s ease}.sp-banner-dismiss:hover{opacity:1}.sp-banner-action{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#ffc10726;border:1px solid rgba(255,193,7,.4);color:inherit;font-size:.8125rem;font-weight:500;border-radius:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease;flex-shrink:0}.sp-banner-action:hover:not(:disabled){background:#ffc10740;border-color:#ffc10799}.sp-banner-action:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.sp-banner{padding:.625rem 1rem;font-size:.8rem}}.sp-page-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-primary);flex-wrap:wrap}@media (max-width: 640px){.sp-page-header{padding:1rem}}.sp-page-title-group{flex:1;min-width:0;display:flex;align-items:center;gap:1rem}.sp-back-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);width:36px;height:36px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.sp-back-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent)}.sp-page-title{display:flex;flex-direction:column;min-width:0;gap:.25rem}.sp-page-title h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-page-title-row{display:flex;align-items:center;gap:.625rem;font-size:.8rem;color:var(--text-secondary)}.sp-page-title-meta{display:flex;align-items:center;gap:.375rem}.sp-page-title-meta svg{opacity:.7}.sp-page-title-divider{width:4px;height:4px;border-radius:50%;background:var(--text-muted);opacity:.5}.sp-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-family:var(--font-mono, "JetBrains Mono", monospace)}.sp-status-dot{width:6px;height:6px;border-radius:50%;position:relative}.sp-status-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;animation:sp-pulse 1.6s ease-out infinite}.sp-status--online{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.25)}.sp-status--online .sp-status-dot{background:var(--success);box-shadow:0 0 0 2px #22c55e33}.sp-status--online .sp-status-dot:after{background:var(--success);opacity:.3}.sp-status--offline{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.sp-status--offline .sp-status-dot{background:var(--text-muted)}.sp-status--maintenance{background:#ffc1071f;color:#fde68a;border:1px solid rgba(255,193,7,.25)}.sp-status--maintenance .sp-status-dot{background:var(--warning)}.sp-status--transition{background:#9333ea1f;color:#d8b4fe;border:1px solid rgba(147,51,234,.25)}.sp-status--transition .sp-status-dot{background:var(--accent);animation:sp-blink .8s ease-in-out infinite alternate}@keyframes sp-pulse{0%{transform:scale(.8);opacity:.4}to{transform:scale(2.2);opacity:0}}@keyframes sp-blink{0%{opacity:.4}to{opacity:1}}.sp-page-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sp-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease;border:1px solid transparent;white-space:nowrap}.sp-action-btn:active:not(:disabled){transform:scale(.97)}.sp-action-btn:disabled{opacity:.4;cursor:not-allowed}.sp-action-btn--ghost{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border)}.sp-action-btn--ghost:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong, rgba(255,255,255,.14))}.sp-action-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.sp-action-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.sp-action-btn--danger{background:transparent;color:var(--error);border-color:#ef44444d}.sp-action-btn--danger:hover:not(:disabled){background:#ef44441a;border-color:var(--error)}.sp-action-btn--success{background:var(--success);color:#fff;border-color:var(--success)}.sp-action-btn--success:hover:not(:disabled){background:#16a34a;border-color:#16a34a}@media (max-width: 640px){.sp-action-btn-label{display:none}}.sp-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding:1.5rem 2rem;max-width:1600px}@media (max-width: 640px){.sp-grid{padding:1rem;gap:.75rem}}.sp-col-12{grid-column:span 12}.sp-col-8{grid-column:span 8}.sp-col-7{grid-column:span 7}.sp-col-6{grid-column:span 6}.sp-col-5{grid-column:span 5}.sp-col-4{grid-column:span 4}.sp-col-3{grid-column:span 3}@media (max-width: 1024px){.sp-col-md-12{grid-column:span 12}.sp-col-md-6{grid-column:span 6}.sp-col-8,.sp-col-7,.sp-col-5{grid-column:span 12}.sp-col-6,.sp-col-4,.sp-col-3{grid-column:span 6}}@media (max-width: 640px){.sp-col-sm-12,.sp-col-8,.sp-col-7,.sp-col-6,.sp-col-5,.sp-col-4,.sp-col-3{grid-column:span 12}}.sp-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.sp-panel:hover{border-color:var(--border-strong, rgba(255,255,255,.14))}.sp-panel-header{display:flex;align-items:center;gap:.625rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.sp-panel-icon{width:28px;height:28px;border-radius:4px;background:#9333ea1f;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-panel-title{flex:1;font-size:.85rem;font-weight:600;color:var(--text-primary);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-panel-subtitle{font-size:.7rem;color:var(--text-muted);font-weight:500}.sp-panel-actions{display:flex;align-items:center;gap:.375rem}.sp-panel-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.sp-panel-body--flush{padding:0}.sp-panel-body--center{align-items:center;justify-content:center}.sp-power-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0 1.5rem}.sp-power-indicator{width:96px;height:96px;border-radius:50%;background:var(--bg-elevated, var(--bg-card-hover));color:var(--text-muted);display:flex;align-items:center;justify-content:center;position:relative;border:2px solid var(--border)}.sp-power-indicator--active{color:var(--accent);background:#9333ea14;border-color:#9333ea66;box-shadow:0 0 0 8px #9333ea0a,0 0 32px #9333ea33}.sp-power-indicator--active:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(147,51,234,.3);animation:sp-power-ring 2s ease-out infinite}@keyframes sp-power-ring{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.15);opacity:0}}.sp-power-text{font-size:.85rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.sp-power-text--active{color:var(--accent)}.sp-power-time{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding-top:.5rem;border-top:1px solid var(--border);width:100%;margin-top:.5rem;padding-top:1rem}.sp-power-time-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-mono, "JetBrains Mono", monospace)}.sp-power-time-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace)}.sp-power-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.sp-power-controls-row{display:flex;gap:.5rem}.sp-power-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:4px;font-size:.825rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease;border:1px solid transparent;white-space:nowrap;flex:1}.sp-power-btn:active:not(:disabled){transform:scale(.97)}.sp-power-btn:disabled{opacity:.4;cursor:not-allowed}.sp-power-btn--on{background:var(--accent);color:#fff;border-color:var(--accent)}.sp-power-btn--on:hover:not(:disabled){background:var(--accent-hover)}.sp-power-btn--off{background:var(--error);color:#fff;border-color:var(--error)}.sp-power-btn--off:hover:not(:disabled){background:#dc2626}.sp-power-btn--shutdown{background:#ffc10726;color:#fde68a;border-color:#ffc1074d}.sp-power-btn--shutdown:hover:not(:disabled){background:#ffc10740;border-color:var(--warning)}.sp-power-btn--restart{background:var(--bg-elevated, var(--bg-card-hover));color:var(--text-primary);border-color:var(--border)}.sp-power-btn--restart:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong, rgba(255,255,255,.14))}.sp-power-btn--stop{background:var(--error);color:#fff;border-color:var(--error);font-size:.9rem;padding:.75rem 1rem}.sp-power-btn--stop:hover:not(:disabled){background:#dc2626}.sp-power-btn--full{width:100%}.sp-info-list{display:flex;flex-direction:column;gap:.875rem}.sp-info-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem;min-width:0}.sp-info-row-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-family:var(--font-mono, "JetBrains Mono", monospace);flex-shrink:0}.sp-info-row-value{color:var(--text-primary);font-weight:500;text-align:right;display:flex;align-items:center;gap:.5rem;min-width:0;font-variant-numeric:tabular-nums}.sp-info-row-value code{background:var(--bg-elevated, var(--bg-card-hover));padding:.125rem .5rem;border-radius:4px;font-size:.8rem;font-family:var(--font-mono, "JetBrains Mono", monospace);border:1px solid var(--border);word-break:break-all}.sp-copy-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.sp-copy-btn:hover{color:var(--text-primary);background:var(--bg-elevated, var(--bg-card-hover));border-color:var(--border-strong, rgba(255,255,255,.14))}.sp-copy-btn.copied{color:var(--success);border-color:var(--success)}.sp-info-link{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;font-family:inherit;font-weight:500;transition:all .2s ease}.sp-info-link:hover{color:var(--accent);border-color:var(--accent);background:#9333ea14}.sp-info-empty{font-size:.8rem;color:var(--text-muted);font-style:italic}.sp-share-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:var(--accent);color:#fff;border:0;border-radius:4px;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .1s ease;margin-top:3rem}.sp-share-btn:hover{background:var(--accent-hover)}.sp-share-btn:active{transform:scale(.98)}.sp-share-btn.copied{background:var(--success, #22c55e);color:#fff}.sp-share-btn.copied:hover{background:var(--success, #22c55e)}.sp-power-btn--share{background:var(--accent);color:#fff}.sp-power-btn--share:hover:not(:disabled){background:var(--accent-hover)}.sp-power-btn--share.copied{background:var(--success, #22c55e);color:#fff}.sp-power-btn--share.copied:hover:not(:disabled){background:var(--success, #22c55e)}.sp-info-price{color:var(--accent);font-weight:700}.sp-info-plan-tag{background:#9333ea26;color:var(--accent);font-size:.7rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.sp-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.625rem}.sp-action-tile{background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:1rem;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left;color:var(--text-secondary);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease}.sp-action-tile:hover:not(:disabled){background:var(--bg-card);border-color:var(--accent);color:var(--text-primary)}.sp-action-tile:active:not(:disabled){transform:scale(.98)}.sp-action-tile:disabled{opacity:.4;cursor:not-allowed}.sp-action-tile-icon{width:32px;height:32px;border-radius:4px;background:#9333ea1f;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease}.sp-action-tile:hover:not(:disabled) .sp-action-tile-icon{background:#9333ea40}.sp-action-tile-label{font-size:.825rem;font-weight:600;color:var(--text-primary)}.sp-action-tile-desc{font-size:.7rem;color:var(--text-muted);line-height:1.4}.sp-activity-list{display:flex;flex-direction:column;gap:.625rem;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.8rem}.sp-activity-item{display:flex;gap:.75rem;padding:.625rem .75rem .625rem .875rem;background:var(--bg-elevated, var(--bg-card-hover));border-radius:4px;border-left:1px solid var(--border);align-items:flex-start}.sp-activity-item--info{border-left-color:var(--info)}.sp-activity-item--success{border-left-color:var(--success)}.sp-activity-item--warning{border-left-color:var(--warning)}.sp-activity-item--error{border-left-color:var(--error)}.sp-activity-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem;font-variant-numeric:tabular-nums}.sp-activity-text{color:var(--text-secondary);flex:1}.sp-activity-empty{text-align:center;color:var(--text-muted);font-size:.8rem;padding:1.5rem 0;font-style:italic}.sp-ftp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sp-ftp-field{display:flex;flex-direction:column;gap:.25rem}.sp-ftp-field-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-family:var(--font-mono, "JetBrains Mono", monospace)}.sp-ftp-field-value{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated, var(--bg-card-hover));padding:.5rem .625rem;border-radius:4px;border:1px solid var(--border)}.sp-ftp-field-value code{flex:1;font-size:.8rem;font-family:var(--font-mono, "JetBrains Mono", monospace);color:var(--text-primary);word-break:break-all}.sp-ftp-hint{margin-top:.875rem;font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.sp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:sp-fade-in .15s ease-out}.sp-modal-overlay--blocking{background:#000000c7;cursor:default}.sp-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:sp-scale-in .2s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 64px #0009}.sp-modal--sm{max-width:480px}.sp-modal--md{max-width:640px}.sp-modal--lg{max-width:1100px}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sp-scale-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.sp-modal-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.sp-modal-header-icon{width:36px;height:36px;border-radius:6px;background:#9333ea1f;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(147,51,234,.18);box-shadow:inset 0 1px #ffffff0a}.sp-modal-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.012em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sp-modal-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.sp-modal-close{background:transparent;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sp-modal-close:hover{background:var(--bg-elevated, var(--bg-card-hover));color:var(--text-primary)}.sp-modal-body{flex:1;overflow-y:auto;padding:1.5rem;min-height:0}.sp-modal-body--flush{padding:0}.sp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border);flex-shrink:0}.sp-modal-footer-spacer,.sp-subdomain-submit,.sp-subdomain-cancel{flex:1}.sp-subdomain-submit{padding:.75rem 1rem;font-size:.875rem;font-weight:600;letter-spacing:.005em;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #9333ea4d;transition:background-color .15s ease,transform .1s ease,box-shadow .2s ease}.sp-subdomain-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 4px 12px #9333ea66}.sp-subdomain-submit:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px #ffffff14,0 1px 2px #9333ea4d}.sp-modal-header-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.sp-subdomain-field{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.sp-subdomain-preview{position:relative;display:flex;align-items:center;gap:0;padding:1.125rem 2.75rem 1.125rem 1.25rem;background:linear-gradient(180deg,#9333ea0f,#9333ea05),var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:8px;font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:1.0625rem;font-weight:600;letter-spacing:-.005em;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0003;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;cursor:text;--notch: 10px;-webkit-mask:radial-gradient(circle var(--notch) at 0 50%,transparent 98%,#000 100%) left center / 100% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 50%,transparent 98%,#000 100%) right center / 100% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 50%,transparent 98%,#000 100%) left center / 100% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 50%,transparent 98%,#000 100%) right center / 100% 100% no-repeat}.sp-subdomain-preview:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:0;bottom:0;border-left:1px dashed var(--border);pointer-events:none;transition:opacity .2s ease}.sp-subdomain-preview:not([data-state=idle]):before,.sp-subdomain-field:focus-within .sp-subdomain-preview:before{opacity:.4}.sp-subdomain-preview-suffix{flex:0 0 auto;margin-left:.25rem;color:var(--text-muted);font-weight:500;white-space:nowrap;transition:color .2s ease}.sp-subdomain-preview-mark{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-card);color:var(--text-muted);flex-shrink:0;box-shadow:0 0 0 1px var(--border);transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.sp-subdomain-preview-mark-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);opacity:.55;transition:opacity .2s ease,transform .2s ease}.sp-subdomain-preview:hover .sp-subdomain-preview-mark-dot{opacity:.85;transform:scale(1.15)}.sp-subdomain-field:focus-within .sp-subdomain-preview{border-color:var(--accent);box-shadow:0 0 0 3px #9333ea2e;background:linear-gradient(180deg,#9333ea14,#9333ea08),var(--bg-elevated, var(--bg-card-hover))}.sp-subdomain-field:focus-within .sp-subdomain-preview-suffix{color:var(--accent)}.sp-subdomain-preview[data-state=ok]{border-color:#22c55e66;background:linear-gradient(180deg,#22c55e0f,#22c55e05),var(--bg-elevated, var(--bg-card-hover))}.sp-subdomain-preview[data-state=ok] .sp-subdomain-preview-mark{color:var(--success);background:#22c55e1f;box-shadow:0 0 0 1px #22c55e4d}.sp-subdomain-preview[data-state=checking]{border-color:#9333ea66}.sp-subdomain-preview[data-state=checking] .sp-subdomain-preview-mark{color:var(--accent);background:#9333ea1f;box-shadow:0 0 0 1px #9333ea4d}.sp-subdomain-preview[data-state=err]{border-color:#ef444473;background:linear-gradient(180deg,#ef44440f,#ef444405),var(--bg-elevated, var(--bg-card-hover))}.sp-subdomain-preview[data-state=err] .sp-subdomain-preview-mark{color:var(--error);background:#ef44441f;box-shadow:0 0 0 1px #ef44444d}.sp-subdomain-input{flex:0 1 auto;min-width:4ch;width:auto;field-sizing:content;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:var(--text-primary);caret-color:var(--accent)}.sp-subdomain-input:focus{outline:none}.sp-subdomain-input:focus-visible{outline:none}.sp-subdomain-input::placeholder{color:var(--text-muted);opacity:.6;font-weight:500}.sp-subdomain-status{min-height:1.5rem;display:flex;align-items:center;font-size:.8125rem;padding-left:.125rem}.sp-subdomain-status--checking,.sp-subdomain-status--ok,.sp-subdomain-status--err{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.sp-subdomain-status--checking{color:var(--text-secondary)}.sp-subdomain-status--ok{color:#4ade80;background:#22c55e1a}.sp-subdomain-status--ok svg{color:var(--success)}.sp-subdomain-status--err{color:#fca5a5;background:#ef44441a}.sp-subdomain-status--err svg{color:var(--error)}.sp-subdomain-hint{display:inline-flex;align-items:center;color:var(--text-muted);font-size:.75rem;line-height:1.5;letter-spacing:.005em}@media (max-width: 480px){.sp-subdomain-preview{font-size:.9375rem;padding:.875rem 1rem}}.sp-input,.sp-textarea{width:100%;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);color:var(--text-primary);padding:.625rem .75rem;border-radius:4px;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s ease,background-color .2s ease}.sp-input:focus,.sp-textarea:focus{border-color:var(--accent);background:var(--bg-card)}.sp-input::placeholder,.sp-textarea::placeholder{color:var(--text-muted)}.sp-textarea{resize:vertical;min-height:320px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.8rem;line-height:1.6}.sp-form-row{display:flex;gap:.5rem;align-items:stretch}.sp-form-row .sp-input{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;font-size:.825rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:var(--bg-elevated, var(--bg-card-hover));color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-icon{width:32px;height:32px;padding:0;flex-shrink:0}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.sp-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.sp-stat-tile{background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.25rem}.sp-stat-tile-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-family:var(--font-mono, "JetBrains Mono", monospace)}.sp-stat-tile-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.25rem}.sp-stat-tile-unit{font-size:.8rem;color:var(--text-muted);font-weight:500}.sp-stat-tile-sub{font-size:.7rem;color:var(--text-muted)}.sp-stat-tile-sub--success{color:var(--success)}.sp-stat-tile-sub--warning{color:var(--warning)}.sp-stat-tile-sub--error{color:var(--error)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sp-spin .8s linear infinite;margin:0 auto}.spinner-small{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sp-spin .8s linear infinite;display:inline-block}.sp-spin{display:inline-block;animation:sp-spin .9s linear infinite;transform-origin:50% 50%}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-divider{height:1px;background:var(--border);margin:1rem 0}.sp-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;background:var(--bg-elevated, var(--bg-card-hover));color:var(--text-secondary);border:1px solid var(--border)}.sp-pill--accent{background:#9333ea1f;color:var(--accent);border-color:#9333ea40}.sp-pill--success{background:#22c55e1f;color:#86efac;border-color:#22c55e40}.sp-pill--mono{font-family:var(--font-mono, "JetBrains Mono", monospace);text-transform:uppercase;letter-spacing:.05em}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}@media (max-width: 640px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-muted);gap:.5rem}.sp-empty-icon{font-size:2rem;opacity:.5}.sp-empty p{font-size:.85rem}.sp-modal-body--center{display:flex;flex-direction:column;align-items:center;justify-content:center}.sp-pill--mono{font-family:var(--font-mono, "JetBrains Mono", monospace);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.sp-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-elevated, var(--bg-card-hover));border-radius:4px;margin-bottom:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.sp-toggle input{position:absolute;opacity:0;pointer-events:none}.sp-toggle-track{position:relative;width:36px;height:20px;background:var(--border-strong, rgba(255, 255, 255, .14));border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.sp-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease}.sp-toggle input:checked+.sp-toggle-track{background:var(--accent)}.sp-toggle input:checked+.sp-toggle-track .sp-toggle-thumb{transform:translate(16px)}.sp-toggle input:disabled+.sp-toggle-track{opacity:.5}.sp-toggle-label{font-size:.85rem;color:var(--text-primary);font-weight:500}.sp-plan-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.sp-plan-card{flex:1 1 240px;min-width:240px;max-width:360px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;text-align:left;cursor:pointer;font-family:inherit;color:var(--text-primary);transition:border-color .2s ease,background-color .2s ease,transform .1s ease}@media (max-width: 480px){.sp-plan-card{flex:1 1 100%;min-width:0;max-width:100%}}.sp-plan-card:hover{border-color:var(--accent);background:var(--bg-card)}.sp-plan-card:active{transform:scale(.98)}.sp-plan-card.is-current{border-color:var(--accent);background:#9333ea14}.sp-plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sp-plan-card-label{font-size:1rem;font-weight:700;color:var(--text-primary)}.sp-plan-card-current{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;background:var(--accent);color:#fff;border-radius:4px;font-family:var(--font-mono, monospace)}.sp-plan-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;flex:1}.sp-plan-card-price{display:flex;align-items:baseline;gap:.25rem;font-size:1.25rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.sp-plan-card-unit{font-size:.75rem;color:var(--text-muted);font-weight:500}.sp-location-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.sp-location-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.sp-location-tab:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-card)}.sp-location-tab.is-active{border-color:var(--accent);background:#9333ea14;color:var(--text-primary)}.sp-location-tab-flag{font-size:1.1rem;line-height:1}.sp-location-tab-name{font-weight:600}.sp-location-tab-code{font-size:.65rem;font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.125rem .375rem;background:var(--bg-card);border:1px solid var(--border);border-radius:3px}.sp-location-tab.is-active .sp-location-tab-code{color:var(--accent);border-color:var(--accent)}.sp-addons-body{display:flex;flex-direction:column}.sp-addons-toolbar{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.sp-addons-meta{display:flex;align-items:center;gap:.375rem}.sp-addons-grid{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}@media (max-width: 768px){.sp-addons-grid{grid-template-columns:1fr}}.sp-addons-col{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.sp-addons-col:last-child{border-right:none}@media (max-width: 768px){.sp-addons-col{border-right:none;border-bottom:1px solid var(--border)}.sp-addons-col:last-child{border-bottom:none}}.sp-addons-col-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.sp-addons-col-header h3{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0}.sp-addons-list{list-style:none;margin:0;padding:.5rem;overflow-y:auto;flex:1}.sp-addon-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;transition:background-color .15s ease}.sp-addon-row:hover{background:var(--bg-elevated, var(--bg-card-hover))}.sp-addon-icon,.sp-addon-icon-img{width:28px;height:28px;border-radius:4px;background:#9333ea1f;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;object-fit:cover;overflow:hidden}.sp-addon-info{flex:1;min-width:0;display:flex;flex-direction:column}.sp-addon-name{font-size:.85rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-addon-desc{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.sp-player-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;font-size:.85rem}.sp-player-name{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-family:var(--font-mono, monospace)}.sp-player-name svg{color:var(--accent);flex-shrink:0}.sp-worlds-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.sp-worlds-grid{grid-template-columns:1fr}}.sp-worlds-card{background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.sp-worlds-danger{margin-top:1rem;padding:1.25rem;border:1px solid var(--error, #ef4444);border-radius:4px;background:color-mix(in srgb,var(--error, #ef4444) 6%,transparent);display:flex;flex-direction:column;gap:.75rem}.sp-worlds-danger-head{display:flex;align-items:center;gap:.625rem}.sp-worlds-danger-head h3{margin:0;font-size:1rem;color:var(--error, #ef4444)}.sp-worlds-card-head{display:flex;align-items:center;gap:.625rem}.sp-worlds-icon{font-size:1.5rem;line-height:1}.sp-worlds-card-head h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.sp-worlds-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;flex:1}.sp-worlds-form{display:flex;flex-direction:column;gap:.625rem}.sp-worlds-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden}.sp-worlds-file-label{display:block;padding:.75rem 1rem;background:var(--bg-card);border:1px dashed var(--border-strong, rgba(255, 255, 255, .14));border-radius:4px;text-align:center;cursor:pointer;color:var(--text-secondary);font-size:.85rem;transition:border-color .15s ease,color .15s ease}.sp-worlds-file-label:hover{border-color:var(--accent);color:var(--text-primary)}.sp-worlds-file-size{font-size:.75rem;color:var(--text-muted);text-align:center}.sp-progress{position:relative;height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden;margin-top:.25rem}.sp-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);transform-origin:left;transform:scaleX(var(--sp-progress, 0));transition:transform .2s ease}.sp-progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sp-version-flow{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;margin-bottom:1rem}.sp-version-card{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:.625rem .875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px}.sp-version-card.is-set{border-color:var(--accent);background:#9333ea14}.sp-version-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;font-family:var(--font-mono, monospace)}.sp-version-value{font-size:.95rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono, monospace)}.sp-version-grid{display:flex;flex-wrap:wrap;gap:.5rem;max-height:320px;overflow-y:auto;padding:.25rem}.sp-version-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font-mono, monospace);transition:all .15s ease}.sp-version-chip:hover:not(:disabled){border-color:var(--border-strong, rgba(255, 255, 255, .22));color:var(--text-primary)}.sp-version-chip.is-selected{border-color:var(--accent);background:#9333ea1f;color:var(--accent)}.sp-version-chip.is-current{border-color:var(--success);color:#86efac}.sp-version-chip.is-popular{border-color:var(--warning)}.sp-version-chip.is-popular svg{color:var(--warning)}.sp-version-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;background:#22c55e33;color:#86efac;border-radius:4px}.sp-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.sp-type-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:inherit;text-align:left;color:var(--text-primary);transition:all .15s ease;position:relative}.sp-type-card:hover:not(:disabled){border-color:var(--border-strong, rgba(255, 255, 255, .22))}.sp-type-card.is-selected{border-color:var(--accent);background:#9333ea14}.sp-type-card.is-current{border-color:var(--success)}.sp-type-card:before{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;opacity:.85}.sp-type-card--blue:before{background:#60a5fa}.sp-type-card--green:before{background:#4ade80}.sp-type-card--gray:before{background:#94a3b8}.sp-type-card--amber:before{background:#fbbf24}.sp-type-card--orange:before{background:#fb923c}.sp-type-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sp-type-card-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.sp-type-card-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;background:#22c55e33;color:#86efac;border-radius:4px;font-family:var(--font-mono, monospace)}.sp-type-card-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4;flex:1}.sp-type-card-badge{position:absolute;top:.75rem;right:.75rem;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;background:var(--bg-card);color:var(--text-muted);border-radius:4px;border:1px solid var(--border)}.sp-props-body{min-height:480px}.sp-props-tabs{display:flex;border-bottom:1px solid var(--border)}.sp-props-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent}.sp-props-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.sp-props-tab:disabled{opacity:.4;cursor:not-allowed}.sp-props-grid{display:grid;grid-template-columns:240px 1fr;flex:1;min-height:0}@media (max-width: 768px){.sp-props-grid{grid-template-columns:1fr}}.sp-props-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sp-props-sidebar-head{padding:1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sp-props-sidebar-head h4{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0}.sp-props-meta{padding:.25rem 1rem .75rem;font-size:.7rem;color:var(--text-muted);margin:0}.sp-props-file-list{list-style:none;margin:0;padding:.5rem;overflow-y:auto;flex:1}.sp-props-file{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);font-family:inherit;font-size:.85rem;cursor:pointer;text-align:left;margin-bottom:.125rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.sp-props-file:hover{background:var(--bg-elevated, var(--bg-card-hover));color:var(--text-primary)}.sp-props-file.is-active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.sp-props-file-icon{font-size:1.1rem;flex-shrink:0}.sp-props-file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-props-editor{display:flex;flex-direction:column;min-height:0}.sp-props-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.sp-props-editor-head h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.sp-props-file-desc{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0}.sp-props-editor .sp-textarea{flex:1;border-radius:0;border-left:none;border-right:none;border-bottom:none;background:var(--bg-primary);font-size:.8rem;line-height:1.6;min-height:320px}.sp-props-editor-actions{padding:.875rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;background:var(--bg-card)}.mobile-hidden{display:none}@media (min-width: 769px){.mobile-hidden{display:block}}.sp-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.sp-map-card{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:var(--bg-elevated, var(--bg-card-hover));border:2px solid var(--border);border-radius:4px;cursor:pointer;font-family:inherit;text-align:left;color:var(--text-primary);transition:all .15s ease;overflow:hidden}.sp-map-card:hover:not(:disabled){border-color:var(--accent);background:var(--bg-card)}.sp-map-card.is-active{border-color:var(--accent);background:#9333ea14}.sp-map-card:disabled{opacity:.4;cursor:not-allowed}.sp-map-image-wrap{aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:var(--bg-card)}.sp-map-image{width:100%;height:100%;object-fit:cover}.sp-map-name{font-size:.85rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono, monospace);margin-top:.25rem}.sp-map-desc{font-size:.7rem;color:var(--text-muted)}.sp-delete-icon{width:80px;height:80px;border-radius:50%;background:#ef44441f;color:var(--error);display:flex;align-items:center;justify-content:center;margin:0 auto}.sp-spinner-shutdown{width:56px;height:56px;border:4px solid var(--bg-elevated, var(--bg-card-hover));border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;animation:sp-spin .8s linear infinite;margin:0 auto 1.25rem}.plugins-modal{max-width:900px;width:95%;max-height:90vh;border-radius:4px;overflow:hidden}.plugins-modal-content{padding:0;background:linear-gradient(180deg,var(--bg-primary) 0%,#0d0d14 100%);border-radius:4px}.plugins-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(139,92,246,.2);padding:.5rem 2rem}.plugins-modal-header h3{margin:0;font-size:1.625rem;color:#fff;font-weight:800;display:flex;align-items:center;gap:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.5px}.plugins-modal-header .close-modal-btn{background:transparent;width:44px;height:44px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.plugins-modal-header .close-modal-btn:hover{transform:scale(1.1)}.plugins-search-section{display:none}.plugins-search-header{margin-bottom:.75rem;text-align:left}.plugins-search-header h4{margin:0 0 .25rem;font-size:.875rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plugins-search-header p{display:none}.plugins-search-row{display:flex;gap:.5rem;margin-bottom:.75rem}.plugins-search-input{flex:1;padding:.625rem .875rem;background:var(--bg-card);border:1px solid rgba(139,92,246,.15);border-radius:4px;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.plugins-search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.plugins-search-btn{padding:.625rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;white-space:nowrap}.plugins-server-info{display:flex;gap:.5rem;align-items:center}.server-version-badge,.server-loader-badge{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.25rem}.server-version-badge{background:#6366f126;color:#818cf8}.server-loader-badge{background:#22c55e26;color:#4ade80}.plugins-results{padding:1.5rem;border-bottom:1px solid rgba(139,92,246,.1);max-height:320px;overflow-y:auto;background:#00000026}.plugins-results h4{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.plugins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.plugin-card{background:var(--bg-card);border:1px solid rgba(139,92,246,.15);border-radius:4px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.plugin-card:hover{border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf633,0 4px 12px #00000026}.plugin-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.plugin-icon{width:48px;height:48px;border-radius:4px;object-fit:cover;box-shadow:0 4px 12px #0003}.plugin-icon-placeholder{width:48px;height:48px;border-radius:4px;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #8b5cf64d}.plugin-card-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.plugin-card-title .plugin-title{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-type-badge{font-size:.6875rem;color:#a78bfa;text-transform:uppercase;font-weight:700;background:#8b5cf626;padding:.25rem .625rem;border-radius:4px;width:fit-content}.plugin-card-desc{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plugin-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid rgba(139,92,246,.1)}.plugin-downloads{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.plugin-download-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:4px;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem;box-shadow:0 4px 12px #22c55e4d}.plugin-download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.plugin-download-btn:disabled{opacity:.7;cursor:not-allowed}.plugins-installed{padding:1.5rem;flex:1}.plugins-installed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plugins-installed-header h4{margin:0;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.plugin-count{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:.8125rem;font-weight:700;padding:.375rem .875rem;border-radius:4px;box-shadow:0 4px 12px #8b5cf64d}.plugins-list{display:flex;flex-direction:column;gap:.625rem}.plugin-item{display:flex;align-items:center;padding:.875rem 1.125rem;background:var(--bg-card);border:1px solid rgba(139,92,246,.1);border-radius:4px;gap:1rem;transition:all .2s ease}.plugin-item:hover{border-color:#8b5cf64d;transform:translate(4px)}.plugin-item.installed{background:linear-gradient(135deg,#22c55e14,#16a34a0a);border-color:#22c55e40}.plugin-icon-small{width:40px;height:40px;border-radius:4px;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 10px #8b5cf640}.plugin-info{flex:1;min-width:0;display:flex;flex-direction:column}.plugin-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-desc{font-size:.8125rem;color:var(--text-secondary)}.plugin-type{font-size:.75rem;color:#a78bfa;text-transform:uppercase;font-weight:700}.plugin-status{color:#4ade80;font-size:1.25rem;flex-shrink:0;text-shadow:0 0 8px rgba(74,222,128,.5)}.plugin-download-btn-small{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.plugin-download-btn-small:hover:not(:disabled){transform:translateY(-1px)}.plugin-download-btn-small:disabled{opacity:.7;cursor:not-allowed}.plugin-info-btn-small{padding:.375rem .625rem;background:linear-gradient(135deg,#374151,#1f2937);border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;text-decoration:none}.plugin-info-btn-small:hover{transform:translateY(-1px)}.plugin-delete-btn{padding:.375rem .625rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;margin-left:.5rem}.plugin-delete-btn:hover:not(:disabled){transform:translateY(-1px)}.plugin-delete-btn:disabled{opacity:.7;cursor:not-allowed}.plugins-empty-results,.plugins-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7;filter:grayscale(.3)}.plugins-empty-results p,.plugins-empty-state p{margin:0;font-size:1.0625rem;color:var(--text-secondary)}.empty-hint{font-size:.875rem;color:var(--text-secondary);opacity:.7;margin-top:.375rem}.plugins-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem}.plugins-loading .spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.plugins-empty{text-align:center;padding:1.5rem;color:var(--text-secondary);font-size:.9375rem}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.plugins-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#8b5cf61f;flex:1;height:80dvh;min-height:0}.plugins-column{background:var(--bg-primary);padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column}.plugins-column-header,.plugins-row-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(139,92,246,.1)}.plugins-row-header{flex-direction:row;align-items:center}.plugins-column-header h4{margin:0;font-size:.9375rem;color:var(--text-primary);font-weight:700}.plugins-installed-col{border-right:1px solid rgba(139,92,246,.12)}.plugins-search-col-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.plugins-search-row{display:flex;gap:.5rem;width:100%}.plugins-search-input{flex:1;padding:.5rem .75rem;background:var(--bg-card);border:1px solid rgba(139,92,246,.15);border-radius:4px;color:var(--text-primary);font-size:.8125rem}.plugins-search-input:focus{outline:none;border-color:#8b5cf6}.plugins-search-input::placeholder{color:var(--text-secondary)}.plugins-search-btn{padding:.5rem .875rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.plugins-search-btn:hover:not(:disabled){transform:translateY(-1px)}.plugins-search-btn:disabled{opacity:.5;cursor:not-allowed}.plugins-results-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:scroll;overflow-x:hidden;height:80%;padding-right:6px}.plugins-results-list::-webkit-scrollbar{width:6px}.plugins-results-list::-webkit-scrollbar-track{background:transparent}.plugins-results-list::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.plugin-download-btn-small{padding:.4rem .75rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:4px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.plugin-download-btn-small:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #22c55e59}.plugin-download-btn-small:disabled{opacity:.6;cursor:not-allowed}.plugins-results::-webkit-scrollbar,.plugins-modal-content::-webkit-scrollbar{width:8px}.plugins-results::-webkit-scrollbar-track,.plugins-modal-content::-webkit-scrollbar-track{background:transparent}.plugins-results::-webkit-scrollbar-thumb,.plugins-modal-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.plugins-results::-webkit-scrollbar-thumb:hover,.plugins-modal-content::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.plugins-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px;margin-bottom:12px;font-weight:600;color:#fff;font-size:14px}.plugins-section-header .popular-icon{font-size:16px}.plugins-tab-nav{display:none}@media (min-width: 769px){.plugins-installed-col,.plugins-search-col{display:block!important}}@media (max-width: 768px){.plugins-modal{max-width:100%;width:100%;height:100%;max-height:100vh;border-radius:0;margin:0}.plugins-modal-content{height:100%;border-radius:0;display:flex;flex-direction:column;background:var(--bg-primary)}.plugins-modal-header{padding:.75rem 1rem;flex-shrink:0;background:var(--bg-primary);border-bottom:1px solid var(--border)}.plugins-modal-header h3{font-size:1.125rem}.plugins-modal-header .close-modal-btn{width:32px;height:32px;font-size:1.25rem;background:#ffffff1a;border-radius:4px}.plugins-two-columns{display:flex;flex-direction:column;gap:0;height:calc(100vh - 56px);min-height:0;background:var(--bg-primary);overflow:hidden}.plugins-column{padding:0;background:var(--bg-primary);overflow-y:auto;-webkit-overflow-scrolling:touch}.plugins-tab-nav{display:flex;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:.75rem 1rem;flex-shrink:0;gap:.5rem}.plugins-tab-btn{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.plugins-tab-btn.active{color:#8b5cf6;border-bottom-color:#8b5cf6;background:#8b5cf614}.plugins-tab-btn .tab-icon{font-size:1.125rem}.plugins-tab-btn .tab-badge{background:#8b5cf633;color:#a78bfa;font-size:.75rem;padding:.125rem .5rem;border-radius:4px;font-weight:700}.plugins-tab-btn.active .tab-badge{background:#8b5cf6;color:#fff}.plugins-tab-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem}.plugins-installed-col,.plugins-search-col{display:none;border:none;max-height:none;min-height:auto}.plugins-installed-col.active,.plugins-search-col.active{display:block;padding:1rem;background:var(--bg-primary);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.plugins-installed-col,.plugins-search-col{padding:0;background:var(--bg-primary);overflow-y:auto;-webkit-overflow-scrolling:touch}.plugins-row-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.plugins-row-header h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.plugin-count{font-size:.75rem;padding:.25rem .625rem;background:#8b5cf6}.plugins-list{display:flex;flex-direction:column;gap:.5rem}.plugin-item{padding:.875rem 1rem;gap:.75rem;flex-wrap:nowrap;background:var(--bg-card);border:1px solid var(--border);border-radius:4px}.plugin-item:hover{border-color:#8b5cf6;transform:none}.plugin-icon-small{width:44px;height:44px;font-size:1.25rem;border-radius:4px}.plugin-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.plugin-status{font-size:1.25rem;color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.4)}.plugin-delete-btn{padding:.5rem;border-radius:4px;font-size:1rem;margin-left:.25rem}.plugins-search-col{padding:0}.plugins-column-header{margin-bottom:1rem;padding-bottom:0;border:none}.plugins-search-col-header{flex-direction:column;gap:.75rem}.plugins-search-col-header h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.plugins-server-info{width:auto;justify-content:flex-start}.server-version-badge,.server-loader-badge{font-size:.6875rem;padding:.25rem .5rem}.plugins-search-row{display:flex;flex-direction:row;gap:.5rem;width:100%}.plugins-search-input{flex:1;padding:.75rem 1rem;font-size:.9375rem;border-radius:4px;background:var(--bg-card);border:1px solid var(--border)}.plugins-search-btn{padding:.75rem 1.25rem;border-radius:4px;font-size:.9375rem;font-weight:600}.plugins-results-list{display:flex;flex-direction:column;gap:.625rem;overflow-y:visible;height:auto;padding-right:0}.plugin-item{display:flex;align-items:center;padding:.875rem 1rem;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px}.plugin-info{flex:1;min-width:0}.plugin-title{font-size:.9375rem;font-weight:600}.plugin-desc{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-download-btn-small{padding:.5rem .75rem;border-radius:4px;font-size:1rem;flex-shrink:0}.plugin-info-btn-small{padding:.5rem .625rem;border-radius:4px;font-size:1rem;flex-shrink:0}.plugins-section-header{margin:1rem 0 .75rem;padding:.625rem .875rem;border-radius:4px;font-size:.8125rem}.plugins-empty-results,.plugins-empty-state{padding:2.5rem 1rem;background:var(--bg-card);border-radius:4px;border:1px dashed var(--border);margin-top:1rem}.empty-icon{font-size:2.5rem}.plugins-loading{padding:2rem}.plugins-loading .spinner{width:36px;height:36px}}.plugin-delete-btn,.plugin-download-btn-small,.plugin-info-btn-small{padding:.5rem .625rem;font-size:.875rem}.plugin-delete-btn{margin-left:.25rem}.plugins-results-list{height:auto;max-height:calc(90% - 80px);padding-right:4px}.plugins-empty-results,.plugins-empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}.plugins-loading{padding:1.5rem}.plugins-loading .spinner{width:32px;height:32px}} @media (max-width: 480px){.plugins-modal-header h3{font-size:1.1rem}.plugins-column{padding:.75rem}.plugin-item{padding:.5rem .625rem;gap:.5rem}.plugin-icon-small{width:28px;height:28px}.plugin-info{flex:1 1 calc(100% - 60px)}.server-version-badge,.server-loader-badge{font-size:.625rem;padding:.2rem .375rem}}.load-more-btn{width:100%;padding:12px 20px;margin-top:16px;background:linear-gradient(135deg,#8b5cf633,#6366f133);border:2px solid rgba(139,92,246,.5);border-radius:4px;color:#c4b5fd;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf64d,#6366f14d);border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf64d}.load-more-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.maps-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;width:80dvw;margin:1rem;animation:slideUp .3s ease}.maps-modal .maps-modal-content{max-height:90vh;overflow-y:auto;padding:1.5rem}.maps-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.maps-modal-header h3{font-size:1.25rem;color:var(--text);margin:0}.maps-modal-header .close-modal-btn{background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:.25rem .5rem;transition:color .2s}.maps-modal-header .close-modal-btn:hover{color:var(--text)}.current-map-display{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:4px;margin-bottom:1rem}.current-map-label{color:var(--text-primary);font-size:.875rem}.current-map-name{color:var(--accent);font-weight:600;font-size:1rem}.maps-info{color:var(--text-primary);margin-bottom:1rem;font-size:.875rem}.maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1rem}.map-card{display:flex;flex-direction:column;align-items:center;padding:0;background:var(--bg-secondary);border:2px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s ease;overflow:hidden}.map-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.map-card.active{border-color:var(--accent);background:var(--accent-dim)}.map-card:disabled{opacity:.5;cursor:not-allowed}.map-image-container{width:100%;height:120px;overflow:hidden;background:var(--bg-tertiary)}.map-image{width:100%;height:100%;object-fit:cover}.map-name{color:#fff;font-weight:600;font-size:.875rem;text-align:center;padding:.75rem .5rem .25rem}.map-desc{color:var(--text-primary);font-size:.75rem;text-align:center;padding:0 .5rem .75rem}.maps-warning{padding:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:4px;color:#ffc107;text-align:center;font-size:.875rem}.maps-warning strong{color:#ffc107}.maps-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--text-primary)}.maps-loading .spinner{width:24px;height:24px}.worlds-modal{padding:0}.map-actions-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:.5rem}.map-action-card{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;border-radius:4px;text-align:center;transition:all .3s ease}.map-upload-card{background:linear-gradient(145deg,#ffc10733,#ff980026);border:2px solid rgba(255,193,7,.4)}.map-upload-card:hover{border-color:#ffc107b3;box-shadow:0 8px 32px #ffc10733;transform:translateY(-4px)}.map-download-card{background:linear-gradient(145deg,#4caf5033,#388e3c26);border:2px solid rgba(76,175,80,.4)}.map-download-card:hover{border-color:#4caf50b3;box-shadow:0 8px 32px #4caf5033;transform:translateY(-4px)}.map-card-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.map-card-icon{font-size:3.5rem}.map-card-title{font-size:1.5rem;font-weight:700}.map-upload-card .map-card-title{color:#ffb300}.map-download-card .map-card-title{color:#4caf50}.map-card-description{font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem;line-height:1.5}.map-card-content{display:flex;flex-direction:column;gap:1rem}.map-file-input{display:none}.map-file-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:#0006;border:2px dashed rgba(255,255,255,.3);border-radius:4px;color:#fffc;font-size:1rem;cursor:pointer;transition:all .2s ease}.map-file-label:hover{border-color:#ffb300;background:#00000080;color:#fff}.file-icon{font-size:1.5rem}.map-file-size{font-size:.9rem;color:#fff9;margin:0}.map-card-warning{padding:1rem;background:#ff980033;border:1px solid rgba(255,152,0,.4);border-radius:4px;color:#ff9800;font-size:.95rem}.map-action-button{width:100%;padding:1rem 2rem;border:none;border-radius:4px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.upload-button{background:linear-gradient(145deg,#ffb300,#ff8f00);color:#000;box-shadow:0 4px 20px #ffb30066}.upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffb30080}.download-button{background:linear-gradient(145deg,#4caf50,#388e3c);color:#fff;box-shadow:0 4px 20px #4caf5066}.download-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4caf5080}.map-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner-small{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.pending-map-banner{margin-top:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(145deg,#2196f340,#1976d233);border:1px solid rgba(33,150,243,.5);border-radius:4px;display:flex;align-items:center;gap:1rem;font-size:1rem}.pending-map-banner .pending-icon{font-size:2rem}.pending-map-banner span:last-child{color:#ffffffe6}.pending-map-banner strong{color:#42a5f5}.upload-progress-container{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-progress-bar{width:100%;height:12px;background:#0006;border-radius:4px;overflow:hidden;border:1px solid rgba(255,179,0,.3)}.upload-progress-text{font-size:.9rem;font-weight:600;color:#ffb300}@media (max-width: 768px){.worlds-modal{padding:0}.map-actions-container{display:flex;flex-direction:column;gap:1rem;padding:.75rem}.map-action-card{padding:1.25rem;border-radius:4px}.map-card-header{flex-direction:row;justify-content:flex-start;gap:.75rem;margin-bottom:.75rem}.map-card-icon{font-size:2rem}.map-card-title{font-size:1.125rem;font-weight:700}.map-card-description{font-size:.875rem;margin-bottom:1rem;text-align:left}.map-file-label{padding:.875rem 1rem;font-size:.9375rem;border-radius:4px}.file-icon{font-size:1.25rem}.map-file-size{font-size:.8125rem}.map-card-warning{padding:.75rem;font-size:.875rem;border-radius:4px}.map-action-button{padding:.875rem 1.5rem;font-size:1rem;border-radius:4px}.pending-map-banner{margin:1rem;padding:1rem;border-radius:4px;gap:.75rem;flex-direction:column;text-align:center}.pending-map-banner .pending-icon{font-size:1.5rem}.pending-map-banner span:last-child{font-size:.9375rem}.upload-progress-container{margin-top:.75rem}.upload-progress-bar{height:10px;border-radius:4px}.upload-progress-text{font-size:.8125rem}.spinner-small{width:16px;height:16px}.modal:has(.worlds-modal){max-width:100%;width:100%;height:auto;max-height:90vh;margin:.5rem;border-radius:4px;display:flex;flex-direction:column}.modal:has(.worlds-modal) .modal-body{padding:.75rem;height:auto;max-height:calc(90vh - 60px);overflow-y:auto}.modal:has(.worlds-modal) .modal-header{padding:1rem;flex-shrink:0}.modal:has(.worlds-modal) .modal-header h3{font-size:1.125rem;display:flex;align-items:center;gap:.5rem}.modal:has(.worlds-modal) .modal-close{width:32px;height:32px;font-size:1.25rem;background:#ffffff1a;border-radius:4px;display:flex;align-items:center;justify-content:center}}.toast-notification{position:fixed;bottom:20px;right:20px;z-index:1000;animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.toast-notification.exiting{animation:slideOut .3s ease-in forwards}.toast-content{background:linear-gradient(135deg,#22c55ef2,#16a34af2);border:1px solid rgba(34,197,94,.4);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #22c55e4d,0 4px 16px #0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:350px;min-width:280px;position:relative;overflow:hidden}.toast-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;animation:shimmer 2s ease-in-out}.toast-icon{font-size:20px;flex-shrink:0;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:bounce .6s ease-out}.toast-notification.toast-error .toast-content{background:linear-gradient(135deg,#ea580cf2,#c2410cf2);border:1px solid rgba(234,88,12,.4);box-shadow:0 8px 32px #ea580c4d,0 4px 16px #0003}.toast-notification.toast-error .toast-icon{animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px) rotate(-5deg)}40%{transform:translate(4px) rotate(5deg)}60%{transform:translate(-4px) rotate(-3deg)}80%{transform:translate(4px) rotate(3deg)}}.toast-message{color:#fff;font-size:15px;font-weight:600;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.1);flex:1}@keyframes slideIn{0%{transform:translate(100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shimmer{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes slideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.8);opacity:0}}.console-fullscreen{height:100vh;height:100dvh;background:#0a0a0a;display:flex;flex-direction:column;overflow:hidden}.console-loading,.console-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.console-loading p,.console-error p{color:#9ca3af;font-size:.95rem}.console-error p{color:#f87171}.console-back-link{display:inline-flex;align-items:center;padding:.625rem 1.25rem;background:#1e1e1e;color:#d4d4d4;border:1px solid #2a2a2a;border-radius:4px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.console-back-link:hover{background:#252525;border-color:#404040}.console-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:#141414;border-bottom:1px solid #1f1f1f;flex-shrink:0}.console-title{display:flex;align-items:center;gap:.75rem;min-width:0}.console-title h3{margin:0;font-size:.9rem;font-weight:500;color:#d4d4d4;font-family:JetBrains Mono,ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-controls{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.terminal-dot{width:12px;height:12px;border-radius:50%;display:block}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#6b7280;flex-shrink:0}.terminal-icon svg{width:100%;height:100%}.console-status{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase}.status-indicator.connected{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.status-indicator.disconnected{background:#6b72801f;color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;position:relative}.status-indicator.connected .status-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:currentColor;opacity:.3;animation:console-pulse 1.6s ease-out infinite}@keyframes console-pulse{0%{transform:scale(.8);opacity:.4}to{transform:scale(2.2);opacity:0}}.console-back-btn{display:inline-flex;align-items:center;padding:.375rem .75rem;background:transparent;color:#9ca3af;border:1px solid #2a2a2a;border-radius:4px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.console-back-btn:hover{background:#1e1e1e;color:#f3f4f6;border-color:#404040}.console-logs-full{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem;background:#0a0a0a;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.console-logs-full::-webkit-scrollbar{width:8px}.console-logs-full::-webkit-scrollbar-track{background:transparent}.console-logs-full::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.console-logs-full::-webkit-scrollbar-thumb:hover{background:#404040}.logs-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;text-align:center}.logs-empty p{font-size:.95rem;color:#9ca3af}.waiting-icon{font-size:3rem;line-height:1;margin-bottom:.5rem;opacity:.5}.logs-output{margin:0;font-family:JetBrains Mono,ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.8rem;line-height:1.6;color:#d4d4d4;white-space:pre-wrap;word-break:break-all}.log-line{display:block;padding:.0625rem 0}.log-line :is(span){color:inherit}.log-line.log-command{color:#c084fc;font-weight:600}.log-line.log-success{color:#4ade80}.log-line.log-error{color:#f87171}.log-line.log-warn{color:#fbbf24}.log-line.log-debug{color:#6b7280}.log-line.log-info{color:#93c5fd}.command-input-container{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;background:#141414;border-top:1px solid #1f1f1f;flex-shrink:0}.command-prompt{color:#4ade80;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.95rem;font-weight:700;-webkit-user-select:none;user-select:none;flex-shrink:0}.command-input{flex:1;background:transparent;border:none;color:#f3f4f6;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;outline:none;padding:.375rem 0}.command-input::placeholder{color:#4b5563}.command-input:disabled{opacity:.5;cursor:not-allowed}.send-command-btn{background:transparent;border:1px solid #2a2a2a;color:#9ca3af;width:36px;height:36px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease;flex-shrink:0}.send-command-btn:hover:not(:disabled){background:#22c55e14;color:#4ade80;border-color:#22c55e4d}.send-command-btn:disabled{opacity:.4;cursor:not-allowed}.console-loading .spinner{width:32px;height:32px;border:3px solid #2a2a2a;border-top-color:#4ade80;border-radius:50%;animation:console-spin .8s linear infinite}@keyframes console-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.console-header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.console-title h3{font-size:.8rem}.console-status{width:100%;justify-content:space-between}.console-logs-full{padding:.75rem 1rem}.logs-output{font-size:.75rem}.command-input-container{padding:.75rem 1rem}}.db-main--compact{padding:1.25rem 2rem 1.5rem;min-height:calc(100vh - 56px);display:flex;flex-direction:column;justify-content:center;gap:.875rem;max-width:720px;margin:0 auto;width:100%}.ps-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1.5rem 1rem;background:linear-gradient(135deg,#22c55e14,#22c55e05);border:1px solid rgba(34,197,94,.2);border-radius:4px;position:relative;overflow:hidden}.ps-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(34,197,94,.12),transparent 60%);pointer-events:none;z-index:0}.ps-hero>*{position:relative;z-index:1}.ps-hero-checkmark{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:.625rem}.ps-checkmark-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #22c55e1a,0 0 20px #22c55e4d;z-index:1}.ps-checkmark-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(34,197,94,.4);animation:ps-pulse 2s ease-out infinite}@keyframes ps-pulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.4);opacity:0}}.ps-hero-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.02em;line-height:1.1}.ps-hero-sub{font-size:.825rem;color:var(--text-secondary);margin:0 0 .625rem;line-height:1.4;max-width:480px}.ps-hero-amount{font-size:1.875rem;font-weight:800;color:#4ade80;letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:.2rem;font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace)}.ps-hero-amount-prefix{font-size:.6em;color:#4ade80;font-weight:700}.ps-hero-amount-currency{font-size:.55em;color:var(--text-muted);font-weight:600}.ps-hero-amount-suffix{font-size:.3em;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-left:.375rem}.ps-success-details{display:flex;flex-direction:column}.ps-success-details .sp-panel-body{padding:.875rem 1.25rem}.ps-success-details .sp-info-list{gap:.5rem}.ps-success-details .sp-info-row{font-size:.85rem}.sp-panel-footer--actions{display:flex;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.sp-panel-footer--actions .btn{flex:1;justify-content:center}.ps-pending-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,#ffc1070f,#ffc10705);border:1px solid rgba(255,193,7,.2);border-radius:4px;position:relative;overflow:hidden}.ps-pending-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,193,7,.1),transparent 60%);pointer-events:none;z-index:0}.ps-pending-hero--error{background:linear-gradient(135deg,#ef44440f,#ef444405);border-color:#ef444433}.ps-pending-hero--error:before{background:radial-gradient(circle,rgba(239,68,68,.1),transparent 60%)}.ps-pending-hero>*{position:relative;z-index:1}.ps-pending-icon{position:relative;width:96px;height:96px;border-radius:50%;background:#ffc10726;color:#fbbf24;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;border:2px solid rgba(255,193,7,.3)}.ps-pending-hero--error .ps-pending-icon{background:#ef44441f;color:var(--error);border-color:#ef44444d}.ps-pending-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,193,7,.4);animation:ps-pulse 2s ease-out infinite}.ps-pending-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.ps-pending-sub{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.25rem;max-width:480px;line-height:1.5}.ps-pending-order{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;margin-bottom:1.25rem}.ps-pending-order-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.ps-pending-order-code{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.85rem;color:var(--text-primary);word-break:break-all}.ps-pending-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.ps-pending-auto{display:inline-flex;align-items:center;gap:.375rem;font-size:.72rem;color:var(--text-muted);margin:1rem 0 0;padding:.375rem .625rem;background:var(--bg-elevated, var(--bg-card-hover));border-radius:999px}.ps-status-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:999px;background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.25);font-family:var(--font-mono, "JetBrains Mono", monospace)}.ps-order-code{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.82rem;background:var(--bg-elevated, var(--bg-card-hover))!important;padding:.125rem .5rem!important;border:1px solid var(--border);word-break:break-all}.ps-actions{display:flex;flex-direction:column;gap:.5rem}.ps-actions .btn{width:100%;justify-content:center}.buy-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;background:linear-gradient(135deg,#9333ea1a,#9333ea05);border:1px solid rgba(147,51,234,.2);border-radius:4px;position:relative;overflow:hidden}.buy-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(147,51,234,.15),transparent 60%);pointer-events:none}.buy-hero-text{position:relative;z-index:1;flex:1;min-width:0}.buy-hero-eyebrow{display:inline-flex;align-items:center;gap:.375rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.375rem}.buy-hero-balance{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:.25rem;font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace)}.buy-hero-currency{font-size:.55em;color:var(--text-muted);font-weight:600}.buy-hero-sub{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:580px;line-height:1.5}.buy-hero-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.25);border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}@media (max-width: 640px){.buy-hero{flex-direction:column;align-items:flex-start;padding:1.25rem}.buy-hero-badge{align-self:flex-start}}.pay-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}.pay-method-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:inherit;text-align:left;color:var(--text-primary);transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.pay-method-card:hover{background:var(--bg-card);border-color:var(--accent)}.pay-method-card:active{transform:scale(.99)}.pay-method-badge{position:absolute;top:-6px;right:8px;display:inline-flex;align-items:center;gap:.2rem;padding:.125rem .5rem;background:var(--accent);color:#fff;border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:.05em;font-family:var(--font-mono, "JetBrains Mono", monospace)}.pay-method-icon{width:40px;height:40px;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:.25rem}.pay-method-icon img{max-width:100%;max-height:100%;object-fit:contain}.pay-method-icon--modal{width:32px;height:32px;padding:.25rem}.pay-method-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.pay-method-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pay-method-desc{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-panel{height:100%}.calc-row{margin-bottom:.875rem}.calc-row label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace);margin-bottom:.375rem}.calc-stepper{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:.25rem;width:fit-content}.calc-stepper button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-card);border:0;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:background-color .15s ease,color .15s ease;font-family:inherit}.calc-stepper button:hover{background:var(--accent);color:#fff}.calc-stepper-value{min-width:48px;text-align:center;font-weight:600;font-size:.9rem;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace)}.calc-result{margin-top:1rem;padding:1rem 1.25rem;background:#9333ea14;border:1px solid rgba(147,51,234,.25);border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.calc-result-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.calc-result-value{font-size:1.5rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace);letter-spacing:-.01em}.payment-amount-input{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:.875rem 1rem;margin-bottom:.5rem;transition:border-color .2s ease}.payment-amount-input:focus-within{border-color:var(--accent)}.payment-amount-currency{font-size:.85rem;font-weight:600;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace);flex-shrink:0}.payment-amount-field{flex:1;background:transparent;border:0;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-mono, "JetBrains Mono", monospace);outline:none;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.payment-amount-field::placeholder{color:var(--text-muted)}.payment-amount-info{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-secondary);margin:0 0 1rem;padding:.5rem .75rem;background:#ffc1070f;border-left:2px solid var(--warning);border-radius:4px}.payment-amount-info strong{color:var(--text-primary)}.payment-step-description{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .75rem}.payment-info-box{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:.875rem 1rem;margin:1rem 0;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.payment-info-box svg{flex-shrink:0;color:var(--accent);margin-top:.125rem}.payment-info-box strong{color:var(--text-primary);display:block;margin-bottom:.25rem;font-size:.9rem}.payment-info-box p{margin:.25rem 0}.payment-info-min{font-size:.8rem}.payment-info-email{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.8rem;color:var(--accent)}.payment-proof-section{display:flex;flex-direction:column;gap:.625rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.form-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace);margin:0}.payment-file-label{cursor:pointer;display:inline-block}.payment-file-name{font-size:.8rem;color:var(--text-secondary);margin:0;font-family:var(--font-mono, "JetBrains Mono", monospace)}.payment-upload-success{display:inline-flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--success, #22c55e);margin:0;padding:.5rem .75rem;background:#22c55e14;border-radius:4px}.success-icon-circle{width:72px;height:72px;border-radius:50%;background:#22c55e1f;color:var(--success, #22c55e);display:flex;align-items:center;justify-content:center;margin:0 auto}@media (max-width: 480px){.pay-methods-grid{grid-template-columns:1fr}}.transfer-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;background:linear-gradient(135deg,#9333ea14,#9333ea05);border:1px solid rgba(147,51,234,.2);border-radius:4px;position:relative;overflow:hidden}.transfer-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(147,51,234,.15),transparent 60%);pointer-events:none}.transfer-hero-text{position:relative;z-index:1;flex:1;min-width:0}.transfer-hero-eyebrow{display:inline-flex;align-items:center;gap:.375rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.375rem}.transfer-hero-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.1}.transfer-hero-sub{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:580px;line-height:1.5}@media (max-width: 640px){.transfer-hero{flex-direction:column;align-items:flex-start;padding:1.25rem}}.transfer-form{display:flex;flex-direction:column;gap:1rem}.sp-form-field .sp-input{border:none}.transfer-amount,.transfer-amount.is-valid,.transfer-amount.has-error{border:0}.sp-form-hint{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--text-muted);margin:.25rem 0 0;line-height:1.4}.sp-form-hint--error{color:var(--error, #ef4444)}.transfer-amount{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated, var(--bg-card-hover));border:1px solid var(--border);border-radius:4px;padding:.875rem 1rem;transition:border-color .2s ease}.transfer-amount:focus-within{border-color:var(--accent)}.transfer-amount.is-valid{border-color:var(--success, #22c55e)}.transfer-amount.has-error{border-color:var(--error, #ef4444)}.transfer-amount-currency{font-size:.85rem;font-weight:600;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace);flex-shrink:0}.transfer-amount-field{flex:1;background:transparent;border:0;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-mono, "JetBrains Mono", monospace);font-variant-numeric:tabular-nums;letter-spacing:-.01em;min-width:0}.transfer-amount-field::placeholder{color:var(--text-muted)}.transfer-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.transfer-balance{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 0 1.25rem}.transfer-balance-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.transfer-balance-amount{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:.25rem;font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace)}.transfer-balance-currency{font-size:.55em;color:var(--text-muted);font-weight:600}.transfer-balance-suffix{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-family:var(--font-mono, "JetBrains Mono", monospace);margin-top:.25rem}.transfer-info-divider{height:1px;background:var(--border);margin:.5rem 0}.transfer-tips{display:flex;flex-direction:column;gap:.5rem}.transfer-tips-title{display:inline-flex;align-items:center;gap:.375rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace);margin:0}.transfer-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;font-size:.78rem;color:var(--text-secondary);line-height:1.5}.transfer-tips-list li{padding-left:.875rem;position:relative}.transfer-tips-list li:before{content:"·";position:absolute;left:0;top:-.125rem;color:var(--accent);font-weight:700;font-size:1.1rem;line-height:1}.ts-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem 2rem;background:linear-gradient(135deg,#22c55e14,#22c55e05);border:1px solid rgba(34,197,94,.2);border-radius:4px;position:relative;overflow:hidden}.ts-hero--sent{background:linear-gradient(135deg,#ef44440f,#ef444403);border-color:#ef444433}.ts-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(34,197,94,.12),transparent 60%);pointer-events:none;z-index:0}.ts-hero--sent:before{background:radial-gradient(circle,rgba(239,68,68,.1),transparent 60%)}.ts-hero>*{position:relative;z-index:1}.ts-hero-checkmark{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin-bottom:1.25rem}.ts-checkmark-circle{position:relative;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #22c55e14,0 0 32px #22c55e4d;z-index:1}.ts-hero--sent .ts-checkmark-circle{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 0 8px #3b82f614,0 0 32px #3b82f64d}.ts-checkmark-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(34,197,94,.4);animation:ts-pulse 2s ease-out infinite}.ts-hero--sent .ts-checkmark-pulse{border-color:#3b82f666}@keyframes ts-pulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.4);opacity:0}}.ts-hero-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.1}.ts-hero-sub{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem;max-width:480px}.ts-hero-amount{font-size:clamp(2.25rem,6vw,3rem);font-weight:800;color:#4ade80;letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:.25rem;font-variant-numeric:tabular-nums;font-family:var(--font-mono, "JetBrains Mono", monospace);margin-bottom:.5rem}.ts-hero--sent .ts-hero-amount{color:#fca5a5}.ts-hero-amount-currency{font-size:.55em;color:var(--text-muted);font-weight:600}.ts-hero-amount-suffix{font-size:.3em;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-left:.5rem}.ts-hero-note{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.5}.ts-type-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:999px;font-family:var(--font-mono, "JetBrains Mono", monospace)}.ts-type-pill--sent{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.ts-type-pill--received{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.25)}.ts-id-code{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.85rem;background:var(--bg-elevated, var(--bg-card-hover))!important;padding:.125rem .5rem!important;border:1px solid var(--border)}.ts-actions{display:flex;flex-direction:column;gap:.5rem}.ts-actions .btn{width:100%;justify-content:center}.ts-action-primary{background:var(--accent);color:#fff}.ts-action-primary:hover{background:var(--accent-hover)}.ts-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:3rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;max-width:480px;margin:2rem auto}.ts-error h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ts-error p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0;max-width:360px}.ts-error-icon{width:80px;height:80px;border-radius:50%;background:#ef44441f;color:var(--error);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.terms-page{min-height:100vh;background-color:var(--bg-dark, #0a0a0b);color:var(--text-main, #e4e4e7);padding:40px 20px;display:flex;justify-content:center}.terms-container{max-width:800px;width:100%}.back-link{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted, #a1a1aa);cursor:pointer;font-size:.95rem;margin-bottom:24px;transition:color .2s;padding:0}.back-link:hover{color:var(--primary-color, #5865F2)}.terms-content{background:var(--bg-card, #18181b);border:1px solid var(--border-color, #27272a);border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000004d}.terms-content h1{font-size:2rem;margin-bottom:8px;color:#fff}.version{color:var(--text-muted, #a1a1aa);font-size:.9rem;margin-bottom:32px;border-bottom:1px solid var(--border-color, #27272a);padding-bottom:16px}.terms-scroll-area{line-height:1.6}.terms-scroll-area section{margin-bottom:24px}.terms-scroll-area h3{color:#fff;margin-bottom:12px;font-size:1.2rem}.terms-scroll-area p{margin-bottom:12px}.terms-scroll-area ul{padding-left:20px;margin-bottom:16px}.terms-scroll-area li{margin-bottom:8px}.terms-actions{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color, #27272a);display:flex;justify-content:center}.accept-tos-button{background:var(--primary-color, #5865F2);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.accept-tos-button:hover:not(:disabled){background:#4752c4}.accept-tos-button:active:not(:disabled){transform:scale(.98)}.accept-tos-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.terms-content{padding:24px}}.create-server-page{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.create-server-page .back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem}.create-server-container{width:100%;max-width:800px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.wizard-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.wizard-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.wizard-steps{display:flex;align-items:center;justify-content:center;padding:2rem;gap:0}.wizard-step{display:flex;align-items:center;gap:.5rem;position:relative}.wizard-step .step-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease}.wizard-step.active .step-icon{background:var(--accent);border-color:var(--accent);color:#fff}.wizard-step.completed .step-icon{background:var(--success, #22c55e);border-color:var(--success, #22c55e);color:#fff}.step-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.wizard-step.active .step-label{color:var(--text-primary);font-weight:600}.wizard-step.completed .step-label{color:var(--success, #22c55e)}.step-connector{width:60px;height:2px;background:var(--border);margin:0 .5rem}.wizard-step.completed+.wizard-step .step-connector,.wizard-step.completed .step-connector{background:var(--success, #22c55e)}.wizard-error{margin:0 2rem;padding:1rem;background:#ef44441a;border:1px solid var(--error);border-radius:6px;color:var(--error);font-size:.875rem}.wizard-content{padding:2rem;min-height:400px}.wizard-content h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.step-description{font-size:.9375rem;color:var(--text-secondary);margin-bottom:.5rem;text-align:center}.step-config h2,.step-config .step-description{text-align:center}.step-game-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:2rem}.step-game-header h2{margin:0}.step-game-header .step-description{margin:0;text-align:left}.step-game{text-align:center}.step-header{text-align:center;margin-bottom:2rem}.step-header-label{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.step-game>.step-description{text-align:center}.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.game-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-align:center}.game-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #9333ea26}.game-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #9333ea33,0 12px 40px #9333ea33}.game-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%)}.game-image-wrapper.no-image{display:flex;align-items:center;justify-content:center;min-height:150px}.game-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-image{transform:scale(1.05)}.game-selected-badge{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;box-shadow:0 2px 8px #9333ea66}.game-card .game-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);padding:0 1rem}.game-card .game-description{font-size:.8125rem;color:var(--text-secondary);padding:0 1rem 1.25rem;margin:0}.game-icon{font-size:3rem}.plan-cards{display:flex;flex-direction:column;gap:1rem}.plan-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.plan-card:hover{border-color:var(--accent);transform:translateY(-2px)}.plan-card.selected{border-color:var(--accent);background:#9333ea1a}.plan-header{display:flex;align-items:center;gap:1rem}.plan-icon{color:var(--accent)}.plan-label{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.plan-specs{display:flex;gap:1.5rem;flex:1;justify-content:center}.spec{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.plan-price{text-align:right}.price-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:.875rem;color:var(--text-secondary)}.config-form{max-width:600px;margin:0 auto}.config-form .form-group{margin-bottom:2rem}.config-form label{display:block;font-size:.9375rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.config-form input,.config-form select{width:100%;padding:1rem 1.125rem;font-size:1rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);transition:all0.2s ease;box-sizing:border-box}.config-form input:focus,.config-form select:focus{outline:none;border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px #9333ea26}.config-form input::placeholder{color:var(--text-secondary);opacity:.5}.config-form select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.type-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.type-btn{padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.type-btn:hover{border-color:var(--accent);color:var(--text-primary)}.type-btn.active{border-color:var(--accent);background:#9333ea26;color:var(--accent);font-weight:600}.config-help{font-size:.8125rem;color:var(--text-secondary);margin-top:.5rem;opacity:.7}.step-review,.step-review h2,.step-review .step-description{text-align:center}.review-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-width:500px;margin:0 auto}.review-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.review-row:last-child{border-bottom:none}.review-label{font-size:.875rem;color:var(--text-secondary)}.review-value{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.review-value.price{color:var(--accent);font-size:1.25rem;font-weight:700}.review-divider{height:1px;background:var(--border)}.review-row.total{background:var(--bg-card)}.wizard-nav{display:flex;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.nav-spacer{flex:1}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.nav-btn.back{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.nav-btn.back:hover{background:var(--bg-card);border-color:var(--text-secondary);color:var(--text-primary)}.nav-btn.next{background:var(--accent);border:none;color:#fff}.nav-btn.next:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.nav-btn.next:disabled{opacity:.5;cursor:not-allowed}.nav-btn.create{background:var(--success, #22c55e);border:none;color:#fff}.nav-btn.create:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.nav-btn.create:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.create-server-page{padding:1rem;align-items:flex-start}.create-server-page .back-button{display:none}.game-cards{grid-template-columns:1fr;gap:.75rem}.game-card{flex-direction:row;align-items:center;padding:0;text-align:left;gap:0}.game-image-wrapper{width:90px;min-width:90px;aspect-ratio:1}.game-card .game-name{font-size:.9375rem;padding:.75rem}.game-card .game-description{display:none}.game-selected-badge{width:24px;height:24px;font-size:.75rem;top:.5rem;right:.5rem}.wizard-header{padding:1rem 1.25rem}.wizard-steps{padding:1.5rem 1rem;overflow-x:auto;gap:0}.step-connector{width:30px}.step-label{display:none}.wizard-content{padding:1.5rem 1.25rem;min-height:300px}.game-cards{grid-template-columns:1fr;gap:1rem}.plan-card{flex-direction:column;align-items:flex-start;gap:1rem}.plan-specs{flex-direction:column;gap:.5rem}.plan-price{text-align:left}.wizard-nav{padding:1rem 1.25rem}.nav-btn span{display:none}.nav-btn.create span{display:inline}}:root{--bg-primary: #0f0f12;--bg-secondary: #18181f;--bg-card: #1e1e28;--bg-card-hover: #252530;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #9333ea;--accent-hover: #a855f7;--accent-glow: rgba(147, 51, 234, .4);--discord: #5865F2;--discord-hover: #4752c4;--success: #22c55e;--error: #ef4444;--warning: #ffc107;--info: #2196f3;--border: rgba(255, 255, 255, .08);--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(147,51,234,.15),transparent),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(147,51,234,.1),transparent);pointer-events:none;z-index:-1}.home{min-height:100vh;display:flex;flex-direction:column}.beta-notice{width:100%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);padding:.75rem 1rem;text-align:center;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;flex-shrink:0}.beta-notice .beta-icon{font-size:1rem}.beta-notice p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-main{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem}.hero-content{text-align:center;animation:fadeInUp .8s ease-out}.hero-content .title{font-size:5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--text-primary)}.hero-content .subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2.5rem;font-weight:400}.scroll-indicator{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;opacity:.85;animation:bounce 2s infinite}.features-section{min-height:auto;padding:4rem 1.5rem;background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center}.transition-background-section{background:linear-gradient(180deg,#18181f,#18181f,#0f0f1200)}.section-header{text-align:center;max-width:600px;margin:0 auto 3rem;display:flex;flex-direction:column}.section-header h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}@media (min-width: 640px){.features-section{padding:6rem 2rem}.section-header h2{font-size:3rem}.section-header{margin-bottom:5rem}}.section-header p{font-size:1.25rem;color:var(--text-secondary);font-weight:400}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{position:relative;padding-left:1rem;margin-bottom:.25rem;color:var(--text-primary);font-size:.75rem}.feature-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.cta-box{text-align:center;max-width:700px;margin:0 auto;margin-top:2rem;margin-bottom:2rem;padding:4rem;background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 100%);border-radius:4px;animation:fadeInUp .8s ease .4s forwards;opacity:0}.cta-box h3{font-size:2.25rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em}.cta-box p{font-size:1.125rem;color:#ffffffd9;margin-bottom:2rem}.cta-box .login-button{background:#fff;color:var(--accent);padding:1rem 3rem;font-size:1.125rem;transition:transform .3s ease,box-shadow .3s ease}.cta-box .login-button:hover{background:#f0f0f0;transform:translateY(-3px)}.sponsors-section{width:100%;margin:0 auto;padding:4rem 1.5rem}@media (min-width: 640px){.sponsors-section{padding:5rem 2rem}}.sponsors-section .section-header{text-align:center;margin-bottom:3rem}.sponsors-section .section-tag{display:inline-block;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.sponsors-section h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.sponsors-section .section-description{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.sponsors-grid{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.sponsor-card{display:flex;justify-content:center;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:4px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;border:1px solid var(--border);min-width:200px;min-height:100px}.sponsor-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 40px #0003}.sponsor-card img{max-width:250px;max-height:180px;object-fit:contain}.games-section{max-width:1200px;margin:0 auto}.games-section .section-header{text-align:center;margin-bottom:3rem}.games-section .section-tag{display:inline-block;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.games-section h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.games-section .section-description{color:var(--text-secondary);font-size:.9375rem;max-width:500px;margin:0 auto}.games-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 640px){.games-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1024px){.games-grid{grid-template-columns:repeat(3,1fr)}}.game-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#1e1e28cc,#18181fe6);border:1px solid rgba(255,255,255,.06);border-radius:4px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.game-card:hover{border-color:#9333ea4d;transform:translateY(-4px);box-shadow:0 12px 40px #9333ea26,0 0 0 1px #9333ea1a}.game-card-image{flex-shrink:0;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}@media (min-width: 640px){.game-card-image{aspect-ratio:4 / 3}}.game-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.game-card:hover .game-card-image img{transform:scale(1.05)}.game-card-content{padding:.75rem}@media (min-width: 640px){.game-card-content{padding:1rem}}.game-card-header{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:.5rem;column-gap:.5rem;row-gap:.375rem}.game-card-title{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1.25;min-width:0;flex:1 1 auto}.game-card-tag{font-size:.625rem;font-weight:500;color:var(--accent);background:#9333ea26;padding:.25rem .5rem;border-radius:4px;white-space:normal;line-height:1.3;text-align:center;flex:0 1 auto}.game-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem}.game-card-players{display:flex;align-items:center;gap:.25rem}.game-card-coming{background:linear-gradient(145deg,#1e1e2880,#18181f99);border:1px solid rgba(255,255,255,.04);border-radius:4px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;opacity:.6;transition:opacity .3s ease}.game-card-coming:hover{opacity:.8}.coming-soon-icon{color:var(--text-muted);margin-bottom:.75rem}.coming-soon-icon svg{width:1.5rem;height:1.5rem}.coming-soon-text{font-size:.6875rem;color:var(--text-muted);margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:900px;width:100%;margin:0 auto}@media (min-width: 640px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:linear-gradient(145deg,#1e1e28cc,#18181fe6);border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:1.5rem;text-align:left;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,51,234,.5),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover{border-color:#9333ea4d;transform:translateY(-4px);box-shadow:0 10px 40px #9333ea26,0 0 0 1px #9333ea1a}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2rem;margin-bottom:.75rem;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#9333ea26;border-radius:4px}.feature-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.feature-card p{font-size:.8125rem;color:var(--text-primary);line-height:1.5;margin-bottom:.75rem}.cta-section{margin-bottom:1.5rem}.info-section{max-width:500px;margin:0 auto 3rem}.info-text{font-size:.95rem;color:var(--text-muted);line-height:1.6}.login-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:600;color:#fff;background:var(--discord);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #5865f24d}.login-button:hover{background:var(--discord-hover);transform:translateY(-2px);box-shadow:0 6px 24px #5865f266}.discord-icon{width:24px;height:24px}.profile,.dashboard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.avatar-large{margin-bottom:1.5rem}.avatar-large img{width:140px;height:140px;border-radius:50%;border:4px solid var(--accent);box-shadow:0 0 40px var(--accent-glow)}.avatar-placeholder-large{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;margin:0 auto;box-shadow:0 0 40px var(--accent-glow)}.dashboard-name{font-size:1.75rem;font-weight:700;margin-bottom:2rem}.loading,.error-card{text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.spinner.large{width:60px;height:60px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.error-card p{color:var(--error);margin-bottom:1.5rem}.back-button{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.back-button:hover{background:var(--bg-card-hover);border-color:var(--accent)}.callback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.callback-card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:3rem;width:100%;max-width:360px;text-align:center;animation:fadeInUp .6s ease-out;box-shadow:var(--shadow-lg)}.callback-card h2{margin:1.5rem 0 .5rem}.callback-card p{color:var(--text-secondary)}.callback-card.error h2{color:var(--error)}.center{justify-items:center}@media (max-width: 768px){.hero-content .title{font-size:3rem}.hero-content .subtitle{font-size:1.125rem}.section-header h2{font-size:2rem}.cta-box{padding:2rem}.cta-box h3{font-size:1.5rem}}:focus{outline:none}.login-button:focus-visible,.cta-box .login-button:focus-visible,.back-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sponsor-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}button:focus-visible:not(.login-button):not(.back-button){outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.home-loading{min-height:100vh;display:grid;place-content:center}.home-hero{position:relative;min-height:calc(100dvh - 52px);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.5rem 5rem;overflow:hidden;isolation:isolate}.home-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(147,51,234,.25),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(147,51,234,.15),transparent),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(147,51,234,.1),transparent)}.home-hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.home-hero-glow--1{top:10%;left:10%;width:400px;height:400px;background:#9333ea66}.home-hero-glow--2{bottom:20%;right:10%;width:300px;height:300px;background:#3b82f64d}.home-hero-content{text-align:center;position:relative;z-index:1;max-width:720px;animation:fadeInUp .8s ease-out}.home-hero-eyebrow{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:#9333ea1f;border:1px solid rgba(147,51,234,.25);border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:1.5rem}.home-hero-title{font-size:clamp(2.75rem,9vw,5rem);font-weight:800;letter-spacing:-.03em;margin:0 0 1.25rem;color:var(--text-primary);background:linear-gradient(180deg,var(--text-primary) 0%,rgba(250,250,250,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-subtitle{font-size:clamp(1rem,2.2vw,1.25rem);color:var(--text-secondary);margin:0 0 2.5rem;line-height:1.5}.home-hero-subtitle strong{color:var(--accent);font-weight:600}.home-hero-cta{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.home-discord-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:var(--discord);color:#fff;border:0;border-radius:4px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 16px #5865f24d;text-decoration:none}.home-discord-btn:hover{background:var(--discord-hover);transform:translateY(-1px);box-shadow:0 6px 20px #5865f266}.home-discord-btn:active{transform:translateY(0)}.home-discord-icon{width:20px;height:20px;flex-shrink:0}.home-secondary-btn{height:stretch;padding:.275rem 1.5rem;align-content:center;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.home-secondary-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-strong, rgba(255, 255, 255, .14))}.home-trust{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;font-size:.78rem;color:var(--text-muted)}.home-trust-badge{display:inline-flex;align-items:center;gap:.375rem}.home-trust-badge svg{color:var(--accent);opacity:.7}.home-scroll-indicator{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.375rem;color:var(--text-muted);font-size:.78rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;background:transparent;border:0;padding:.5rem .75rem;font-family:inherit;font-weight:500;cursor:pointer;transition:color .2s ease,transform .2s ease}.home-scroll-indicator:hover{color:var(--text-secondary)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.home-section{padding:5rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border)}@media (min-width: 768px){.home-section{padding:6rem 2rem}}.home-section-header{text-align:center;max-width:600px;margin:0 auto 3rem}.home-section-tag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.625rem}.home-section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.15}.home-section-header p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.home-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.875rem;max-width:1100px;margin:0 auto}.home-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s ease,transform .15s ease}.home-feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.home-feature-icon{width:48px;height:48px;border-radius:4px;background:#9333ea1f;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.home-feature-card h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.home-feature-desc{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.home-feature-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.375rem;font-size:.8rem;color:var(--text-secondary)}.home-feature-list li{display:flex;align-items:center;gap:.5rem;line-height:1.4}.home-feature-list li svg{color:var(--accent);flex-shrink:0}.home-sponsors{padding:4rem 1.5rem;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(147,51,234,.12),transparent 70%),var(--bg-primary);text-align:center}.home-sponsors .home-section-header{margin-bottom:2rem}.home-sponsor-card{display:inline-flex;align-items:center;justify-content:center;padding:2rem 3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;text-decoration:none;transition:border-color .2s ease,transform .15s ease}.home-sponsor-card:hover{border-color:var(--border-strong, rgba(255, 255, 255, .14));transform:translateY(-2px)}.home-sponsor-card img{max-width:200px;max-height:60px;object-fit:contain;display:block}.home-games{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.home-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem;max-width:1200px;margin:0 auto}.home-game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;overflow:hidden;transition:border-color .2s ease,transform .15s ease;display:flex;flex-direction:column}.home-game-card:hover{border-color:var(--accent);transform:translateY(-2px)}.home-game-image{aspect-ratio:16/9;overflow:hidden;background:var(--bg-secondary)}.home-game-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.home-game-card:hover .home-game-image img{transform:scale(1.05)}.home-game-content{padding:.75rem .875rem .875rem;display:flex;flex-direction:column;gap:.5rem}.home-game-header{display:flex;flex-direction:column;gap:.25rem}.home-game-header h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.home-game-tag{align-self:flex-start;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;background:#9333ea1f;color:var(--accent);border-radius:4px;white-space:nowrap}.home-game-meta{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.home-game-meta svg{opacity:.7}.home-game-card--coming{align-items:center;justify-content:center;min-height:220px;padding:1.5rem;background:var(--bg-card);border-style:dashed;text-align:center}.home-game-card--coming:hover{transform:none;border-color:var(--border)}.home-game-coming-icon{width:56px;height:56px;border-radius:50%;background:var(--bg-secondary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.home-game-name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.home-game-coming-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.home-cta{position:relative;padding:5rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border);text-align:center;overflow:hidden;isolation:isolate}.home-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(147,51,234,.12),transparent 70%)}.home-cta-content{max-width:560px;margin:0 auto}.home-cta-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:#9333ea1f;border:1px solid rgba(147,51,234,.25);border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:1.25rem}.home-cta-content h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.15}.home-cta-content p{font-size:1rem;color:var(--text-secondary);margin:0 0 1.75rem;line-height:1.5}.home-cta-actions{display:inline-flex;flex-direction:column;align-items:center;gap:.75rem}.home-cta-primary{padding:1rem 2rem;font-size:1.05rem}.home-cta-meta{display:inline-flex;align-items:center;gap:.375rem;font-size:.78rem;color:var(--text-muted)}.home-cta-meta svg{color:var(--accent);opacity:.7}@media (max-width: 640px){.home-hero{padding:3rem 1rem 4rem}.home-section{padding:4rem 1rem}.home-sponsors{padding:3rem 1rem}.home-cta{padding:4rem 1rem}.home-trust{gap:.875rem}.home-features-grid,.home-games-grid{grid-template-columns:1fr}}html{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--accent);border-radius:0;border:2px solid var(--bg-primary);transition:background .2s ease}html::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}html::-webkit-scrollbar-corner{background:transparent}