@font-face{font-family:"Vida Sans";src:url("fonts/vida-sans.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
.rep-board{margin:28px 0}.rep-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.rep-toolbar h2{font-size:23px;margin:0 0 10px}.rep-toolbar p{margin:0;line-height:1.7}.rep-song-list{display:grid;gap:24px}.rep-song{padding:24px!important;margin:0!important;min-width:0;overflow-wrap:anywhere}.rep-song>header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.rep-song-title{flex:1;min-width:0}.rep-song h3{font-size:21px;line-height:1.4;margin:3px 0 8px}.rep-song-title p{margin:0;line-height:1.6}.rep-position{display:grid;place-items:center;background:#e5eadc;color:#35472a;border-radius:12px;min-width:34px;height:34px;font-weight:900;flex-shrink:0}.rep-arrows{display:flex;gap:6px;flex-shrink:0}.rep-grip{cursor:grab;touch-action:none;flex-shrink:0}.rep-dragging{outline:3px solid #81945e;opacity:.72}.rep-credit{font-size:13px;opacity:.8;margin:22px 0 16px;line-height:1.7}.rep-notes{line-height:1.8;margin:18px 0}.rep-lyrics{margin:20px 0}.rep-lyrics>div{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin-top:16px}.rep-order-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:24px}.rep-order-actions p{margin:0;line-height:1.6}.rep-dialog{background:var(--surface,#fff);color:var(--vida-ink,#273327);border:1px solid #c9d1c0;border-radius:24px;width:min(720px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:26px;box-shadow:0 25px 100px #0005}.rep-dialog::backdrop{background:#14201bd0}.rep-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}.rep-dialog h2{font-size:24px;margin:0}.rep-dialog label{display:block;font-weight:700;margin-top:18px}.rep-dialog input,.rep-dialog textarea{margin-top:8px}.rep-dialog .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rep-dialog .form-help{font-weight:400;line-height:1.7;margin:12px 0}.rep-remove{padding-top:24px;margin-top:24px;border-top:1px solid #b6c1ad}.rep-share{font-family:inherit;font-size:14px}.rep-info{display:flex;align-items:flex-start;gap:12px;background:#eef2e6;color:#405531;border-radius:14px;padding:18px;line-height:1.7}.rep-info i{margin-top:5px}.rep-public{font-family:"Vida Sans",sans-serif;background:#f4f1e9;color:#293527;margin:0}.rep-public-header{position:sticky;top:0;z-index:5;background:#faf8f2f5;backdrop-filter:blur(12px);border-bottom:1px solid #dce1d4;display:flex;align-items:center;gap:18px;padding:16px max(18px,calc((100vw - 1000px)/2))}.rep-public-header img{width:88px;height:64px;object-fit:contain}.rep-public-header>div{flex:1;min-width:0}.rep-public-header span{display:block;font-size:12px;line-height:1.5}.rep-public-header strong{display:block;font-size:19px}.rep-public .icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid #d1d8c6;background:#fff;color:#405331;flex-shrink:0}.rep-public-main{max-width:1000px;margin:0 auto;padding:30px 18px 50px}.rep-public .panel{background:#fff;border:1px solid #e0e4d9;border-radius:24px;box-shadow:0 8px 30px #33442208}.rep-public .edit-box{padding:30px;margin-bottom:26px}.rep-public h1{font-size:clamp(27px,4vw,42px);font-weight:900;line-height:1.25;margin:12px 0 20px;overflow-wrap:anywhere}.rep-public h2,.rep-public h3{font-weight:800}.rep-public p{line-height:1.8}.rep-public .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;font-weight:800;padding:12px 18px;font-size:14px}.rep-public .btn-primary{background:#64774d;border-color:#64774d;color:#fff}.rep-public .btn-light{background:#f4f6ef;border-color:#d6ddcc;color:#3b4e2e}.rep-public .form-control{border-radius:12px;padding:12px 14px;font-size:16px;min-width:0;max-width:100%}.rep-public .dialog-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:26px}.rep-public .notice{background:#e6efdc;color:#304824;padding:18px 22px;border-radius:14px;margin-bottom:24px;line-height:1.7}.rep-public .notice.error{background:#fee2e2;color:#991b1b}.rep-public .empty{padding:28px;background:#fff;border-radius:18px;margin:20px 0}.rep-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px;color:#63734b}.rep-public-footer{margin-top:40px;text-align:center;font-size:13px;color:#63734b}[data-app-reload]{display:inline-flex!important;visibility:visible!important;flex-shrink:0}
@media(max-width:600px){.rep-song{padding:17px!important}.rep-song>header{gap:8px;flex-wrap:wrap}.rep-song-title{flex-basis:calc(100% - 100px)}.rep-arrows{margin-left:auto}.rep-song h3{font-size:18px}.rep-dialog{padding:20px}.rep-dialog .field-grid{grid-template-columns:1fr;gap:0}.rep-public-header{gap:10px;padding:12px}.rep-public-header img{width:64px;height:52px}.rep-public-header strong{font-size:16px}.rep-public-header span{font-size:11px}.rep-public-main{padding:22px 12px 40px}.rep-public .edit-box{padding:22px}.rep-order-actions{align-items:stretch;flex-direction:column}.rep-order-actions button{width:100%}.rep-public .dialog-actions{flex-direction:column}.rep-public .dialog-actions button{width:100%}.app-top-actions{gap:4px!important}}
@media(min-width:901px){:root{--rail:300px}}