@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-small: "Space Grotesk", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#141414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-body);overflow-x:hidden}html{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}input,textarea,select{font-size:16px}.landing-page{--bg: #141414;--panel: #1e1e1e;--panel-strong: #2a2a2a;--border: #2b2b2b;--text: #ffffff;--btn-text: black;--muted: #a0a8b9;--accent: #c4ff00;--accent-dark: #9fcc00;--primary-btn-bg: #c4ff00;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.landing-page a{text-decoration:none}.landing-nav{position:sticky;top:0;z-index:10;background:#141414e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.landing-nav__inner{width:min(1000px,100%);margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-brand{display:inline-flex;align-items:center;gap:.8rem}.landing-logo-mark{width:50px;height:auto;object-fit:contain;margin-bottom:10px;margin-top:7px}.landing-logo-text{font-size:35px;letter-spacing:1px;font-weight:900;font-family:var(--font-heading);color:#a7d800;margin-left:-7px}.landing-nav__actions{display:inline-flex;align-items:center;gap:.75rem}.landing-link{font-size:.9rem;color:var(--muted);font-weight:600;transition:color .16s ease;font-family:var(--font-small)}.landing-link:hover{color:var(--text)}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .7rem;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:.8rem;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.landing-btn--primary{background:var(--primary-btn-bg);color:var(--btn-text)}.landing-btn--primary:hover{transform:translateY(-1px)}.landing-btn--ghost{background:var(--panel);border-color:var(--border);color:var(--text)}.landing-btn--ghost:hover{border-color:#c4ff0066}.landing-btn--large{width:100%;padding:.95rem 1.2rem;border-radius:16px;font-size:1rem}.landing-btn__icon{display:inline-flex}.landing-main{width:min(1000px,100%);margin:0 auto;padding:2.5rem 1.25rem 3.5rem}.landing-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(196,255,0,.25);background:#c4ff0014;color:var(--accent);font-size:.8rem;font-weight:600;font-family:var(--font-small)}.landing-badge__icon{display:inline-flex}.landing-title{font-weight:800;margin:0;font-size:clamp(2.4rem,8vw,3.8rem);line-height:1.05;letter-spacing:-.01em}.landing-title__accent{display:block;color:var(--accent)}.landing-subtitle{margin:0;color:var(--muted);font-size:1.05rem;max-width:640px}.landing-cta{width:min(420px,100%);display:grid;gap:.75rem;margin-top:.4rem}.landing-section{margin-top:2.5rem}.landing-section__heading{text-align:center;margin-bottom:1.5rem;display:grid;gap:.5rem}.landing-section__heading h2{margin:0;font-size:clamp(1.8rem,5vw,2.6rem)}.landing-section__heading p{margin:0;color:var(--muted)}.plan-warning{margin:1rem auto 0;max-width:520px;text-align:center;color:#fca5a5;background:#f871711f;border:1px solid rgba(248,113,113,.25);padding:.75rem 1rem;border-radius:14px;font-size:.95rem}.plan-warning{margin:0 auto;max-width:520px;padding:.75rem 1rem;text-align:center;border-radius:14px;border:1px solid rgba(248,113,113,.35);background:#f8717114;color:#fca5a5;font-size:.95rem}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.landing-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1.2rem .7rem;text-align:left;display:flex;gap:.9rem;align-items:flex-start;box-shadow:0 12px 28px #0f172a33;transition:transform .16s ease,border-color .16s ease}.landing-card:hover{transform:translateY(-2px);border-color:#c4ff0040}.landing-card__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#c4ff001f;flex-shrink:0}.landing-card__content{display:flex;flex-direction:column;gap:.1rem}.landing-card__title{margin:0;font-size:1.05rem}.landing-card__body{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.pricing-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:1.6rem 1.4rem;display:grid;gap:.75rem;box-shadow:0 14px 30px #0f172a33}.pricing-card.is-highlighted{border-color:#c4ff0099;box-shadow:0 0 0 1px #c4ff0059,0 16px 32px #c4ff001f}.pricing-card__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--accent);color:#121212;padding:.3rem .75rem;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pricing-card__name{margin:0;font-size:1.1rem}.pricing-card__price{display:inline-flex;align-items:baseline;gap:.3rem}.pricing-card__amount{font-size:2.2rem;font-weight:700}.pricing-card__period{color:var(--muted);font-size:.9rem}.pricing-card__desc{margin:0;color:var(--muted);font-size:.95rem}.pricing-card__list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem;color:var(--text);font-size:.9rem}.pricing-card__list li{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:start}.pricing-card__check{color:var(--accent);font-weight:700}.pricing-card__cta{margin-top:.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:12px;border:1px solid var(--border);background:#181818;color:var(--text);font-weight:700;transition:transform .16s ease,border-color .16s ease}.pricing-card__cta:hover{border-color:#c4ff0066;transform:translateY(-1px)}.pricing-card__cta.is-primary{background:var(--accent);color:#121212;border-color:transparent;box-shadow:0 12px 24px #c4ff0038}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;text-align:center}.step-card{display:grid;gap:.6rem;justify-items:center;padding:.5rem}.step-card__number{width:56px;height:56px;border-radius:16px;background:var(--accent);color:#121212;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 22px #c4ff0033}.step-card__title{margin:0;font-size:1.1rem}.step-card__body{margin:0;color:var(--muted);max-width:260px}.landing-cta-block{margin-top:3rem;border-radius:24px;background:linear-gradient(145deg,#222,#171717);border:1px solid var(--border);padding:2.5rem 1.5rem;text-align:center;display:grid;gap:1rem;justify-items:center}.landing-cta-block__icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#c4ff001f}.landing-cta-block h2{margin:0;font-size:clamp(1.6rem,5vw,2.2rem)}.landing-cta-block p{margin:0;color:var(--muted);max-width:520px}.landing-footer{margin-top:3rem;border-top:1px solid var(--border);padding-top:1.5rem;text-align:center;color:var(--muted);font-size:.85rem;font-family:var(--font-small)}.landing-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round}.landing-icon--accent{width:24px;height:24px;color:var(--accent)}@media(min-width:720px){.landing-cta{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-page{margin-top:50px}.manage-actions{display:flex;justify-content:center;margin:24px 0 40px;flex-wrap:wrap}.manage-create-button{display:inline-flex;font-family:var(--font-small);align-items:center;margin:0 12px;gap:8px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;color:#ff0;border:1px solid rgba(255,255,0,.602);box-shadow:0 6px 20px #ffe05c59,inset 0 0 12px #ffffff2e;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.manage-create-button:hover{transform:translateY(-1px);box-shadow:0 10px 26px #ffe05c73,inset 0 0 14px #fff3;filter:brightness(1.02)}.manage-create-button:active{transform:translateY(0);box-shadow:0 6px 16px #ffe05c66,inset 0 0 12px #ffffff2e}.manage-signout-button{display:inline-flex;font-family:var(--font-small);align-items:center;margin:0 12px;gap:8px;padding:12px 18px;border-radius:12px;font-weight:700;color:#ff8b8b;background:#ff5e5e14;border:1px solid rgba(255,128,128,.7);text-decoration:none;cursor:pointer;box-shadow:0 6px 20px #ff808059,inset 0 0 12px #ffffff1f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.manage-signout-button:hover{transform:translateY(-1px);box-shadow:0 10px 26px #ff808073,inset 0 0 14px #ffffff29;filter:brightness(1.02)}.manage-signout-button:active{transform:translateY(0);box-shadow:0 6px 16px #ff808066,inset 0 0 12px #ffffff1f}@font-face{font-family:Oakle;src:url(/assets/Oakle-DiIrfeaN.otf) format("opentype"),url(/assets/Oakle-DFUG3MsN.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.room-row{--accent: #ff0;--accent-2: #ff0;background:radial-gradient(circle at 20% 20%,rgba(255,255,0,.08),transparent 35%),radial-gradient(circle at 80% 60%,rgba(255,255,0,.084),transparent 45%),#0f0a10;border:1px solid #ff0;box-shadow:0 0 20px #ffff0026,inset 0 0 10px #00000080;border-radius:14px;padding:2.5rem 1.25rem;width:85%;margin:0 auto 40px;color:#f9e6ff;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:1.25rem;font-family:var(--font-body);align-items:center;min-height:92px}.arrow-icon{width:16px;height:52px;position:relative}.room-row>*:not(.room-name){position:relative;z-index:1}.room-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;pointer-events:none;z-index:0;background-color:#000}.room-name-text{max-width:200px;display:block;position:absolute;left:0}.room-name-banner{margin-left:-100px;width:min(860px,120%);max-width:none;display:block;border-radius:12px}.room-name-label{font-family:var(--font-heading);text-transform:uppercase;position:absolute;display:block;font-size:2.4rem;left:24px;max-width:170px;text-align:center;color:#e1dfd6;line-height:.9;text-shadow:0 0 8px var(--accent, #ff0),0 0 16px var(--accent, #ff0),0 0 28px var(--accent, #ff0)}.room-genres{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.75rem 1rem;margin-left:200px;width:75%}.room-chip{border:1.8px solid #ff0;border-radius:999px;padding:.35rem .9rem .4rem;font-weight:700;background:#0f0f0d80;color:#f4e9ff;box-shadow:0 0 12px #ffff004d;text-align:center;font-family:var(--font-small)}.room-status{min-width:140px;text-align:center;border-radius:12px;padding:0rem 1rem 0rem 0rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;color:#ffe8dc;display:inline-flex;flex-direction:column;align-items:center;margin:-12px 0}.room-status.open{color:#e3fff6}.room-status-label{font-weight:700;font-size:2rem;letter-spacing:.14em;margin:0 0 .5rem;font-family:var(--font-heading)}.room-status-label.closed{padding-right:2rem;padding-left:1.4rem;color:red}.room-status-sub{font-family:var(--font-small);font-size:.75rem;opacity:.9;margin:0}.room-status-dj-name{font-weight:500;font-size:1.25rem;margin:0}.room-status-host-icon{width:60px;height:60px;border-radius:50%;border:2px solid #ff0;object-fit:cover}.room-status-host{display:flex;align-items:center;gap:.85rem;margin-top:.35rem}.room-status-host-details{display:flex;flex-direction:column;align-items:flex-start;min-width:135px;gap:.1rem;text-align:left}.room-status-switcher{position:relative;overflow:hidden;min-height:1rem;width:100%}.room-status-text{position:absolute;left:0;top:0;width:100%;white-space:nowrap;transform:translate(100%);opacity:0;transition:transform .6s ease,opacity .6s ease}.room-status-text.is-active{transform:translate(0);opacity:1}.room-status-text.is-leaving{transform:translate(-115%);opacity:0}.room-status-text.is-waiting{transform:translate(100%);opacity:0}.room-open-button{margin-top:.75rem;padding:.45rem 1.15rem;border-radius:999px;background:#ff0;color:#0f0f0d;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;box-shadow:0 0 12px #ffff0073;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}.room-open-button:hover{transform:translateY(-1px);box-shadow:0 0 18px #ffff00a6;background:#ffe400}@media(max-width:800px){.room-row{grid-template-columns:1fr;text-align:center}.room-divider{display:none}.room-genres{margin-left:0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.session-setup-page{background:#1a1a1a;color:#fff;min-height:100vh;padding:20px 16px 48px}.session-setup-page *{box-sizing:border-box}.session-setup-shell{max-width:520px;margin:0 auto}.session-setup-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.session-setup-back{width:40px;height:40px;border-radius:12px;border:1px solid #3a3a3a;background:#2a2a2a;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.session-setup-title{margin:0;font-size:28px;font-weight:700}.session-setup-subtitle{margin:0 0 20px;color:#9ca3af;font-size:14px;line-height:1.6}.session-setup-signed{color:#c3ff00;font-weight:600}.session-setup-signout{color:#c3ff00;background:transparent;border:none;padding:0;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.session-setup-field{margin-bottom:18px}.session-setup-label{display:block;margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;font-weight:600}.session-setup-input{width:100%;max-width:100%;min-width:0;border-radius:16px;border:1px solid #3a3a3a;background:#2a2a2a;color:#fff;padding:12px 14px}.session-setup-input::placeholder{color:#6b7280}.session-setup-input:focus{outline:none;border-color:#c3ff00;box-shadow:0 0 0 3px #c3ff0033}.setup-card{border-radius:20px;border:1px solid #3a3a3a;background:#2a2a2a;padding:16px;margin-bottom:16px}.setup-card.is-disabled{opacity:.6}.setup-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.setup-card-title{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.setup-dot{width:8px;height:8px;border-radius:999px;background:#c3ff00}.setup-link{border:none;background:transparent;color:#c3ff00;font-size:13px;font-weight:600;cursor:pointer;padding:0}.setup-card-section+.setup-card-section{margin-top:14px}.setup-section-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;font-weight:600}.preset-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.preset-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:16px;border:1px solid #3a3a3a;background:#1a1a1a;color:#fff;text-align:left;cursor:pointer}.preset-card.is-selected{border-color:#c3ff00;box-shadow:0 0 0 3px #c3ff0026}.preset-text{display:flex;flex-direction:column;gap:2px}.preset-name{font-weight:600}.preset-desc{font-size:13px;color:#9ca3af}.session-setup-chevron{width:20px;height:20px;color:#6b7280;transition:transform .2s ease,color .2s ease}.session-setup-chevron.is-active{color:#c3ff00}.session-setup-chevron.is-open{transform:rotate(90deg);color:#c3ff00}.custom-genres-toggle{width:100%;border-radius:16px;border:1px solid #3a3a3a;background:#1a1a1a;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.custom-genres-body{margin-top:12px;overflow:hidden}.genre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.genre-pill{border-radius:14px;border:1px solid #3a3a3a;background:#1a1a1a;color:#9ca3af;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;cursor:pointer}.genre-pill.is-selected{border-color:#c3ff00;color:#c3ff00;background:#c3ff001a}.genre-dot{width:6px;height:6px;border-radius:999px;background:#c3ff00}.genre-pill-content{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.genre-pill.is-popular .genre-pill-content{display:grid;grid-template-columns:16px 1fr 16px;align-items:center}.genre-popular-icon{width:14px;height:14px;color:#c3ff00;flex-shrink:0;justify-self:start}.genre-label-wrap{display:inline-flex;align-items:center;gap:6px}.genre-pill.is-popular .genre-label-wrap{justify-self:center}.genre-label{justify-self:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-all-genres{width:100%;margin-top:10px;border-radius:14px;border:1px solid #3a3a3a;background:#1a1a1a;color:#9ca3af;padding:10px 12px;cursor:pointer;font-size:13px}.setup-card-eyebrow{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;font-weight:600}.summary-block{margin-bottom:10px}.summary-title{margin:0 0 8px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.summary-empty{margin:0;color:#9ca3af;font-size:14px;font-style:italic}.summary-chips{display:flex;flex-wrap:wrap;gap:8px}.summary-chip{border-radius:999px;border:1px solid #3a3a3a;background:#1a1a1a;color:#d1d5db;padding:6px 12px;font-size:12px}.setup-save-preset{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;color:#c3ff00;font-weight:600;cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.toggle-row>div{flex:1;min-width:0}.toggle-title{margin:0 0 4px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.toggle-subtitle{margin:0;color:#9ca3af;font-size:13px;line-height:1.4}.toggle-hint{margin:10px 0 0;font-size:12px;color:#9ca3af}.setup-toggle{width:54px;height:30px;border-radius:999px;border:none;background:#3a3a3a;position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0}.setup-toggle.is-on{background:#c3ff00}.setup-toggle:disabled{cursor:not-allowed}.toggle-knob{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:999px;background:#1a1a1a;transition:transform .2s ease}.setup-toggle.is-on .toggle-knob{transform:translate(24px)}.opening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.opening-option{border-radius:16px;border:1px solid #3a3a3a;background:#1a1a1a;color:#9ca3af;padding:10px 12px;font-size:14px;cursor:pointer}.opening-option.is-selected{border-color:#c3ff00;background:#c3ff00;color:#1a1a1a;font-weight:600}.opening-time-input{margin-top:10px}.enter-room-btn{width:100%;border-radius:22px;border:none;padding:16px;background:linear-gradient(90deg,#c3ff00,#9fcc00);color:#1a1a1a;font-weight:700;font-size:16px;letter-spacing:.08em;cursor:pointer;box-shadow:0 12px 30px #c3ff0040;margin-top:6px}.enter-room-btn:disabled{opacity:.7;cursor:not-allowed}.setup-message{margin:12px 0 0;font-size:13px;text-align:center}.setup-message--error{color:#f87171}.setup-message--status{color:#c3ff00}.preset-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.preset-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.preset-modal-card{width:100%;max-width:380px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px}.preset-modal-card h3{margin:0;font-size:20px;font-weight:700}.preset-modal-card p{margin:0;color:#9ca3af;font-size:14px}.preset-modal-actions{display:flex;gap:12px;margin-top:6px}.preset-modal-btn{flex:1;border-radius:14px;padding:12px;font-weight:600;cursor:pointer;border:1px solid #3a3a3a}.preset-modal-btn--ghost{background:#1a1a1a;color:#9ca3af}.preset-modal-btn--primary{background:linear-gradient(90deg,#c3ff00,#9fcc00);border-color:transparent;color:#1a1a1a}.preset-modal-btn:disabled{opacity:.5;cursor:not-allowed}.preset-empty{margin:8px 0 0;color:#9ca3af;font-size:13px}@media(min-width:768px){.session-setup-page{padding:28px 24px 60px}}.header{background:repeating-linear-gradient(135deg,#a78500 0 28px,#111 28px 56px);color:#f7d44b;padding:.4rem 2rem;display:flex;justify-content:center;align-items:center;box-shadow:0 6px 16px #00000040}.header-inner{display:inline-flex;align-items:center;gap:1rem;padding:.9rem 1.6rem;background:#0c0a08d9;border:1px solid #f5c400;border-radius:10px;box-shadow:0 12px 24px #00000059;text-transform:uppercase;letter-spacing:.08em}.header-logo{height:52px;width:auto;display:block}.header-divider{height:2px;width:72px;background:linear-gradient(90deg,transparent 0,#f5c400 20%,#f5c400 80%,transparent 100%)}.header-subtitle{font-size:.95rem;font-weight:700;color:#f7d44b}.welcome-page{--bg: #141414;--panel: #1f1f1f;--panel-strong: #262626;--border: #2d2d2d;--text: #ffffff;--muted: #a0a8b9;--accent: #c4ff00;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);padding:2.5rem 1.25rem 3.5rem;overflow-x:hidden}.welcome-shell{width:min(900px,100%);margin:0 auto;display:grid;gap:2rem}.welcome-icon--lg{width:1.6rem;height:1.6rem}.welcome-icon--xl{width:2.6rem;height:2.6rem}.welcome-hero{text-align:center;display:grid;gap:.75rem;justify-items:center}.welcome-hero__logo{width:94px;height:94px;object-fit:contain}.welcome-hero h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.welcome-hero__brand{color:var(--accent)}.welcome-hero__subtitle{margin:0;color:var(--muted);max-width:620px}.welcome-hero__subtitle span{color:var(--accent);font-weight:600}.welcome-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:1.6rem;display:grid;gap:1.25rem;box-shadow:0 16px 32px #0000004d}.welcome-profile{display:flex;align-items:center;gap:1rem}.welcome-avatar{width:72px;height:72px;border-radius:50%;background:#1a1a1a;border:2px solid var(--accent);display:grid;place-items:center;overflow:hidden;color:var(--accent);font-weight:700}.welcome-avatar img{width:100%;height:100%;object-fit:cover}.welcome-profile h2{margin:0 0 .35rem;font-size:1.4rem}.welcome-plan{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.7rem;font-family:var(--font-small);letter-spacing:.1em;text-transform:uppercase}.welcome-plan.personal{background:linear-gradient(135deg,var(--accent),#9fcc00);color:#141414}.welcome-plan.free{background:#2b2b2b;color:var(--muted)}.welcome-features{display:grid;gap:.45rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.welcome-feature{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem}.welcome-feature__icon{color:var(--accent)}.welcome-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.welcome-stat{background:var(--panel-strong);border:1px solid var(--border);border-radius:14px;padding:1rem;text-align:center}.welcome-stat__icon{display:grid;place-items:center;margin-bottom:.4rem;color:var(--accent)}.welcome-stat__value{margin:0;font-size:1.6rem;font-weight:700}.welcome-stat__label{margin:.3rem 0 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-small);color:var(--muted)}.welcome-quickstart{display:grid;gap:1rem}.welcome-quickstart__title{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.welcome-qr-card{background:radial-gradient(circle at top left,rgba(196,255,0,.25),transparent 55%),#24240f;border:2px solid rgba(196,255,0,.8);border-radius:20px;padding:1.4rem;display:grid;gap:1rem;box-shadow:0 18px 32px #221a0666;cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;appearance:none}.welcome-qr-card:hover{border-color:#c4ff00;box-shadow:0 20px 36px #221a068c}.welcome-qr-card__icon{width:64px;height:64px;border-radius:18px;background:var(--accent);color:#141414;display:grid;place-items:center;font-weight:800}.welcome-qr-card__content h4{margin:0;font-size:1.4rem}.welcome-qr-card__header{display:flex;align-items:center;gap:.5rem}.welcome-qr-card__badge{background:var(--accent);color:#141414;font-size:.65rem;padding:.15rem .5rem;border-radius:999px;font-weight:700;letter-spacing:.08em}.welcome-qr-card__content p{margin:.5rem 0 0;color:var(--muted)}.welcome-qr-card__list{margin-top:.8rem;display:grid;gap:.4rem;color:var(--muted);font-size:.9rem}.welcome-qr-card__item{display:flex;align-items:center;gap:.5rem}.welcome-qr-card__item .welcome-icon{color:var(--accent)}.welcome-action-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1.4rem;display:grid;gap:.75rem;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.welcome-action-card:hover{border-color:#c4ff0099}.welcome-action-card__icon{width:54px;height:54px;border-radius:16px;background:var(--accent);color:#141414;display:grid;place-items:center;font-size:1.2rem;font-weight:700}.welcome-action-card h3{margin:0;font-size:1.1rem}.welcome-action-card p{margin:0;color:var(--muted);font-size:.95rem}.welcome-tips{background:radial-gradient(circle at top left,rgba(196,255,0,.2),transparent 55%),#222214;border:1px solid rgba(196,255,0,.5);border-radius:20px;padding:1.4rem;display:grid;gap:.9rem}.welcome-tips__header{display:flex;align-items:center;gap:.6rem;font-size:1.1rem}.welcome-tips__badge{width:36px;height:36px;border-radius:12px;background:var(--accent);color:#141414;display:grid;place-items:center;font-weight:700}.welcome-tips__list{margin:0;padding-left:1.1rem;display:grid;gap:.6rem;color:var(--muted);font-size:.95rem}.welcome-tips__list strong{color:var(--text)}.welcome-cta{display:grid;gap:.8rem}.welcome-btn{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1rem;border-radius:14px;border:1px solid transparent;font-weight:700;cursor:pointer;background:#1a1a1a;color:var(--text)}.welcome-btn.primary{background:var(--accent);color:#141414;box-shadow:0 14px 26px #c4ff0040}.welcome-btn.ghost{border-color:var(--border)}.welcome-footer{text-align:center}.welcome-link{background:transparent;border:none;color:var(--muted);font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.welcome-link:hover{color:var(--accent)}.qr-drawer__backdrop,.qr-modal__backdrop{position:fixed;inset:0;background:#000000a6;border:none;padding:0;cursor:pointer;z-index:80}.welcome-page .qr-drawer,.welcome-page .qr-modal{--accent: oklch(.269 0 0);--border: oklch(.269 0 0);--muted: #a0a8b9;--text: #ffffff;font-family:var(--font-body);font-weight:500;line-height:1.5}.welcome-page .qr-drawer *,.welcome-page .qr-drawer *:before,.welcome-page .qr-drawer *:after,.welcome-page .qr-modal *,.welcome-page .qr-modal *:before,.welcome-page .qr-modal *:after{box-sizing:border-box}.welcome-page .qr-drawer button,.welcome-page .qr-drawer input,.welcome-page .qr-drawer textarea,.welcome-page .qr-modal button,.welcome-page .qr-modal input,.welcome-page .qr-modal textarea{font-family:inherit}.qr-drawer{position:fixed;inset-inline:0;bottom:0;z-index:90;background:#141414;border-radius:28px 28px 0 0;border:1px solid #2a2a2a;box-shadow:0 -20px 40px #00000080;display:flex;flex-direction:column}.qr-drawer__title-icon{width:40px;height:40px;border-radius:12px;background:#9fcc00;display:grid;place-items:center}.qr-panel{background:#1d1d1d;border:1px solid #2c2c2c;border-radius:18px;padding:1.2rem;display:grid;gap:1rem}.qr-disclaimer{display:flex;align-items:flex-start;gap:.75rem;border-radius:14px;border:1px solid rgba(195,255,0,.2);background:#c3ff000d;padding:.9rem 1rem}.qr-disclaimer__icon{width:32px;height:32px;border-radius:10px;background:#c3ff001a;display:grid;place-items:center;color:#c3ff00;flex-shrink:0}.qr-disclaimer__content h4{margin:0 0 .4rem;font-size:.85rem;font-weight:600;color:#c3ff00}.qr-disclaimer__content p{margin:0;font-size:.75rem;color:#d1d5db;line-height:1.5}.qr-panel__header{display:flex;align-items:center;gap:.5rem}.qr-panel__toggle{border:none;background:transparent;color:inherit;font:inherit;display:flex;align-items:center;gap:.5rem;width:100%;padding:0;cursor:pointer;text-align:left}.qr-panel__chevron{margin-left:auto;transition:transform .2s ease}.qr-panel__chevron.is-open{transform:rotate(180deg)}.qr-panel__body{overflow:hidden;padding-top:.6rem}.qr-panel__header h3{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:var(--font-small)}.qr-preview{background:#fff;border-radius:16px;overflow:hidden;margin:0 auto;width:min(100%,320px);box-shadow:0 12px 24px #00000059;box-sizing:border-box}.qr-preview--portrait{aspect-ratio:210 / 297}.qr-preview--landscape{aspect-ratio:16 / 9;width:100%}.qr-preview__inner{width:100%;height:100%;display:grid;place-items:center;position:relative;padding:1rem;gap:.6rem;border-radius:4px;box-sizing:border-box;overflow:hidden;z-index:1}.qr-preview__frame{width:100%;height:100%;background:#1a1a1a;padding:2.5rem 1.5rem;position:relative;display:grid;overflow:hidden;--border-accent: #2a2c2e;box-sizing:border-box}.qr-preview__content .top-text-poster-preview{margin-top:-20px;font-size:20pt}.qr-preview__frame--waves:before,.qr-preview__frame--waves:after,.qr-preview__frame--stripes:before,.qr-preview__frame--stripes:after,.qr-preview__frame--dots:before,.qr-preview__frame--dots:after{content:"";position:absolute;top:-8%;bottom:-8%;width:clamp(90px,18%,150px);pointer-events:none;z-index:0;opacity:.85}.qr-preview__frame--waves:before{left:0;background:repeating-radial-gradient(circle at 0 50%,transparent 0 12px,var(--accent, #d0d0d0) 12px 14px,transparent 14px 24px)}.qr-preview__frame--waves:after{right:0;background:repeating-radial-gradient(circle at 100% 50%,transparent 0 12px,var(--accent, #d0d0d0) 12px 14px,transparent 14px 24px)}.qr-preview__frame--stripes:before{left:0;background:repeating-linear-gradient(0deg,transparent 0 12px,var(--accent, #d0d0d0) 12px 18px,transparent 18px 30px)}.qr-preview__frame--stripes:after{right:0;background:repeating-linear-gradient(0deg,transparent 0 12px,var(--accent, #d0d0d0) 12px 18px,transparent 18px 30px)}.qr-preview__frame--dots:before{left:0;background-image:radial-gradient(circle,var(--accent, #d0d0d0) 0 2px,transparent 3px);background-size:18px 18px}.qr-preview__frame--dots:after{right:0;background-image:radial-gradient(circle,var(--accent, #d0d0d0) 0 2px,transparent 3px);background-size:18px 18px}.poster-dj-name-footer{padding:0;position:absolute;text-align:center;bottom:0;left:0;right:0;font-size:.85rem;z-index:2}.poster-logo{position:absolute;left:2rem;font-size:1.1rem;font-weight:900;pointer-events:none}.qr-preview__frame-logo{position:absolute;display:inline-block;top:.6rem;left:.8rem;width:26px;height:26px;display:grid;place-items:center;z-index:2;pointer-events:none}.qr-preview__frame-logo img{width:26px;height:26px;object-fit:contain}.qr-preview__inner--landscape{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.qr-preview__inner--portrait{grid-template-columns:1fr}.qr-preview__confetti span{position:absolute;width:12px;height:12px;border-radius:50%}.qr-preview__content{text-align:center;display:grid;gap:.4rem;z-index:1}.qr-preview__content--landscape{margin-top:-35px;line-height:20px;text-align:center;display:grid;gap:.4rem;z-index:1}.qr-preview__content h4,.qr-preview__content--landscape h4{margin:0;font-size:1.4rem;font-family:var(--font-heading)}.qr-preview__content h5,.qr-preview__content--landscape h5{margin:0;font-size:1rem;font-family:var(--font-heading)}.qr-preview__content p{margin:0;font-weight:600}.qr-preview__content--landscape p{font-weight:600}.qr-preview__content span{color:#8e8e8e;font-size:.75rem}.qr-preview__content--landscape span{color:#8e8e8e;line-height:12px;font-size:.65rem}.qr-preview__qr{display:grid;place-items:center;z-index:1;scale:.75}.qr-preview__qr--landscape{margin-top:-30px;display:grid;place-items:center;z-index:1;scale:.65}.qr-preview__qr-wrap{padding:.5rem}.qr-preview__qr-wrap.qr-preview__qr-wrap--landscape{padding:0}.qr-preview__qr-wrap img{width:120px;height:120px}.qr-preview__status{text-align:center;font-size:.75rem;color:var(--muted)}.qr-preview__status.is-error{color:#ffb4b4}.qr-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.qr-toggle__btn{border:none;border-radius:12px;padding:.7rem .8rem;background:#2a2a2a;color:var(--muted);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;font:inherit}.qr-toggle__btn.is-active{background:var(--accent);color:#c4ff00}.qr-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.qr-borders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;--border-accent: #2a2c2e}.qr-template{border:1px solid #2f2f2f;background:#232323;border-radius:12px;padding:.6rem;text-align:left;color:var(--text);display:grid;gap:.5rem;position:relative;cursor:pointer;font:inherit}.qr-template.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #c4ff0033}.qr-template__swatch{width:100%;aspect-ratio:3 / 4;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.qr-template__label{font-size:.75rem;font-weight:600}.qr-template__check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#141414;border-radius:50%;display:grid;place-items:center}.qr-template__check .welcome-icon{color:#c4ff00}.qr-border{border:1px solid #2f2f2f;background:#232323;border-radius:12px;padding:.6rem;text-align:left;color:var(--text);display:grid;gap:.5rem;position:relative;cursor:pointer;font:inherit}.qr-border.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #c4ff0033}.qr-border__swatch{width:100%;aspect-ratio:3 / 2;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#141414;position:relative;overflow:hidden}.qr-border__swatch:before,.qr-border__swatch:after{content:"";position:absolute;top:-12%;bottom:-12%;width:40%;pointer-events:none;opacity:.9}.qr-border__swatch--waves:before{left:0;background:repeating-radial-gradient(circle at 0 50%,transparent 0 8px,var(--accent, #d0d0d0) 8px 10px,transparent 10px 18px)}.qr-border__swatch--waves:after{right:0;background:repeating-radial-gradient(circle at 100% 50%,transparent 0 8px,var(--accent, #d0d0d0) 8px 10px,transparent 10px 18px)}.qr-border__swatch--stripes:before{left:0;background:repeating-linear-gradient(0deg,transparent 0 8px,var(--accent, #d0d0d0) 8px 12px,transparent 12px 20px)}.qr-border__swatch--stripes:after{right:0;background:repeating-linear-gradient(0deg,transparent 0 8px,var(--accent, #d0d0d0) 8px 12px,transparent 12px 20px)}.qr-border__swatch--dots:before{left:0;background-image:radial-gradient(circle,var(--accent, #d0d0d0) 0 2px,transparent 3px);background-size:12px 12px}.qr-border__swatch--dots:after{right:0;background-image:radial-gradient(circle,var(--accent, #d0d0d0) 0 2px,transparent 3px);background-size:12px 12px}.qr-border__swatch--none:before,.qr-border__swatch--none:after{display:none}.qr-border__label{font-size:.75rem;font-weight:600}.qr-border__check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#141414;border-radius:50%;display:grid;place-items:center}.qr-border__check .welcome-icon{color:#c4ff00}.qr-fields{display:grid;gap:.8rem}.qr-fields label{display:grid;gap:.4rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-small)}.qr-fields input{border:1px solid #353535;background:#222;border-radius:12px;padding:.7rem .8rem;color:var(--text);font-size:16px}.qr-fields input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #c4ff0026}.qr-export{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.qr-export__btn{border-radius:14px;border:1px solid #2f2f2f;padding:.9rem .8rem;display:grid;place-items:center;gap:.3rem;font-weight:600;cursor:pointer;background:#232323;color:var(--text);font:inherit}.qr-export__btn.primary{background:#c4ff00;color:#141414;border:none;box-shadow:0 12px 24px #c4ff0040}.qr-export__btn.ghost{border-color:#3a3a3a}.qr-order{border:1px solid rgba(196,255,0,.3);background:linear-gradient(135deg,#c4ff001f,#c4ff0005);border-radius:18px;padding:1rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;color:var(--text);cursor:pointer;font:inherit}.qr-order__icon{width:46px;height:46px;border-radius:14px;background:#9fcc00;display:grid;place-items:center}.qr-order__info h4{margin:0;font-size:1rem}.qr-order__info p{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.qr-order__title{display:flex;align-items:center;gap:.5rem}.qr-order__title span{background:var(--accent);color:#141414;border-radius:999px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.qr-order__chevron{transform:rotate(-90deg);color:var(--accent)}.qr-canvas{display:none}.qr-modal{position:fixed;inset-inline:0;bottom:0;z-index:95;background:#141414;border-radius:24px 24px 0 0;border:1px solid #2a2a2a;box-shadow:0 -20px 40px #0000008c}.qr-modal__body{padding:1.5rem;max-height:calc(85vh - 60px);overflow-y:auto}.qr-modal__step{display:grid;gap:1.5rem}.qr-modal__step h3{margin:0;font-size:1.4rem}.qr-modal__step p{margin:.25rem 0 0;color:var(--muted)}.qr-modal__list{background:#202020;border-radius:18px;padding:1rem;display:grid;gap:1rem;border:1px solid #2f2f2f}.qr-modal__item{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;color:var(--text)}.qr-modal__item h4{margin:0;font-size:.95rem}.qr-modal__item p{margin:.2rem 0 0;color:var(--muted);font-size:.8rem}.qr-modal__item-icon{width:40px;height:40px;border-radius:12px;background:#c4ff001f;display:grid;place-items:center;color:var(--accent)}.qr-modal__free{color:var(--accent);font-weight:700}.qr-modal__total{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #2f2f2f;font-size:1.1rem}.qr-modal__total strong{color:var(--accent)}.qr-modal__cta{width:100%;border:none;border-radius:14px;padding:.9rem;background:linear-gradient(135deg,var(--accent),#9fcc00);color:#141414;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font:inherit}.qr-modal__cancel{width:100%;border:none;background:transparent;color:var(--muted);padding:.4rem 0;cursor:pointer;font:inherit}.qr-modal__success{text-align:center;gap:1rem}.qr-modal__success-icon{width:72px;height:72px;border-radius:50%;background:var(--accent);display:grid;place-items:center;margin:0 auto}@media(max-width:700px){.qr-drawer__content{padding:1.2rem}.qr-templates,.qr-borders{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-export{grid-template-columns:1fr}}.request-app{--panel: oklch(.269 0 0);--panel-strong: #f2f4f8;--text: #ffffff;--text-secondary: #a0a8b9;--muted: #5b6477;--accent: #2563eb;--accent-2: #60a5fa;--danger: #e11d48;--success: #16a34a;--warning: #f59e0b;--background: #141414;--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: #a0a8b9;--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0);--approve-text: #c4ff00;--approve-background: #c3ff002e;--active-background: #c4ff00;font-family:var(--font-body);line-height:1.5;font-weight:500;background-color:var(--background);color:var(--text);min-height:100vh}.request-app *,.request-app *:before,.request-app *:after{box-sizing:border-box}.request-app a{color:inherit;text-decoration:none}.request-app button,.request-app input,.request-app textarea{font-family:inherit}.app-shell{min-height:100vh;width:100%}.page{width:min(520px,100%);margin:0 auto;padding:1rem;position:relative}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;top:0;padding:.75rem .1rem;z-index:5}.brand-row{margin-top:-5px;display:flex;align-items:center;gap:.75rem}.logo-mark{width:50px;height:auto;object-fit:contain;background:transparent;border:none;box-shadow:none;padding:0;margin-bottom:10px;margin-top:-2px}.logo-text{font-family:var(--font-heading);font-weight:900;color:#a7d800;font-size:35px;letter-spacing:1px;margin-top:-10px}.eyebrow,.small,.pill,.chip,.cta-avatar__label{font-family:var(--font-small)}.filter-row,.pill-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem}.genre-block-note{margin:0 0 .75rem;padding:.6rem .85rem;border-radius:12px;border:1px solid rgba(195,255,0,.25);background:#c3ff0014;font-size:.85rem;color:#cfd6e3}.genre-block-note__list{color:#c3ff00;font-weight:600}.filter-refresh{margin-left:auto;width:32px;height:32px;border-radius:999px;border:1px solid var(--border);background:var(--secondary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.filter-refresh:hover{background:var(--panel);color:var(--text)}.filter-refresh:disabled{cursor:not-allowed}.filter-refresh__icon{width:16px;height:16px}.filter-refresh.is-loading .filter-refresh__icon{animation:spin .9s linear infinite}.filter-sort{position:relative}.filter-sort__trigger{margin-left:0}.filter-sort__trigger.is-open{background:var(--panel);color:var(--text);border-color:var(--active-background)}.filter-sort__menu{position:absolute;top:calc(100% + .35rem);right:0;min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.35rem;display:grid;gap:.25rem;box-shadow:0 14px 28px #0f172a29;z-index:25}.filter-sort__item{border:none;background:transparent;color:var(--text);text-align:left;padding:.45rem .6rem;border-radius:10px;cursor:pointer;font-size:.85rem}.filter-sort__item:hover{background:var(--panel-strong)}.filter-sort__item.is-selected{background:var(--active-background);color:#000;font-weight:700}.stack{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.section-toggle{width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.section-toggle:hover{background:var(--panel)}.cta-avatar{width:42px;height:42px;padding:0;overflow:hidden;border:1px solid rgba(37,99,235,.25);display:inline-flex;align-items:center;justify-content:center;background:var(--panel-strong)}.cta-avatar__root,.avatar-root{width:100%;height:100%;overflow:hidden;display:grid;place-items:center}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-strong);color:var(--muted)}.avatar-fallback__icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cta-avatar__fallback{background:var(--secondary);color:#fff}.cta-menu-wrapper{position:relative;display:inline-flex;justify-content:flex-end;margin-top:-1px}.cta-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 32px #0f172a29;padding:.35rem;display:grid;gap:.15rem;z-index:20;animation:ctaMenuIn .16s ease}.cta-menu-item{display:flex;align-items:center;gap:.55rem;width:100%;background:transparent;border:none;color:var(--text);font-size:.95rem;padding:.55rem .75rem;border-radius:10px;cursor:pointer;text-align:left;text-decoration:none}.cta-menu-item__icon{width:1rem;height:1rem;color:#c4ff00;flex-shrink:0}.cta-menu-item__label{flex:1}.cta-menu-item.is-danger .cta-menu-item__icon{color:var(--danger)}.cta-menu-item.is-disabled .cta-menu-item__icon{color:var(--muted)}.cta-menu-item:hover{background:var(--background)}.cta-menu-item:focus-visible{outline:2px solid rgba(37,99,235,.4);outline-offset:2px}.cta-menu-item.is-danger{color:var(--danger)}.cta-menu-item.is-danger:hover{background:#e11d4814}.cta-menu-item.is-disabled{color:var(--muted);cursor:not-allowed;background:transparent}.cta-menu-social{gap:.55rem;min-width:0}.cta-menu-social__icon{width:1rem;height:1rem;stroke-width:1.8;flex-shrink:0}.cta-menu-social__text{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-toggle__label{display:inline-flex;align-items:center;gap:.35rem}.comment-toggle__chevron{width:.7rem;height:.7rem;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.comment-toggle__chevron.is-open{transform:rotate(180deg)}.comment-icon{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cta-menu-divider{height:1px;background:var(--text-secondary);margin:.35rem .2rem}.cta-menu-subheading{padding:.2rem .75rem .1rem;font-size:.75rem;font-weight:600;color:var(--muted);letter-spacing:.02em}.cta-avatar__image{width:100%;height:100%;object-fit:cover;display:block}.cta-avatar__label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.5rem;text-align:center}@keyframes ctaMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.section-toggle__icon{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.section-toggle.is-open .section-toggle__icon{transform:rotate(-135deg)}.section-collapse{overflow:hidden;transition:max-height .26s ease,opacity .2s ease,transform .2s ease}.section-collapse.is-collapsed{opacity:0;transform:translateY(-4px);pointer-events:none}.section-collapse.is-open{opacity:1;transform:translateY(0)}.request-list{gap:10px;overflow:hidden;box-shadow:0 10px 24px #0f172a14}.request-app.dj-page .request-list .request-card{margin-bottom:.4rem}.request-app.dj-page .request-list .request-card:last-child{margin-bottom:0}.glass{background:var(--background);border:1px solid var(--border);border-radius:10px}.error-card{border-color:#e11d4859;background:#e11d480f;padding:1rem;margin-top:1rem}.dj-empty-state{padding:1.25rem;margin-top:1rem;display:grid;gap:.6rem}.dj-empty-state h3{margin:0;font-size:1.1rem}.dj-empty-actions{display:grid;gap:.6rem;margin-top:.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#7e88a0;margin:0 0 .15rem}.eyebrow.time-stamp{display:inline-flex;align-items:center;gap:.35rem}.time-icon{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.request-form-title{margin-top:5px;font-size:1.3rem;font-weight:900;color:var(--text)}.muted{color:var(--muted);margin:.15rem 0 0}.small{font-size:.9rem}.strong{font-weight:700}.pill{display:inline-flex;align-items:center;margin-left:5px;gap:.35rem;padding:.1rem .65rem;border-radius:10px;background:var(--secondary);border:1px solid var(--active-background);color:var(--text-secondary);font-size:.7rem}.pill.success{color:var(--success);border-color:#4ade8080}.pill.soft{color:#c9d0df}.ghost-btn,.tiny-btn{background-color:var(--active-background);color:#000;padding:.5rem .8rem;border-radius:10px;cursor:pointer}.ghost-btn.cta-avatar{padding:0}.ghost-btn:disabled,.secondary:disabled,.primary:disabled{opacity:.55;cursor:not-allowed}.tiny-btn{padding:.25rem .55rem;font-size:.85rem}.primary{background:#c4ff00;color:#000;border:none;box-shadow:none;font-size:1rem;padding:.8rem 1rem;border-radius:10px;font-weight:500;cursor:pointer}.secondary{background:var(--background);border:1px solid var(--border);font-size:1rem;color:var(--text);padding:.7rem 1rem;border-radius:10px;cursor:pointer}.primary.fab,.secondary.fab{width:100%}.fab-request{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.fab-icon{width:1rem;height:1rem;fill:currentColor;flex-shrink:0}.sent-to-queue-icon{margin-right:7px;margin-bottom:-2px}.ghost{background:transparent}.danger{font-size:1rem;color:var(--danger);border-color:#ff6b6b66}.danger-small{font-size:.8rem;padding:.5rem .8rem}.request-form-close{color:#f45151;padding:.5rem .8rem;font-weight:700;border:none;background:transparent}.chip{border:1px solid var(--border);font-size:12px;font-weight:700;background:var(--secondary);color:var(--text-secondary);padding:.4rem 1rem;border-radius:20px;cursor:pointer}.chip-active{background:var(--active-background);color:#000}button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.fab-row{position:fixed;left:50%;bottom:.75rem;transform:translate(-50%);width:min(520px,100% - 2rem);display:grid;grid-template-columns:1fr .9fr;gap:.6rem;z-index:30}.fab-row.single{grid-template-columns:1fr}.fab-row.is-hidden{opacity:0;pointer-events:none}.fab-column{position:fixed;left:50%;bottom:.75rem;transform:translate(-50%);width:min(520px,100% - 2rem);display:grid;gap:.6rem;z-index:30}.fab-column.is-hidden{opacity:0;pointer-events:none}.session-drawer__backdrop{position:fixed;inset:0;background:#000000bf;border:none;padding:0;cursor:pointer;z-index:20}.session-drawer{position:fixed;inset-inline:0;bottom:0;z-index:30;background:#141414f5;border-radius:26px 26px 0 0;border:1px solid #2a2a2a;box-shadow:0 -20px 40px #00000073;display:flex;flex-direction:column;overflow:hidden}.session-drawer__handle{padding:.75rem 1rem;display:flex;justify-content:center;border-bottom:1px solid #2a2a2a}.session-drawer__handle-bar{width:52px;height:6px;border-radius:999px;background:#343434}.session-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}.session-drawer .request-app{min-height:100%;background:transparent}.session-drawer .request-app .page{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.share-drawer__backdrop{position:fixed;inset:0;background:#000000d9;border:none;padding:0;cursor:pointer;z-index:40}.share-drawer{position:fixed;inset-inline:0;bottom:0;z-index:50;background:#141414;border-radius:26px 26px 0 0;border:1px solid #2a2a2a;box-shadow:0 -20px 40px #00000080;display:flex;flex-direction:column;font-family:var(--font-body);color:var(--text)}.share-drawer *,.share-drawer *:before,.share-drawer *:after{box-sizing:border-box}.share-drawer button,.share-drawer input{font-family:inherit}.share-drawer__handle{padding:.75rem 1rem;display:flex;justify-content:center;border-bottom:1px solid #2a2a2a}.share-drawer__handle-bar{width:52px;height:6px;border-radius:999px;background:#343434}.share-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a}.share-drawer__title{display:flex;align-items:center;gap:.75rem}.share-drawer__title-icon{width:44px;height:44px;border-radius:12px;background:#c4ff00;display:grid;place-items:center;color:#141414}.share-drawer__title-icon .welcome-icon{width:1.1rem;height:1.1rem}.share-drawer__title h2{margin:0;font-size:1.1rem}.share-drawer__title p{margin:.15rem 0 0;color:var(--muted);font-size:.85rem}.share-drawer__close{width:40px;height:40px;border-radius:12px;border:1px solid #2a2a2a;background:#242424b3;display:grid;place-items:center;color:var(--text);cursor:pointer}.share-drawer__close .welcome-icon{width:1rem;height:1rem}.share-drawer__content{padding:1.25rem 1.5rem 1.75rem;display:grid;gap:1rem;overflow-y:auto;max-height:70vh;max-height:70dvh}.share-drawer__notice{background:#c4ff001a;border:1px solid rgba(196,255,0,.3);color:#d7ff4d;padding:.85rem 1rem;border-radius:12px;font-size:.9rem}.share-drawer__field{display:grid;gap:.5rem}.share-drawer__field label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.share-drawer__input{display:flex;align-items:center;gap:.6rem;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:12px;padding:.55rem .7rem}.share-drawer__icon{width:1rem;height:1rem;color:var(--text-secondary);flex-shrink:0}.share-drawer__input input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-drawer__input input:focus{outline:none}.share-drawer__input button{border:none;background:#c4ff0026;color:#c4ff00;padding:.35rem .6rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer}.share-drawer__input button:hover{background:#c4ff0040}.share-drawer__muted{color:var(--muted);font-size:.9rem;margin:0}.share-drawer__action{width:100%}.share-drawer__error{color:#f87171;font-size:.85rem;margin:0}.edit-genres-drawer__backdrop{position:fixed;inset:0;background:#000000d9;border:none;padding:0;cursor:pointer;z-index:40}.edit-genres-drawer{position:fixed;inset-inline:0;bottom:0;z-index:50;background:#141414;border-radius:26px 26px 0 0;border:1px solid #2a2a2a;box-shadow:0 -20px 40px #00000080;display:flex;flex-direction:column;font-family:var(--font-body);color:var(--text)}.edit-genres-drawer *,.edit-genres-drawer *:before,.edit-genres-drawer *:after{box-sizing:border-box}.edit-genres-drawer button,.edit-genres-drawer input{font-family:inherit}.edit-genres-drawer__handle{padding:.75rem 1rem;display:flex;justify-content:center;border-bottom:1px solid #2a2a2a}.edit-genres-drawer__handle-bar{width:52px;height:6px;border-radius:999px;background:#343434}.edit-genres-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a}.edit-genres-drawer__header h2{margin:0;font-size:1.1rem}.edit-genres-drawer__header p{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.edit-genres-drawer__close{width:40px;height:40px;border-radius:12px;border:1px solid #2a2a2a;background:#242424b3;display:grid;place-items:center;color:var(--text);cursor:pointer}.edit-genres-drawer__close .welcome-icon{width:1rem;height:1rem}.edit-genres-drawer__content{padding:1.25rem 1.5rem;display:grid;gap:1rem;overflow-y:auto;max-height:70vh;max-height:70dvh}.edit-genres-drawer__actions{padding:0 1.5rem 1.5rem;display:grid;gap:.6rem}.edit-genres-drawer__toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:16px;border:1px solid #2a2a2a;background:#121212cc}.edit-genres-drawer__toggle>div{flex:1;min-width:0}.edit-genres-drawer__toggle.is-disabled{opacity:.6}.edit-genres-drawer__toggle-title{margin:0 0 .2rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.edit-genres-drawer__toggle-subtitle{margin:0;font-size:.8rem;color:var(--muted);line-height:1.4}.edit-genres-drawer__toggle-hint{margin:0;font-size:.8rem;color:var(--muted)}.edit-genres-drawer__save{width:100%;border-radius:18px;border:none;padding:.9rem 1rem;background:linear-gradient(90deg,#c3ff00,#9fcc00);color:#1a1a1a;font-weight:700;cursor:pointer;box-shadow:0 12px 30px #c3ff0040}.edit-genres-drawer__save:disabled{opacity:.6;cursor:not-allowed}.edit-genres-drawer__error{color:#f87171;font-size:.85rem;margin:0}.request-app .page{padding-bottom:6rem}.empty{padding:1rem;text-align:center}.loading-card{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-top:.5rem;box-shadow:0 10px 24px #0f172a14}.loading-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}.request-card{padding:.65rem;border-radius:20px;border:none;border-bottom:1px solid var(--border);background:var(--secondary);position:relative;will-change:transform;overflow:hidden;max-height:1600px;opacity:1;clip-path:inset(0 0 0 0);transition:max-height .24s ease,opacity .2s ease,clip-path .24s ease,padding .2s ease}.request-card.is-collapsing,.request-list.archived .request-card.is-collapsing{max-height:0;opacity:0;clip-path:inset(45% 0 45% 0);padding-top:0;padding-bottom:0;border-bottom-color:transparent;pointer-events:none}.request-card.is-entering{animation:tvOn .24s ease}.request-card.is-highlight{background:linear-gradient(180deg,#c4ff0024,#14141499 70%);box-shadow:0 0 0 1px #c4ff0047,0 16px 28px #c4ff0029;animation:highlightPulse 2.4s ease-out}.request-list .request-card:last-child{border-bottom:none}.request-list.archived{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(148,163,184,.12);border-radius:18px}.request-list.archived .request-card{background:#ffffff08;color:var(--text-secondary);border-color:#94a3b81f;opacity:.88;filter:saturate(.6)}.request-list.archived .track,.request-list.archived .artist,.request-list.archived .muted,.request-list.archived .approve-text,.request-list.archived .reject-text{color:var(--text-secondary)}.request-card.saving{opacity:.8;filter:grayscale(.1);animation:floatIn .45s ease}.saving-overlay{position:absolute;inset:0;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;gap:.45rem;padding:.75rem;border-radius:8px;pointer-events:none;z-index:1}.saving-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes tvOn{0%{opacity:0;clip-path:inset(45% 0 45% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes highlightPulse{0%{box-shadow:0 0 #c4ff0073,0 16px 32px #c4ff003d}to{box-shadow:0 0 0 1px #c4ff0047,0 16px 28px #c4ff0029}}.archived-label{margin:.75rem 0 .25rem;color:var(--muted)}.top-filter{margin:0rem 0 1.2rem}.request-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.request-main{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.request-art-wrap{position:relative;width:52px;height:52px;flex-shrink:0}.request-art-button{width:100%;height:100%;padding:0;border:none;background:transparent;position:relative;cursor:pointer}.request-art{width:52px;height:52px;border-radius:12px;object-fit:cover;border:1px solid var(--border);background:var(--panel-strong);flex-shrink:0}.preview-spinner{position:absolute;top:50%;left:50%;width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.6);border-top-color:var(--accent);transform:translate(-50%,-50%);animation:spin .9s linear infinite;box-shadow:0 0 0 2px #0f172a1a;background:#0f172a59}.preview-stop{position:absolute;top:50%;left:50%;width:26px;height:26px;border-radius:50%;background:#0f172a8c;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center}.preview-stop:after{content:"";width:10px;height:10px;border-radius:2px;background:#f8fafc}.preview-play{position:absolute;right:4px;bottom:4px;width:18px;height:18px;border-radius:50%;background:#0f172a99;display:inline-flex;align-items:center;justify-content:center}.preview-play:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #f8fafc;margin-left:2px}.preview-ring{position:absolute;inset:-4px;width:60px;height:60px;pointer-events:none}.preview-ring__track{fill:none;stroke:#0f172a1f;stroke-width:4}.preview-ring__value{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:26px 26px}.request-text{min-width:0}.track{margin:2px 0 .02rem;letter-spacing:-.01em}.artist{margin-top:-3px;color:var(--text-secondary);font-size:13px;max-width:180px;min-width:0;overflow:hidden;text-overflow:ellipsis}.artist.requester{max-width:120px;display:inline-flex;overflow:hidden;text-overflow:ellipsis}.text-toggle{display:block;width:100%;text-align:left;background:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-toggle.is-expanded{white-space:normal;overflow:visible;text-overflow:clip}.text-toggle:focus-visible{outline:2px solid rgba(77,124,255,.7);outline-offset:2px}.requester-name{max-width:16ch;color:var(--text);font-size:13px;white-space:nowrap}.vote-box{display:inline-flex;flex-direction:column;align-items:stretch;gap:.35rem;background:var(--background);border:1px solid var(--border);padding:.1rem;border-radius:6px}.first-vote-box{margin-left:auto}.vote-row{font-size:.75rem;font-weight:500;color:#aeaeae;display:flex;align-items:center;justify-content:space-between}.vote-btn{width:22px;height:22px;border:none;background:transparent;color:var(--text);cursor:pointer;font-size:.9rem;line-height:1;padding:0;margin-right:-5px}.vote-icon{width:15px;height:11px;stroke:currentColor;color:#aeaeae;fill:none;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round}.vote-icon.active{color:var(--approve-text)}.vote-count{min-width:1.3rem;text-align:center;font-variant-numeric:tabular-nums;line-height:1}.vote-count.active,.vote-btn.active{color:var(--approve-text)}.request-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.35rem 0 0}.request-meta-tags{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}.comment-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .5rem;border:none;background:var(--secondary);color:var(--text);cursor:pointer}.status-badge{padding:.15rem .6rem;border-radius:999px;font-size:.6rem}.status-badge.status-icon-only{width:28px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center}.status-icon{width:12px;height:12px}.request-meta-tags .status-badge{margin-left:0}.status-badge.bpm{color:var(--text);background-color:#7dd3fc2e;border:1px solid rgba(56,189,248,.35);font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.bpm-label{letter-spacing:.08em}.bpm-spinner{width:10px;height:10px;border-radius:999px;border:2px solid rgba(56,189,248,.4);border-top-color:var(--text);animation:spin .9s linear infinite}.status-badge.success{color:var(--approve-text);font-weight:700;background-color:var(--approve-background)}.status-badge.warning{color:var(--warning);font-weight:700;background-color:#f1b33f28}.status-badge.danger{color:var(--danger);background-color:#ee3f3f43;border:none}.status-badge.live{color:var(--accent);border-color:#4d7cff80}.status-badge.soft{color:var(--muted)}.status-badge.new{color:#000;font-weight:700;margin-left:0;border-color:#4d7cff66;background:var(--active-background);text-transform:uppercase;letter-spacing:.08em}.approve-text{margin:.2rem 0;padding:.1rem 0;border-radius:6px;background:transparent;border:none;color:var(--success);font-weight:600;font-size:.95rem}.reject-text{margin:.35rem 0;color:var(--danger);font-weight:600}.comment-thread{display:flex;flex-direction:column;gap:.4rem;margin:.5rem 0;border-top:.5px solid var(--text-secondary);padding-top:10px}.comment-collapse{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-4px);transition:grid-template-rows .22s ease,opacity .16s ease,transform .22s ease;overflow:hidden;pointer-events:none}.comment-collapse.is-open{grid-template-rows:1fr;opacity:1;transform:translateY(0);pointer-events:auto}.comment-collapse__inner{overflow:hidden}.post-comment-button-icon{rotate:-45deg;margin-left:2px}.comment-bubble{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem .7rem;border-radius:10px;background-color:var(--background)}.comment-avatar{width:34px;height:34px;padding:0;border-radius:10px}.comment-content{flex:1;min-width:0}.comment-bubble.comment-dj{border-color:#2563eb99}.comment-bubble.pinned{border-color:#2563ebcc}.comment-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.comment-meta-left,.comment-meta-right{display:flex;align-items:center;gap:.35rem}.comment-delete{color:var(--muted);border-color:#0000000d}.author{font-weight:700}.time{color:var(--muted);font-size:.85rem}.comment-body{margin:0;font-size:.9rem}.comment-more{padding:0;border:none;background:none;text-align:left;cursor:pointer}.comment-more:hover{text-decoration:underline}.comment-body-wrap{display:flex;flex-direction:column;gap:.2rem}.comment-body.is-collapsed{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-body.is-expanded{white-space:normal}.comment-readmore{align-self:flex-start;padding:0;border:none;background:none;color:var(--active-background);font-size:.85rem;cursor:pointer}.comment-readmore:hover{text-decoration:underline}.quick-comment{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);padding:.5rem .65rem;border-radius:10px}.quick-comment input{background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.45rem .55rem;min-width:0;box-shadow:0 2px 6px #0000000a}.quick-comment input:first-of-type{flex:.45;max-width:140px}.quick-comment input:last-of-type{flex:1}.quick-comment.single input:first-of-type{flex:1;max-width:none}.quick-comment input:focus{outline:1px solid var(--active-background);border-color:var(--active-background)}.dj-actions{display:flex;flex-wrap:nowrap;gap:.4rem;margin-top:.75rem;width:100%}.dj-action-btn{margin:auto;width:22%;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.dj-action-icon{width:20px;height:20px}.undo-icon{transform:rotate(-30deg);transform-origin:center}.sheet-overlay{position:fixed;inset:0;background:#272727bf;display:flex;justify-content:center;align-items:flex-end;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));z-index:20}.sheet{width:min(520px,100%);padding:1rem;border-radius:20px;border:1px solid rgb(66,66,66);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid rgb(66,66,66)}.form{display:flex;flex-direction:column;gap:.75rem}.form label{display:flex;flex-direction:column;gap:.3rem;color:var(--text-secondary);font-weight:700}.form input,.form textarea{background:var(--secondary);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.65rem;margin-bottom:3px}.form input:focus,.form textarea:focus{border-color:var(--active-background);outline:none}.form input:focus-visible,.form textarea:focus-visible{border-color:var(--active-background);outline:1px solid var(--active-background)}.suggestion-field{display:flex;flex-direction:column;gap:.3rem;position:relative}.suggestion-list{position:absolute;top:calc(100% + .4rem);left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 28px #0f172a29;padding:.35rem;display:grid;gap:.3rem;z-index:20;max-height:210px;overflow-y:auto;overscroll-behavior:contain;overflow-x:hidden}.suggestion-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:10px;border:none;background:transparent;cursor:pointer;text-align:left;width:100%}.suggestion-item:hover{background:var(--panel-strong)}.suggestion-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#e2e8f0;flex-shrink:0}.suggestion-thumb.placeholder{display:inline-block}.suggestion-text{display:flex;flex-direction:column;gap:.1rem;max-width:70%}.suggestion-title{font-weight:600;font-size:.95rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-artist{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-empty{padding:.6rem .75rem;color:var(--muted);font-size:.9rem}.selected-song-card{display:flex;align-items:center;gap:.75rem;padding:.55rem .6rem;background:var(--panel);border:1px solid var(--active-background);background-color:#c3ff002e;border-radius:12px}.selected-song-art{width:46px;height:46px;border-radius:10px;object-fit:cover;border:1px solid rgba(148,163,184,.4);background:#e2e8f0;flex-shrink:0}.selected-song-art.placeholder{display:inline-block}.selected-song-text{display:flex;flex-direction:column;gap:.1rem;min-width:0;font-size:1.1rem;margin-bottom:1px}.selected-song-title{font-weight:600;color:var(--text)}.selected-song-artist{margin-top:-4px;font-size:.85rem;color:var(--text-secondary)}.selected-song-clear{margin-left:auto;width:32px;height:32px;border-radius:999px;border:none;background:#f45151;color:var(--text);cursor:pointer;font-size:1.6rem;line-height:1}.selected-song-clear:hover{background:#0f172a29}.login-card{padding:1rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.control-bar{padding:.75rem 1rem;display:flex;justify-content:space-between;gap:.6rem;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:12px}.control-bar p{margin-bottom:0}.dj-login{background:linear-gradient(135deg,#2563eb14,#60a5fa14);border:1px solid rgba(37,99,235,.15);box-shadow:0 18px 38px #2563eb1f}.dj-login h2{margin:0 0 .15rem}.login-hero{margin-bottom:.25rem}.login-error{color:var(--danger)}.dj-login label{width:100%}.dj-login input{width:100%;min-height:44px}.control-actions{display:flex;gap:.4rem}.token-card{margin-top:.85rem;padding:.85rem 1rem}.limit-card{margin-top:.85rem;padding:.9rem 1rem;border:1px solid rgba(244,63,94,.25);background:#f43f5e14}.limit-card .strong{margin:.2rem 0 0}.limit-note{margin:0 0 .75rem;padding:.6rem .85rem;border-radius:12px;border:1px solid rgba(244,63,94,.25);background:#f43f5e14;font-size:.85rem;color:#f3c2c6}.token-value{margin:.15rem 0 0;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.95rem;word-break:break-all}.toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%) translateY(12px);background:#0f172af2;color:#f8fafc;padding:.55rem .9rem;border-radius:999px;font-size:.9rem;box-shadow:0 12px 26px #0f172a4d;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:30}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:560px){.control-bar{flex-direction:column;align-items:flex-start}.dj-actions{grid-template-columns:repeat(2,1fr)}}.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#141414;color:#f4dfc1;font-family:var(--font-body);letter-spacing:.01em;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;opacity:.85;pointer-events:none;mix-blend-mode:screen}.login-page:after{content:"";position:absolute;inset:-18% -18% 22%;background:radial-gradient(circle at 60% 80%,rgba(255,175,60,.24),transparent 46%);filter:blur(40px);opacity:.4;pointer-events:none}.login-inner{position:relative;padding:40px 54px;background-color:#000;border:1px solid rgba(255,193,79,.28);border-radius:16px;box-shadow:inset 0 0 0 1px #ffbd461a,0 0 28px #ffba4626}.login-title{font-family:var(--font-heading);margin:0 0 8px;font-size:2.6rem;color:#f5ce6d;letter-spacing:.01em;text-shadow:0 0 12px rgba(255,196,82,.35),0 0 22px rgba(255,196,82,.25)}.field-label,.field-link{font-family:var(--font-small)}.login-subtitle{margin:0;color:#e8d6b8;font-size:1.05rem}.login-form{display:flex;flex-direction:column;gap:18px;margin:28px 0 12px}.login-field{width:95%;display:flex;flex-direction:column;gap:10px;margin-left:-10px}.field-label{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#f4e2c4;letter-spacing:.02em}.field-label-left{display:inline-flex;align-items:center;gap:10px}.field-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#f5c54f;background:#ffc14f14;border:1px solid rgba(255,193,79,.25);border-radius:50%;box-shadow:0 0 12px #ffc14f33}.field-icon svg{width:16px;height:16px}.field-link{color:#f6d36b;font-size:.95rem;text-decoration:none;transition:color .15s ease,text-shadow .15s ease}.field-link:hover{color:#ffe187;text-shadow:0 0 12px rgba(255,209,104,.35)}.login-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,185,88,.45);background:#17120da6;color:#f4e8d3;font-size:1rem;box-shadow:inset 0 0 0 1px #ffbe5014,0 0 18px #00000059;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;outline:none;caret-color:#f6c55c}.login-input::placeholder{color:#cbb9a2}.login-input:focus{border-color:#f9cf6c;box-shadow:0 0 0 2px #ffc87859 inset,0 0 28px #ffbe5a33;transform:translateY(-1px)}.password-input-wrapper{position:relative}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);padding:6px 10px;border-radius:9px;border:1px solid rgba(255,193,79,.16);background:#ffc14f12;color:#cbb9a2;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.password-toggle:hover{color:#f6d36b;background:#ffc14f1f;border-color:#ffc14f47;box-shadow:0 0 12px #ffc14f38}.password-toggle:active{background:#ffc14f29;color:#ffe187}.login-button{margin-top:4px;width:100%;padding:14px 18px;border-radius:12px;border:1.2px solid rgba(255,195,80,.9);background:linear-gradient(90deg,#f6c757,#ffde73,#f6c757);color:#3a2a0c;font-size:1.1rem;font-weight:800;letter-spacing:.02em;text-transform:capitalize;cursor:pointer;box-shadow:0 0 32px #ffc35073,inset 0 0 12px #ffffff1a,0 10px 28px #00000059;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 0 36px #ffcd6480,inset 0 0 12px #ffffff26,0 12px 32px #00000059;filter:brightness(1.02)}.login-button:active{transform:translateY(0);box-shadow:0 0 22px #ffbd5059,inset 0 0 12px #ffffff1f}.login-button:disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.15)}.login-status{margin:4px 0 0;text-align:center;font-weight:700;letter-spacing:.01em}.login-status.error{color:#ffae9c}.login-status.success{color:#a0f5b5}.login-help{margin:18px 0 10px;text-align:center;color:#e4cfb2;font-weight:600;letter-spacing:.01em}.login-note{margin:8px 0 0;padding-top:14px;border-top:1px solid rgba(255,193,79,.18);text-align:center;color:#c8b59b;font-size:.95rem}@media(max-width:900px){.login-page{padding:82px 16px 48px}.login-inner{padding:44px 28px 32px;margin-top:70px}.login-title{font-size:2.2rem}.login-subtitle{font-size:1rem}}@media(max-width:600px){.login-page{padding:72px 14px 40px}.login-inner{padding:32px 18px 28px;margin-top:64px}}.login-individual-page{--bg: #141414;--panel: #1f1f1f;--panel-strong: #262626;--border: #2d2d2d;--text: #ffffff;--muted: #a0a8b9;--accent: #c4ff00;position:fixed;inset:0;background:transparent;color:var(--text);font-family:var(--font-body);overflow:hidden;z-index:70}.welcome-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.welcome-icon--sm{width:1rem;height:1rem}.welcome-icon--dark{color:#141414}.qr-drawer__backdrop{position:fixed;inset:0;background:#000000d9;border:none;padding:0;cursor:pointer;z-index:80}.qr-drawer{position:fixed;inset-inline:0;bottom:0;z-index:90;background:#141414eb;border-radius:28px 28px 0 0;border:1px solid #2a2a2a;box-shadow:0 -20px 40px #00000080;display:flex;flex-direction:column;font-family:var(--font-body);font-weight:500;line-height:1.5}.qr-drawer *,.qr-drawer *:before,.qr-drawer *:after{box-sizing:border-box}.qr-drawer button,.qr-drawer input,.qr-drawer textarea{font-family:inherit}.qr-drawer__handle{padding:.75rem 1rem;display:flex;justify-content:center;border-bottom:1px solid #2a2a2a}.qr-drawer__handle-bar{width:52px;height:6px;border-radius:999px;background:#343434}.qr-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a}.qr-drawer__title{display:flex;align-items:center;gap:.75rem}.qr-drawer__title-icon{width:44px;height:44px;border-radius:12px;background:none;display:grid;place-items:center}.qr-drawer__title h2{margin:0;font-size:1.2rem}.qr-drawer__title p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.qr-drawer__close{width:40px;height:40px;border-radius:12px;border:none;background:#2a2a2a;color:var(--text);display:grid;place-items:center;cursor:pointer;font:inherit}.qr-drawer__close:hover{background:#343434}.qr-drawer__content{padding:1.5rem;display:grid;gap:1.5rem;overflow-y:auto;overscroll-behavior:contain}.login-individual-page:before{content:"";position:absolute;inset:-25% -10% 30%;background:radial-gradient(circle at 30% 40%,rgba(196,255,0,.18),transparent 55%);opacity:.9;pointer-events:none}.login-individual-page:after{content:"";position:absolute;inset:10% -20% -35%;background:radial-gradient(circle at 80% 80%,rgba(88,130,0,.18),transparent 50%);pointer-events:none}.login-individual-drawer{background:var(--bg);border-color:var(--border)}.login-individual-content{padding-top:.75rem}.login-individual-logo{width:54px;height:54px;margin-left:-6px;margin-top:-3px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(196,255,0,.25))}.login-individual-form{display:grid;gap:1.25rem}.login-individual-field{display:grid;gap:.55rem}.login-individual-label{font-size:.85rem;font-family:var(--font-small);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.login-individual-input{position:relative;display:flex;align-items:center;gap:.5rem;background:var(--panel-strong);border:1px solid var(--border);border-radius:14px;padding:.2rem .9rem;transition:border-color .16s ease,box-shadow .16s ease}.login-individual-input input{flex:1;background:transparent;border:none;color:var(--text);font-size:1rem;padding:.9rem 0;outline:none}.login-individual-input input::placeholder{color:#a0a8b9bf}.login-individual-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #c4ff0033}.login-individual-icon{width:20px;height:20px;color:var(--muted)}.login-individual-toggle{border:none;background:transparent;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;padding:.2rem .4rem;border-radius:8px;transition:color .12s ease,background .12s ease}.login-individual-toggle:hover{color:var(--accent);background:#c4ff0014}.login-individual-status{margin:0;font-size:.9rem;font-family:var(--font-small);padding:.6rem .9rem;border-radius:12px;background:#ffffff0a;border:1px solid transparent}.login-individual-status.is-error{color:#fca5a5;border-color:#f871714d;background:#ef44441f}.login-individual-status.is-success{color:#86efac;border-color:#22c55e4d;background:#22c55e1f}.login-individual-submit{width:100%;border:none;margin-top:5px;border-radius:14px;padding:.95rem 1.2rem;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#121212;background:linear-gradient(135deg,var(--accent),#9fcc00);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:0 18px 28px #c4ff0040}.login-individual-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 32px #c4ff004d}.login-individual-submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.login-individual-footer{display:grid;gap:.75rem;padding-top:.25rem;text-align:center}.login-individual-footnote,.login-individual-terms{margin:0;color:var(--muted);font-size:.9rem}.login-individual-link,.login-individual-textlink{border:none;background:transparent;color:var(--accent);font-weight:600;cursor:pointer;padding:0}.login-individual-textlink{color:var(--text);opacity:.8}.login-individual-forgot{display:flex;justify-content:flex-end}.login-individual-link:hover,.login-individual-textlink:hover{opacity:1}@media(max-width:560px){.login-individual-form{gap:1rem}}@media(max-width:700px){.qr-drawer__content{padding:1.2rem}}.signup-page{--bg: #141414;--panel: #1f1f1f;--panel-strong: #262626;--border: #2d2d2d;--text: #ffffff;--muted: #a0a8b9;--accent: #c4ff00;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);padding:2.5rem 1.25rem 3.5rem;overflow-x:hidden}.signup-shell{width:min(720px,100%);margin:0 auto;display:grid;gap:1.5rem}.signup-header{display:flex;align-items:center;gap:1rem}.signup-back{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);display:grid;place-items:center;background:var(--panel);color:var(--text);font-size:1rem}.signup-back.is-disabled{opacity:.5;pointer-events:none}.signup-header__text h1{margin:0;font-size:1.8rem}.signup-header__kicker{margin:0 0 .3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-family:var(--font-small)}.signup-progress__track{height:8px;border-radius:999px;background:#2a2a2a;overflow:hidden}.signup-progress__fill{height:100%;background:linear-gradient(90deg,var(--accent),#9fcc00);transition:width .2s ease}.signup-card{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:2rem;box-shadow:0 16px 32px #0000004d;overflow:hidden}.signup-step__header{margin-bottom:1.5rem}.signup-step__header h2{margin:.25rem 0 .4rem;font-size:1.6rem}.signup-step__kicker{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-family:var(--font-small)}.signup-step__subtle{margin:0;color:var(--muted)}.signup-step{animation-duration:.32s;animation-timing-function:ease;animation-fill-mode:both}.signup-step--forward{animation-name:signupSlideInRight}.signup-step--back{animation-name:signupSlideInLeft}.signup-plan-summary{background:#1a1a1a;border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem;display:grid;gap:.35rem;margin-bottom:1rem;color:var(--muted);font-size:.85rem}.signup-plan-summary__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.signup-plan-change{border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;background:transparent;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;font-family:var(--font-small);cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.signup-plan-change:hover{color:var(--text);border-color:#c4ff0073;background:#c4ff0014}.signup-plan-change:focus-visible{outline:2px solid rgba(196,255,0,.55);outline-offset:2px}.signup-plan-summary strong{display:block;font-size:1rem;color:var(--text)}.signup-plan-summary span{color:var(--muted)}.signup-plan-summary__details{display:grid;gap:.2rem}.signup-plan-summary__price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem}.signup-plan-summary__price{color:var(--text);font-weight:700}.signup-plan-summary__price.is-discounted{color:var(--accent)}.signup-plan-summary__original{text-decoration:line-through;color:var(--muted);font-size:.85rem}.signup-plan-summary__period{color:var(--muted);font-size:.85rem}.signup-promo{display:grid;gap:.5rem}.signup-promo__row{display:flex;align-items:center;gap:.6rem}.signup-promo__row input{flex:1}.signup-promo__button{border:1px solid rgba(196,255,0,.4);background:#c4ff001f;color:var(--accent);border-radius:12px;padding:.7rem .9rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-small);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.signup-promo__button:disabled{opacity:.6;cursor:not-allowed}.signup-promo__button:hover{border-color:#c4ff00b3;background:#c4ff002e;color:#d9ff5a}.signup-promo__message{margin:0;font-size:.85rem;color:var(--accent)}.signup-promo__error{margin:0;font-size:.85rem;color:#fca5a5}.signup-promo__note{margin:0;font-size:.8rem;color:var(--muted)}.signup-plan-picker{margin:-.25rem 0 1rem;display:grid;gap:.75rem;padding:.75rem;border-radius:16px;border:1px solid var(--border);background:#171717;animation:signupFadeIn .18s ease}.signup-plan-option{border:1px solid var(--border);border-radius:14px;padding:.85rem 1rem;background:#121212;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.signup-plan-option:hover{transform:translateY(-1px)}.signup-plan-option.is-selected{border-color:#c4ff0099;box-shadow:0 0 0 2px #c4ff001f}.signup-plan-option__name{margin:0;font-weight:700;font-size:.95rem}.signup-plan-option__desc{margin:.25rem 0 0;color:var(--muted);font-size:.8rem}.signup-plan-option__price{font-weight:700;font-size:.9rem;color:var(--accent);text-align:right;white-space:nowrap}.signup-form-grid{display:grid;gap:1rem}.signup-form-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.signup-field{display:grid;gap:.4rem;font-size:.9rem;color:var(--muted)}.signup-field span{font-family:var(--font-small);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.signup-field em{color:var(--accent);font-style:normal;margin-left:4px}.signup-field input,.signup-field select{background:#1a1a1a;border:1px solid var(--border);border-radius:12px;padding:.75rem .9rem;color:var(--text);font-size:16px}.signup-field input[readonly]{opacity:.6;cursor:not-allowed}.signup-field input:focus,.signup-field select:focus{outline:none;border-color:#c4ff0080;box-shadow:0 0 0 2px #c4ff0026}.signup-field__input-group{display:flex;align-items:center;gap:.5rem;background:#1a1a1a;border:1px solid var(--border);border-radius:12px;padding:.75rem .9rem}.signup-field__input-group:focus-within{border-color:#c4ff0080;box-shadow:0 0 0 2px #c4ff0026}.signup-field__prefix{color:var(--muted);font-weight:600}.signup-field__input-group input{border:none;background:transparent;padding:0;color:var(--text);font-size:16px;width:100%}.signup-field__input-group input:focus{outline:none;box-shadow:none}.signup-upload-grid{margin-top:1rem;display:grid;gap:1rem}.signup-upload{background:var(--panel-strong);border:1px solid var(--border);border-radius:18px;padding:1rem;display:grid;gap:1rem}.signup-upload__preview{width:72px;height:72px;border-radius:18px;background:#111;border:1px solid var(--border);display:grid;place-items:center;font-weight:700;color:var(--accent);overflow:hidden}.signup-upload__preview img{width:100%;height:100%;object-fit:cover}.signup-upload__body{display:grid;gap:.6rem}.signup-upload__body p{margin:0;font-weight:600}.signup-upload__actions{display:flex;gap:.6rem}.signup-upload__button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:10px;border:1px solid var(--border);background:#1a1a1a;color:var(--text);font-weight:600;cursor:pointer}.signup-upload__button input{display:none}.signup-plan-grid{display:grid;gap:1rem}.signup-plan{border:1px solid var(--border);border-radius:18px;padding:1.4rem;background:#1c1c1c;color:var(--text);text-align:left;display:grid;gap:.75rem;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.signup-plan.is-selected{border-color:#c4ff0099;box-shadow:0 0 0 2px #c4ff001f}.signup-plan__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.signup-plan__name{margin:0;font-size:1.1rem}.signup-plan__price{margin:.2rem 0 0;display:flex;align-items:baseline;gap:.3rem;font-size:1.4rem}.signup-plan__price small{font-size:.85rem;color:var(--muted)}.signup-plan__badge{background:#c4ff0024;color:var(--accent);padding:.25rem .6rem;border-radius:999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-small)}.signup-plan__desc{margin:0;color:var(--muted);font-size:.9rem}.signup-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.9rem}.signup-plan li:before{content:"✓";color:var(--accent);margin-right:.5rem}.signup-note{margin-top:1rem;padding:.75rem 1rem;border-radius:12px;background:#1a1a1a;border:1px solid var(--border);color:var(--muted);font-size:.85rem}.signup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.signup-btn{padding:.85rem 1rem;border-radius:14px;border:1px solid transparent;font-weight:700;cursor:pointer;background:#1a1a1a;color:var(--text)}.signup-btn:disabled,.signup-btn.is-disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.signup-btn.primary{background:var(--accent);color:#101010;box-shadow:0 14px 26px #c4ff0040}.signup-btn.ghost{border-color:var(--border)}.signup-alert{padding:.75rem 1rem;border-radius:12px;border:1px solid transparent;font-size:.9rem}.signup-alert.is-error{color:#ffb4b4;border-color:#ff5b5b66;background:#ff5b5b1a}.signup-alert.is-success{color:#b8ffdd;border-color:#5cffbd66;background:#5cffbd1a}@media(max-width:640px){.signup-card{padding:1.5rem}.signup-actions{grid-template-columns:1fr}}@keyframes signupSlideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes signupSlideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes signupFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.signup-step{animation:none}}.history-page{--panel: oklch(.269 0 0);--panel-strong: #f2f4f8;--text: #ffffff;--text-secondary: #a0a8b9;--muted: #5b6477;--accent: #2563eb;--accent-2: #60a5fa;--danger: #e11d48;--success: #16a34a;--warning: #f59e0b;--background: #141414;--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: #a0a8b9;--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0);--approve-text: #c4ff00;--approve-background: #c3ff002e;--active-background: #c4ff00;min-height:100vh;background-color:var(--background);color:var(--text);font-family:var(--font-body);line-height:1.5;font-weight:500;padding:1.75rem 1rem 3rem}.history-page *,.history-page *:before,.history-page *:after{box-sizing:border-box}.history-page a{color:inherit;text-decoration:none}.history-page button{font-family:inherit}.history-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.history-icon--lg{width:32px;height:32px}.history-shell{width:min(520px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.history-hero{display:flex;flex-direction:column;gap:.4rem}.history-hero__top{display:flex;align-items:center;gap:.75rem;justify-content:space-between;width:100%}.history-hero__top-left{display:flex;align-items:center;gap:.75rem}.history-back{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--border);background:var(--secondary);color:var(--text);font-size:1rem;transition:background .18s ease,border-color .18s ease,color .18s ease}.history-back:hover{background:var(--panel);border-color:var(--active-background)}.history-kicker{font-family:var(--font-small);margin:0;text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;color:var(--text-secondary)}.history-title{margin:0;font-size:clamp(1.6rem,6vw,2.2rem);letter-spacing:-.01em}.history-subtitle{margin:0;color:var(--muted);font-size:1rem}.history-status{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;padding:1rem;border-radius:16px;border:1px solid var(--border);background-color:var(--secondary);box-shadow:0 12px 28px #0f172a29}.history-status.is-idle{text-align:center;grid-template-columns:1fr;justify-items:center;padding:1.25rem 1rem}.history-status__icon{width:64px;height:64px;display:grid;place-items:center;color:#c4ff00;margin:-10px 0 -20px}.history-status__logo{width:64px;height:64px}.history-status__content{display:flex;flex-direction:column;gap:.2rem}.history-status__content.content-is-live{margin-top:-25px}.history-status__row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.history-status.is-idle .history-status__row{justify-content:center}.history-status__label{font-family:var(--font-small);text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;color:var(--muted)}.history-status__label.title-is-live{margin-left:auto}.history-status__value{font-size:.95rem;font-weight:600;color:var(--text)}.history-status__value.title-is-live{margin-right:auto}.history-status__value.is-prominent{font-size:1.2rem;font-weight:900;letter-spacing:-.01em}.history-status__body{margin:0;color:var(--text-secondary);font-size:.9rem}.history-status.is-idle .history-status__body{text-align:center}.history-live{margin-bottom:.25rem}.history-live__card{background:linear-gradient(145deg,#2a2a2a,#1b1b1b);border:1px solid #2f2f2f;border-radius:24px;padding:1.1rem;display:grid;gap:1rem;box-shadow:0 18px 32px #00000059}.history-live__header{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center}.history-live__icon{width:56px;height:56px;border-radius:16px;background:#c4ff001f;display:grid;place-items:center;color:#c4ff00;position:relative}.history-live__ping{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:999px;background:#c4ff00;box-shadow:0 0 0 6px #c4ff001f;animation:historyPing 1.8s ease-in-out infinite}.history-live__meta{display:flex;flex-direction:column;gap:.3rem}.history-live__meta-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.history-live__pill{background:#c4ff0024;color:#c4ff00;padding:.2rem .6rem;border-radius:999px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.history-live__time{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.history-live__title{margin:0;font-size:1.35rem;font-weight:700;color:var(--text)}.history-live__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.history-live__stat{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:.75rem .6rem;text-align:center;display:grid;gap:.15rem}.history-live__stat-value{margin:0;font-size:1.35rem;font-weight:700;color:var(--text)}.history-live__stat-value.is-accent{color:#c4ff00}.history-live__stat-label{margin:0;font-size:.75rem;color:var(--text-secondary)}.history-live__genres{display:flex;flex-wrap:wrap;gap:.5rem}.history-live__genre{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(196,255,0,.4);background:#c4ff001f;color:#c4ff00;font-size:.75rem;font-weight:600}.history-live__genre.is-requests-off{background:#f871711f;border-color:#f8717199;color:#f87171}.history-live__genre.is-muted{border-color:#94a3b833;background:#ffffff0a;color:var(--muted)}.history-live__actions{display:grid;gap:.6rem}.history-live__action{width:100%;border-radius:16px;padding:.85rem 1rem;border:1px solid transparent;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.history-live__action.primary{background:linear-gradient(135deg,#c4ff00,#9fcc00);color:#141414;box-shadow:0 12px 24px #c4ff0033}.history-live__action.primary:hover{transform:translateY(-1px)}.history-live__action.danger{background:transparent;border-color:#f8717180;color:#f87171}.history-live__action.danger:hover{border-color:#f87171cc}.history-live__action:disabled{opacity:.6;cursor:not-allowed;transform:none}.history-actions{display:grid;gap:.6rem}.history-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;border-radius:12px;font-weight:600;border:1px solid transparent;cursor:pointer;width:100%;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .15s ease}.history-action.primary{background:#c4ff00;color:#000;border-color:#c4ff00;box-shadow:0 12px 24px #c4ff001a}.history-action.primary:hover{transform:translateY(-1px)}.history-action.ghost{font-size:.8rem;background:var(--secondary);color:var(--text);border-color:var(--border)}.history-action.ghost:hover{background:var(--panel);border-color:var(--active-background)}.history-action:disabled{opacity:.55;cursor:not-allowed;transform:none}.history-action__icon{font-size:.9rem;margin-bottom:-4px}.history-error{margin:0;color:var(--danger);font-size:.85rem;text-align:center}.history-stats{display:flex;flex-direction:column;gap:.65rem}.history-qr-button{width:100%;border-radius:12px;padding:.85rem 1rem;border:1px solid rgba(196,255,0,.35);background:var(--secondary);color:var(--text);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.history-qr-button .history-icon{width:18px;height:18px;color:#c4ff00}.history-qr-button:hover{transform:translateY(-1px);border-color:var(--active-background)}.history-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.history-section-title{font-family:var(--font-small);margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--muted);display:inline-flex;align-items:center;gap:.45rem}.history-section-icon{width:18px;height:18px;display:grid;place-items:center;color:#c4ff00;font-size:.75rem}.history-view-all{font-family:var(--font-small);font-size:.8rem;color:var(--active-background);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.history-stats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.history-stat{padding:.75rem .8rem;border-radius:14px;background:var(--secondary)}.history-stat__label{margin:0;font-size:.75rem;color:var(--muted);display:inline-flex;align-items:center;gap:.4rem}.history-stat__icon{width:18px;height:18px;display:grid;place-items:center;color:#c4ff00;font-size:.75rem}.history-stat__value{margin:.35rem 0 0;font-size:1.2rem;font-weight:700;color:var(--text)}.history-recent{display:flex;flex-direction:column;gap:.75rem}.history-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.history-card{background:var(--secondary);border:1px solid var(--border);border-radius:18px;padding:1rem;box-shadow:0 10px 24px #0f172a14;display:flex;flex-direction:column;gap:.75rem}.history-card.is-clickable{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.history-card.is-clickable:hover{border-color:#c4ff0059;box-shadow:0 14px 28px #0003;transform:translateY(-2px)}.history-card--empty,.history-card--error{grid-column:1 / -1;text-align:center}.history-card--empty{background:#ffffff08;color:var(--text-secondary)}.history-card--error{border-color:#e11d4859;background:#e11d4814}.history-card--empty .history-card__date{color:var(--text-secondary)}.history-card--error .history-card__date{color:var(--text)}.history-card__top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.history-card__top-left{display:grid;gap:.4rem}.history-card__eyebrow-row{display:inline-flex;align-items:center;gap:.5rem}.history-card__eyebrow{font-family:var(--font-small);margin:0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.history-card__date-row{display:inline-flex;align-items:center;gap:.4rem}.history-card__date-stack{display:grid;gap:.1rem}.history-card__name{margin:0;font-weight:600;font-size:1.1rem;font-weight:900;color:var(--text)}.history-card__name.is-placeholder{color:var(--muted)}.history-card__name-row{display:inline-flex;align-items:center;gap:.45rem}.history-card__name-button{border:none;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border-radius:8px;cursor:pointer;transition:color .15s ease,background .15s ease}.history-card__name-button:hover{color:var(--text);background:#ffffff14}.history-card__name-button.is-save{color:#c4ff00}.history-card__name-button.is-cancel{color:var(--text-secondary)}.history-card__name-edit{display:inline-flex;align-items:center;gap:.4rem}.history-card__name-actions{display:inline-flex;align-items:center;gap:.2rem}.history-card__name-input{min-width:160px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;color:var(--text);font-size:1rem;font-weight:600;padding:.25rem .5rem;outline:none}.history-card__name-input:focus{border-color:#c4ff0099;box-shadow:0 0 0 2px #c4ff0033}.history-card__date{margin:0;font-weight:600;font-size:.85rem;color:var(--text-secondary)}.history-card__icon{width:18px;height:18px;display:grid;place-items:center;color:var(--text-secondary);font-size:.75rem}.history-card__time-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.history-card__time{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9rem;color:var(--text-secondary)}.history-card__divider{color:var(--muted)}.history-card__tags{display:flex;flex-wrap:wrap;gap:.4rem}.history-card__stats{margin-top:.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.history-card__stat{display:flex;flex-direction:column;gap:.2rem;padding:.45rem .6rem;border-radius:12px;border:1px solid #2a2a2a;background:#1a1a1a;color:var(--text-secondary)}.history-card__stat-head{display:inline-flex;align-items:center;gap:.35rem}.history-card__stat-icon{display:grid;place-items:center;color:#c4ff00}.history-card__stat-icon .history-icon{width:13px;height:13px}.history-card__stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-family:var(--font-small)}.history-card__stat-value{font-size:.95rem;font-weight:700;color:var(--text)}.history-card__details-toggle{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .6rem;border-radius:12px;border:none;background:transparent;color:var(--muted);font-weight:600;font-family:var(--font-small);cursor:pointer;transition:color .16s ease,background .16s ease}.history-card__details-toggle:hover{background:#ffffff0a;color:var(--text)}.history-card__details-panel{margin-top:.6rem;overflow:hidden}.history-card__details-inner{padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08)}.history-card__top-song{padding:.8rem .9rem;border-radius:16px;background:#1a1a1a;border:1px solid #2a2a2a;display:grid;gap:.6rem}.history-card__top-song--empty{color:var(--muted)}.history-card__top-song-head{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text)}.history-card__top-song-body{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.history-card__top-song-title{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.history-card__top-song-artist{margin:0;font-size:.85rem;color:var(--text-secondary)}.history-card__top-song-upvotes{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .6rem;border-radius:12px;background:#222;color:var(--text);font-weight:600}.history-pill{font-family:var(--font-small);padding:.25rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid var(--border);background:var(--secondary);color:var(--text-secondary)}.history-pill--compact{padding:.15rem .45rem;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.history-pill.subtle{background:#ffffff0d;border-color:#94a3b833;color:var(--muted)}.history-pill.genre{background:#c4ff0024;border-color:#c4ff0073;color:#c4ff00}.history-pill.is-live{background:var(--approve-background);border-color:#c4ff0073;color:#c4ff00}.history-pill.is-ended{background:#ffffff0d;border-color:#94a3b833;color:var(--text-secondary)}.history-pill.is-danger{background:transparent;border-color:#f8717199;color:#f87171}.history-pill.is-shared{background:#c4ff001f;border-color:#c4ff0059;color:#c4ff00}.history-pill.duration{background:#ffffff0f;border-color:#94a3b840;color:var(--text);font-size:.7rem}.history-card__arrow{color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;margin-top:.1rem}.history-pagination{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:.5rem}.history-pagination__label{font-size:.9rem;color:var(--muted)}.history-btn{border:1px solid var(--border);border-radius:10px;padding:.45rem 1rem;font-weight:600;cursor:pointer;background:var(--secondary);color:var(--text);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .15s ease}.history-btn.ghost{background:var(--secondary);color:var(--text);box-shadow:none}.history-btn:hover{background:var(--panel);border-color:var(--active-background);color:var(--text)}.history-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-width:420px){.history-title{font-size:1.6rem}}@media(max-width:520px){.history-card__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.history-page .ghost-btn{background-color:var(--active-background);color:#000;padding:.5rem .8rem;border-radius:10px;cursor:pointer;border:none}.history-page .ghost-btn.cta-avatar{padding:0}.history-page .cta-avatar{width:42px;height:42px;padding:0;overflow:hidden;border:1px solid rgba(196,255,0,.35);display:inline-flex;align-items:center;justify-content:center;background:var(--panel-strong)}.history-page .cta-avatar__root,.history-page .avatar-root{width:100%;height:100%;overflow:hidden;display:grid;place-items:center}.history-page .avatar-image{width:100%;height:100%;object-fit:cover;display:block}.history-page .avatar-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-strong);color:var(--muted)}.history-page .avatar-fallback__icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.history-page .cta-avatar__fallback{background:var(--secondary);color:#fff}.history-page .cta-menu-wrapper{position:relative;display:inline-flex;justify-content:flex-end}.history-page .cta-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 32px #0f172a29;padding:.35rem;display:grid;gap:.15rem;z-index:20;animation:historyCtaMenuIn .16s ease}.history-page .cta-menu-item{display:flex;align-items:center;gap:.55rem;width:100%;background:transparent;border:none;color:var(--text);font-size:.95rem;padding:.55rem .75rem;border-radius:10px;cursor:pointer;text-align:left}.history-page .cta-menu-item__icon{width:1rem;height:1rem;color:#c4ff00;flex-shrink:0}.history-page .cta-menu-item__label{flex:1}.history-page .cta-menu-item.is-danger .cta-menu-item__icon{color:var(--danger)}.history-page .cta-menu-item.is-disabled .cta-menu-item__icon{color:var(--muted)}.history-page .cta-menu-item:hover{background:var(--panel-strong)}.history-page .cta-menu-item:focus-visible{outline:2px solid rgba(196,255,0,.4);outline-offset:2px}.history-page .cta-menu-item.is-danger{color:var(--danger)}.history-page .cta-menu-item.is-danger:hover{background:#e11d4814}.history-page .cta-menu-item.is-disabled{color:var(--muted);cursor:not-allowed;background:transparent}.edit-profile-drawer__backdrop{position:fixed;inset:0;background:#0009;border:none;padding:0;cursor:pointer;z-index:60}.edit-profile-drawer{position:fixed;inset-inline:0;bottom:0;z-index:70;background:#1a1a1a;border-radius:26px 26px 0 0;border:1px solid #2a2a2a;box-shadow:0 -24px 40px #0009;display:flex;flex-direction:column;overflow:hidden;max-height:92vh;max-height:92dvh}.edit-profile-drawer__handle{padding:.75rem 1rem;display:flex;justify-content:center;border-bottom:1px solid #2a2a2a}.edit-profile-drawer__handle-bar{width:52px;height:6px;border-radius:999px;background:#343434}.edit-profile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a}.edit-profile-drawer__title{display:flex;align-items:center;gap:.75rem}.edit-profile-drawer__title-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#c3ff00,#9fcc00);display:grid;place-items:center;color:#141414}.edit-profile-drawer__icon{width:1.1rem;height:1.1rem}.edit-profile-drawer__title h2{margin:0;font-size:1.1rem}.edit-profile-drawer__title p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.edit-profile-drawer__close{width:40px;height:40px;border-radius:12px;border:1px solid #2a2a2a;background:#242424;color:var(--text);display:grid;place-items:center;cursor:pointer}.edit-profile-drawer__close-icon{width:1rem;height:1rem}.edit-profile-drawer__content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem 2rem;display:grid;gap:1.5rem;border:none;margin:0;min-width:0}.edit-profile-section{display:grid;gap:.9rem}.edit-profile-section__title{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);display:inline-flex;align-items:center;gap:.5rem}.edit-profile-section__icon{width:1rem;height:1rem;color:#c3ff00}.edit-profile__photo{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.edit-profile__photo-preview{position:relative;width:90px;height:90px;overflow:visible;display:grid;place-items:center}.edit-profile__photo-frame{width:100%;height:100%;border-radius:18px;background:#2a2a2a;border:1px solid #3a3a3a;overflow:hidden;display:grid;place-items:center}.edit-profile__photo-frame img{width:100%;height:100%;object-fit:cover}.edit-profile__photo-fallback{width:32px;height:32px;color:#666}.edit-profile__photo-remove{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:999px;border:none;background:#ef4444;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 14px #0006;z-index:2}.edit-profile__photo-remove svg{width:14px;height:14px}.edit-profile__photo-actions{display:grid;gap:.5rem}.edit-profile__file-input{display:none}.edit-profile__upload-btn{background:#c3ff00;color:#141414;border:none;border-radius:12px;padding:.55rem .9rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.edit-profile__upload-icon{width:1rem;height:1rem}.edit-profile__photo-hint{margin:0;font-size:.75rem;color:var(--muted)}.edit-profile__fields{display:grid;gap:.9rem}.edit-profile__field{display:grid;gap:.4rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.edit-profile__field span{font-size:.7rem;font-weight:600}.edit-profile__input-group{position:relative}.edit-profile__input-group input{width:100%;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:14px;padding:.85rem 1rem .85rem 2.6rem;color:#fff;font-size:16px;letter-spacing:0;text-transform:none}.edit-profile__input-group.has-prefix input{padding-left:3.4rem}.edit-profile__input-group input:focus{outline:none;border-color:#c3ff00;box-shadow:0 0 0 1px #c4ff0033}.edit-profile__input-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#7a7a7a}.edit-profile__prefix{position:absolute;left:2.2rem;top:50%;transform:translateY(-50%);color:#7a7a7a;font-size:.9rem}.edit-profile__spacer{height:1rem}.edit-profile__error{margin:0;padding:.6rem .85rem;border-radius:12px;border:1px solid rgba(248,113,113,.4);background:#f8717114;color:#f87171;font-size:.85rem}.edit-profile-drawer__footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #2a2a2a;background:#1a1a1a}.edit-profile-drawer__save{width:100%;border:none;border-radius:16px;padding:.9rem 1rem;background:linear-gradient(135deg,#c3ff00,#9fcc00);color:#141414;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 16px 30px #c4ff0033;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.edit-profile-drawer__save.is-saved{background:#16a34a;color:#fff;box-shadow:0 14px 26px #16a34a33}.edit-profile-drawer__save-icon{width:1rem;height:1rem}.history-page .subscription-drawer__backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;padding:0;cursor:pointer;z-index:60}.history-page .subscription-drawer{position:fixed;inset-inline:0;bottom:0;z-index:70;background:#1a1a1a;border-radius:26px 26px 0 0;border:1px solid #2a2a2a;box-shadow:0 -24px 40px #0009;display:flex;flex-direction:column;overflow:hidden;max-height:92vh;max-height:92dvh}.history-page .subscription-drawer__handle{padding:.75rem 1rem;display:flex;justify-content:center;border-bottom:1px solid #2a2a2a}.history-page .subscription-drawer__handle-bar{width:52px;height:6px;border-radius:999px;background:#343434}.history-page .subscription-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a}.history-page .subscription-drawer__title{display:flex;align-items:center;gap:.75rem}.history-page .subscription-drawer__title-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#c3ff00,#9fcc00);display:grid;place-items:center;color:#141414}.history-page .subscription-drawer__icon{width:1.1rem;height:1.1rem}.history-page .subscription-drawer__title-meta h2{margin:0;font-size:1.1rem}.history-page .subscription-drawer__title-meta p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.history-page .subscription-drawer__close{width:40px;height:40px;border-radius:12px;border:1px solid #2a2a2a;background:#242424;color:var(--text);display:grid;place-items:center;cursor:pointer}.history-page .subscription-drawer__close-icon{width:1rem;height:1rem}.history-page .subscription-drawer__content{flex:1;overflow-y:auto;padding:1.5rem;display:grid;gap:1.5rem}.history-page .subscription-section{display:grid;gap:.75rem}.history-page .subscription-section__title{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.history-page .subscription-note{margin:0;font-size:.85rem;color:var(--muted)}.history-page .subscription-note--error{color:#f87171}.history-page .subscription-overview{background:linear-gradient(135deg,#c3ff002e,#9fcc000d);border:1px solid rgba(195,255,0,.35);border-radius:18px;padding:1rem;display:grid;gap:.75rem;--plan-accent: #c3ff00}.history-page .subscription-overview__row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.history-page .subscription-overview__info{display:flex;gap:.75rem;align-items:center}.history-page .subscription-overview__icon{width:52px;height:52px;border-radius:14px;background:color-mix(in oklab,var(--plan-accent) 25%,transparent);display:grid;place-items:center;color:var(--plan-accent)}.history-page .subscription-overview__icon-svg{width:1.4rem;height:1.4rem}.history-page .subscription-overview__info h3{margin:0;font-size:1.05rem}.history-page .subscription-overview__info p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.history-page .subscription-overview__price{text-align:right;min-width:120px}.history-page .subscription-overview__amount{font-size:1.6rem;font-weight:700;color:var(--plan-accent);display:block}.history-page .subscription-overview__interval{color:var(--muted);font-size:.75rem}.history-page .subscription-overview__billing{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.history-page .subscription-overview__notice{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:#fbbf24;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);padding:.4rem .6rem;border-radius:12px}.history-page .subscription-overview__notice-icon{width:.9rem;height:.9rem}.history-page .subscription-overview__calendar{width:1rem;height:1rem;color:var(--plan-accent)}.history-page .subscription-payment{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.history-page .subscription-payment__info{display:flex;align-items:center;gap:.75rem}.history-page .subscription-payment__icon{width:44px;height:44px;border-radius:12px;background:#343434;display:grid;place-items:center;color:#c3ff00}.history-page .subscription-payment__icon-svg{width:1.1rem;height:1.1rem}.history-page .subscription-payment__card{margin:0;font-size:.95rem;font-weight:600}.history-page .subscription-payment__meta{margin:.2rem 0 0;color:var(--muted);font-size:.75rem}.history-page .subscription-payment__edit{border:none;background:transparent;color:#c3ff00;cursor:pointer}.history-page .subscription-payment__edit-icon{width:1rem;height:1rem}.history-page .subscription-plan-list{display:grid;gap:.75rem}.history-page .subscription-plan{position:relative;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;padding:1rem;display:grid;gap:.75rem;--plan-accent: #c3ff00}.history-page .subscription-plan.is-current{border-color:color-mix(in oklab,var(--plan-accent) 70%,#3a3a3a);box-shadow:0 0 0 1px color-mix(in oklab,var(--plan-accent) 25%,transparent)}.history-page .subscription-plan__badge{position:absolute;top:-10px;left:16px;padding:.2rem .6rem;border-radius:999px;background:var(--plan-accent);color:#141414;font-size:.65rem;font-weight:700;text-transform:uppercase}.history-page .subscription-plan__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.history-page .subscription-plan__info{display:flex;gap:.75rem;align-items:center}.history-page .subscription-plan__icon{width:44px;height:44px;border-radius:12px;background:#343434;display:grid;place-items:center;color:var(--muted)}.history-page .subscription-plan__icon.is-active{background:color-mix(in oklab,var(--plan-accent) 22%,#2a2a2a);color:var(--plan-accent)}.history-page .subscription-plan__icon-svg{width:1.1rem;height:1.1rem}.history-page .subscription-plan__title-row{display:flex;align-items:center;gap:.4rem}.history-page .subscription-plan__title-row h5{margin:0;font-size:1rem}.history-page .subscription-plan__current{width:1rem;height:1rem;color:var(--plan-accent)}.history-page .subscription-plan__info p{margin:.2rem 0 0;color:var(--muted);font-size:.75rem}.history-page .subscription-plan__action{border:1px solid color-mix(in oklab,var(--plan-accent) 45%,#3a3a3a);background:color-mix(in oklab,var(--plan-accent) 15%,transparent);color:var(--plan-accent);border-radius:10px;padding:.45rem .8rem;font-size:.75rem;font-weight:600;cursor:pointer}.history-page .subscription-plan__action:disabled{opacity:.6;cursor:not-allowed}.history-page .subscription-plan__features{display:grid;gap:.45rem;margin:0;padding:0;list-style:none;color:var(--text-secondary);font-size:.78rem}.history-page .subscription-plan__feature{display:flex;align-items:center;gap:.4rem}.history-page .subscription-plan__feature-icon{width:.85rem;height:.85rem;color:var(--plan-accent)}.history-page .subscription-billing{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;overflow:hidden}.history-page .subscription-billing__row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem}.history-page .subscription-billing__row.has-divider{border-bottom:1px solid #3a3a3a}.history-page .subscription-billing__info{display:flex;align-items:center;gap:.75rem}.history-page .subscription-billing__icon{width:36px;height:36px;border-radius:10px;background:color-mix(in oklab,var(--approve-text) 20%,transparent);display:grid;place-items:center;color:var(--approve-text)}.history-page .subscription-billing__icon-svg{width:1rem;height:1rem}.history-page .subscription-billing__amount{margin:0;font-size:.9rem;font-weight:600}.history-page .subscription-billing__date{margin:.2rem 0 0;color:var(--muted);font-size:.75rem}.history-page .subscription-billing__download{border:none;background:transparent;color:var(--approve-text);cursor:pointer}.history-page .subscription-billing__download-icon{width:1rem;height:1rem}.history-page .subscription-danger{width:100%;border:1px solid rgba(248,113,113,.4);background:#2a2a2a;border-radius:16px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;color:#f87171}.history-page .subscription-danger:disabled{opacity:.6;cursor:not-allowed}.history-page .subscription-danger__info{display:flex;align-items:center;gap:.75rem}.history-page .subscription-danger__icon{width:1.2rem;height:1.2rem}.history-page .subscription-danger__title{margin:0;font-size:.95rem;font-weight:600}.history-page .subscription-danger__body{margin:.2rem 0 0;font-size:.75rem;color:var(--muted)}.history-page .subscription-danger__chevron{width:1.1rem;height:1.1rem}.history-page .subscription-modal__backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;padding:0;cursor:pointer;z-index:90}.history-page .subscription-modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:1.5rem}.history-page .subscription-modal__card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:20px;padding:1.5rem;width:min(420px,100%);display:grid;gap:1rem;color:var(--text)}.history-page .subscription-modal__card.is-danger{border-color:#f8717166}.history-page .subscription-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.history-page .subscription-modal__header h3{margin:0;font-size:1.1rem}.history-page .subscription-modal__close{border:none;background:#3a3a3a;color:var(--text);width:36px;height:36px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.history-page .subscription-modal__close-icon{width:1rem;height:1rem}.history-page .subscription-modal__form{display:grid;gap:.75rem}.history-page .subscription-modal__form label{display:grid;gap:.4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.history-page .subscription-modal__form input{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:12px;padding:.75rem .9rem;color:var(--text);font-size:16px}.history-page .subscription-modal__form input:focus{outline:none;border-color:#c3ff00}.history-page .subscription-modal__grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.history-page .subscription-modal__notice{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--muted);background:#1a1a1a;border:1px solid #3a3a3a;border-radius:12px;padding:.75rem}.history-page .subscription-modal__notice-icon{width:1rem;height:1rem;color:#c3ff00}.history-page .subscription-modal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.history-page .subscription-modal__button{border-radius:12px;padding:.75rem 1rem;font-size:.9rem;border:1px solid #3a3a3a;background:#1a1a1a;color:var(--muted);cursor:pointer;font-weight:600}.history-page .subscription-modal__button.is-primary{border:none;color:#141414;background:linear-gradient(135deg,#c3ff00,#9fcc00);box-shadow:0 12px 24px #c3ff0033}.history-page .subscription-modal__button.is-danger{border:1px solid rgba(248,113,113,.4);background:#f871711f;color:#f87171}.history-page .subscription-modal__button:disabled{opacity:.6;cursor:not-allowed}.history-page .subscription-modal__status{margin:0;font-size:.85rem;color:var(--text-secondary);text-align:center}.history-page .subscription-modal__status--error{color:#f87171}.history-page .subscription-modal__icon-wrap{width:52px;height:52px;border-radius:16px;background:#c3ff001a;color:#c3ff00;display:grid;place-items:center;margin:0 auto}.history-page .subscription-modal__icon-wrap.is-danger{background:#f871711f;color:#f87171}.history-page .subscription-modal__icon{width:1.4rem;height:1.4rem}.history-page .subscription-modal__losses{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:14px;padding:.9rem;color:var(--muted);font-size:.85rem}.history-page .subscription-modal__losses h4{margin:0 0 .6rem;color:var(--text);font-size:.85rem}.history-page .subscription-modal__losses ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.history-page .subscription-modal__losses li:before{content:"-";color:#f87171;margin-right:.4rem}.history-page .subscription-modal__info{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:flex-start;background:#c3ff0014;border:1px solid rgba(195,255,0,.25);border-radius:14px;padding:.9rem;color:var(--text-secondary)}.history-page .subscription-modal__info-icon{width:1.2rem;height:1.2rem;color:#c3ff00}.history-page .subscription-modal__info h4{margin:0;font-size:.85rem;color:#c3ff00}.history-page .subscription-modal__info p{margin:.35rem 0 0;font-size:.8rem;color:var(--text-secondary)}.history-page .subscription-modal__accent{color:#c3ff00}@media(max-width:520px){.history-page .subscription-drawer__content{padding:1.25rem}.history-page .subscription-modal__actions{grid-template-columns:1fr}}@keyframes historyCtaMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes historyPing{0%{box-shadow:0 0 #c4ff0059}70%{box-shadow:0 0 0 10px #c4ff0000}to{box-shadow:0 0 #c4ff0000}}#root{width:100%}.page-transition{min-height:100vh}