:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17221e;background:#f1eee7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;border-radius:999px;background:#d8ff63;color:#17221e;font-weight:800;padding:.85rem 1.15rem;cursor:pointer}.public-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#14231d;color:#fff}.brand,.auth-card{min-width:0;padding:clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.brand h1{font-size:clamp(3rem,7vw,7rem);line-height:.93;max-width:9ch;margin:.3rem 0 1.5rem}.brand>p:last-child{color:#b9c8c0;max-width:32rem}.auth-card{background:#f5f1e8;color:#17221e}.auth-card form{display:grid;gap:1rem;max-width:28rem}.auth-card h2{font-size:2rem;margin:0;overflow-wrap:anywhere}.auth-card label{display:grid;gap:.4rem;font-weight:700}.auth-card input,.inline input{border:1px solid #b7c1bb;border-radius:.8rem;padding:1rem;background:#fff}.notice{border-left:4px solid #d8ff63;padding:.8rem;background:#fff}.phone-field{display:flex;align-items:center;border:1px solid #b7c1bb;border-radius:.8rem;background:#fff;overflow:hidden}.phone-field strong{padding-left:1rem}.phone-field input{border:0;min-width:0;flex:1}.app-shell{max-width:900px;margin:auto;padding:2rem}.app-shell header,.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:900;color:#66756e}.app-shell h1{margin:.2rem 0}.quiet,nav button{background:transparent;border:1px solid #bcc5c0}nav{display:flex;gap:.5rem;margin:2rem 0}nav .active{background:#17221e;color:#fff}.main-nav{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.25rem}.main-nav button{white-space:nowrap}.panel select{width:100%;padding:.9rem;border:1px solid #c8d0cc;border-radius:.8rem;background:#fff}.actions,.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.actions{margin:1rem 0}.row-actions button{padding:.55rem .8rem}.song-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.6rem;margin:1rem 0}.song-form input{width:100%;padding:.8rem;border:1px solid #c8d0cc;border-radius:.7rem}.song-form.compact{grid-template-columns:1fr;position:absolute;right:1rem;z-index:2;background:#fff;padding:1rem;box-shadow:0 10px 30px #0002}.song-check{display:flex;align-items:center;gap:.7rem}.song-check span{display:grid}.block-item{border-left:4px solid #d8ff63;padding-left:1rem}.transfer{border:1px solid #e0e5e2;border-radius:1rem;padding:1rem;margin:1rem 0}.transfer ol{margin:.7rem 0}.panel{background:#fff;border-radius:1.5rem;padding:clamp(1.2rem,4vw,2.5rem);box-shadow:0 20px 50px #20382b12}.section-title h2{font-size:2rem;margin:.2rem 0}.empty{text-align:center;padding:4rem 1rem;color:#65716b}.setlists{list-style:none;padding:0;margin:1rem 0}.setlists li{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-top:1px solid #e3e7e4}.setlists li div{display:grid;gap:.3rem}.setlists span{color:#6c7872}.inline{display:flex;gap:.4rem}.invite-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#24372f;color:#fff;border-radius:1rem;padding:1rem 1.25rem;margin-bottom:1rem}.invite-banner p{margin:.25rem 0;color:#cbd8d1}.invite-banner span{color:#d8ff63}@media(max-width:720px){.public-shell{grid-template-columns:minmax(0,1fr)}.brand{min-height:42vh}.auth-card{min-height:58vh}.app-shell{padding:1rem}.section-title{align-items:flex-start;flex-direction:column}.inline{width:100%}.inline input{min-width:0;flex:1}.song-form{grid-template-columns:1fr}.setlists li{gap:.7rem}.row-actions{justify-content:flex-end}.invite-banner{align-items:flex-start;flex-direction:column}}