html{background:#07111f}body{min-width:320px}:root{color:#edf2f7;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#2c5b992e,#0000 35%),#07111f;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:#07111ff0;border-right:1px solid #ffffff12;flex-direction:column;align-self:start;min-height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.brand-mark{color:#09111e;background:linear-gradient(135deg,#f3d48a,#c99b3f);border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{color:#d9b968;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:13px}.nav{gap:5px;display:grid}.nav-item,.add-button{color:#95a5b9;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#fff1}.nav-item.active{color:#f0d28b}.sidebar-bottom{gap:9px;margin-top:auto;display:grid}.add-button{color:#0a1320;background:linear-gradient(135deg,#f1d38d,#c89a3e);font-weight:750}.content{width:100%;max-width:1500px;margin:0 auto;padding:38px 44px 70px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.eyebrow{color:#d4ad57;text-transform:uppercase;letter-spacing:.13em;margin:0 0 7px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:8px;font-size:clamp(27px,3vw,40px)}.subtitle{color:#8fa0b5;margin-bottom:0}.profile-button{color:#f2d38d;background:#101d2e;border:1px solid #ffffff1f;border-radius:50%;width:44px;height:44px;font-weight:800}.quick-actions{grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.primary-action,.secondary-action{text-align:left;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;min-height:92px;padding:18px 20px;display:flex}.primary-action{color:#0a1420;background:linear-gradient(135deg,#f1d38d,#c89a3e)}.secondary-action{color:#ecf1f6;background:#0d1a2b}.primary-action strong,.primary-action small,.secondary-action strong,.secondary-action small{display:block}.primary-action strong,.secondary-action strong{margin-bottom:4px}.primary-action small{color:#07111fb3}.secondary-action small{color:#8394a8}.panel{background:#0c192ac2;border:1px solid #ffffff13;border-radius:22px;margin-top:18px;padding:24px;box-shadow:0 18px 55px #00000029}.panel-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.panel h2{margin-bottom:0;font-size:21px}.search{color:#71839a;background:#081421;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:9px;width:min(330px,100%);padding:10px 12px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.song-list{display:grid}.song-row{border-top:1px solid #ffffff0e;grid-template-columns:34px 42px minmax(230px,1fr) auto 38px 38px;align-items:center;gap:13px;min-height:72px;display:grid}.song-row:first-child{border-top:0}.song-number{color:#607289;font-size:12px;font-weight:700}.song-icon{color:#d7b55f;background:#d4ad571a;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.song-main strong,.song-main span{display:block}.song-main strong{margin-bottom:5px}.song-main span{color:#788ba2;font-size:13px}.song-meta{color:#8294aa;gap:18px;font-size:13px;display:flex}.song-meta span{align-items:center;gap:5px;display:flex}.song-meta b{color:#dfe8f2}.icon-button{color:#8ea0b5;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{color:#fff;background:#ffffff0f}.text-button{color:#d7b55f;background:0 0;border:0;margin-top:10px;padding:8px 0;font-weight:700}.set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.set-card{background:#0a1727;border:1px solid #ffffff13;border-radius:17px;padding:20px}.set-date{color:#d5af59;margin-bottom:12px;font-size:12px;font-weight:800}.set-card h3{margin-bottom:7px}.set-card p{color:#788ba2}.set-card button{color:#edf2f7;background:#14253a;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;display:inline-flex}.mobile-nav{display:none}@media (width<=1000px){.app-shell{grid-template-columns:86px 1fr}.sidebar{padding-inline:13px}.brand{justify-content:center;padding-inline:0}.brand strong,.brand span,.nav-item{font-size:0}.nav-item,.add-button{justify-content:center}.add-button{font-size:0}.quick-actions{grid-template-columns:1fr}.song-row{grid-template-columns:30px 42px minmax(0,1fr) 38px}.song-meta,.song-row .icon-button:last-child{display:none}}@media (width<=700px){.app-shell{padding-bottom:80px;display:block}.sidebar{display:none}.content{padding:24px 16px 35px}.topbar{align-items:center}.topbar .subtitle{display:none}.panel{border-radius:18px;padding:17px}.panel-header{flex-direction:column;align-items:flex-start}.search{width:100%}.song-row{grid-template-columns:30px 38px minmax(0,1fr) 34px;gap:9px}.set-grid{grid-template-columns:1fr}.mobile-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08121ff5;border:1px solid #ffffff17;border-radius:18px;grid-template-columns:repeat(5,1fr);align-items:center;padding:8px;display:grid;position:fixed;bottom:10px;left:10px;right:10px}.mobile-nav button{color:#7f91a7;background:0 0;border:0;place-items:center;gap:4px;font-size:10px;display:grid}.mobile-nav .mobile-add{color:#08111e;background:linear-gradient(135deg,#f1d38d,#c89a3e);border-radius:15px;width:46px;height:46px;margin:-18px auto 0}}a{color:inherit;text-decoration:none}.nav-item{text-decoration:none}.page-actions{justify-content:flex-end;margin:-12px 0 18px;display:flex}.compact{justify-content:center;width:auto;padding:11px 16px}.placeholder{text-align:center;place-content:center;min-height:250px;display:grid}.placeholder p:last-child,.empty{color:#8394a8}.file-input{display:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020810c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0c192a;border:1px solid #ffffff1a;border-radius:24px;width:min(540px,100%);padding:25px;box-shadow:0 24px 90px #0000008c}.modal-wide{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-header h2{margin:0;font-size:25px}.modal-copy{color:#90a0b4;line-height:1.55}.dropzone{color:#d8b85f;background:#d4ad570e;border:1px dashed #d6b45f73;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;min-height:180px;display:flex}.dropzone span{color:#8293a8;font-size:13px}.dropzone.has-file{color:#75d4a6;background:#44ab7914;border-style:solid}.batch-dropzone{min-height:125px}.import-list{border:1px solid #ffffff14;border-radius:15px;margin-top:18px;display:grid;overflow:hidden}.import-list-head{background:#ffffff09;justify-content:space-between;gap:15px;padding:12px 14px;font-size:13px;display:flex}.import-list-head span{color:#7f91a6}.import-item{border-top:1px solid #fff1;grid-template-columns:28px 24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.order-number{color:#d6b45f;background:#d4ad571a;border-radius:8px;place-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:grid}.import-file-icon{color:#73869c}.import-title{gap:4px;min-width:0;display:grid}.import-title input{color:#edf2f7;background:0 0;border:0;outline:0;min-width:0;padding:0;font-weight:700}.import-title span{color:#71849a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.order-actions{gap:3px;display:flex}.icon-button:disabled{cursor:not-allowed;opacity:.25}.icon-button.danger:hover{color:#ff9292}.field{color:#a7b4c5;gap:8px;margin-top:18px;font-size:13px;font-weight:700;display:grid}.field div{color:#72849a;background:#071421;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:0 13px;display:flex}.field input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:12px 0}.form-error{color:#ff9292;margin:10px 0 0;font-size:13px}.save-progress{background:#ffffff14;border-radius:4px;grid-template-columns:1fr;gap:7px;height:4px;margin-top:16px;display:grid}.save-progress>span{background:linear-gradient(90deg,#c89a3e,#f1d38d);border-radius:4px;height:4px;transition:width .25s}.save-progress small{color:#8193a8}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.cancel-button{color:#b3bfcd;background:0 0;border:1px solid #ffffff1a;border-radius:12px;padding:11px 16px}.add-button:disabled,.cancel-button:disabled{cursor:not-allowed;opacity:.45}.empty{text-align:center;padding:28px}.back-button{color:#90a1b6;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:14px;padding:0;display:flex}.set-library{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.set-library-card{color:#edf2f7;text-align:left;background:#0a1727;border:1px solid #ffffff14;border-radius:17px;padding:18px}.set-library-card:hover{border-color:#d4ad5759;transform:translateY(-1px)}.set-library-card h3{margin:14px 0 7px}.set-library-card p{color:#8193a8}.set-library-card>span{color:#d7b55f;align-items:center;gap:4px;font-size:13px;font-weight:750;display:flex}.empty-state{text-align:center;color:#788ba1;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-state h3{color:#edf2f7;margin:15px 0 7px}.empty-state p{max-width:450px}.empty-state.small{min-height:190px}.set-toolbar{align-items:center;gap:14px;margin:-13px 0 2px;display:flex}.set-toolbar span{color:#73869b;font-size:12px}.run-button,.pdf-launch{color:#09131f;background:linear-gradient(135deg,#f1d38d,#c89a3e);border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 17px;font-weight:800;display:inline-flex}.run-button:disabled{cursor:not-allowed;opacity:.4}.planner-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;display:grid}.planner-panel{min-width:0}.planned-songs{display:grid}.planned-song{border-top:1px solid #fff1;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;display:grid}.planned-song:first-child{border-top:0}.available-songs{gap:7px;max-height:560px;display:grid;overflow:auto}.available-songs>button{color:#dfe7ef;text-align:left;background:#091625;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.available-songs>button:hover{color:#e8ca81;border-color:#d4ad574d}.available-songs strong,.available-songs span{display:block}.available-songs span{color:#71849a;margin-top:4px;font-size:11px}.run-mode{z-index:200;color:#edf2f7;background:radial-gradient(circle at 50% 35%,#142a45,#050c16 65%);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.run-mode header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.run-mode header .eyebrow{margin-bottom:4px}.run-mode main{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.run-mode main h1{max-width:900px;margin:15px 0 9px;font-size:clamp(40px,7vw,92px)}.run-mode main>p{color:#91a3b8;font-size:20px}.run-count{color:#d7b55f;font-weight:800}.pdf-launch{margin-top:25px;padding:15px 23px;font-size:17px}.no-pdf{color:#8496aa;margin-top:24px}.run-mode footer{border-top:1px solid #ffffff14;grid-template-columns:150px 1fr 150px;align-items:center;gap:20px;padding:24px 30px;display:grid}.run-mode footer button{color:#edf2f7;background:#0d1a2b;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:12px;display:flex}.run-mode footer button:disabled{opacity:.25}.run-mode footer div{justify-content:center;gap:6px;display:flex}.run-mode footer span{background:#405268;border-radius:50%;width:7px;height:7px}.run-mode footer span.active{background:#d7b55f;border-radius:5px;width:22px}@media (width<=900px){.planner-grid{grid-template-columns:1fr}}@media (width<=700px){.modal{padding:20px}.dropzone{min-height:135px}.modal-actions{flex-direction:column-reverse}.modal-actions>button{width:100%}.import-item{grid-template-columns:25px minmax(0,1fr)}.import-file-icon{display:none}.order-actions{grid-column:2}.import-list-head span{display:none}.set-toolbar{flex-direction:column;align-items:flex-start}.set-toolbar .run-button{justify-content:center;width:100%}.planned-song{grid-template-columns:26px minmax(0,1fr);padding:9px 0}.planned-song .order-actions{grid-column:2}.run-mode footer{grid-template-columns:1fr 1fr;padding:16px}.run-mode footer div{display:none}.run-mode header{padding:18px}}