@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Serif+SC:wght@400;500&display=swap";
:root{--cream:#eeeeec;--ink:#1d1812;--muted:#625d56;--line:#1d181226;--soft:#1d18120e;--orange:#fe5416;--blue:#243cff;--green:#187b55;--white:#fff;--shadow:0 22px 65px #1f19121f}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);scroll-behavior:smooth}body{background:var(--cream);margin:0;font-family:Inter,PingFang SC,sans-serif;font-size:14px}body:after{content:"";z-index:50;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:.45s steps(2,end) infinite grain;position:fixed;inset:-100%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}:focus-visible{outline:2px solid var(--blue)}.serif{font-family:Noto Serif SC,Georgia,serif}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.muted{color:var(--muted)}.orange{color:var(--orange)}.site-header{border-bottom:1px dotted var(--line);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 32px;display:grid;position:relative}.brand{letter-spacing:.06em;align-items:center;gap:11px;font-size:12px;font-weight:600;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--cream);border-radius:11px;place-items:center;display:grid}.site-nav{gap:28px;font-size:12px;display:flex}.header-actions{justify-self:end;align-items:center;gap:10px;display:flex}.button{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:var(--cream)}.button.orange{border-color:var(--orange);background:var(--orange);color:#fff}.button.ghost{border-color:var(--line)}.button.small{padding:8px 13px;font-size:12px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero{place-items:center;min-height:660px;padding:80px 24px;display:grid;position:relative;overflow:hidden}.hero-script{text-align:center;letter-spacing:-.08em;color:#f9f9f7;white-space:nowrap;font-family:Noto Serif SC,Georgia,serif;font-size:clamp(72px,14vw,190px);font-style:italic;position:absolute;top:3%;left:-5%;right:-5%;transform:rotate(-5deg)}.hero-orbit{aspect-ratio:1;border:1px dotted var(--line);border-radius:50%;width:min(570px,75vw);animation:65s linear infinite spin;position:absolute}.orbit-art{aspect-ratio:1;border-radius:24%;width:82px;position:absolute;box-shadow:0 14px 32px #0000002e}.orbit-art.a{background:radial-gradient(circle at 35% 30%,#ffecc0 0 8%,#a15029 26%,#292039 62%,#12121b);top:25%;left:1%}.orbit-art.b{background:radial-gradient(circle at 70% 28%,#dce6ff 0 8%,#5d78ca 27%,#25345f 58%,#11172a);bottom:20%;right:2%}.orbit-art.c{background:radial-gradient(circle at 40% 60%,#f3c775 0 8%,#68735c 30%,#1b2c2b 65%);top:-2%;right:16%}@keyframes spin{to{transform:rotate(360deg)}}.hero-content{z-index:2;text-align:center;max-width:810px;position:relative}.hero-content h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(44px,7vw,88px);font-weight:400;line-height:1.12}.hero-content p{max-width:580px;color:var(--muted);margin:0 auto 30px;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rule-strip{border-top:1px dotted var(--line);border-bottom:1px dotted var(--line);grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;display:grid}.rule-item{border-right:1px dotted var(--line);padding:26px 24px}.rule-item:last-child{border:0}.rule-item strong{font-family:Noto Serif SC,Georgia,serif;font-size:34px;font-weight:400}.rule-item span{color:var(--muted);margin-top:8px;font-size:11px;display:block}.section{max-width:1180px;margin:0 auto;padding:120px 24px}.section-heading{text-align:center;max-width:700px;margin:0 auto 54px}.section-heading h2{letter-spacing:-.04em;margin:14px 0;font-family:Noto Serif SC,Georgia,serif;font-size:clamp(34px,5vw,58px);font-weight:400}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{border:1px dotted var(--line);border-radius:18px;min-height:250px;padding:30px;position:relative;overflow:hidden}.step .number{color:var(--muted);font-family:monospace}.step h3{margin-top:60px;font-family:Noto Serif SC,Georgia,serif;font-size:26px;font-weight:400}.step p{color:var(--muted);line-height:1.7}.site-footer{background:var(--ink);color:var(--cream);border-radius:20px;grid-template-columns:2fr 1fr 1fr;gap:30px;margin:24px;padding:44px;display:grid}.site-footer h2{margin:0 0 16px;font-family:Noto Serif SC,Georgia,serif;font-size:38px;font-weight:400}.site-footer p,.site-footer a{color:#b8b2aa;font-size:12px;line-height:1.8}.footer-links{flex-direction:column;gap:8px;display:flex}.app-shell{grid-template-columns:230px 1fr;min-height:calc(100vh - 76px);display:grid}.sidebar{border-right:1px dotted var(--line);padding:24px 18px}.nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:22px 13px 9px;font-size:9px}.side-link{border-radius:999px;justify-content:space-between;align-items:center;margin:3px 0;padding:11px 14px;font-size:12px;display:flex}.side-link.active,.side-link:hover{background:var(--ink);color:var(--cream)}.nav-badge{background:var(--orange);color:#fff;border-radius:20px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;display:grid}.main{min-width:0;padding:42px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:34px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:7px 0;font-family:Noto Serif SC,Georgia,serif;font-size:44px;font-weight:400}.page-heading p{color:var(--muted);margin:0}.dashboard-hero{text-align:center;place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.dashboard-hero:before{content:"make something felt";color:#fafaf8;white-space:nowrap;font-family:Georgia,serif;font-size:90px;font-style:italic;position:absolute;transform:rotate(-5deg)}.dashboard-hero>*{position:relative}.dashboard-hero h1{margin:15px 0;font-family:Noto Serif SC,Georgia,serif;font-size:40px;font-weight:400}.metrics{border-top:1px dotted var(--line);border-bottom:1px dotted var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:38px;display:grid}.metric{border-right:1px dotted var(--line);padding:25px}.metric:last-child{border:0}.metric span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.metric strong{font-family:Noto Serif SC,Georgia,serif;font-size:30px;font-weight:400}.metric em{color:var(--muted);font-style:normal}.section-row{justify-content:space-between;align-items:center;margin:24px 0 10px;display:flex}.section-row h2{letter-spacing:.1em;text-transform:uppercase;font-size:11px}.submission-row{border-top:1px dotted var(--line);grid-template-columns:36px 58px minmax(160px,1fr) 120px 130px;align-items:center;gap:14px;padding:13px 10px;transition:all .2s;display:grid}.submission-row:last-child{border-bottom:1px dotted var(--line)}.submission-row:hover{background:var(--soft);border-radius:12px;transform:scale(1.004)}.index{color:var(--muted);font:11px monospace}.cover{background:radial-gradient(circle at 35% 30%,#ebd9b2 0 8%,#a15029 27%,#292039 60%,#12121b);border-radius:15px;width:54px;height:54px}.cover.blue{background:radial-gradient(circle at 70% 28%,#dce6ff 0 8%,#5d78ca 27%,#25345f 55%,#11172a)}.cover.green{background:radial-gradient(circle at 42% 62%,#ffeac2 0 7%,#d7834f 24%,#596356 52%,#262f2a)}.track strong{margin-bottom:6px;display:block}.track span,.date{color:var(--muted);font-size:11px}.status{justify-self:end;align-items:center;gap:8px;font-size:11px;display:flex}.dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.dot.orange{background:var(--orange)}.dot.gray{background:#9c948c}.panel{border:1px dotted var(--line);background:#ffffff1f;border-radius:18px;padding:28px}.grid-2{grid-template-columns:1fr 1fr;gap:22px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.full,.full{grid-column:1/-1}.field label{color:var(--muted);font-size:11px}.input{border:1px solid var(--line);color:var(--ink);background:#ffffff59;border-radius:12px;width:100%;padding:12px 14px}.input:focus{border-color:var(--blue)}textarea.input{resize:vertical;min-height:120px}.dropzone{border:1px dashed var(--line);text-align:center;cursor:pointer;border-radius:16px;padding:38px}.dropzone:hover{background:var(--soft)}.form-status{background:var(--soft);border-radius:10px;flex-wrap:wrap;gap:8px;padding:12px 14px;font-size:12px;display:flex}.form-status.error,.pair-bad{color:#a22b20;background:#fe541614}.form-status span{border-radius:6px;padding:4px 7px}.upload-progress{background:#1d18121f;flex-basis:100%;height:3px;display:block;overflow:hidden;padding:0!important}.upload-progress i{background:var(--orange);height:100%;transition:width .2s;display:block}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-art{background:var(--ink);color:var(--cream);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"echo";color:#ffffff09;font-family:Georgia,serif;font-size:32vw;font-style:italic;position:absolute;top:10%;left:-20%;transform:rotate(-12deg)}.auth-art blockquote{margin:0;font-family:Noto Serif SC,Georgia,serif;font-size:clamp(28px,4vw,52px);line-height:1.35;position:relative}.auth-form{place-items:center;padding:50px;display:grid}.auth-card{width:min(440px,100%)}.auth-card h1{margin:14px 0;font-family:Noto Serif SC,Georgia,serif;font-size:42px;font-weight:400}.auth-card form{flex-direction:column;gap:16px;margin-top:30px;display:flex}.auth-switch{color:var(--muted);margin-top:22px;font-size:12px}.auth-switch a{color:var(--ink);text-decoration:underline}.admin-shell{grid-template-columns:210px 1fr;min-height:calc(100vh - 76px);display:grid}.admin-main{padding:36px}.review-workspace{grid-template-columns:minmax(0,1fr) 360px;gap:28px;display:grid}.review-list{min-width:0}.queue-row{border-top:1px dotted var(--line);grid-template-columns:38px 1fr 105px 80px;gap:12px;padding:15px 10px;font-size:12px;display:grid}.queue-row.active{background:var(--soft);border-radius:12px}.mobile-risk{display:none}.review-card{border:1px dotted var(--line);border-radius:18px;padding:26px;position:sticky;top:20px}.review-cover{background:radial-gradient(circle at 35% 30%,#ebd9b2 0 8%,#a15029 27%,#292039 60%,#12121b);border-radius:29px;width:112px;height:112px;margin:0 auto 18px;box-shadow:0 12px 24px #0000002e}.review-card h2{text-align:center;margin:0;font-family:Noto Serif SC,Georgia,serif;font-size:27px;font-weight:400}.review-card .creator{text-align:center;color:var(--muted);margin:7px 0 20px;font-size:11px}.player{border-top:1px dotted var(--line);border-bottom:1px dotted var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.wave{background:repeating-linear-gradient(90deg,var(--line) 0 2px,transparent 2px 5px);flex:1;height:26px;-webkit-mask-image:linear-gradient(#0000 8%,#000 8% 92%,#0000 92%);mask-image:linear-gradient(#0000 8%,#000 8% 92%,#0000 92%)}.meta-list{grid-template-columns:90px 1fr;gap:10px;margin:18px 0;font-size:11px;display:grid}.meta-list dt{color:var(--muted)}.meta-list dd{margin:0}.lyrics-preview{background:var(--soft);color:var(--muted);border-radius:12px;padding:14px;font-family:Noto Serif SC,serif;line-height:1.8}.review-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.review-action-stack>.button{width:100%;margin-top:16px}.review-action-stack .form-status{margin-top:8px}.empty-state{text-align:center;border-top:1px dotted var(--line);border-bottom:1px dotted var(--line);padding:80px 20px}.empty-state .orb{border:1px dotted var(--line);border-radius:50%;place-items:center;width:130px;height:130px;margin:0 auto 25px;display:grid}.empty-state .orb:after{content:"J";background:var(--ink);width:48px;height:48px;color:var(--cream);border-radius:16px;place-items:center;display:grid}@media (max-width:900px){.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.rule-strip,.steps{grid-template-columns:1fr 1fr}.app-shell,.admin-shell{grid-template-columns:1fr}.sidebar{display:none}.main,.admin-main{padding:24px 16px}.review-workspace{grid-template-columns:1fr}.review-card{order:-1;position:static}.site-footer,.auth-page{grid-template-columns:1fr}.auth-art{display:none}.submission-row{grid-template-columns:28px 48px 1fr auto}.submission-row .date{display:none}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px dotted var(--line)}.metric:last-child{border-bottom:0}}@media (max-width:600px){.site-header{padding:0 16px}.brand span:last-child{display:none}.hero{min-height:610px}.hero-orbit{width:370px}.orbit-art{width:60px}.rule-strip,.steps,.grid-2,.form-grid{grid-template-columns:1fr}.rule-item{border-right:0;border-bottom:1px dotted var(--line)}.section{padding:80px 16px}.page-heading{flex-direction:column;align-items:flex-start;gap:18px}.main{padding:22px 14px}.submission-row{grid-template-columns:24px 42px 1fr}.submission-row .status{grid-column:3;justify-self:start}.cover{width:42px;height:42px}.queue-row{grid-template-columns:32px 1fr}.queue-row>:nth-child(n+3){display:none}.queue-row .mobile-risk{margin-top:6px;font-size:10px;display:block}.auth-form{padding:28px 20px}}.admin-table{border-top:1px dotted var(--line)}.admin-table-row{grid-template-columns:repeat(var(--columns),minmax(110px,1fr));border-bottom:1px dotted var(--line);align-items:center;gap:16px;padding:15px 12px;font-size:12px;display:grid}.admin-table-row:hover:not(.admin-table-head){background:var(--soft);border-radius:10px}.admin-table-head{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9px}.admin-table-row strong{font-weight:600}.admin-table-row small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.state-pill{align-items:center;gap:7px;width:max-content;display:inline-flex!important}.state-pill.orange .dot{background:var(--orange)}.state-pill.gray .dot{background:#9c948c}.empty-state.compact{grid-column:1/-1;padding:55px 20px}.empty-state.compact .orb{width:80px;height:80px}@media (max-width:900px){.admin-table{overflow-x:auto}.admin-table-row{min-width:720px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}