:root{--bg: #070810;--surface: #0f1120;--surface-2: #161a2e;--border: #262b47;--text: #eaeaf6;--muted: #9a9ac6;--accent: #6d8cff;--accent-2: #b57cff;--accent-dim:#3f4a86;--good: #4ade80;--bad: #fb7185;--radius: 12px;--mono: "Space Mono", ui-monospace, monospace;--sans: "Space Grotesk", system-ui, sans-serif;--glow: 0 0 10px rgba(109, 140, 255, .55), 0 0 22px rgba(181, 124, 255, .28);--audio-level: 0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600;letter-spacing:-.01em;margin:0}a{color:var(--accent)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.btn{font-family:var(--sans);font-size:14px;font-weight:500;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 14px;border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.btn:hover{border-color:var(--accent-dim)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#12091f;font-weight:600}.btn-primary:hover{background:#b76ef8;border-color:#b76ef8}.btn-good{color:var(--good);border-color:#2b5c4a}.btn-bad{color:var(--bad);border-color:#5c2f2f}input,textarea,select{width:100%;font-family:var(--sans);font-size:14px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-dim);outline-offset:1px;border-color:var(--accent-dim)}label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px}textarea{resize:vertical;min-height:72px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--mono);font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.chip.on{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.chip.static{cursor:default}.tag{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.stack{display:flex;flex-direction:column;gap:6px}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--muted)}.field{margin-bottom:14px}.app{max-width:860px;margin:0 auto;padding:0 20px 80px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin-bottom:10px;background:transparent}.brand{font-weight:700;letter-spacing:.02em}.brand b{color:var(--accent)}.tabs{display:flex;gap:4px}.tab{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.tab:hover{color:var(--text);border-color:var(--accent-dim)}.tab.active{color:var(--text);border-color:var(--border);background:var(--surface)}.tab .dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--accent);margin-left:6px;vertical-align:middle}.empty{text-align:center;padding:48px 20px;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.grid{display:flex;flex-direction:column;gap:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.split{grid-template-columns:1fr}}.avatar{border-radius:999px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--sans);font-weight:600;flex:none}.player{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.player-btn{width:34px;height:34px;flex:0 0 34px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.player-btn:hover{border-color:var(--accent-dim)}.player-bar{flex:1;height:6px;border-radius:999px;background:var(--border);cursor:pointer;position:relative;overflow:hidden}.player-fill{height:100%;border-radius:999px;background:var(--accent)}.player-time{font-family:var(--mono);font-size:12px;color:var(--muted);min-width:76px;text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{max-width:420px;width:100%;max-height:85vh;overflow:auto}.link-row{font-family:var(--mono);font-size:13px;color:var(--accent);text-decoration:none;padding:6px 10px;border:1px solid var(--border);border-radius:8px}.link-row:hover{border-color:var(--accent-dim)}.post{display:flex;flex-direction:column;gap:12px}.post-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-author{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;color:var(--text)}.post-author-name{font-weight:600;font-size:14px}.post-author:hover .post-author-name{color:var(--accent)}.post-date{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}.post-title{font-size:20px;line-height:1.25}.post-meta{display:flex;flex-wrap:wrap;gap:20px}.post-meta-block{display:flex;flex-direction:column;gap:5px}.post-meta-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.post-meta-value{font-size:14px}.post-desc{margin:0}.post-foot{display:flex;align-items:center;gap:10px}.tag.accent{color:var(--text);border-color:var(--accent-dim)}.link-edit-row{display:flex;gap:8px;align-items:center}.link-edit-row input{flex:1}.icon-btn{flex:none;width:38px;height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:18px;line-height:1}.icon-btn:hover{border-color:var(--accent-dim);color:var(--text)}.arch-role{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:6px}.arch-role.posted{color:var(--accent);border:1px solid var(--accent-dim)}.arch-role.joined{color:var(--good);border:1px solid #2b5c4a}.bg-fx{position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:-1;pointer-events:none;overflow:hidden;filter:blur(90px);opacity:.65}.bg-fx span{position:absolute;width:46vmax;height:46vmax;border-radius:50%;mix-blend-mode:screen;will-change:transform}.bg-fx .b1{background:radial-gradient(circle,#2b3fa0 0%,transparent 65%);top:-8%;left:-6%;animation:drift1 26s ease-in-out infinite}.bg-fx .b2{background:radial-gradient(circle,#7b3fd0 0%,transparent 65%);bottom:-12%;right:-8%;animation:drift2 32s ease-in-out infinite}.bg-fx .b3{background:radial-gradient(circle,#2f6cc0 0%,transparent 60%);top:30%;left:40%;animation:drift3 38s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12vmax,8vmax) scale(1.15)}}@keyframes drift2{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(-10vmax,-6vmax) scale(1)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-8vmax,6vmax) scale(1.1)}66%{transform:translate(6vmax,-8vmax) scale(.95)}}@media (prefers-reduced-motion: reduce){.bg-fx span{animation:none}}.card{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,box-shadow .25s,transform .15s}.card.post:hover{border-color:var(--accent-dim);box-shadow:0 0 0 1px #6d8cff40,0 10px 40px #6d8cff1a;transform:translateY(-2px)}.brand b{color:var(--accent);text-shadow:var(--glow)}.brand{background:linear-gradient(90deg,var(--text),var(--accent) 55%,var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.14em;font-weight:700;filter:drop-shadow(0 0 8px rgba(109,140,255,.35))}.post-author-name,.glow-name{transition:text-shadow .2s,color .2s}.post-author:hover .post-author-name,.glow-name:hover{color:#fff;text-shadow:var(--glow)}.chip,.tag{transition:transform .14s ease,border-color .14s,background .14s,color .14s}.chip:hover,.tag:hover{transform:scale(1.07)}.chip.static:hover{border-color:var(--accent-dim)}.tag.accent{box-shadow:inset 0 0 0 1px #6d8cff26}.btn{transition:border-color .15s,background .15s,box-shadow .2s,transform .05s}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#0a0a16}.btn-primary:hover{background:linear-gradient(135deg,#7f9bff,#c390ff);box-shadow:0 0 18px #6d8cff66}.tab .dot{box-shadow:var(--glow)}.bell-wrap{position:relative}.bell-btn{background:none;border:1px solid transparent;color:var(--muted);border-radius:8px;padding:6px 8px;cursor:pointer;font-size:16px;line-height:1;transition:color .15s,border-color .15s}.bell-btn:hover{color:var(--text);border-color:var(--border)}.bell-dot{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:999px;background:var(--accent-2);box-shadow:var(--glow)}.bell-panel{position:absolute;right:0;top:42px;width:320px;max-height:60vh;overflow:auto;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:8px;z-index:40;box-shadow:0 12px 40px #00000080}.noti{padding:10px;border-radius:9px;display:flex;flex-direction:column;gap:3px}.noti.unread{background:color-mix(in srgb,var(--accent) 10%,transparent)}.noti+.noti{margin-top:2px}.noti-time{font-family:var(--mono);font-size:10px;color:var(--muted)}.profile-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.profile-hero h1{font-size:30px;background:linear-gradient(90deg,var(--text),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:name-pulse 3.5s ease-in-out infinite}@keyframes name-pulse{0%,to{filter:drop-shadow(0 0 9px rgba(181,124,255,.45)) drop-shadow(0 0 4px rgba(109,140,255,.3))}50%{filter:drop-shadow(0 0 16px rgba(181,124,255,.65)) drop-shadow(0 0 26px rgba(109,140,255,.35))}}.profile-hero h1:hover{animation:none;filter:drop-shadow(0 0 16px rgba(181,124,255,.7)) brightness(1.14)}@media (prefers-reduced-motion: reduce){.profile-hero h1{animation:none}}.post-author-name,.glow-name{text-shadow:0 0 6px rgba(109,140,255,.22)}.btn-ghost{background:none;border:1px solid transparent;color:var(--muted);font-family:var(--sans);font-size:12px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text);border-color:var(--border)}.discord-corner{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:9px;height:42px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none;color:var(--muted);overflow:hidden;max-width:42px;transition:max-width .3s ease,box-shadow .25s,border-color .2s,color .2s}.discord-corner:hover{max-width:220px;color:#fff;border-color:#5865f2;box-shadow:0 0 18px #5865f28c}.discord-icon{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center}.discord-icon svg{width:22px;height:22px}.discord-corner:hover .discord-icon{color:#fff}.discord-label{white-space:nowrap;font-size:13px;font-weight:500;opacity:0;transform:translate(-6px);transition:opacity .25s ease .05s,transform .25s ease .05s}.discord-corner:hover .discord-label{opacity:1;transform:translate(0)}.carousel{display:flex;align-items:stretch;gap:10px}.carousel-arrow{flex:none;width:40px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);border-radius:10px;font-size:24px;cursor:pointer;transition:color .15s,border-color .15s,box-shadow .2s}.carousel-arrow:hover{color:var(--text);border-color:var(--accent-dim);box-shadow:0 0 14px #6d8cff33}.carousel-count{text-align:center;font-family:var(--mono);font-size:12px;color:var(--muted)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.brand-wrap{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:auto;display:block;filter:drop-shadow(0 0 calc(8px + var(--audio-level, 0) * 24px) rgba(109,140,255,calc(.45 + var(--audio-level, 0) * .5)));transform:scale(calc(1 + var(--audio-level, 0) * .24))}.brand-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-flex}.brand-link{text-decoration:none;display:inline-flex}.brand-wrap{animation:brand-glitch 4.5s infinite;will-change:transform,filter,clip-path}@keyframes brand-glitch{0%,68%,to{transform:none;clip-path:none;filter:none}70%{transform:translate(-2px);filter:drop-shadow(2px 0 rgba(109,140,255,.75)) drop-shadow(-2px 0 rgba(181,124,255,.75))}71%{transform:translate(2px);clip-path:inset(16% 0 46% 0)}72%{transform:translate(-1px);filter:drop-shadow(-2px 0 rgba(109,140,255,.7)) drop-shadow(2px 0 rgba(181,124,255,.7));clip-path:inset(58% 0 8% 0)}73%{transform:none;clip-path:none;filter:none}88%{transform:translate(1px);filter:drop-shadow(-1px 0 rgba(109,140,255,.65)) drop-shadow(1px 0 rgba(181,124,255,.65))}89%{transform:translate(-1px);clip-path:inset(36% 0 40% 0)}90%{transform:none;clip-path:none;filter:none}}@media (prefers-reduced-motion: reduce){.brand-wrap{animation:none}}.brand-wrap{animation:brand-glitch 3.4s linear infinite}@keyframes brand-glitch{0%,20%,24%,70%,74%,to{transform:none;clip-path:none;filter:none}20.6%{transform:translate3d(-3px,0,0);filter:drop-shadow(3px 0 rgba(109,140,255,.95)) drop-shadow(-3px 0 rgba(181,124,255,.95))}21.6%{transform:translate3d(3px,0,0);clip-path:inset(12% 0 55% 0);filter:drop-shadow(-3px 0 rgba(109,140,255,.9)) drop-shadow(3px 0 rgba(181,124,255,.9))}22.6%{transform:translate3d(-2px,0,0);clip-path:inset(62% 0 6% 0)}70.6%{transform:translate3d(2px,0,0);filter:drop-shadow(-3px 0 rgba(109,140,255,.9)) drop-shadow(3px 0 rgba(181,124,255,.9))}71.6%{transform:translate3d(-3px,0,0);clip-path:inset(38% 0 36% 0)}72.6%{transform:none}}.top-scrim{position:fixed;top:0;left:0;right:0;height:100px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 34%,color-mix(in srgb,var(--bg) 62%,transparent) 66%,transparent 100%)}.bg-fx{filter:blur(70px)}.brand-wrap{will-change:auto}.carousel-window{flex:1;min-width:0;overflow:hidden}.carousel-slide.next{animation:slide-in-right .42s cubic-bezier(.22,.61,.36,1)}.carousel-slide.prev{animation:slide-in-left .42s cubic-bezier(.22,.61,.36,1)}@keyframes slide-in-right{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.carousel-slide.next,.carousel-slide.prev{animation:none}}.post.removing{animation:post-glitch-out .9s ease forwards;overflow:hidden;pointer-events:none}@keyframes post-glitch-out{0%{opacity:1;transform:none;clip-path:none;max-height:800px}5%{transform:translate3d(-5px,1px,0) skew(-1.5deg);clip-path:inset(6% 0 66% 0);filter:drop-shadow(5px 0 rgba(109,140,255,.95)) drop-shadow(-5px 0 rgba(181,124,255,.95))}10%{transform:translate3d(6px,-1px,0);clip-path:inset(58% 0 8% 0)}15%{transform:translate3d(-4px,0,0) skew(2deg);clip-path:inset(30% 0 44% 0);filter:drop-shadow(-6px 0 rgba(109,140,255,.9)) drop-shadow(6px 0 rgba(181,124,255,.9));opacity:.92}20%{transform:translate3d(6px,1px,0);clip-path:inset(74% 0 4% 0)}25%{transform:translate3d(-3px,0,0);clip-path:inset(12% 0 72% 0);opacity:.85}30%{transform:translate3d(5px,-1px,0) skew(-1deg);clip-path:inset(46% 0 26% 0);filter:drop-shadow(4px 0 rgba(109,140,255,.85)) drop-shadow(-4px 0 rgba(181,124,255,.85))}36%{transform:translate3d(-4px,1px,0);clip-path:inset(22% 0 54% 0);opacity:.7}42%{transform:translate3d(3px,0,0);clip-path:inset(64% 0 12% 0);opacity:.55}48%{transform:none;clip-path:none;filter:none;opacity:.4;max-height:800px}72%{opacity:.14;max-height:300px}to{opacity:0;transform:translateY(-3px);max-height:0;margin:0;padding:0;border-width:0}}@media (prefers-reduced-motion: reduce){.post.removing{animation-duration:.35s}}.player-meter{display:flex;align-items:flex-end;gap:2px;height:22px;flex:none}.meter-bar{width:3px;height:100%;border-radius:2px;background:linear-gradient(to top,var(--accent),var(--accent-2));transform:scaleY(.1);transform-origin:bottom}.brand{font-family:Cinzel,serif;font-weight:700;letter-spacing:.16em;background:linear-gradient(90deg,var(--text),var(--accent) 55%,var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 calc(6px + var(--audio-level, 0) * 22px) rgba(181,124,255,calc(.4 + var(--audio-level, 0) * .5)))}.brand-logo{width:auto;display:block;filter:drop-shadow(0 0 calc(9px + var(--audio-level, 0) * 30px) rgba(109,140,255,calc(.5 + var(--audio-level, 0) * .5)));transform:scale(calc(1 + var(--audio-level, 0) * .24))}.btn-primary{position:relative;overflow:hidden;color:#14161f;font-weight:600;border:1px solid #6c7492;text-shadow:0 1px 0 rgba(255,255,255,.4);background:linear-gradient(180deg,#f3f5fb,#cdd3e2 18%,#9aa2ba 49%,#838ca6 50%,#b3bacf 82%,#e7ebf4);box-shadow:inset 0 1px #ffffffbf,inset 0 -1px 2px #00000047,0 2px 6px #00000073}.btn-primary:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.75),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.btn-primary:hover{border-color:var(--accent);background:linear-gradient(180deg,#fff,#dde2ee 18%,#aeb6cc 49%,#97a0bb 50%,#c6ccdd 82%,#f4f6fb);box-shadow:inset 0 1px #ffffffe6,0 0 18px #6d8cff80,0 2px 8px #00000073}.btn-primary:hover:after{left:130%}.bg-fx{z-index:-2}.cursor-glow{position:fixed;top:0;left:0;width:600px;height:600px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(120,150,255,.16) 0%,rgba(160,120,255,.1) 36%,transparent 68%);will-change:transform}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#05060c;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s}.intro.leaving{opacity:0;visibility:hidden}.intro-mark{display:flex;align-items:center;gap:16px}.intro-logo{height:100px;width:auto;filter:drop-shadow(0 0 24px rgba(109,140,255,.6));animation:intro-logo .9s cubic-bezier(.16,1,.3,1) both}.intro-word{font-family:Cinzel,serif;font-weight:700;letter-spacing:.18em;font-size:42px;background:linear-gradient(90deg,var(--text),var(--accent) 55%,var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(181,124,255,.5));overflow:hidden;white-space:nowrap;animation:intro-word .8s cubic-bezier(.16,1,.3,1) .85s both}@keyframes intro-logo{0%{opacity:0;transform:translate(120px) scale(.7)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes intro-word{0%{opacity:0;max-width:0;transform:translate(-16px)}to{opacity:1;max-width:480px;transform:none}}@media (prefers-reduced-motion: reduce){.intro-logo,.intro-word{animation-duration:.01s}}.landing{max-width:1040px;margin:0 auto;padding:0 22px 80px}.landing-top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:34px 0 52px}@media (max-width: 800px){.hero{grid-template-columns:1fr}}.hero-brand{display:flex;align-items:center;gap:16px}.hero-logo{height:92px;width:auto;animation:hero-pulse 3.2s ease-in-out infinite}.hero-title{font-family:Cinzel,serif;font-weight:700;letter-spacing:.13em;font-size:48px;line-height:1;background:linear-gradient(90deg,var(--text),var(--accent) 55%,var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hero-pulse 3.2s ease-in-out infinite}@keyframes hero-pulse{0%,to{filter:drop-shadow(0 0 9px rgba(181,124,255,.4))}50%{filter:drop-shadow(0 0 20px rgba(181,124,255,.62)) drop-shadow(0 0 34px rgba(109,140,255,.32))}}@media (prefers-reduced-motion: reduce){.hero-logo,.hero-title{animation:none}}.hero-sub{color:var(--muted);font-size:16px;line-height:1.65;max-width:46ch;margin:22px 0 0}.hero-art{display:flex;justify-content:center}.hero-img{width:100%;max-width:420px;border-radius:16px;border:1px solid var(--border);box-shadow:0 0 44px #6d8cff29,0 22px 60px #0000008c}.landing-section{margin-top:46px}.landing-section .eyebrow{display:block;margin-bottom:14px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 640px){.feature-grid{grid-template-columns:1fr}}.feature{transition:border-color .2s,box-shadow .25s,transform .15s}.feature:hover{border-color:var(--accent-dim);box-shadow:0 0 26px #6d8cff1f;transform:translateY(-2px)}.feature h3{font-family:Cinzel,serif;letter-spacing:.04em;margin-bottom:8px}.landing-foot{display:flex;justify-content:space-between;align-items:center;margin-top:54px;padding-top:20px;border-top:1px solid var(--border);font-size:13px}.btn-primary{position:relative;overflow:hidden;color:#1a1c26;font-weight:600;text-shadow:none;border:1px solid #7a8098;background:linear-gradient(180deg,#fff,#e9ecf3 12%,#c6cbd9 34%,#a2a9bd 50%,#878ea3 57%,#b0b6c8 74%,#dfe3ec 90%,#f7f9fd);box-shadow:inset 0 1px #fffffff2,inset 0 -2px 3px #00000038,0 2px 8px #0006}.btn-primary:hover{border-color:var(--accent);background:linear-gradient(180deg,#fff,#eef1f7 12%,#d0d5e2 34%,#b0b7ca 50%,#9aa1b6 57%,#c3c8d8 74%,#eaedf4 90%,#fff);box-shadow:inset 0 1px #fff,0 0 20px #6d8cff80,0 2px 8px #0006}.cursor-glow{width:360px;height:360px;background:none}.cursor-glow i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(120,150,255,.1) 0%,rgba(160,120,255,.06) 40%,transparent 70%);animation:glow-pulse 5s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion: reduce){.cursor-glow i{animation:none}}.artists-table{width:100%;border-collapse:collapse;font-size:14px}.artists-table th,.artists-table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.artists-table th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}.artists-table th.num,.artists-table td.num{text-align:right}.artists-table tbody tr:last-child td{border-bottom:none}.artists-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.btn-primary{color:#1a1c26;text-shadow:none;border:1px solid #7a8098;background-color:#cfd4e0;background-image:linear-gradient(180deg,#ffffff57,#1416221a),url(/chrome.jpg);background-repeat:no-repeat,no-repeat;background-size:auto,cover;background-position:center,center;background-attachment:scroll,fixed;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 3px #00000038,0 2px 8px #0006}.btn-primary:hover{border-color:var(--accent);background-image:linear-gradient(180deg,#ffffff85,#1416220a),url(/chrome.jpg);box-shadow:inset 0 1px #fff,0 0 20px #6d8cff80,0 2px 8px #0006}input[type=file]{border:none;background:none;padding:0;color:var(--muted);font-size:13px;font-family:var(--sans)}input[type=file]::file-selector-button{margin-right:12px;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--text);background:var(--surface-2);border:1px solid var(--border);padding:8px 14px;border-radius:9px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}input[type=file]::file-selector-button:hover{border-color:var(--accent-dim);color:#fff}.cursor-glow{width:280px;height:280px}.cursor-glow i{background:radial-gradient(circle,rgba(120,150,255,.09) 0%,rgba(160,120,255,.055) 40%,transparent 70%);animation:glow-pulse 6s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.spotify-embed{border:none;border-radius:12px;margin-top:4px}.artists-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.artists-table th.sortable:hover{color:var(--text)}.intro-logo{animation:intro-logo 1.2s cubic-bezier(.16,1,.3,1) both}.intro-word{animation:intro-word 1s cubic-bezier(.16,1,.3,1) 1.15s both}