:root{font-family:Inter,Avenir,Segoe UI,sans-serif;color:#152c28;background:#e8e5dc;font-synthesis:none;--ink: #152c28;--petrol: #287d70;--petrol-dark: #17685f;--mint: #dceee8;--paper: #f6f3eb;--card: #fffdf8;--line: #d9d4c9;--muted: #6e7c78;--danger: #a9493f;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#root{min-height:100%;width:100%;max-width:100%}html{background:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}button,input,select,textarea{font:inherit}input,select,textarea{min-width:0;max-width:100%;font-size:17px}input::placeholder,textarea::placeholder{color:#77827f;opacity:1}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.primary,button.primary{border:0;border-radius:15px;background:var(--petrol);color:#fff;font-weight:900}h1,h2{font-family:Georgia,Times New Roman,serif;letter-spacing:-.025em}.stage{min-height:100dvh;width:100%;background:#e8e5dc}.phone{position:relative;width:min(100%,430px);min-height:100dvh;margin:0 auto;background:var(--paper);padding:calc(var(--safe-top) + 20px) max(20px,var(--safe-right)) calc(104px + var(--safe-bottom)) max(20px,var(--safe-left));box-shadow:0 0 45px #172a2512}.phone>*,.sheet>*,.sheet-form>*,.auth-card>*,.home-grid>*,.action-grid>*,.form-actions>*{min-width:0;max-width:100%}.screen-header{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:4px 0 22px;border-bottom:1px solid #ded9cf}.screen-header>div{min-width:0}.screen-header p,.sheet header p,.menu-panel header p{margin:0 0 3px;color:var(--petrol-dark);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.screen-header h1{margin:0;overflow:hidden;font-size:clamp(24px,7vw,31px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--petrol);color:#fff;font:700 24px/1 Georgia,serif}.icon-button,.menu-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent}.icon-button{font-size:30px}.menu-button{gap:4px;align-content:center}.menu-button i{width:21px;height:2px;border-radius:2px;background:var(--ink)}.home-lead{padding:26px 2px 12px}.home-lead p{margin:0;color:var(--muted);font-size:16px}.home-choices{display:grid;gap:12px}.home-choice{display:grid;grid-template-columns:51px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;min-height:94px;padding:18px;text-align:left;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 7px 22px #23463c0a}.home-choice>span{grid-row:1 / 3;display:grid;place-items:center;align-self:center;width:51px;height:51px;border-radius:17px;background:#e2eee9;color:var(--petrol-dark);font-size:26px;font-weight:800}.home-choice strong{align-self:end;font:700 21px/1.15 Georgia,serif}.home-choice small{align-self:start;margin-top:5px;color:var(--muted);font-size:13px}.home-choice.active{border-color:var(--petrol);background:var(--petrol);color:#fff}.home-choice.active>span{background:#fff2;color:#fff}.home-choice.active small{color:#d8ebe6}.choice-icon{position:relative}.choice-icon b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#e3a448;color:#fff;font-size:11px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 28px}.quick-actions button{min-height:48px;border:1px solid var(--line);border-radius:16px;background:transparent;font-size:13px;font-weight:800}.recent-section{display:grid;gap:10px}.section-label{display:flex;justify-content:space-between;align-items:end;margin:2px 2px 3px}.section-label span{color:var(--petrol-dark);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.section-label strong{color:var(--muted);font-size:11px}.setlist-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto 14px;gap:12px;align-items:center;width:100%;min-height:72px;padding:13px 15px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card)}.setlist-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.setlist-card strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.setlist-card small{color:var(--muted)}.setlist-card em{color:var(--petrol-dark);font-size:11px;font-style:normal;font-weight:800}.setlist-card>b{font-size:22px}.setlist-lines{display:grid;gap:4px}.setlist-lines i{width:26px;height:3px;border-radius:3px;background:var(--petrol)}.setlist-lines i:nth-child(2){width:19px}.compact-empty{padding:20px;text-align:center;color:var(--muted)}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,430px);min-height:calc(68px + var(--safe-bottom));padding:7px max(14px,var(--safe-right)) var(--safe-bottom) max(14px,var(--safe-left));transform:translate(-50%);border-top:1px solid #dad5ca;background:#fbf9f4ef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;justify-items:center;align-content:center;gap:2px;min-height:54px;padding:3px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:800}.bottom-nav span{font-size:23px;line-height:1}.bottom-nav button.active{color:var(--petrol-dark)}.list-info,.library-info,.inbox-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 2px 12px;color:var(--muted)}.list-info span,.library-info span{color:var(--ink);font-size:13px;font-weight:900}.list-info small{text-align:right}.library-info button{width:45px;height:45px;border:0;border-radius:50%;background:var(--petrol);color:#fff;font-size:26px}.setlist-picker{display:flex;gap:7px;max-width:100%;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.setlist-picker button{flex:0 0 auto;min-height:40px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.setlist-picker button.active{border-color:var(--petrol);background:var(--mint);color:var(--petrol-dark)}.move-banner{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:2px 0 14px;padding:13px 15px;border-radius:16px;background:var(--petrol);color:#fff}.move-banner span{color:#d8ebe6;font-size:12px}.move-banner button{grid-column:2;grid-row:1 / 3;border:0;background:transparent;color:#fff;font-weight:800}.song-list{display:grid;gap:10px}.song-row{position:relative;display:grid;grid-template-columns:28px 5px minmax(0,1fr);align-items:stretch;gap:7px;min-width:0}.song-number{align-self:center;text-align:center;color:var(--petrol-dark);font:800 15px Georgia,serif}.role-rail{width:5px;min-height:100%;border-radius:4px;background:#da5}.in-block .role-rail{background:var(--petrol)}.song-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;min-height:76px;padding:13px 13px 13px 15px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card);touch-action:pan-y}.song-text{display:grid;gap:3px;min-width:0}.song-text strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.song-text small{color:var(--muted)}.song-text em{color:var(--petrol-dark);font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.preview-tile{display:grid;place-items:center;width:45px;height:45px;margin-left:8px;border-radius:13px;background:var(--mint);color:var(--petrol-dark)}.drop-target{grid-column:1 / -1;min-height:38px;margin:-2px 0 2px;border:1px dashed var(--petrol);border-radius:12px;background:var(--mint);color:var(--petrol-dark);font-size:12px;font-weight:900}.drop-target.end{width:100%;margin:2px 0 0}.add-song-button{width:100%;min-height:52px;margin:16px 0;border:1px dashed var(--petrol);border-radius:17px;background:transparent;color:var(--petrol-dark);font-weight:900}.library-list,.inbox-list{display:grid;gap:10px}.library-card{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;min-height:71px;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}.library-card.selected{outline:2px solid var(--petrol)}.library-card label{display:grid;grid-template-columns:20px 5px minmax(0,1fr);align-items:center;gap:10px;padding:12px}.library-card label>span:last-child{display:grid;gap:4px;min-width:0}.library-card small{color:var(--muted)}.library-card>button{border:0;background:transparent;font-size:25px}.selection-bar{position:fixed;z-index:22;left:50%;bottom:calc(74px + var(--safe-bottom));display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:min(calc(100% - 28px),402px);padding:10px;transform:translate(-50%);border-radius:18px;background:var(--ink);color:#fff;box-shadow:0 12px 30px #10221e40}.selection-bar span{flex:1 0 100%;padding-left:6px;font-size:12px;font-weight:800}.selection-bar button{flex:1;min-height:41px;padding:8px 12px;border:1px solid #ffffff55;border-radius:12px;background:transparent;color:#fff;font-size:12px;font-weight:900}.selection-bar button.primary{background:#fff;color:var(--ink)}.inbox-summary{padding-bottom:16px}.inbox-summary span{flex:1;padding:13px;border-radius:14px;background:var(--mint);color:var(--petrol-dark);text-align:center;font-size:12px}.inbox-summary b{font-size:18px}.inbox-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:15px;border:1px solid var(--line);border-radius:19px;background:var(--card)}.inbox-card.unread{border-left:4px solid var(--petrol)}.inbox-type{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--mint);color:var(--petrol-dark);font-size:21px}.inbox-card>div:nth-child(2){display:grid;gap:4px;min-width:0}.inbox-card small,.inbox-card p{margin:0;color:var(--muted);font-size:12px}.inbox-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.inbox-actions button{min-height:44px;border:1px solid var(--line);border-radius:14px;background:transparent;font-weight:900}.inbox-actions .primary{border-color:var(--petrol);background:var(--petrol);color:#fff}.empty-state{display:grid;justify-items:center;align-content:center;min-height:48dvh;padding:40px 18px;text-align:center}.empty-state>span{display:grid;place-items:center;width:60px;height:60px;margin-bottom:10px;border-radius:20px;background:var(--mint);color:var(--petrol-dark);font-size:28px}.empty-state h2{margin:7px 0;font-size:28px}.empty-state p{max-width:30ch;margin:0 0 18px;color:var(--muted);line-height:1.5}.empty-state .primary{min-height:48px;padding:11px 17px}.overlay,.menu-overlay{position:fixed;z-index:50;inset:0;display:flex;background:#12231f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay{align-items:flex-end;justify-content:center}.overlay.centered{align-items:center;padding:20px}.sheet{width:min(100%,430px);max-height:calc(92dvh - var(--safe-top));overflow-y:auto;padding:9px max(20px,var(--safe-right)) calc(22px + var(--safe-bottom)) max(20px,var(--safe-left));border-radius:28px 28px 0 0;background:var(--card);box-shadow:0 -20px 60px #10241e30}.sheet-handle{display:block;width:42px;height:5px;margin:0 auto 12px;border-radius:9px;background:#c9c4ba}.sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.sheet h2,.menu-panel h2{margin:0;font-size:29px}.sheet-form{display:grid;gap:15px}.sheet-form label{display:grid;gap:7px;font-size:16px;font-weight:900}.sheet-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-size:17px}.sheet-form input:focus{outline:2px solid #287d7044;border-color:var(--petrol)}.sheet-copy,.song-detail p{color:var(--muted);font-size:16px;line-height:1.5}.sheet-form>small,.auth-card p{font-size:16px;line-height:1.5}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}.form-actions button,.sheet-form>button{min-height:49px;border:1px solid var(--line);border-radius:15px;background:transparent;font-weight:900}.form-actions .primary,.sheet-form>button.primary{border-color:var(--petrol);background:var(--petrol);color:#fff}.form-error{margin:0;color:var(--danger);font-weight:800}.phone-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;min-width:0;max-width:100%}.phone-input b{padding-left:14px}.phone-input input{flex:1 1 auto;min-width:0;border:0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid button{display:grid;justify-items:start;gap:7px;min-height:80px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--paper);text-align:left}.action-grid b{color:var(--petrol-dark);font-size:22px}.action-grid span{font-size:13px;font-weight:900}.action-grid small{color:var(--muted);font-size:10px}.action-grid button:disabled{cursor:not-allowed;opacity:.58}.cancel-button{width:100%;min-height:48px;margin-top:12px;border:0;background:transparent;font-weight:900}.song-detail{display:grid;gap:13px}.primary-link{display:grid;place-items:center;min-height:50px;border-radius:15px;background:var(--petrol);color:#fff;text-decoration:none;font-weight:900}.song-detail>button{min-height:50px}.song-detail .read-only-note{padding:13px;border-radius:14px;background:var(--mint);color:var(--petrol-dark)}.collaborator-list{display:grid;gap:10px}.collaborator-card,.profile-card{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:18px}.collaborator-card>span,.profile-card>span{display:grid;flex:0 0 auto;place-items:center;width:45px;height:45px;border-radius:15px;background:var(--petrol);color:#fff;font:800 20px Georgia,serif}.collaborator-card div,.profile-card div{display:grid;gap:3px}.collaborator-card small,.profile-card small{color:var(--muted)}.collaborator-card a{color:var(--petrol-dark);font-size:12px}.collaborator-card>button{min-height:42px;margin-left:auto;padding:8px 11px;border:1px solid var(--petrol);border-radius:13px;background:var(--mint);color:var(--petrol-dark);font-size:12px;font-weight:900}.profile-card{margin-bottom:18px}.sheet-form .check-row{grid-template-columns:21px minmax(0,1fr);align-items:start}.check-row input{min-height:21px;padding:0}.menu-overlay{justify-content:flex-end}.menu-panel{width:min(88%,370px);height:100%;overflow-y:auto;padding:calc(var(--safe-top) + 22px) max(20px,var(--safe-right)) calc(var(--safe-bottom) + 22px) 22px;background:var(--card);box-shadow:-20px 0 50px #10241e35}.menu-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.menu-panel section{display:grid;gap:3px;padding:15px 0;border-top:1px solid var(--line)}.menu-panel h3{margin:0 0 7px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.menu-panel section button{display:grid;grid-template-columns:31px 1fr;align-items:center;min-height:47px;padding:6px 8px;text-align:left;border:0;border-radius:12px;background:transparent;font-weight:800}.menu-panel section button:hover{background:var(--paper)}.menu-panel section span{color:var(--petrol-dark);font-size:20px}.toast{position:fixed;z-index:80;left:50%;bottom:calc(88px + var(--safe-bottom));width:min(calc(100% - 32px),398px);padding:14px 17px;transform:translate(-50%);border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 15px 35px #10241e45;font-size:13px;font-weight:800}.toast.error{background:var(--danger)}.public-shell{min-height:100dvh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--ink);color:#fff}.brand,.auth-card{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(32px,7vw,90px)}.brand h1{max-width:9ch;margin:8px 0 18px;font-size:clamp(44px,7vw,92px);line-height:.94}.brand p:last-child{color:#c4d7d1}.eyebrow{color:#b7d9d0;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.auth-card{background:var(--paper);color:var(--ink)}.auth-card form{display:grid;gap:15px;width:100%;max-width:450px}.auth-card h2{margin:0;font-size:36px}.auth-card label{display:grid;gap:7px;font-size:16px;font-weight:900}.auth-card input{width:100%;min-height:50px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:17px}.auth-card button{min-height:50px;border:0;border-radius:15px;background:var(--petrol);color:#fff;font-weight:900}.notice{padding:13px 15px;border-left:4px solid var(--petrol);border-radius:8px;background:#fff;color:var(--ink)}.phone-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;min-width:0;max-width:100%}.phone-field strong{padding-left:14px}.phone-field input{flex:1 1 auto;min-width:0;border:0}@media(max-width:720px){.public-shell{grid-template-columns:minmax(0,1fr)}.brand{display:none}.auth-card{min-height:100dvh;padding:calc(var(--safe-top) + 28px) max(22px,var(--safe-right)) calc(var(--safe-bottom) + 28px) max(22px,var(--safe-left))}}@media(min-width:431px){.phone{border-inline:1px solid #d8d3c8}}@media(prefers-reduced-motion:no-preference){.sheet{animation:rise .22s ease-out}.menu-panel{animation:slide .22s ease-out}@keyframes rise{0%{transform:translateY(24px);opacity:.6}}@keyframes slide{0%{transform:translate(28px);opacity:.6}}}