@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#d6f264;--ink:#20291e;--muted:#7a8075;--line:#e4e7de;--bg:#f7f8f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:12px 0}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 15px}p{line-height:1.7}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:8px;background:var(--accent);padding:14px 20px;font-weight:700;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}a{color:inherit}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:13px;background:#fff;color:var(--ink);width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #8ea64a;outline-offset:2px}label{display:block;font-weight:600;font-size:13px;margin:18px 0}label input,label textarea{display:block;margin-top:8px}input[type=color]{height:47px}input[type=checkbox]{width:17px;accent-color:#637c22}small{color:var(--muted);font-size:12px;line-height:1.7}strong{font-weight:600}form>button{margin-top:15px}form small{display:block}textarea{min-height:100px;resize:vertical}.brand{font-weight:800;font-size:30px;letter-spacing:-1.7px;text-decoration:none}.brand span{font-weight:500}.brand i{color:var(--accent);font-size:12px;font-style:normal;margin-left:3px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#6b7861}.muted,.subtitle{color:var(--muted)}.subtitle{margin:12px 0 28px}.accent{color:#8ba63b}.shell{display:flex;min-height:100vh}aside{width:240px;background:#fff;border-right:1px solid var(--line);padding:30px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.workspace{color:#999e92;font-size:9px;letter-spacing:1.8px;margin:46px 12px 16px}.nav{background:none;font-weight:500;display:flex;align-items:center;gap:15px;width:100%;text-align:left;margin:5px 0;padding:14px;color:#747d6c}.nav b{font-size:19px;width:22px;font-weight:400}.nav.selected{background:#ecf3d9;color:#3d5224}.aside-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px;border-top:1px solid var(--line);padding-top:20px}.aside-bottom small{display:block;font-size:10px}.avatar{border-radius:50%;background:#e9eddf;padding:12px}.logout{padding:8px;background:none;font-size:20px;margin-left:auto}.dashboard{margin-left:240px;width:calc(100% - 240px)}header{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#fff;font-size:12px}.connection{font-size:11px;color:#75934b}.content{padding:40px 44px;max-width:1500px;margin:auto;min-height:calc(100vh - 150px)}.titlebar,.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.titlebar>button{white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:17px;margin:28px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}.stat>div{color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:10px}.stat span{font-size:18px;color:#889771}.stat strong{font:600 34px Manrope;display:block;margin-top:12px}.feature{background:#202e23;border-radius:15px;min-height:310px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;color:white;margin:30px 0 36px}.feature .eyebrow{color:#b8d074}.feature h2{font-size:31px;line-height:1.25;margin:16px 0}.feature p{color:#b2bcae;font-size:12px}.light{background:#e1f5a0;font-size:12px;margin-top:10px}.record{width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#18231b 0px,#18231b 3px,#344035 4px,#18231b 5px);display:grid;place-items:center;transform:rotate(-16deg);margin-right:24px;box-shadow:0 0 0 25px #ffffff04,0 0 0 50px #ffffff03}.record>div{width:88px;height:88px;background:#d6f264;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#20301c;font-weight:800;font-size:18px}.record span{font-size:5px;letter-spacing:1px;margin-top:5px}.sectionhead{margin-bottom:18px}.sectionhead h2{margin:0}.panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.eventgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:18px 0 30px}.eventgrid .panel{margin:0}.pill{font-size:10px;padding:6px 10px;border-radius:20px;background:#f0f1eb;color:#7a8372;white-space:nowrap}.pill.live{background:#eff5e4;color:#5c7936}.event h2{font-size:22px;margin:25px 0 6px}.event p{font-size:12px;color:var(--muted);margin-top:0}.eventmeta{padding:18px 0;color:#6e7865;font-size:12px}.eventmeta span{margin-left:22px}.cardactions{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:8px;flex-wrap:wrap}.secondary{background:#f5f6f0;border:1px solid var(--line);font-size:12px}.text{background:none;padding:8px 0;font-size:12px;color:#5d6b4d}.row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #edf0e6}.row:last-child{border:0}.row small,.request small,.publicsong small{display:block}.grow{flex:1}.number{font-size:12px;color:#a4ab9b;min-width:22px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.inline{display:flex;align-items:end;gap:20px}.inline label{flex:1;margin:0}.inline button{margin:0;white-space:nowrap}.check{display:flex;gap:12px;align-items:center;font-weight:400}.check input{margin:0;flex-shrink:0}.songcheck{border-bottom:1px solid var(--line);padding:13px 0;margin:0}.songcheck small{display:block}.request{padding:20px 0;border-bottom:1px solid var(--line)}.request:last-child{border:0}.requesttop{display:flex;justify-content:space-between;gap:15px}.request select{width:150px;padding:8px;font-size:12px}blockquote{background:#f5f7ef;border-left:3px solid #bdcf93;margin:14px 0;padding:14px;line-height:1.6}.empty{padding:40px 20px;text-align:center;color:var(--muted);width:100%}.empty>span{font-size:32px;color:#a4b28b}.empty p{font-size:13px}footer{border-top:1px solid var(--line);padding:22px 44px;color:#929a87;font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between}footer span{letter-spacing:0}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.intro{background:#1f2d22;color:#fff;padding:50px 10%;display:flex;flex-direction:column;justify-content:center}.intro .brand{position:absolute;top:40px}.intro .eyebrow{color:#bed37f}.intro h1{font-size:64px;line-height:1.12;margin-top:25px}.intro h1 span{color:var(--accent)}.intro p{color:#b2bcae}.intro small{color:#b2bcae;font-size:9px;letter-spacing:2px}.wave{font-size:37px;letter-spacing:8px;color:var(--accent);margin:35px 0}.loginform{max-width:440px;padding:40px;width:100%;margin:auto}.loginform h2{font-size:30px;margin:12px 0}.loginform p{color:var(--muted);font-size:13px}.loginform form{margin:30px 0}.loginform button{width:100%;text-align:left}.loginform button span{float:right}.narrow{max-width:500px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;max-width:480px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#172314aa;backdrop-filter:blur(3px)}dialog h2{margin-top:15px}dialog .close{float:right}.qr{width:100%;max-height:300px;display:block;margin:20px auto}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#202e23;color:#fff;border-radius:10px;padding:16px 24px;max-width:90%;transition:transform .2s;z-index:100}#toast.show{transform:translateX(-50%)}.audience{max-width:720px;padding:28px 24px;margin:auto}.audience>.brand{font-size:25px}.audiencehero{text-align:center;padding:45px 0 35px;border-bottom:1px solid var(--line)}.audiencehero h1{font-size:42px;margin-top:20px}.audiencehero p{margin-bottom:4px;color:var(--muted)}.bandlogo{max-width:160px;max-height:110px;object-fit:contain;display:block;margin:0 auto 20px}.musicmark{background:var(--accent);border-radius:24px;display:grid;place-items:center;width:80px;height:80px;font-size:40px;margin:0 auto 25px;transform:rotate(-7deg)}.publicintro{margin:35px 0 24px}.publicintro h2{font-size:25px;margin:12px 0 6px}.publicintro p{color:var(--muted);font-size:13px;margin:0}.publicsong{display:flex;gap:16px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin:12px 0}.publicsong button{font-size:12px;padding:11px 13px;white-space:nowrap}.audience footer{padding:25px 0;margin-top:35px;letter-spacing:0}.audience footer strong{font-size:18px}.audience #search{margin-bottom:14px}
@media(min-width:1500px){.content{padding-top:55px}.feature{min-height:340px}}@media(max-width:1000px){aside{width:200px;padding:24px 15px}.dashboard{margin-left:200px;width:calc(100% - 200px)}.content{padding:30px 25px}header{padding:0 25px}.record{width:170px;height:170px;margin:0}.feature{padding:30px}.feature h2{font-size:27px}.columns{grid-template-columns:1fr}.eventgrid{grid-template-columns:1fr}.intro h1{font-size:49px}}@media(max-width:700px){aside{position:static;width:100%;padding:18px;border:0}.shell{display:block}.workspace,.aside-bottom{display:none}aside nav{display:flex;overflow:auto;gap:5px;margin-top:15px}.nav{font-size:11px;padding:9px 10px;white-space:nowrap;width:auto;gap:6px}.nav b{font-size:16px;width:auto}.dashboard{margin:0;width:100%}header{height:48px;padding:0 20px}.content{padding:25px 18px}.titlebar{align-items:start}.titlebar>button{font-size:11px;padding:12px}.titlebar h1,h1{font-size:28px}.eyebrow{font-size:8px}.subtitle{font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat>div{font-size:10px}.stat strong{font-size:29px}.feature{padding:26px;min-height:280px}.feature h2{font-size:27px}.feature p{font-size:11px}.record{display:none}.inline{display:block}.inline label{margin-bottom:15px}.inline button{width:100%}.panel{padding:20px}.login{display:block}.intro{padding:110px 30px 35px}.intro .brand{top:25px}.intro h1{font-size:47px}.intro .wave,.intro small{display:none}.intro p{font-size:13px}.loginform{padding:35px 25px}.requesttop{gap:10px}.request select{width:120px}.audiencehero h1{font-size:34px}.publicsong{padding:16px 12px;gap:10px}.publicsong strong{font-size:13px}footer{padding:20px}.bandlogo{max-width:130px}}