:root{--bg:#f7f8f2;--ink:#203630;--muted:#66746b;--line:#dce2d5;--lime:#d4ef9b;--green:#294c3f;--paper:#fffef9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 'Segoe UI',Arial,sans-serif}a{color:inherit}button,input,select{font:inherit}button,.button{cursor:pointer;border:0;border-radius:7px;padding:12px 17px;transition:background .15s,transform .15s;font-weight:650}button:hover,.button:hover{filter:brightness(.96)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7e9f4d;outline-offset:3px}input,select{width:100%;background:var(--paper);border:1px solid #cbd4c5;border-radius:7px;padding:12px;color:var(--ink);outline-color:#6a8c42;min-width:0}label{display:block;font-size:12px;font-weight:700;margin:15px 0 6px}header{max-width:1250px;margin:auto;padding:27px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;letter-spacing:1.2px;font-weight:800}.brand-icon{background:var(--ink);color:var(--lime);width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:24px}.brand-sub{border-left:1px solid #aebca8;margin-left:7px;padding-left:17px;font-size:9px;color:var(--muted);font-weight:600}.back{font-size:12px;text-decoration:none}main{max-width:1180px;margin:auto;padding:0 35px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding:55px 0 47px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750}.dot{display:inline-block;width:7px;height:7px;background:#6f9252;border-radius:50%;margin-right:5px}h1{font-size:clamp(48px,5.7vw,76px);letter-spacing:-3.8px;line-height:1.03;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#59734e;letter-spacing:-3px}.lede{color:var(--muted);font-size:16px;line-height:1.7;margin:20px 0 24px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.hero-tags span{font-size:11px;border:1px solid #d4ddcc;border-radius:30px;padding:6px 12px}.record-art{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e5edda,transparent 70%)}.record{height:280px;width:280px;border-radius:50%;background:repeating-radial-gradient(circle,#253932 0px,#253932 2px,#31443c 3px,#1d3029 4px);box-shadow:14px 20px 26px #24392c26;transform:rotate(-15deg);display:grid;place-items:center;border:8px solid #23362f}.record-label{width:112px;height:112px;border-radius:50%;background:var(--lime);position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1.1;box-shadow:0 0 0 3px #4a5b40}.record-label span{font-weight:900;font-size:20px;letter-spacing:-.5px}.record-label b{font-size:8px;letter-spacing:1px;margin-top:12px}.record-label i{height:7px;width:7px;border-radius:50%;background:var(--ink);position:absolute;left:49%;top:49%}.record-caption{position:absolute;font-size:8px;letter-spacing:2px;bottom:0;color:var(--muted)}.sound-bars{position:absolute;right:5px;bottom:50px;display:flex;align-items:center;gap:4px;transform:rotate(-8deg)}.sound-bars i{display:block;width:5px;height:35px;background:#adc881;border-radius:10px}.sound-bars i:nth-child(3n){height:65px}.sound-bars i:nth-child(2n){height:20px}.sound-bars i:nth-child(5n){height:50px}.board-strip{background:#eaf0df;border:1px solid #dce5ce;border-radius:10px;padding:19px 24px;display:flex;justify-content:space-between;align-items:center}.board-strip .eyebrow{color:#687a56;font-size:9px}h2{font-size:21px;line-height:1.3;margin:0;letter-spacing:-.5px}.board-strip h2{font-size:19px;margin-top:4px}.stats{font-size:12px;color:#4c6542;white-space:pre-line;text-align:right}.tabs{display:flex;gap:25px;margin:30px 0 28px;border-bottom:1px solid var(--line)}.tabs button{color:#8b9587;border-radius:0;background:transparent;padding:0 0 14px;font-size:10px;letter-spacing:.4px;border-bottom:3px solid transparent}.tabs button span{font-size:13px;letter-spacing:0;margin-left:8px}.tabs button.active{color:var(--ink);border-color:var(--ink)}.workspace{display:grid;grid-template-columns:1.6fr 1fr;gap:50px}.section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.section-title h2{font-size:20px}.section-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.step{border:1px solid #c9d5bd;border-radius:50%;min-width:26px;height:26px;display:grid;place-items:center;font-size:11px;margin-top:1px}.search-title{margin-top:34px}.edit-details{margin-top:10px;font-size:12px;color:var(--muted)}summary{cursor:pointer}.edit-details button{margin-top:10px}.search-box{display:flex;gap:9px}.search-box input{flex:1}.search-box button{background:var(--green);color:#fff;white-space:nowrap;font-size:12px}.search-box button span{margin-left:10px}.small{font-size:11px;line-height:1.7;color:var(--muted)}.empty-search{text-align:center;padding:32px 10px;color:var(--muted);border:1px dashed #d8e0ce;border-radius:9px;margin:22px 0}.empty-search>span{font-size:32px}.empty-search p{margin:5px}.empty-search small{font-size:11px}.result{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.song-icon{background:#e6ecd9;min-width:39px;height:39px;border-radius:6px;display:grid;place-items:center;font-size:19px}.song-info{min-width:0;flex:1}.song-info strong{font-size:13px;display:block;overflow-wrap:anywhere}.song-info p{margin:1px 0;color:var(--muted);font-size:12px}.song-info small{font-size:10px;color:var(--muted)}.badge{font-size:9px;display:inline-block;color:#476836;background:#e8f1dd;padding:2px 6px;border-radius:4px;margin-top:4px}.result button{font-size:12px;background:#e7eddc;white-space:nowrap;padding:8px 11px}.crate{border:1px solid #d5dec9;background:var(--paper);border-radius:11px;padding:22px;position:sticky;top:20px}.crate-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.crate-heading .eyebrow{font-size:9px;color:var(--muted)}.crate-heading h2{margin:5px 0 16px;font-size:23px;font-family:Georgia,serif;font-weight:400}.count{border:1px solid var(--line);border-radius:30px;padding:4px 9px;font-size:11px;white-space:nowrap}.slot{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;min-height:66px}.slot-number{color:#96a58b;font-size:11px;font-family:monospace}.slot-empty{font-size:12px;color:#91a087}.slot .remove{background:transparent;color:#687a60;padding:5px 8px;font-size:20px}.primary{background:var(--lime);color:var(--ink);text-decoration:none}.crate .primary{width:100%;margin-top:12px;display:flex;justify-content:space-between}.secondary{background:var(--paper);border:1px solid #cdd8c4;color:var(--ink);font-size:12px}.safety-note{display:flex;gap:12px;margin:22px 6px;color:var(--muted);font-size:12px}.safety-note>span{color:#5e7a49;font-size:19px}.safety-note strong{font-size:12px;color:var(--ink)}.safety-note p{font-size:11px;line-height:1.7;margin:4px 0}.organizer-intro{display:grid;grid-template-columns:1fr 320px;gap:35px;padding:15px 0 25px}.organizer-intro h2{font-size:29px;font-family:Georgia,serif;font-weight:400;margin-top:8px}.organizer-intro p{color:var(--muted);font-size:13px}.organizer-intro button{margin-top:10px;width:100%}.toolbar,.export-actions{display:flex;gap:9px;flex-wrap:wrap}.toolbar{margin:15px 0 24px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{background:#eaf0df;border-radius:8px;padding:18px}.stat strong{display:block;font-size:29px;line-height:1.2}.stat span{color:var(--muted);font-size:11px}.export-box{border:1px solid var(--line);padding:20px;border-radius:9px;background:var(--paper)}h3{font-size:16px;margin:0 0 7px}.export-box p{font-size:12px;color:var(--muted)}.filter-row{display:flex;align-items:center;gap:12px;margin:30px 0 16px}.filter-row label{margin:0}.filter-row select{width:auto}.request-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:20px;margin:13px 0}.request-card h3{font-size:13px}.review-song{border-top:1px solid var(--line);padding:18px 0 8px;margin-top:15px}.review-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.status{font-size:10px;font-weight:700;border:1px solid #d7ddcc;padding:4px 8px;border-radius:25px;white-space:nowrap}.status.approved{background:var(--lime)}.status.rejected{background:#f6e4da}.review-links{display:flex;gap:15px;margin:12px 0;font-size:12px;flex-wrap:wrap}.review-form{margin:15px 0 4px;background:#f1f4eb;padding:15px;border-radius:6px}.review-form label{margin:0 0 6px}.confirm-label{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:12px 0!important;font-weight:400}.confirm-label input{width:16px;min-width:16px;margin-top:3px}.review-actions{display:flex;gap:9px;flex-wrap:wrap}.review-actions button{font-size:12px}.review-toggle{font-size:12px;margin-right:8px}#notice{padding:14px 18px;border:1px solid #bdcfa9;background:#eaf3dd;border-radius:8px;margin:0 0 20px;font-size:13px;overflow-wrap:anywhere}#notice.error{background:#faebe1;border-color:#dec1aa}#receipt{background:#edf4df;border-radius:7px;padding:14px;margin-top:15px;font-size:12px;overflow-wrap:anywhere}#receipt code{display:block;user-select:all;font-size:11px;margin:8px 0}.muted-empty{text-align:center;color:var(--muted);padding:45px 15px;font-size:13px}.button{display:inline-block;font-size:12px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;margin-top:55px;color:var(--muted);font-size:9px;letter-spacing:1px}footer a{text-decoration:none}[hidden]{display:none!important}@media(max-width:780px){.brand-sub{display:none}.hero{gap:10px;padding:38px 0}.record{width:210px;height:210px}.record-art{min-height:270px}.sound-bars{display:none}.workspace{gap:25px;grid-template-columns:1.25fr 1fr}.crate{padding:17px}.organizer-intro{grid-template-columns:1fr}.organizer-intro #organizer-auth{max-width:450px}h1{font-size:55px}}@media(max-width:590px){header{padding:20px}.brand{font-size:12px}.back{font-size:10px}main{padding:0 20px}.hero{grid-template-columns:1fr;position:relative;overflow:hidden;padding:34px 0 28px}.hero>div:first-child{position:relative;z-index:1}.record-art{display:none}h1{font-size:59px;letter-spacing:-3px}.lede{font-size:14px}.board-strip{padding:16px;gap:10px}.board-strip h2{font-size:16px}.stats{font-size:10px}.workspace{grid-template-columns:1fr;gap:20px}.crate{position:static;padding:20px}.tabs{gap:24px}.tabs button span{font-size:12px}.search-box{gap:6px}.search-box button{padding:12px}.search-box button span{display:none}.admin-stats{gap:7px}.stat{padding:13px 9px}.stat strong{font-size:24px}.stat span{font-size:10px}.filter-row{flex-wrap:wrap}.filter-row input{flex-basis:100%}.toolbar button{flex:1}.review-top{gap:6px}footer{gap:20px;line-height:1.8}.organizer-intro{padding-top:0}.export-actions>*{flex:1;text-align:center}}
.mobile-picks{display:none}@media(max-width:590px){body{padding-bottom:62px}.mobile-picks{display:flex;position:fixed;bottom:15px;left:20px;right:20px;z-index:4;align-items:center;justify-content:space-between;background:#203630;color:#d4ef9b;box-shadow:0 5px 20px #20363035;border:1px solid #4e6848}.mobile-picks span{margin-left:auto;margin-right:14px}}
.collection-manager{display:flex;align-items:end;gap:16px;padding:20px;background:#eaf0df;border:1px solid #dce5ce;border-radius:10px}.collection-select{flex:1}.collection-select label{margin:0 0 8px;font-size:9px;letter-spacing:1.5px}.collection-select select{font-size:16px;font-weight:650}.new-playlist-box{padding:24px;border:1px solid #cddcba;background:var(--paper);border-radius:10px;margin:16px 0}.collection-settings{font-size:12px;color:var(--muted);padding:14px 0}.collection-settings input{max-width:650px}.collection-settings button{margin-top:12px;display:block}.youtube-panel{padding:24px;border:1px solid #d2ddc5;background:#fffef9;border-radius:10px;margin:24px 0}.youtube-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.youtube-heading h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:7px 0}.youtube-heading .small{margin:0;max-width:600px}.youtube-heading .export-actions{min-width:150px}#google-setup{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}#google-setup code{overflow-wrap:anywhere}#google-config-form{max-width:600px}#google-config-form button{margin-top:14px}.destination-row{display:flex;gap:8px;flex-wrap:wrap}.destination-row select{flex:1;min-width:210px}.sync-bar{display:flex;align-items:center;gap:20px;margin:15px 0}.sync-bar .confirm-label{margin:0!important}.youtube-candidates{display:grid;gap:9px;margin:12px 0}.youtube-candidate{display:flex;align-items:center;gap:15px;background:#fffef9;padding:13px;border:1px solid #dce2d5;border-radius:7px}.youtube-candidate>div{flex:1;min-width:0}.youtube-candidate strong,.youtube-candidate small,.youtube-candidate a{display:block;font-size:12px;overflow-wrap:anywhere}.youtube-candidate small{font-size:10px;color:var(--muted);margin:3px 0}.youtube-candidate a{font-size:11px}.youtube-candidate button{font-size:11px;padding:9px;white-space:nowrap}.privacy-copy{max-width:780px;margin:55px auto}.privacy-copy h1{font-size:43px;letter-spacing:-1px}.privacy-copy h2{margin:30px 0 10px}.privacy-copy p{line-height:1.8;color:var(--muted)}@media(max-width:650px){.collection-manager{align-items:stretch;flex-direction:column;padding:16px;gap:12px}.youtube-panel{padding:17px}.youtube-heading{align-items:flex-start;flex-direction:column}.youtube-heading .export-actions{width:100%}.youtube-heading .export-actions button{flex:1}.destination-row select{min-width:100%;flex-basis:100%}.destination-row button{flex:1}.sync-bar{align-items:flex-start;flex-direction:column;gap:13px}.youtube-candidate{flex-direction:column;align-items:stretch;gap:9px}.privacy-copy h1{font-size:34px}.organizer-intro .eyebrow{line-height:1.8}}
.slot{flex-wrap:wrap}.slot .song-info{flex-basis:60%}.song-reference{flex-basis:100%;padding-left:25px;min-width:0}.song-reference label{font-size:10px;margin:8px 0 5px}.song-reference input{font-size:12px;padding:10px;min-width:0}.song-reference small{font-size:10px;color:var(--muted)}.song-limit-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:650px}.song-limit-fields input{max-width:150px}@media(max-width:590px){.song-limit-fields{gap:10px}.song-limit-fields label{line-height:1.5}.song-reference{padding-left:0}}
