:root{color-scheme:light}@theme{ --font-sans: "Inter", system-ui, -apple-system, sans-serif; --color-bg: light-dark(#F5F3FA, #0D0B14); --color-card: light-dark(#FFFFFF, #13111E); --color-surface: light-dark(#FFFFFF, #0F0D1C); --color-border: light-dark(#E2DFF0, #2A2A3E); --color-text: light-dark(#0F0F1A, #F5F5F5); --color-muted: light-dark(#6B6B88, #9B9BB0); --color-card-hover: light-dark(#F8F5FF, #1C1C28); --color-primary: light-dark(#7B2FBE, #8B47C8); --color-primary-bright: #9B4FE0; --color-primary-gradient: #7B2FBE; --color-primary-dim: light-dark(rgba(123, 47, 190, .08), rgba(139, 71, 200, .15)); --color-shadow-fab: rgba(0, 0, 0, .15); --color-lavender: #D1B3F2; --color-on-primary: #FFFFFF; --color-banner-from: #2D0F5A; --color-banner-mid: #4A1A8A; --color-banner-to: #6B2FB5; --color-on-banner: #FFFFFF; --color-magenta: #D040FB; --color-black: #000; --color-hero-deep: #1A0A2E; --color-hero-mid: #140828; --color-hero-dark: #0D0B14; --color-hero-purple: #8B47C8; --color-accent: #8B47C8; --color-status-amber: #F59E0B; --color-gold: #B45309; --color-gold-bright: #FCD34D; --color-gold-cta: #D97706; --color-lime: #A6F045; --color-on-lime: #0F0F14; --color-level-beginner: light-dark(#2E7D32, #4CAF50); --color-success: #2EC28A; --color-warning: #E8A13C; --color-error: #E8473C; --color-info: light-dark(#2563EB, #5B8DEF); --fret-grid: light-dark(#D9D4EC, #2E2E44); --fret-root: #E5484D; --fret-arrow: light-dark(#2F9E44, #51CF66); --color-landing-hero-from: light-dark(#EEE7FA, #0C0818); --color-landing-hero-mid: light-dark(#E5D9F5, #140E24); --color-landing-hero-to: light-dark(#F2ECFF, #0A0A14); --color-landing-band-from: #1E0A3E; --color-landing-band-to: #2D1060; --color-landing-on-band: #FFFFFF; --color-landing-level-beg-bg: light-dark(#E6F5EE, #0F2A1A); --color-landing-level-beg-fg: light-dark(#1A7A42, #4AC485); --color-landing-level-int-bg: light-dark(#FEF6E4, #2A220A); --color-landing-level-int-fg: light-dark(#8A6200, #C4A84A); --color-landing-level-adv-bg: light-dark(#FBEAEA, #2A1010); --color-landing-level-adv-fg: light-dark(#A4262C, #E08A8A); --color-star: #FFC83D; --radius-md: 12px; --space-page: clamp(1rem, 5vw, 3rem); --layout-max: 1440px; --color-pedal-card-from: light-dark(#EDE8F8, #1A0A30); --color-pedal-card-to: light-dark(#F5F0FF, #2A1050); --color-lb-gold-from: #F5C842; --color-lb-gold-to: #E0A020; --color-lb-silver-from: #C0C8D0; --color-lb-silver-to: #9AA0A8; --color-lb-bronze-from: #D4924A; --color-lb-bronze-to: #A8682A; --color-ach-panel: #0E0C18; --color-ach-accent: #F4A14A; --color-ach-stripe-to: #9B5DE5; --color-ach-ink: #F2F1F8; --color-ach-muted: rgba(242, 241, 248, .35); --color-welcome-band-from: #6E22B8; --color-welcome-band-to: #8B3FD6; --color-welcome-panel: light-dark(#16131F, #0B0B12); --color-welcome-section: light-dark(#F8F7FC, #0F0F16); --color-welcome-hero-accent: #C79BF0; --color-feed-bg: light-dark(#FBFAF7, #0A0910); --color-accent-warm: light-dark(#B5670C, #F4A14A); --color-accent-warm-dim: light-dark(rgba(181, 103, 12, .08), rgba(244, 161, 74, .13)); --color-accent-warm-dim-strong: light-dark(rgba(181, 103, 12, .14), rgba(244, 161, 74, .22)); --color-accent-warm-border: light-dark(rgba(181, 103, 12, .2), rgba(244, 161, 74, .28)); --color-accent-warm-border-strong: light-dark(rgba(181, 103, 12, .28), rgba(244, 161, 74, .4)); --color-accent-warm-cta-end: #C8731A; --color-accent-warm-stage: light-dark(#1A1A2E, #0A0910); --color-track-slot: #2A2A35; --color-discord: #5865F2; --color-discord-banner-bg: light-dark(rgba(88, 101, 242, .06), rgba(88, 101, 242, .11)); --color-discord-banner-border: light-dark(rgba(88, 101, 242, .15), rgba(88, 101, 242, .2)); --color-share-x: #000000; --color-share-facebook: #1877F2; --color-share-reddit: #FF4500; --color-share-email: #6B6B88; --color-share-sms: #34C759; --color-share-copied: #2ECC71; --color-page-header-title: #1F2937; --color-page-header-intro: #6B7280; --color-page-header-intro-strong: #4B5563; --color-brand-vivid: #7D11FF; --color-brand-vivid-deep: #6B0EE0; --color-exp-admin-alt: #A855F7; --color-exp-admin-alt-hover: #9333EA; --color-exp-admin-link-hover: #C084FC; --color-exp-admin-header-scrolled: rgb(23, 23, 23); --color-exp-admin-toolbar-panel: rgba(26, 26, 46, .92); --color-judgeme-dark-bg: #0A0A0A; --color-judgeme-dark-card: #141414; --color-judgeme-dark-border: #222222; }.gd-members-tab{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.gd-members-tab__head{display:flex;align-items:center;gap:10px;padding:1rem 1.15rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap;row-gap:8px}.gd-members-tab__icon{width:17px;height:17px;color:var(--color-primary)}.gd-members-tab__title{font-size:.95rem;font-weight:700}.gd-members-tab__count{font-size:.72rem;font-weight:800;color:var(--color-primary);background:var(--color-primary-dim);border:1px solid var(--color-border);border-radius:999px;padding:2px 9px}.gd-members-tab__invite{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid var(--color-border);border-radius:9px;background:transparent;color:var(--color-text);font-size:.8rem;font-weight:700;text-decoration:none}.gd-members-tab__invite svg{width:14px;height:14px}.gd-members-tab__invite:hover{border-color:var(--color-primary);color:var(--color-primary)}[data-gd-members-slot]:has(.gd-member-card) .gg-skel-block,[data-gd-members-slot]:has(.empty-state) .gg-skel-block{display:none}.gd-members__grid{list-style:none;margin:0;padding:1.15rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.gd-member-card{position:relative;display:flex;align-items:center;gap:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:13px 15px}.gd-member-card .user-identity{flex:1;min-width:0}.gd-member-card__extra{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-top:2px}.gd-member-card__role{font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:5px;border:1px solid var(--color-primary);background:var(--color-primary-dim);color:var(--color-primary);flex:none}.gd-member-card__role--owner{color:var(--color-gold);border-color:color-mix(in srgb,var(--color-gold) 50%,transparent);background:color-mix(in srgb,var(--color-gold) 16%,transparent)}.gd-member-card__joined{font-size:.72rem;color:var(--color-muted)}.gd-member-card__remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:34px;height:34px;border-radius:9px;border:1px solid var(--color-border);background:transparent;color:var(--color-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,background .15s}.gd-member-card__remove svg{width:16px;height:16px}.gd-member-card__remove:hover{color:var(--color-error);border-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent)}.gd-member-card__remove:disabled{opacity:.5;cursor:default}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px}.empty-state--compact{padding:36px 24px}.empty-state--fill{justify-content:center;min-height:min(360px,55vh);padding:40px 24px;height:100%}.empty-state--fill .empty-state__icon{width:52px;height:52px;margin-bottom:16px}.empty-state--fill .empty-state__icon svg{width:24px;height:24px}.empty-state__icon{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-card));color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.empty-state__heading{font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:-.01em;margin:0 0 6px}.empty-state__message{font-size:13px;color:var(--color-muted);line-height:1.55;max-width:320px;margin:0}.empty-state__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.empty-state__cta{background:var(--color-primary);color:var(--color-on-primary);border-radius:9px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none}.empty-state__cta--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border);padding:9px 18px}.empty-state--danger .empty-state__icon{background:color-mix(in srgb,var(--color-error) 12%,var(--color-card));color:var(--color-error)}.empty-state--danger .empty-state__cta:not(.empty-state__cta--secondary){background:var(--color-error)}.gd-requests{display:flex;flex-direction:column;gap:18px;max-width:760px}.gd-rq-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.gd-rq-card__head{display:flex;align-items:center;gap:10px;padding:1rem 1.15rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap;row-gap:8px}.gd-rq-card__title{margin:0;font-size:.95rem;font-weight:700}.gd-rq-card__count{font-size:.72rem;font-weight:800;color:var(--color-primary);background:var(--color-primary-dim);border:1px solid var(--color-border);border-radius:999px;padding:2px 9px}.gd-rq-card__invite{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid var(--color-border);border-radius:9px;color:var(--color-text);font-size:.8rem;font-weight:700;text-decoration:none}.gd-rq-card__invite svg{width:14px;height:14px}.gd-rq-card__invite:hover{border-color:var(--color-primary);color:var(--color-primary)}.gd-rq-card .empty-state{padding:2.25rem 1.15rem}.gd-rq{display:flex;align-items:flex-start;gap:12px;padding:15px 1.15rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.gd-rq:first-of-type{border-top:none}.gd-rq.is-busy{opacity:.6}.gd-rq__avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:none;display:inline-flex;align-items:center;justify-content:center}.gd-rq__avatar img{width:100%;height:100%;object-fit:cover}.gd-rq__avatar--initial{background:linear-gradient(135deg,var(--color-primary-gradient),var(--color-primary-bright));color:var(--color-on-primary);font-weight:700;font-size:1rem}.gd-rq__avatar--mail{border-radius:11px;background:var(--color-primary-dim);color:var(--color-primary)}.gd-rq__body{flex:1;min-width:160px}.gd-rq__name-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gd-rq__name{font-size:.92rem;font-weight:700;color:var(--color-text)}.gd-rq__pending{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gold);background:color-mix(in srgb,var(--color-gold) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-gold) 50%,transparent);border-radius:5px;padding:2px 7px}.gd-rq__meta{margin-top:2px;font-size:.78rem;color:var(--color-muted)}.gd-rq__note{margin:8px 0 0;font-size:.82rem;line-height:1.5;color:var(--color-text)}.gd-rq__actions{display:flex;align-items:center;gap:8px}.gd-rq__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:9px;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap}.gd-rq__btn svg{width:15px;height:15px}.gd-rq__btn--solid{border:none;background:var(--color-primary);color:var(--color-on-primary)}.gd-rq__btn--solid:hover{background:var(--color-primary-bright)}.gd-rq__btn--outline{border:1px solid var(--color-border);background:transparent;color:var(--color-text)}.gd-rq__btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.gd-rq__btn:disabled{opacity:.55;cursor:default}.gd-feed-filters{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.gd-feed-filters__search{position:relative;flex:1 1 200px;min-width:160px;color:var(--color-muted)}.gd-feed-filters__search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none}.gd-feed-filters__search input{width:100%;height:40px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-card-hover);color:var(--color-text);padding:0 12px 0 34px;font:inherit;font-size:.84rem;outline:none;box-sizing:border-box}.gd-feed-filters__search input:focus{border-color:var(--color-primary)}.gd-feed-filters__tag-wrap{position:relative}.gd-feed-filters__tag-btn{display:inline-flex;align-items:center;gap:7px;background:var(--color-card-hover);border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;padding:0 12px;height:40px;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer}.gd-feed-filters__tag-btn.is-active{background:var(--color-primary-dim);border-color:var(--color-primary);color:var(--color-primary)}.gd-feed-filters__tag-menu{position:absolute;top:46px;left:0;z-index:20;width:200px;max-height:280px;overflow-y:auto;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 32px #0000002e;padding:6px}.gd-feed-filters__tag-menu button{display:flex;align-items:center;width:100%;background:none;border:none;color:var(--color-text);border-radius:8px;padding:9px 10px;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;text-align:left}.gd-feed-filters__tag-menu button:hover{background:var(--color-card-hover)}.gd-feed-filters__tag-menu button[aria-selected=true]{background:var(--color-primary-dim);color:var(--color-primary)}.gd-feed-filters__seg{display:flex;background:var(--color-card-hover);border:1px solid var(--color-border);border-radius:10px;padding:3px;gap:2px}.gd-feed-filters__seg button{display:inline-flex;align-items:center;gap:5px;background:none;color:var(--color-muted);border:none;border-radius:8px;padding:0 11px;height:32px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}.gd-feed-filters__seg button[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.gd-feed__region{position:relative}.gd-feed__region[aria-busy=true]>*{opacity:.45;transition:opacity .12s ease;pointer-events:none}.gd-feed__region[aria-busy=true]:after{content:"";position:absolute;top:3.5rem;left:50%;width:2.25rem;height:2.25rem;margin-left:-1.125rem;box-sizing:border-box;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:ggnext-spin .7s linear infinite;box-shadow:0 4px 16px -6px #00000059;z-index:2}@keyframes ggnext-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gd-feed__region[aria-busy=true]:after{animation:none}}.gd-post-card__reaction-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:var(--color-status-amber);background:color-mix(in srgb,var(--color-status-amber) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-status-amber) 40%,transparent);padding:4px 10px;border-radius:20px}.gd-post-card__reaction{margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-status-amber) 40%,transparent);background:color-mix(in srgb,var(--color-status-amber) 6%,transparent)}.gd-post-card__reaction-head{display:flex;align-items:center;gap:9px;padding:11px 12px;min-width:0}.gd-post-card__reaction-kicker{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-status-amber);background:color-mix(in srgb,var(--color-status-amber) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-status-amber) 45%,transparent);border-radius:6px;padding:3px 8px}.gd-post-card__reaction-by{font-size:.78rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-post-card__reaction-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;background:#000}.gd-post-card__reaction-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.82}.gd-post-card__reaction-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--color-status-amber) 92%,black);color:var(--color-on-primary);font-size:.68rem;font-weight:800;padding:4px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.gd-post-card__reaction-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.gd-post-card__reaction-play svg{width:56px;height:56px;padding:17px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.75);box-sizing:border-box}.gd-post-card__reaction iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.gd-post-card.highlighted-post{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),0 0 24px color-mix(in srgb,var(--color-primary) 45%,transparent)}