:root{color-scheme:dark;--bg0: #0c0618;--bg1: #160b2c;--bg2: #241242;--ink: #f4edff;--muted: #b7a6d6;--line: rgba(196, 161, 255, .22);--accent: #a78bfa;--accent-2: #7c3aed;--accent-soft: rgba(167, 139, 250, .16);--danger: #fb7185;--shadow: 0 24px 80px rgba(40, 10, 80, .45);--font-display: "Syne", "Avenir Next", sans-serif;--font-body: "Outfit", "Segoe UI", sans-serif;--radius: 18px;--bottom: 5.75rem}html[data-theme=light]{color-scheme:light;--bg0: #f7f2ff;--bg1: #ece1ff;--bg2: #d9c5ff;--ink: #1d1033;--muted: #5d4b7a;--line: rgba(88, 40, 160, .18);--accent: #6d28d9;--accent-2: #5b21b6;--accent-soft: rgba(109, 40, 217, .12);--shadow: 0 20px 60px rgba(88, 40, 160, .14)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--bg0);text-rendering:optimizeLegibility}a{color:inherit}button,input,textarea{font:inherit}.page{position:relative;min-height:100vh;padding:1.25rem 1.25rem calc(var(--bottom) + 2rem);overflow-x:clip}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 520px at 12% -10%,rgba(139,92,246,.42),transparent 55%),radial-gradient(760px 480px at 92% 8%,rgba(91,33,182,.35),transparent 50%),radial-gradient(700px 500px at 50% 110%,rgba(167,139,250,.18),transparent 45%),linear-gradient(160deg,var(--bg0),var(--bg1) 45%,var(--bg2));animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.04) translate3d(0,-1.5%,0)}}.site-nav{position:sticky;top:1rem;z-index:20;width:max-content;display:flex;gap:.35rem;padding:.35rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklab,var(--bg0) 70%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:rise .7s ease both}.nav-link{text-decoration:none;padding:.45rem .85rem;border-radius:999px;color:var(--muted);font-size:.92rem;font-weight:500;transition:color .2s ease,background .2s ease}.nav-link:hover{color:var(--ink);background:var(--accent-soft)}.hero{min-height:calc(100svh - 5rem);display:flex;flex-direction:column;justify-content:center;max-width:44rem;padding-top:2rem;animation:rise .9s ease both}.eyebrow{margin:0 0 .85rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600}.brand{margin:0;font-family:var(--font-display);font-size:clamp(4.2rem,16vw,8.5rem);line-height:.9;letter-spacing:-.04em;background:linear-gradient(120deg,#fff 10%,#c4b5fd 45%,#8b5cf6 90%);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme=light] .brand{background:linear-gradient(120deg,#2e1065 10%,#6d28d9,#7c3aed);-webkit-background-clip:text;background-clip:text}.lede{margin:1.25rem 0 0;max-width:34rem;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.55;color:var(--muted)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid transparent;border-radius:999px;padding:.7rem 1.15rem;text-decoration:none;cursor:pointer;background:transparent;color:var(--ink);transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(120deg,var(--accent-2),var(--accent));color:#fff;box-shadow:var(--shadow)}.btn.ghost{border-color:var(--line);background:var(--accent-soft)}.btn.danger{color:var(--danger)}.section{padding:5rem 0 1rem;max-width:72rem}.section-head{max-width:36rem;margin-bottom:2rem}.section-head h2,.admin-shell h1,.admin-panel h2{margin:0 0 .55rem;font-family:var(--font-display);letter-spacing:-.03em}.section-head p,.muted{color:var(--muted)}.project-list{display:grid;gap:1.5rem}.project-block{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;align-items:stretch;padding:.2rem 0 1.5rem;border-bottom:1px solid var(--line);animation:rise .65s ease both}.project-copy h3{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.7rem}.project-copy p{margin:0;color:var(--muted);line-height:1.55}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:1rem 0 0}.tag-list li{font-size:.78rem;color:var(--accent);border-bottom:1px solid color-mix(in oklab,var(--accent) 45%,transparent)}.text-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;color:var(--accent);text-decoration:none;font-weight:600}.project-media{min-height:12rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,rgba(124,58,237,.35),transparent 55%),linear-gradient(320deg,rgba(167,139,250,.2),transparent 40%),var(--bg1)}.project-media img{width:100%;height:100%;object-fit:cover;display:block}.about .link-row{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;list-style:none;padding:0;margin:0}.about .link-row a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.15rem}.bottom-stack{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:.55rem .85rem .85rem;background:linear-gradient(to top,color-mix(in oklab,var(--bg0) 92%,transparent),transparent)}.discord-strip,.bottom-bar{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);background:color-mix(in oklab,var(--bg0) 78%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.discord-strip{width:fit-content;max-width:min(42rem,100%);margin:0 0 .45rem;padding:.35rem .7rem;border-radius:999px;font-size:.85rem}.discord-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:#94a3b8;flex:0 0 auto}.status-online{background:#22c55e}.status-idle{background:#eab308}.status-dnd{background:#ef4444}.status-offline,.status-unknown{background:#94a3b8}.bottom-bar{border-radius:1.15rem;padding:.45rem .55rem;justify-content:space-between;box-shadow:var(--shadow)}.player{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1;justify-content:flex-end}.icon-btn{width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.icon-btn:hover:not(:disabled){background:var(--accent-soft)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.play-btn{background:var(--accent-soft);border-color:var(--line)}.now-playing{display:flex;flex-direction:column;min-width:0;max-width:14rem;margin:0 .4rem;line-height:1.2}.now-playing strong,.now-playing span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.volume{display:flex;align-items:center;gap:.35rem;color:var(--muted)}.volume input{width:5rem;accent-color:var(--accent)}.admin-shell{max-width:56rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.admin-head,.panel-head,.admin-actions{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.admin-panel{margin-top:1.25rem;padding:1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklab,var(--bg1) 70%,transparent)}.admin-form,.admin-panel,.block-edit{display:grid;gap:.75rem}label{display:grid;gap:.35rem;font-size:.92rem}input,textarea{width:100%;border:1px solid var(--line);border-radius:.8rem;padding:.7rem .8rem;background:color-mix(in oklab,var(--bg0) 80%,transparent);color:var(--ink)}.grid-2,.row-edit{display:grid;gap:.65rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.row-edit{grid-template-columns:1fr 1.4fr auto;align-items:center}.block-edit{padding:.85rem 0;border-top:1px solid var(--line)}.back-link{display:inline-block;margin-bottom:.75rem;color:var(--muted);text-decoration:none}.status-banner,.error{margin:.85rem 0 0}.error{color:var(--danger)}.status-banner{padding:.7rem .9rem;border-radius:.9rem;background:var(--accent-soft);border:1px solid var(--line)}.preview-banner{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--accent-soft);border-bottom:1px solid var(--line);font-size:.92rem}.mb-results,.playlist-admin{list-style:none;padding:0;margin:.35rem 0 0;display:grid;gap:.45rem}.playlist-admin li{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.45rem 0;border-top:1px solid var(--line)}.music-drop{display:grid;gap:.75rem;justify-items:start;padding:1.25rem 1rem;border:1.5px dashed var(--line);border-radius:var(--radius);background:color-mix(in oklab,var(--bg0) 55%,transparent);transition:border-color .16s ease,background .16s ease}.music-drop.is-over{border-color:var(--accent);background:var(--accent-soft)}.music-drop.is-busy{opacity:.7;pointer-events:none}.music-drop p{margin:0;color:var(--muted)}.music-file-btn{position:relative;overflow:hidden;cursor:pointer}.music-file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.music-url-fallback{margin-top:.25rem}.music-url-fallback summary{cursor:pointer;color:var(--muted);font-size:.92rem}.music-url-row{margin-top:.65rem;grid-template-columns:1fr auto}.music-mb-row{grid-template-columns:1fr auto}.music-url-preview{font-size:.78rem;word-break:break-all;margin-top:.2rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.unlock-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;align-items:end;justify-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:#0804129e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:unlock-fade .22s ease}.unlock-sheet{width:min(100%,26rem);padding:1.35rem 1.25rem 1.4rem;border:1px solid var(--line);border-radius:1.35rem 1.35rem 1.1rem 1.1rem;background:color-mix(in oklab,var(--bg1) 88%,transparent);box-shadow:var(--shadow);animation:unlock-rise .28s ease}.unlock-title{margin:0;font-family:var(--font-display);font-size:1.55rem}.unlock-copy{margin:.35rem 0 1rem}.unlock-form{display:grid;gap:.65rem}.unlock-label{font-size:.95rem;font-weight:600}.unlock-pin{min-height:3.35rem;font-size:1.55rem;letter-spacing:.28em;text-align:center;border-radius:1rem;padding:.85rem .75rem}.unlock-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:.65rem;margin-top:.35rem}.unlock-btn{min-height:3.1rem;font-size:1.05rem}.unlock-motion{width:100%;min-height:2.85rem;margin-bottom:.75rem}.unlock-error{margin:0;text-align:center}@keyframes unlock-fade{0%{opacity:0}to{opacity:1}}@keyframes unlock-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.unlock-backdrop{align-items:center}.unlock-sheet{border-radius:1.25rem}}@media(max-width:820px){.project-block,.grid-2,.row-edit{grid-template-columns:1fr}.now-playing{display:none}.volume input{width:3.5rem}.hero{min-height:calc(100svh - 8rem)}}