@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap";:root{font-family:Sora,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f2fb;background:#100e16;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page: #100e16;--panel: #17141f;--panel-raise: #1d1928;--panel-soft: #211c2c;--line: rgba(228, 216, 245, .09);--line-strong: rgba(228, 216, 245, .15);--text: #f6f2fb;--muted: #9891a5;--quiet: #6d657a;--violet: #9b5de5;--violet-light: #c39af0;--violet-dark: #6840a3;--gold: #f2c66d;--green: #65ce9a;--red: #e87988;--radius: 16px}*{box-sizing:border-box}html{min-width:320px;background:var(--page)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 73% -12%,rgba(123,73,169,.1),transparent 34rem),var(--page)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--violet-light);outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}::selection{color:#fff;background:#7545ad}.app-shell{min-height:100vh}.access-screen{display:grid;min-height:100vh;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at 50% 0%,rgba(123,73,169,.18),transparent 34rem),var(--page)}.access-card{width:min(100%,438px);padding:36px 34px 30px;border:1px solid rgba(190,151,233,.17);border-radius:18px;background:linear-gradient(150deg,#221c2dfa,#16131efa);box-shadow:0 24px 70px #00000059}.access-brand-mark{width:50px;height:50px;margin-bottom:24px;border-radius:15px}.access-brand-mark .brand-k{font-size:29px}.access-card>.section-kicker{display:block;margin-bottom:11px;color:var(--violet-light);font-size:9px}.access-card h1{margin:0;color:var(--text);font-size:clamp(23px,5vw,30px);font-weight:600;letter-spacing:-1px;line-height:1.2}.access-card>p{margin:12px 0 22px;color:var(--muted);font-size:12px;line-height:1.7}.access-form{display:grid;gap:10px}.access-form label{color:#c9bfd3;font-size:10px;font-weight:600}.access-form input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:#0a080f73;color:var(--text);font-size:16px;letter-spacing:6px}.access-form input::placeholder{color:#786e84;font-size:12px;letter-spacing:1px}.access-submit{width:100%;min-height:45px;margin-top:5px}.access-error{margin:0!important;color:#f2a2ad!important;font-size:10px!important;line-height:1.5!important}.access-footnote{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0!important;color:#8d8299!important;font-size:9px!important;line-height:1.6!important}.access-footnote svg{flex:0 0 auto;margin-top:1px;color:var(--violet-light)}.access-card--loading{text-align:center}.access-card--loading .access-brand-mark{margin-right:auto;margin-left:auto}.access-card--loading h1{font-size:23px}.access-card--loading>p{margin-bottom:17px}.access-spinner{display:inline-block;width:22px;height:22px;border:2px solid rgba(195,154,240,.22);border-top-color:var(--violet-light);border-radius:50%;animation:access-spin .8s linear infinite}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;display:flex;flex-direction:column;width:244px;padding:27px 17px 17px;background:#14121bf5;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;color:inherit;text-decoration:none}.brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;overflow:hidden;border:1px solid rgba(190,154,231,.2);border-radius:13px;background:linear-gradient(145deg,#262031,#171321);box-shadow:inset 0 1px #ffffff0d}.brand-mark-image{display:block;padding:1px;border-color:#fff3;background:#000;object-fit:contain;object-position:center}.brand-k{color:#fff;font-size:25px;font-weight:700;line-height:1;letter-spacing:-3px;transform:translate(-1px)}.brand-light{position:absolute;right:7px;bottom:6px;left:7px;height:2px;border-radius:4px;background:var(--violet);box-shadow:0 0 8px #9b5de5e6}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:16px;font-weight:700;letter-spacing:2.2px}.brand-copy small{color:#93899f;font-size:8px;font-weight:600;letter-spacing:1.15px;white-space:nowrap}.sidebar-label{margin:49px 10px 11px;color:#71697c;font-size:9px;font-weight:700;letter-spacing:1.55px}.side-nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a49bad;text-align:left;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.nav-link>span:nth-child(2){flex:1;font-size:12px;font-weight:500}.nav-link:hover{color:#eee7f8;background:#ffffff09}.nav-link.is-active{border-color:#9b5de52e;background:linear-gradient(90deg,#9b5de52e,#9b5de512);color:#d0aff1}.nav-link.is-active>svg{color:var(--violet-light)}.nav-plus{display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(255,255,255,.09);border-radius:6px;color:#b9a5cf}.sidebar-spacer{flex:1}.sidebar-service-card{position:relative;display:flex;gap:10px;min-height:94px;padding:13px 11px;overflow:hidden;border:1px solid rgba(155,93,229,.18);border-radius:12px;background:linear-gradient(140deg,#5b3d802e,#221d2bb8)}.service-mini-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border:1px solid rgba(195,154,240,.2);border-radius:8px;background:#9b5de51f;color:var(--violet-light)}.sidebar-service-card>div:nth-child(2){display:flex;flex-direction:column;gap:6px}.sidebar-service-card span{color:#9a8ca9;font-size:8px;font-weight:700;letter-spacing:1px}.sidebar-service-card strong{color:#eee8f5;font-size:10px;font-weight:600}.sidebar-service-card small{color:#92889c;font-size:9px}.sidebar-service-card{align-items:flex-start;width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.sidebar-service-card:hover{transform:translateY(-1px);border-color:#c39af061;background:linear-gradient(140deg,#6845913d,#221d2bd1)}.sidebar-service-card>div:nth-child(2){min-width:0}.sidebar-service-card strong{display:block;max-width:151px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-service-card small{display:-webkit-box;overflow:hidden;line-height:1.45;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.service-mini-line{position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--violet),transparent 80%);opacity:.8}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:19px 5px 0;color:#847c8d;font-size:9px}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 9px #65ce9a59}.status-dot--error{background:var(--red);box-shadow:0 0 9px #e8798859}.status-dot--saving{background:var(--gold);box-shadow:0 0 9px #f2c66d59}.workspace{min-height:100vh;margin-left:244px}.topbar{display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 38px;border-bottom:1px solid var(--line);background:#100e1673}.topbar-context{display:flex;align-items:center;gap:8px;color:#7c7488;font-size:9px;font-weight:700;letter-spacing:1.25px}.topbar-context strong{color:#c9c0d2;font-size:9px;letter-spacing:.6px}.topbar-context-dot{width:5px;height:5px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px #9b5de5bf}.topbar-right{display:flex;align-items:center;gap:12px}.device-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;background:#ffffff05;color:#9f97a9;font-size:9px}.device-pill .status-dot--error{background:var(--red);box-shadow:0 0 9px #e8798859}.device-pill .status-dot--saving{background:var(--gold);box-shadow:0 0 9px #f2c66d59}.logout-button,.sync-now-button{min-height:31px;padding:0 10px;font-size:9px}.sync-now-button:disabled{opacity:.55;cursor:wait;transform:none}.sync-now-button:disabled:hover{transform:none}.mobile-brand{display:none}.page-content{width:min(100%,1130px);min-height:calc(100vh - 66px);margin:0 auto;padding:38px 40px 21px}.storage-warning{display:flex;align-items:flex-start;gap:8px;margin:0 0 18px;padding:11px 13px;border:1px solid rgba(232,121,136,.24);border-radius:9px;background:#e8798813;color:#e9a2ac;font-size:10px;line-height:1.6}.storage-warning svg{flex:0 0 auto;margin-top:1px}.sync-warning{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px;padding:12px 14px;border:1px solid rgba(242,198,109,.23);border-radius:10px;background:#f2c66d0f;color:#e5d4ae;font-size:10px;line-height:1.55}.sync-warning--conflict{border-color:#e879884d;background:#e8798812;color:#e9b2b8}.sync-warning--legacy{align-items:flex-start;border-color:#9b5de540;background:#9b5de50f;color:#cab5de}.sync-warning strong{display:block;margin-bottom:3px;color:#f0e8f5;font-size:10px}.sync-warning p{margin:0;color:#aea3b8}.sync-warning .button{min-height:32px;flex:0 0 auto;font-size:9px}.sync-warning-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow,.section-kicker{color:#95899f;font-size:9px;font-weight:700;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:9px}.eyebrow-line{display:inline-block;width:18px;height:1px;background:var(--violet)}.page-heading h1{margin:0;color:var(--text);font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:-1.4px;line-height:1.2}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 14px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:600;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button:disabled:hover{transform:none}.button-primary{border-color:#c4a1e733;background:linear-gradient(135deg,#9b5de5,#7948b8);color:#fff;box-shadow:0 5px 18px #6d409d2e}.button-primary:hover{background:linear-gradient(135deg,#a96ced,#8955c7);box-shadow:0 8px 22px #6d409d47}.heading-action{margin-bottom:2px}.button-quiet{border-color:var(--line-strong);background:#ffffff06;color:#c3bacd}.button-quiet:hover{border-color:#c39af059;background:#9b5de512}.button-gold{border-color:#f2c66d59;background:#f2c66d;color:#2b2113}.button-gold:hover{background:#f7d282}.setlist-banner{position:relative;min-height:230px;padding:25px 27px 22px;overflow:hidden;border:1px solid rgba(190,151,233,.17);border-radius:16px;background:radial-gradient(ellipse at 69% 48%,rgba(128,79,173,.19),transparent 34%),linear-gradient(110deg,#201a2b,#1a1722 54%,#211a2d);box-shadow:0 12px 35px #0000001f}.setlist-banner:before{position:absolute;top:-140px;right:20%;width:260px;height:260px;border:1px solid rgba(194,154,240,.06);border-radius:50%;content:""}.setlist-banner:after{position:absolute;right:31%;bottom:-157px;width:270px;height:270px;border:1px solid rgba(194,154,240,.05);border-radius:50%;content:""}.banner-content{position:relative;z-index:2;max-width:450px}.banner-tag{display:flex;align-items:center;gap:8px;color:#afa2bf;font-size:8px;font-weight:700;letter-spacing:1.35px}.banner-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--violet-light);box-shadow:0 0 9px #c39af0cc}.banner-tag-separator{color:#5c5268}.banner-content h2{margin:16px 0 5px;color:#f9f5fc;font-size:clamp(25px,3.2vw,35px);font-weight:500;letter-spacing:-1.4px}.banner-content h2 em{color:#c6a5ea;font-style:normal;font-weight:600}.banner-day{color:#a79daf;font-size:.46em;font-weight:500;letter-spacing:-.25px}.banner-content>p{display:block;max-width:430px;margin:0;color:#a79daf;font-size:11px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.banner-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:22px}.song-count{display:flex;align-items:center;gap:8px}.song-count strong{color:#d0b4ee;font-size:18px;font-weight:600;letter-spacing:-.5px}.song-count span{color:#92889d;font-size:8px;font-weight:700;letter-spacing:1px}.banner-divider{width:1px;height:19px;background:#e1d3f026}.banner-detail{display:inline-flex;align-items:flex-start;gap:6px;max-width:360px;min-width:0;color:#b7adbf;font-size:10px;line-height:1.45;overflow-wrap:anywhere;white-space:normal}.banner-art{position:absolute;top:0;right:16%;width:290px;height:100%;color:#c8a5eb}.banner-disc{position:absolute;top:50%;left:50%;z-index:1;display:grid;place-items:center;width:111px;height:111px;transform:translate(-50%,-50%);border:1px solid rgba(199,160,239,.2);border-radius:50%;background:radial-gradient(circle at 46% 43%,#a36fd747,#52367030 47%,#1c1725ad 72%);box-shadow:0 0 42px #844db524,inset 0 0 30px #c19be714}.banner-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(189,148,233,.12);border-radius:50%;transform:translate(-50%,-50%)}.banner-orbit-one{width:195px;height:195px}.banner-orbit-two{width:258px;height:258px;border-style:dashed;opacity:.45}.banner-note{position:absolute;z-index:2;color:#c6a1ed;font-family:Georgia,serif;text-shadow:0 0 14px rgba(155,93,229,.65)}.note-one{top:20%;right:28%;font-size:30px}.note-two{bottom:19%;left:23%;font-size:23px}.banner-bars{position:absolute;right:22px;bottom:16px;display:flex;align-items:center;gap:4px;height:27px;opacity:.25}.banner-bars i{display:block;width:3px;border-radius:4px;background:#cfadf0}.banner-bars i:nth-child(1),.banner-bars i:nth-child(9){height:8px}.banner-bars i:nth-child(2),.banner-bars i:nth-child(8){height:14px}.banner-bars i:nth-child(3),.banner-bars i:nth-child(7){height:21px}.banner-bars i:nth-child(4),.banner-bars i:nth-child(6){height:11px}.banner-bars i:nth-child(5){height:26px}.button-share{position:absolute;right:23px;bottom:20px;z-index:3;min-height:35px;border-color:#f0e8fa2b;background:#0d0b1257;color:#e3daed;font-size:9px}.button-share:hover{border-color:#c39af066;background:#9b5de526}.button-share svg{color:#c6a4ea}.button-event-edit{position:absolute;top:17px;right:17px;z-index:4;min-height:32px;padding:0 10px;border-color:#f0e8fa29;background:#0d0b126b;color:#ded2e9;font-size:9px}.button-event-edit:hover{border-color:#c39af066;background:#9b5de526}.share-word{color:#b1a5bd;font-weight:400}.list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:31px 0 13px}.list-heading h3{margin:6px 0 0;color:#eee9f3;font-size:16px;font-weight:600;letter-spacing:-.35px}.list-heading h3 span{color:#92899d;font-size:12px;font-weight:500}.list-hint{padding-bottom:2px;color:#797184;font-size:9px}.song-list{display:grid;gap:10px}.song-card{padding:14px 17px 11px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,#1c1924f0,#17141ff5);transition:border-color .18s ease,background .18s ease,transform .18s ease}.song-card:hover{transform:translateY(-1px);border-color:#ac84d53b;background:linear-gradient(110deg,#221d2bf5,#181521fa)}.song-card-main{display:flex;align-items:flex-start;gap:13px}.song-number{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border:1px solid rgba(195,154,240,.12);border-radius:9px;background:#9b5de517;color:#c9a5ed;font-size:10px;font-weight:600}.song-open{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.song-title{color:#f1edf5;font-size:13px;font-weight:600;letter-spacing:-.25px}.song-artist{margin-top:3px;color:#a49bad;font-size:10px}.song-meta{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:8px}.meta-item{display:inline-flex;align-items:center;gap:5px;color:#9c91a7;font-size:9px;line-height:1.5}.meta-item svg{color:#9c8cae}.meta-solo svg{color:var(--gold)}.meta-solo{color:#c7b389}.icon-button{display:grid;place-items:center;width:33px;height:33px;flex:0 0 auto;border:1px solid transparent;border-radius:8px;background:transparent;color:#8c8296;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.icon-button:hover{background:#ffffff0d}.delete-button:hover{border-color:#e879882e;background:#e8798814;color:var(--red)}.edit-button:hover{border-color:#f2c66d2b;background:#f2c66d14;color:var(--gold)}.song-card-bottom{display:flex;align-items:center;gap:12px;margin:12px 0 0 44px;padding-top:9px;border-top:1px solid rgba(235,225,245,.06)}.key-label{display:inline-flex;align-items:center;gap:6px;color:#898194;font-size:9px}.key-label strong{color:#ceb0eb;font-size:10px;font-weight:700}.key-label-dot{width:5px;height:5px;border-radius:50%;background:var(--violet)}.key-selector{display:flex;align-items:center;gap:5px}.key-button{display:grid;place-items:center;width:29px;height:27px;border:1px solid transparent;border-radius:7px;background:#ffffff0a;color:#aaa2b4;font-size:9px;font-weight:600;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}.key-button:hover{border-color:#c39af033;color:#e5d4f6}.key-button.is-active{border-color:#c39af038;background:#9b5de540;color:#e6d2fa;box-shadow:inset 0 0 0 1px #9b5de514}.key-selector--compact{gap:4px}.key-selector--compact .key-button{width:25px;height:24px;border-radius:6px;font-size:8px}.read-cifra-button{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:5px 0 5px 8px;border:0;background:transparent;color:#b99ad8;font-size:9px;font-weight:600;cursor:pointer}.read-cifra-button:hover{color:#d0aff1}.read-cifra-button svg{transition:transform .15s ease}.read-cifra-button:hover svg{transform:translate(2px)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:42px 20px;border:1px dashed rgba(224,210,240,.14);border-radius:14px;background:#ffffff03;text-align:center}.empty-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(155,93,229,.17);border-radius:14px;background:#9b5de517;color:#c39af0}.empty-state h3{margin:15px 0 5px;color:#eae4f0;font-size:13px}.empty-state p{max-width:330px;margin:0 0 16px;color:var(--muted);font-size:10px;line-height:1.7}.library-panel{overflow:hidden;border:1px solid rgba(242,198,109,.23);border-radius:15px;background:linear-gradient(145deg,#201c26fa,#17141ffa)}.library-panel-heading{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(242,198,109,.045),transparent 57%)}.library-lock-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(242,198,109,.22);border-radius:13px;background:#f2c66d14;color:var(--gold)}.library-heading-copy{flex:1;min-width:0}.library-heading-copy h2{margin:5px 0 4px;color:#f0ebf5;font-size:16px;font-weight:600;letter-spacing:-.3px}.library-heading-copy p{margin:0;color:#9b92a5;font-size:10px}.lock-action{min-height:33px;padding:0 10px;font-size:9px}.unlock-box{display:grid;grid-template-columns:42px minmax(180px,1fr) minmax(260px,.95fr);align-items:center;gap:14px;padding:28px 23px 22px}.unlock-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(242,198,109,.17);border-radius:11px;background:#f2c66d12;color:var(--gold)}.unlock-copy h3{margin:0 0 5px;color:#eae4ee;font-size:12px;font-weight:600}.unlock-copy p{max-width:290px;margin:0;color:#918899;font-size:9px;line-height:1.7}.unlock-fields{display:flex;align-items:center;gap:8px}.unlock-fields input{width:100%;min-width:0;height:39px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:#13111a;color:#f2eefa;font-size:10px;letter-spacing:2px}.unlock-fields input::placeholder{color:#736b7e;font-size:9px;letter-spacing:0}.unlock-fields .button{min-width:93px;font-size:10px}.privacy-note{grid-column:2 / 4;margin:-5px 0 0;color:#746c7d;font-size:8px;line-height:1.6}.library-content{padding:20px 22px 24px}.library-open-notice{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#a7d9bd;font-size:10px;font-weight:600}.library-open-notice>span:not(.status-dot){color:#6c6375}.library-open-notice>span:last-child{color:#8a8291;font-weight:400}.library-list{display:grid;gap:8px}.library-song{display:flex;align-items:center;gap:5px;padding:10px 10px 10px 12px;border:1px solid rgba(232,220,246,.075);border-radius:10px;background:#0c0a1157;transition:border-color .15s ease,background .15s ease}.library-song:hover{border-color:#c39af02e;background:#9b5de509}.library-song-main{display:flex;align-items:center;gap:11px;flex:1;min-width:0;border:0;background:transparent;text-align:left;cursor:pointer}.library-song-number{color:#9988ad;font-size:9px;font-weight:600}.library-song-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.library-song-copy strong{overflow:hidden;color:#eee9f4;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.library-song-copy small{overflow:hidden;color:#91889c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.library-solo{display:inline-flex;align-items:center;gap:4px;overflow:hidden;color:#c6ae7b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.library-chevron{color:#736a80}.library-song-actions{display:flex;align-items:center;gap:2px}.library-empty{padding:32px 20px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:16px}.song-form{padding:21px 22px 20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#1c1924fa,#17141ffa)}.form-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid var(--line)}.form-card-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(155,93,229,.2);border-radius:10px;background:#9b5de51a;color:#c6a4ea}.form-card-heading h2{margin:5px 0 0;color:#f0ebf5;font-size:14px;font-weight:600}.field-group{display:flex;flex-direction:column;margin-bottom:15px}.field-group label{margin-bottom:7px;color:#c0b8c9;font-size:10px;font-weight:500}.required-mark{color:#d49df6}.field-group input,.field-group textarea,.field-group select{width:100%;border:1px solid rgba(226,215,239,.11);border-radius:8px;background:#121018;color:#f3edf8;font-size:10px;transition:border-color .15s ease,box-shadow .15s ease;color-scheme:dark}.field-group input,.field-group select{height:39px;padding:0 11px}.field-group textarea{min-height:180px;resize:vertical;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.8;-moz-tab-size:4;tab-size:4}.field-group input::placeholder,.field-group textarea::placeholder{color:#6e6678}.field-group input:focus,.field-group textarea:focus,.unlock-fields input:focus{border-color:#aa73dfa6;outline:0;box-shadow:0 0 0 3px #9b5de51a}.field-group select:focus{border-color:#aa73dfa6;outline:0;box-shadow:0 0 0 3px #9b5de51a}.button-search{align-self:flex-start;min-height:33px;margin-top:8px;padding:0 10px;border-color:#ef855033;background:#bb5b2a1c;color:#eaa273;font-size:9px}.button-search:hover{border-color:#ef85506b;background:#bb5b2a2b}.button-search svg:last-child{margin-left:1px;color:#bc815d}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-group-cifra{margin-bottom:0}.label-with-hint{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.label-with-hint>span{color:#71697b;font-size:7px;font-weight:700;letter-spacing:1px}.field-footnote{margin-top:6px;color:#777080;font-size:8px;line-height:1.6}.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.save-button{min-height:40px;padding:0 15px}.form-aside{position:sticky;top:20px;padding:18px 16px 14px;overflow:hidden;border:1px solid rgba(155,93,229,.17);border-radius:13px;background:radial-gradient(ellipse at 100% 0%,rgba(155,93,229,.11),transparent 60%),#191622}.aside-glow{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border:1px solid rgba(195,154,240,.18);border-radius:10px;background:#9b5de51c;color:#c8a6eb}.form-aside>h3{margin:8px 0 0;color:#e9e2ef;font-size:12px;font-weight:500;line-height:1.65;letter-spacing:-.15px}.aside-divider{height:1px;margin:16px 0 12px;background:var(--line)}.form-steps{display:grid;gap:15px;margin:0;padding:0;list-style:none}.form-steps li{display:flex;gap:9px}.form-steps li>span{color:#bd99df;font-size:8px;font-weight:700;letter-spacing:.5px}.form-steps li div{display:flex;flex-direction:column;gap:4px}.form-steps strong{color:#d7cfde;font-size:9px;font-weight:600}.form-steps small{color:#898192;font-size:8px;line-height:1.6}.aside-local-note{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:12px;border-top:1px solid var(--line);color:#8c8494;font-size:8px}.aside-local-note .status-dot{width:6px;height:6px}.page-footer{display:flex;justify-content:space-between;gap:12px;margin-top:34px;padding:15px 0 2px;border-top:1px solid rgba(226,215,239,.055);color:#686171;font-size:8px}.page-footer span:first-child{font-weight:700;letter-spacing:1.1px}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:25px;background:#08070cc7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:backdrop-in .16s ease both}.cifra-modal{display:flex;flex-direction:column;width:min(100%,680px);max-height:min(88vh,790px);padding:22px;overflow:hidden;border:1px solid rgba(194,154,238,.2);border-radius:17px;background:linear-gradient(145deg,#1d1927,#15121c);box-shadow:0 24px 100px #0000007a;animation:modal-in .2s ease both}.event-modal{display:flex;flex-direction:column;width:min(100%,600px);max-height:min(88vh,760px);padding:22px;overflow:auto;border:1px solid rgba(194,154,238,.2);border-radius:17px;background:linear-gradient(145deg,#1d1927,#15121c);box-shadow:0 24px 100px #0000007a;animation:modal-in .2s ease both}.event-modal .modal-header{position:sticky;top:-22px;z-index:2;padding-top:0;background:linear-gradient(145deg,#1d1927,#1a1623)}.event-form{display:flex;flex-direction:column;padding-top:17px}.event-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.event-field-wide{grid-column:1 / -1}.event-notes-field textarea{min-height:92px;resize:vertical;font-family:inherit;font-size:10px;line-height:1.6}.event-conflict{margin-bottom:16px;padding:12px;border:1px solid rgba(242,198,109,.25);border-radius:10px;background:#f2c66d0f}.event-conflict strong{color:#f0dfbd;font-size:10px}.event-conflict p{margin:5px 0 11px;color:#b9ac95;font-size:9px;line-height:1.6}.event-conflict-actions{display:flex;flex-wrap:wrap;gap:7px}.event-conflict-actions .button{min-height:32px;font-size:9px}.event-form-error{margin:0 0 12px;color:#f0a9b1;font-size:10px;line-height:1.55}.event-form-actions{margin-top:3px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.modal-header h2{margin:6px 0 4px;color:#f2edf6;font-size:22px;font-weight:600;letter-spacing:-.8px}.modal-header p{margin:0;color:#9f96a8;font-size:10px}.modal-close{border-color:var(--line);background:#ffffff08}.modal-meta-row{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.modal-meta-pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border:1px solid var(--line);border-radius:20px;color:#aaa1b3;font-size:9px}.modal-key-pill{border-color:#9b5de533;background:#9b5de517;color:#c6b1da}.modal-key-pill strong{color:#e1c5f7}.modal-key-control{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:10px 11px;border:1px solid rgba(226,215,239,.07);border-radius:9px;background:#09080d33}.modal-key-control>span{color:#878091;font-size:8px;font-weight:700;letter-spacing:1px}.solo-note{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(242,198,109,.14);border-radius:9px;background:#f2c66d0b;color:var(--gold)}.solo-note>div{display:flex;flex-direction:column;gap:4px}.solo-note span{color:#bda776;font-size:7px;font-weight:700;letter-spacing:1px}.solo-note p{margin:0;color:#e0d2b2;font-size:10px;line-height:1.5}.cifra-paper{flex:1;min-height:180px;overflow:auto;border:1px solid rgba(226,215,239,.07);border-radius:11px;background:#100e16}.cifra-paper pre{min-width:max-content;margin:0;padding:20px 19px 24px;color:#e6dfee;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.9;white-space:pre-wrap}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px}.modal-footer>span{display:inline-flex;align-items:center;gap:7px;color:#92899c;font-size:8px}.modal-footer .button{min-height:32px;font-size:9px}.toast{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:10px;max-width:min(440px,calc(100vw - 36px));padding:11px 15px 11px 11px;border:1px solid rgba(195,154,240,.23);border-radius:10px;background:#211c2c;color:#eae2f2;font-size:10px;box-shadow:0 10px 35px #00000059;animation:toast-in .18s ease both}.toast-icon{display:grid;place-items:center;width:23px;height:23px;flex:0 0 auto;border-radius:7px;background:#65ce9a1f;color:var(--green)}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(11px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes access-spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.page-content{padding-top:48px}.setlist-banner{min-height:250px;padding-top:30px}.banner-content h2{margin-top:20px}}@media(max-width:1100px){.sidebar{width:218px}.workspace{margin-left:218px}.topbar,.page-content{padding-right:27px;padding-left:27px}.banner-art{right:10%}.unlock-box{grid-template-columns:40px 1fr}.unlock-fields{grid-column:2}.privacy-note{grid-column:2;margin-top:-4px}.form-layout{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:800px){.sidebar{width:76px;align-items:center;padding:23px 9px 13px}.brand{padding:0}.brand-mark{width:42px;height:42px}.brand-copy,.sidebar-label,.nav-link>span,.sidebar-service-card,.sidebar-footer{display:none}.side-nav{width:100%;margin-top:45px}.nav-link{justify-content:center;width:54px;height:50px;min-height:50px;margin:0 auto;padding:0}.workspace{margin-left:76px}.topbar{padding:0 22px}.page-content{padding:31px 22px 20px}.banner-art{right:1%;opacity:.82}.banner-content{max-width:380px}.banner-content h2{font-size:29px}.form-layout{grid-template-columns:minmax(0,1fr)}.form-aside{position:static;display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px}.aside-glow{grid-row:span 2;margin:0}.form-aside>.section-kicker{align-self:end}.form-aside>h3{grid-column:2;max-width:450px;margin:5px 0 0}.aside-divider{grid-column:1 / -1}.form-steps{grid-column:1 / -1;grid-template-columns:repeat(3,1fr);gap:12px}.aside-local-note{grid-column:1 / -1}}@media(max-width:600px){body{background:radial-gradient(ellipse at 90% -10%,rgba(123,73,169,.1),transparent 24rem),var(--page)}.sidebar{display:none}.workspace{margin-left:0;padding-bottom:calc(71px + env(safe-area-inset-bottom))}.topbar{height:58px;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:8px}.brand-mark--small{width:32px;height:32px;border-radius:10px}.brand-mark-image.brand-mark--small{border-radius:50%}.brand-mark--small .brand-k{font-size:20px}.brand-mark--small .brand-light{right:5px;bottom:4px;left:5px;height:2px}.mobile-brand>span:last-child{display:flex;flex-direction:column;gap:2px}.mobile-brand strong{color:#f5eff9;font-size:11px;letter-spacing:1.7px}.mobile-brand small{color:#90869a;font-size:6px;font-weight:600;letter-spacing:.75px}.topbar-context{margin-left:auto;font-size:7px;letter-spacing:.9px}.topbar-context strong{font-size:7px}.topbar-context-dot{width:4px;height:4px}.topbar-right{display:flex;gap:5px}.device-pill{display:none}.logout-button{min-height:27px;padding:0 8px;font-size:8px}.sync-now-button{width:29px;min-width:29px;min-height:27px;padding:0;gap:0}.sync-now-button>span{display:none}.page-content{min-height:auto;padding:25px 16px 20px}.page-heading{align-items:flex-end;gap:10px;margin-bottom:20px}.eyebrow{margin-bottom:7px;font-size:8px}.page-heading h1{font-size:27px}.page-heading p{max-width:255px;margin-top:6px;font-size:10px;line-height:1.6}.heading-action{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:10px}.heading-action span{display:none}.setlist-banner{min-height:226px;padding:19px 17px 16px;border-radius:13px}.banner-content{max-width:78%}.banner-tag{gap:6px;font-size:7px;letter-spacing:1px}.banner-content h2{max-width:210px;margin-top:16px;font-size:26px;line-height:1.2}.banner-content>p{font-size:9px}.banner-bottom{gap:9px;margin-top:17px}.song-count{gap:6px}.song-count strong{font-size:16px}.song-count span{max-width:68px;font-size:7px;line-height:1.4}.banner-divider{height:16px}.banner-detail{max-width:200px;font-size:8px}.banner-art{top:1px;right:-70px;width:240px;opacity:.65}.banner-disc{width:83px;height:83px}.banner-disc svg{width:37px;height:37px}.banner-orbit-one{width:148px;height:148px}.banner-orbit-two{width:203px;height:203px}.button-share{right:12px;bottom:12px;min-height:31px;gap:6px;padding:0 8px;font-size:8px}.button-event-edit{top:10px;right:10px;width:31px;min-width:31px;height:31px;min-height:31px;padding:0}.button-event-edit span{display:none}.button-share svg{width:14px}.share-word{display:none}.banner-bars{right:10px;bottom:47px}.note-one{top:20%;right:18%}.note-two{bottom:21%;left:16%}.list-heading{align-items:flex-end;margin:25px 0 11px}.list-heading h3{font-size:15px}.list-hint{max-width:125px;font-size:8px;line-height:1.4;text-align:right}.song-list{gap:8px}.song-card{padding:12px 11px 10px;border-radius:11px}.song-card-main{gap:9px}.song-number{width:28px;height:28px;border-radius:8px;font-size:9px}.song-title{font-size:12px}.song-artist{font-size:9px}.song-meta{gap:4px 9px;margin-top:7px}.meta-item{font-size:8px}.delete-button{width:29px;height:29px}.song-card-bottom{flex-wrap:wrap;gap:8px;margin:10px 0 0 37px;padding-top:8px}.key-label{font-size:8px}.key-selector--compact{flex:1;justify-content:flex-end;gap:3px}.key-selector--compact .key-button{width:24px;height:23px}.read-cifra-button{margin-left:0;padding-left:0;font-size:8px}.page-footer{margin-top:25px;padding-top:12px;font-size:7px}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);height:calc(62px + env(safe-area-inset-bottom));padding:5px 12px env(safe-area-inset-bottom);border-top:1px solid rgba(226,215,239,.1);background:#121018f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#837a8e;cursor:pointer}.mobile-nav-item span{font-size:8px;font-weight:500}.mobile-nav-item.is-active{color:#c6a4ea}.mobile-nav-item.is-active svg{filter:drop-shadow(0 0 5px rgba(155,93,229,.45))}.library-panel{border-radius:12px}.library-panel-heading{gap:10px;padding:15px 13px}.library-lock-mark{width:39px;height:39px;border-radius:11px}.library-heading-copy h2{font-size:12px}.library-heading-copy p{max-width:235px;font-size:8px;line-height:1.6}.library-heading-copy .section-kicker{font-size:7px}.lock-action{min-height:30px;padding:0 7px;font-size:8px}.lock-action svg{width:13px}.unlock-box{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:20px 13px 16px}.unlock-icon{width:33px;height:33px;border-radius:9px}.unlock-icon svg{width:18px}.unlock-copy h3{font-size:10px}.unlock-copy p{font-size:8px}.unlock-fields{grid-column:1 / -1}.unlock-fields input{height:36px;font-size:9px}.unlock-fields .button{min-width:86px;min-height:36px;font-size:9px}.privacy-note{grid-column:1 / -1;margin:-2px 0 0;font-size:7px}.library-content{padding:14px 11px 16px}.library-open-notice{font-size:8px}.library-song{padding:8px 7px 8px 8px}.library-song-main{gap:7px}.library-song-copy strong{font-size:9px}.library-song-copy small,.library-solo{font-size:7px}.library-song-actions .icon-button{width:27px;height:29px}.library-chevron{width:14px}.form-layout{gap:12px}.song-form{padding:15px 13px 14px;border-radius:12px}.form-card-heading{margin-bottom:17px;padding-bottom:13px}.form-card-icon{width:32px;height:32px}.form-card-heading h2{font-size:12px}.form-card-heading .section-kicker{font-size:7px}.field-group{margin-bottom:13px}.field-group label{font-size:9px}.field-group input{height:37px;font-size:9px}.field-group textarea{min-height:155px;font-size:9px}.field-grid{grid-template-columns:1fr;gap:0}.button-search{min-height:31px;font-size:8px}.field-footnote{font-size:7px}.form-actions{margin-top:14px;padding-top:13px}.save-button{min-height:37px;padding:0 10px;font-size:9px}.form-actions .button-quiet{min-height:37px;font-size:9px}.form-aside{grid-template-columns:31px minmax(0,1fr);gap:10px;padding:13px 12px 11px;border-radius:11px}.aside-glow{width:31px;height:31px}.form-aside>.section-kicker{font-size:7px}.form-aside>h3{font-size:10px}.aside-divider{margin:12px 0 10px}.form-steps{gap:9px}.form-steps li{gap:5px}.form-steps li>span{font-size:7px}.form-steps strong,.form-steps small{font-size:7px}.aside-local-note{margin-top:12px;padding-top:10px;font-size:7px}.modal-backdrop{align-items:flex-end;padding:0}.cifra-modal,.event-modal{width:100%;max-height:91vh;padding:18px 15px calc(14px + env(safe-area-inset-bottom));border-radius:17px 17px 0 0}.event-modal .modal-header{top:-18px}.event-modal .modal-header h2{font-size:18px}.event-field-grid{grid-template-columns:1fr;gap:0}.event-field-wide{grid-column:auto}.event-conflict-actions{align-items:stretch;flex-direction:column}.event-conflict-actions .button{width:100%}.event-form-actions .button{min-height:37px;font-size:9px}.modal-header h2{font-size:18px}.modal-header p{font-size:9px}.modal-key-control{align-items:flex-start;flex-direction:column;gap:9px}.modal-key-control>span{font-size:7px}.modal-key-control .key-selector{width:100%;justify-content:space-between}.modal-key-control .key-button{width:34px;height:30px}.cifra-paper{min-height:190px}.cifra-paper pre{padding:16px 13px 20px;font-size:11px}.modal-footer>span{max-width:170px;font-size:7px}.toast{right:12px;bottom:calc(74px + env(safe-area-inset-bottom));left:12px;max-width:none;font-size:9px}.access-card{padding:28px 21px 24px}.access-card>p{font-size:10px}.sync-warning{align-items:stretch;flex-direction:column}.sync-warning-actions{justify-content:flex-start}}@media(max-width:365px){.topbar-context{gap:5px;font-size:6px}.topbar-context strong{font-size:6px}.page-content{padding-right:12px;padding-left:12px}.banner-art{right:-91px}.song-card-bottom{gap:6px}.key-selector--compact .key-button{width:21px}.form-steps{grid-template-columns:1fr}.form-steps li{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}