.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow-y:auto;padding:24px}.login-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(0px);animation:login-float 12s ease-in-out infinite}.login-blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);top:10%;left:8%}.login-blob-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);bottom:8%;right:10%;animation-delay:-6s}@keyframes login-float{0%,to{transform:translate(0)}50%{transform:translate(20px,-24px)}}.login-layout{position:relative;display:flex;align-items:center;gap:64px;max-width:980px;width:100%;flex-wrap:wrap;justify-content:center}.login-features{flex:1 1 360px;min-width:280px;max-width:440px;animation:login-fade-in-up .5s ease both}.login-features-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}.login-features-logo .emoji{font-size:40px;line-height:1}.login-features-title{font-size:30px;font-weight:700;color:var(--text);letter-spacing:-.5px}.login-features-tagline{color:var(--text-muted);font-size:15px;margin-bottom:28px;line-height:1.6}.login-feature-list{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.login-feature-item{display:flex;align-items:flex-start;gap:12px;opacity:0;animation:login-fade-in-up .5s ease both}.login-feature-icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;background:#38bdf826}.login-feature-text strong{display:block;font-size:13.5px;color:var(--text);font-weight:600}.login-feature-text span{font-size:12.5px;color:var(--text-muted)}.login-stats{display:flex;gap:28px}.login-stat-value{font-size:24px;font-weight:700;color:var(--accent-h);line-height:1}.login-stat-label{font-size:11.5px;color:var(--text-faint);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.login-card{position:relative;background:#12122ae6;border:1px solid var(--border);border-radius:16px;padding:48px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;width:360px;flex-shrink:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 64px #0009;animation:login-fade-in-up .5s ease .1s both}@keyframes login-fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-card-logo{font-size:56px;line-height:1}.login-card-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.5px}.login-card-subtitle{color:var(--text-muted);font-size:14px;margin-top:-8px}.login-error{width:100%;padding:10px 14px;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:8px;color:var(--error);font-size:13px;text-align:center}.login-discord-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 20px;background:#5865f2;color:#fff;border-radius:10px;font-weight:600;font-size:15px;justify-content:center;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;margin-top:8px;box-shadow:0 4px 16px #5865f24d}.login-discord-btn:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 8px 24px #5865f273}.login-discord-btn:active{transform:translateY(0) scale(.98)}.login-hint{color:var(--text-faint);font-size:12px;text-align:center;line-height:1.6}.login-version{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:var(--border);font-size:12px}@media (max-width: 760px){.login-page{padding:20px 16px 56px;align-items:flex-start}.login-layout{gap:32px;padding-top:24px}.login-features{text-align:center;max-width:100%}.login-features-logo{justify-content:center}.login-feature-list{display:none}.login-stats{justify-content:center}.login-card{width:100%;max-width:380px;padding:36px 28px}}.gs-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px;background-image:linear-gradient(to bottom,#0d0d1ab8,#0d0d1a8c 45%,#0d0d1ad9),url(/wallpaper.png);background-size:cover;background-position:center;background-repeat:no-repeat}.gs-card{position:relative;background:#12122ae0;border:1px solid var(--border);border-radius:18px;padding:40px;width:520px;max-width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 64px #0009,0 0 0 1px #38bdf814;animation:gs-fade-in-up .4s ease both}@keyframes gs-fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.gs-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.gs-header .emoji{font-size:30px;line-height:1;filter:drop-shadow(0 0 10px rgba(56,189,248,.5))}.gs-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.3px}.gs-subtitle{color:var(--text-muted);font-size:13.5px;margin-bottom:24px;line-height:1.6}.gs-section+.gs-section{margin-top:22px}.gs-section-title{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.gs-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.gs-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#1a1a35;border:1px solid #2a2a4a;border-radius:10px;cursor:pointer;color:var(--text);text-align:left;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;opacity:0;animation:gs-fade-in-up .35s ease both;width:100%}.gs-item:hover{border-color:var(--accent-h);background:#1e1e40;transform:translateY(-1px);box-shadow:0 6px 18px #38bdf826}.gs-item-invite{cursor:default;border-style:dashed;background:#1a1a3580}.gs-item-invite:hover{transform:none;box-shadow:none;border-color:#2a2a4a;background:#1a1a3580}.gs-icon{width:42px;height:42px;border-radius:11px;flex-shrink:0;transition:transform .15s}.gs-item:not(.gs-item-invite):hover .gs-icon{transform:scale(1.05)}.gs-icon-fallback{width:42px;height:42px;border-radius:11px;background:#38bdf833;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:var(--accent-h);font-weight:700}.gs-name{flex:1;min-width:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;flex-shrink:0}.gs-badge-active{background:#57f2871f;color:#57f287}.gs-badge-inactive{background:#ed42451a;color:#ed4245}.gs-invite-btn{flex-shrink:0;background:var(--accent);color:#fff;border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.gs-invite-btn:hover{background:var(--accent-h)}.gs-empty{text-align:center;color:var(--text-faint);padding:32px 8px;font-size:13.5px}.gs-empty .emoji{font-size:32px;margin-bottom:8px;display:block}.gs-error{padding:10px 14px;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:8px;color:var(--error);font-size:13px;text-align:center}.gs-logout{display:block;margin:20px auto 0;background:transparent;border:none;color:var(--text-faint);font-size:12.5px;cursor:pointer}.gs-logout:hover{color:var(--text-muted)}@media (max-width: 560px){.gs-card{padding:28px 22px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d1a;--surface: #12122a;--surface2: #1a1a35;--surface3: #22224a;--accent: #38bdf8;--accent-h: #7dd3fc;--accent-dim: #0369a1;--text: #e2e2f0;--text-muted: #8b8baa;--text-faint: #4b4b6a;--border: #2a2a4a;--border-h: #3a3a6a;--success: #57F287;--error: #ED4245;--warn: #FEE75C;--radius: 8px;--radius-lg: 12px;--shadow: 0 8px 32px rgba(0,0,0,.5);--shadow-sm: 0 2px 8px rgba(0,0,0,.3)}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}button{cursor:pointer;border:none;font-family:inherit;font-size:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:inherit;font-size:inherit;background:var(--surface3);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;outline:none;transition:border-color .15s}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input[type=checkbox],input[type=radio]{width:16px;height:16px;padding:0;cursor:pointer;accent-color:var(--accent);flex-shrink:0}input[type=range]{padding:0;background:transparent;border:none;cursor:pointer}a{color:var(--accent-h);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius);font-weight:500;transition:background .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-h)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.85}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.03em}.tag-purple{background:#38bdf833;color:var(--accent-h)}.tag-green{background:#57f28726;color:var(--success)}.tag-red{background:#ed424526;color:var(--error)}.tag-yellow{background:#fee75c26;color:var(--warn)}.card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.support-fab{position:fixed;bottom:64px;right:16px;width:48px;height:48px;border-radius:50%}.support-panel{position:fixed;bottom:124px;right:16px;width:min(360px,calc(100vw - 32px));height:min(480px,calc(100vh - 180px))}