@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@600&display=swap";:root{color-scheme:light;--color-night: #1d2d3d;--color-paper: #f2f2f3;--color-on-accent: #f2f2f3;--color-bg: #f2f2f3;--color-surface: #e9e9ea;--color-text: #1d1f20;--color-accent: #5980a6;--color-accent-100: #eef6ff;--color-accent-200: #d6ebff;--color-accent-300: #b5d9fd;--color-accent-600: #597ea3;--color-accent-700: #416180;--color-accent-800: #2c455d;--color-accent-900: #1d2d3d;--color-neutral-600: #7a7a7d;--color-neutral-700: #5d5d60;--color-divider: color-mix(in srgb, #1d1f20 16%, transparent);--font-heading: "Barlow Condensed", system-ui, sans-serif;--font-body: "Barlow", system-ui, sans-serif;--shadow-md: 0 3px 10px color-mix(in srgb, #2b2b2d 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2b2b2d 22%, transparent);--side-w: 0px;--tab-h: 64px;--player-h: 0px;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #1d1f20;--color-surface: #2a2c2f;--color-text: #f2f2f3;--color-accent: #7f9ebf;--color-accent-100: #24303b;--color-accent-200: #314556;--color-accent-300: #9bb6d0;--color-accent-600: #6d8eaf;--color-accent-700: #b7cce0;--color-accent-800: #8aa4bc;--color-accent-900: #e8eef3;--color-neutral-600: #a1a1a4;--color-neutral-700: #c5c5c7;--color-divider: color-mix(in srgb, #f2f2f3 18%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #000 45%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #000 55%, transparent)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-accent-700);text-underline-offset:3px}#app{min-height:100vh}h1,h2,h3,.section-title{font-family:var(--font-heading);font-weight:600;letter-spacing:-.015em;line-height:1.05}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.page-head h1{margin:0;font-size:clamp(2rem,7vw,3.4rem)}.title-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px}.title-row .button{width:auto;flex:none}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.inline-actions .button{width:auto}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--color-divider)}.seg button{min-height:44px;padding:0 16px;border:0;background:transparent;font-family:var(--font-heading);font-weight:600;font-size:16px;cursor:pointer}.seg button+button{border-left:1px solid var(--color-divider)}.seg button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--color-accent-100);color:var(--color-accent-900)}.kicker{margin:0 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-700)}.lead,.hint,.empty{color:var(--color-neutral-700);line-height:1.45}.lead{margin:8px 0 0}.hint{margin:0;font-size:13px}.empty{margin:0}.stack{display:grid;gap:14px}.section-title{margin:8px 0 0;font-size:1.35rem}.block-break{margin-top:8px;padding-top:18px;border-top:1px solid var(--color-divider)}.profile-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px;border:1px solid var(--color-divider)}.profile-photo{display:grid;place-items:center;width:72px;height:72px;background:var(--color-night);color:var(--color-paper);font-family:var(--font-heading);font-size:1.4rem;letter-spacing:.04em;object-fit:cover}.profile-facts{display:grid;gap:10px;margin:0}.profile-facts div{display:grid;gap:2px}.profile-facts dt{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-700)}.profile-facts dd{margin:0;word-break:break-word}.banner{margin:0;padding:10px 12px;border:1px solid var(--color-accent-700);background:var(--color-accent-100);color:var(--color-accent-900);font-size:14px}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;align-items:end;justify-items:center;padding:16px;background:color-mix(in srgb,#1d1f20 45%,transparent);overscroll-behavior:none;touch-action:none}html.scroll-locked{overflow:hidden}.dialog{width:min(440px,100%);display:flex;flex-direction:column;gap:14px;max-height:min(100%,calc(100dvh - 32px));overflow:auto;overscroll-behavior:contain;touch-action:manipulation;padding:20px;border:1px solid var(--color-divider);background:var(--color-bg);box-shadow:var(--shadow-lg)}.dialog-title{margin:0;font-size:1.8rem}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog>.button{width:100%;justify-content:space-between}.dialog-actions .button{width:auto}@media(min-width:900px){.dialog-backdrop{align-items:center}}.field{display:flex;flex-direction:column;gap:5px}.field span,.field label{font-size:12px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.whatsapp-input{display:flex;align-items:stretch;min-height:44px;border:1px solid var(--color-divider);border-radius:8px;background:var(--studio-card, var(--color-surface));overflow:hidden}.whatsapp-prefix{display:grid;place-items:center;flex:none;padding:0 12px;border-right:1px solid var(--color-divider);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-neutral-700);background:color-mix(in srgb,var(--color-text) 4%,transparent)}.whatsapp-input input,.stack .whatsapp-input input,.field .whatsapp-input input{flex:1;width:auto;min-width:0;min-height:0;margin:0;padding:8px 12px;border:0;border-radius:0;background:transparent;box-shadow:none}.whatsapp-field:focus-within .whatsapp-input{border-color:var(--color-accent);outline:2px solid color-mix(in srgb,var(--color-accent) 35%,transparent);outline-offset:1px}.field input,.field select,.item-row input,select,.stack input:not([type=checkbox]){width:100%;min-height:44px;padding:8px 10px;font-size:15px;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:0}.field textarea{width:100%;min-height:160px;padding:8px 10px;font-size:15px;line-height:1.5;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:0;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.item-row input:focus{border-color:var(--color-accent)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:0;background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-heading);font-weight:600;font-size:16px;letter-spacing:.01em;text-decoration:none;cursor:pointer}.button:disabled{opacity:.45;cursor:not-allowed}.button:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 82%,black)}.button:active:not(:disabled){background:color-mix(in srgb,var(--color-accent) 68%,black)}.button:not(.secondary):before{content:"";position:absolute;inset:-5px;pointer-events:none;background:linear-gradient(currentColor,currentColor) left 0 top 5px / 11px 1px no-repeat,linear-gradient(currentColor,currentColor) left 5px top 0 / 1px 11px no-repeat,linear-gradient(currentColor,currentColor) right 0 top 5px / 11px 1px no-repeat,linear-gradient(currentColor,currentColor) right 5px top 0 / 1px 11px no-repeat,linear-gradient(currentColor,currentColor) left 0 bottom 5px / 11px 1px no-repeat,linear-gradient(currentColor,currentColor) left 5px bottom 0 / 1px 11px no-repeat,linear-gradient(currentColor,currentColor) right 0 bottom 5px / 11px 1px no-repeat,linear-gradient(currentColor,currentColor) right 5px bottom 0 / 1px 11px no-repeat;color:color-mix(in srgb,var(--color-on-accent) 70%,transparent)}.button.secondary{width:auto;background:transparent;color:var(--color-text);border-color:var(--color-divider)}.button.secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 7%,transparent)}.button.slim{width:auto;min-height:44px;padding:0 12px;font-size:15px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--color-divider);background:transparent;color:var(--color-text);cursor:pointer}.icon-button.primary{border-color:transparent;background:var(--color-accent);color:var(--color-on-accent)}.icon-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 7%,transparent)}.icon-button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 82%,black)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.track-title{flex:0 1 auto;min-width:8rem;display:flex;flex-direction:column}.links{display:flex;justify-content:space-between;gap:12px;font-size:14px}.google-button{display:flex;justify-content:center;min-height:44px}.auth-or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0;color:var(--color-neutral-700);font-size:13px}.auth-or:before,.auth-or:after{content:"";height:1px;background:var(--color-divider)}.items{list-style:none;margin:0;padding:0;display:grid}.item-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-divider)}.item-row input{flex:1;min-width:8rem}.item-row .section-title{flex:0 1 auto;margin:0}.check-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:44px;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.check-row label{display:flex;gap:8px;align-items:center}.roles-page{display:grid;gap:20px}.roles-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px}.roles-head-copy{flex:1 1 16rem;min-width:0}.roles-head .button{width:auto;flex:none}.roles-aside{display:grid;gap:12px;min-width:0}.roles-aside-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px}.roles-aside-title{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-700)}.roles-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:1px 7px;border:1px solid var(--color-divider);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-neutral-700);background:var(--studio-card, var(--color-surface))}.roles-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.role-pick{width:100%;height:100%;display:grid;gap:12px;padding:14px;border:1px solid var(--color-divider);border-radius:12px;background:var(--studio-card, var(--color-surface));color:inherit;text-align:left;font:inherit;transition:border-color .15s ease}.role-pick:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-divider))}.role-pick-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.role-pick-copy{min-width:0;flex:1;display:grid;gap:4px}.role-pick-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.role-pick-name strong{font-size:1.05rem;font-family:var(--font-heading)}.role-pick-summary{margin:0;font-size:13px;line-height:1.35;color:var(--color-neutral-700);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.role-pick-lock{color:var(--color-neutral-700);flex:none;padding-top:2px}.role-pick-actions{display:flex;gap:2px;flex:none}.role-pick-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);font-size:12px;color:var(--color-neutral-700)}.role-pick-meta>span:first-child{display:inline-flex;align-items:center;gap:6px}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.role-badge-owner{color:#34d399;background:color-mix(in srgb,#34d399 12%,transparent);border:1px solid color-mix(in srgb,#34d399 28%,transparent)}.role-badge-edit{color:var(--color-accent-700);background:color-mix(in srgb,var(--color-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 42%,transparent)}.roles-callout{margin:0;display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--color-divider);border-radius:10px;font-size:13px;line-height:1.4;color:var(--color-neutral-700);background:color-mix(in srgb,var(--studio-card, var(--color-surface)) 70%,transparent)}.roles-callout svg{flex:none;color:var(--color-accent);margin-top:1px}.roles-sheet{width:min(720px,100%);gap:16px}.roles-sheet-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.roles-sheet-head .dialog-title{font-size:clamp(1.35rem,3vw,1.7rem)}.roles-editor-name{color:var(--color-accent-700, var(--color-accent))}.roles-quick{display:flex;flex-wrap:wrap;gap:8px}.roles-quick .button{width:auto}.roles-matrix{display:grid;border:1px solid var(--color-divider);border-radius:10px;overflow:hidden}.roles-matrix-head,.roles-matrix-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 72px;align-items:center;gap:8px;padding:12px 14px}.roles-matrix-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-700);background:color-mix(in srgb,var(--color-text) 4%,transparent);border-bottom:1px solid var(--color-divider)}.roles-matrix-head>span:nth-child(2),.roles-matrix-head>span:nth-child(3),.roles-check{justify-self:center;text-align:center}.roles-matrix-row{border-bottom:1px solid color-mix(in srgb,var(--color-text) 7%,transparent)}.roles-matrix-row:last-child{border-bottom:0}.roles-matrix-row:hover{background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.roles-matrix-module{display:flex;align-items:center;gap:12px;min-width:0}.roles-matrix-module>span:last-child{display:grid;gap:2px;min-width:0}.roles-matrix-module strong{font-size:14px;font-weight:650}.roles-matrix-module .hint{display:none;margin:0}.roles-matrix-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;border:1px solid var(--color-divider);border-radius:8px;color:var(--color-neutral-700);background:color-mix(in srgb,var(--color-text) 3%,transparent)}.roles-matrix-row:hover .roles-matrix-icon{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-divider))}.roles-check{display:grid;place-items:center;margin:0;cursor:pointer}.roles-check input{appearance:none;width:1.15rem;height:1.15rem;margin:0;border:1.5px solid color-mix(in srgb,var(--color-text) 28%,transparent);border-radius:5px;background:var(--studio-card, var(--color-surface));display:grid;place-items:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.roles-check input:hover{border-color:var(--color-accent)}.roles-check input:checked{background:var(--color-accent);border-color:var(--color-accent)}.roles-check input:checked:after{content:"";width:.28rem;height:.55rem;border:solid var(--color-bg, #09101d);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.roles-check input:disabled{opacity:.55;cursor:default}.roles-check input:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 45%,transparent);outline-offset:2px}.roles-sheet-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:12px;border-top:1px solid var(--color-divider)}.roles-editor-actions{margin-left:auto}@media(min-width:640px){.roles-matrix-head,.roles-matrix-row{grid-template-columns:minmax(0,1fr) 88px 96px}.roles-matrix-module .hint{display:block}.roles-matrix-head>span:nth-child(2),.roles-matrix-head>span:nth-child(3){justify-self:end;text-align:right;padding-right:6px}.roles-check{justify-self:end;padding-right:10px}}@media(max-width:520px){.roles-head .button,.roles-sheet-foot .dialog-actions{width:100%}.roles-sheet-foot .dialog-actions .button{flex:1}.roles-quick{width:100%}.roles-quick .button{flex:1}}.link-button{width:100%;justify-content:flex-start;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--color-divider);border-radius:0;font-family:var(--font-heading);font-size:1.35rem}.link-button:hover{background:var(--color-accent-100)}.link-button:before{display:none}.choice{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:1px solid var(--color-divider);color:inherit;text-decoration:none;background:transparent}.choice:hover{background:var(--color-accent-100)}.choice-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.choice strong{font-family:var(--font-heading);font-size:1.45rem;font-weight:600}.choice-copy span{font-size:13px;color:var(--color-neutral-700)}.choice svg{flex:none;color:var(--color-accent-700)}.tiles{display:grid;grid-template-columns:1fr;gap:16px}.tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--color-divider);color:inherit;text-decoration:none;background:transparent}.tile:hover{background:var(--color-accent-100)}.tile strong{font-family:var(--font-heading);font-size:1.6rem;font-weight:600}.tile span{font-size:13px;color:var(--color-neutral-700)}.tile:before{content:"";position:absolute;inset:-6px;pointer-events:none;background:linear-gradient(currentColor,currentColor) left 0 top 5px / 11px 1px no-repeat,linear-gradient(currentColor,currentColor) left 5px top 0 / 1px 11px no-repeat,linear-gradient(currentColor,currentColor) right 0 top 5px / 11px 1px no-repeat,linear-gradient(currentColor,currentColor) right 5px top 0 / 1px 11px no-repeat,linear-gradient(currentColor,currentColor) left 0 bottom 5px / 11px 1px no-repeat,linear-gradient(currentColor,currentColor) left 5px bottom 0 / 1px 11px no-repeat,linear-gradient(currentColor,currentColor) right 0 bottom 5px / 11px 1px no-repeat,linear-gradient(currentColor,currentColor) right 5px bottom 0 / 1px 11px no-repeat;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr}.auth-brand{position:relative;overflow:hidden;min-height:220px;padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:var(--color-night);color:var(--color-paper)}.auth-brand .brand-name{font-family:var(--font-heading);font-size:24px;font-weight:600;color:var(--color-paper)}.auth-brand h2{margin:0;max-width:18ch;font-size:clamp(2rem,8vw,3.25rem)}.auth-brand p{margin:12px 0 0;max-width:34ch;color:color-mix(in srgb,var(--color-paper) 78%,var(--color-accent))}.auth-mark-bg{position:absolute;right:-70px;bottom:-50px;width:min(420px,80vw);height:auto;color:var(--color-accent-800);pointer-events:none}.auth-panel{display:flex;align-items:center;justify-content:center;padding:32px 20px 48px}.auth-panel-inner{width:100%;max-width:360px}.theme-row{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px}.theme-switch{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--color-neutral-700);font-size:13px;cursor:pointer}.theme-switch input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.switch-track{position:relative;width:44px;height:24px;border:1px solid var(--color-divider);background:var(--color-surface)}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--color-text)}.theme-switch input:checked+.switch-track:after{transform:translate(22px)}.theme-switch input:focus-visible+.switch-track{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{min-height:100vh;background:var(--color-bg)}.app-top,.tab-bar{display:flex}.app-side{display:none}.app-top{position:sticky;top:0;z-index:20;align-items:center;gap:10px;min-height:56px;padding:8px 16px;border-bottom:1px solid var(--color-divider);background:var(--color-bg)}.app-top .brand-name{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--color-text);text-decoration:none}.app-group{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;color:var(--color-text);text-decoration:none}.app-group img,.app-group-mark{flex:none;width:36px;height:36px;border-radius:8px;object-fit:cover}.app-group-mark{display:grid;place-items:center;background:color-mix(in srgb,var(--color-text) 12%,transparent);font-family:var(--font-heading);font-size:15px;font-weight:700}.app-group strong{min-width:0;overflow:hidden;font-family:var(--font-heading);font-size:18px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.app-main{padding:20px 16px calc(28px + var(--tab-h) + var(--player-h))}.app-main-inner{width:100%}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:64px;border-top:1px solid var(--color-divider);background:var(--color-bg)}.app-shell{--tab-h: 64px}.tab-bar a,.tab-bar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:64px;padding:0 2px;border:0;background:transparent;color:var(--color-neutral-700);font-size:10px;line-height:1.15;text-decoration:none;cursor:pointer}.tab-bar a span,.tab-bar button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-bar a.active,.tab-bar button.active{color:var(--color-accent-700)}.more-sheet .button{width:100%}.more-sheet .icon-button{justify-self:end}.more-sheet{position:fixed;left:12px;right:12px;bottom:calc(var(--tab-h) + 8px);z-index:35;display:grid;gap:8px;padding:16px;border:1px solid var(--color-divider);background:var(--color-bg);box-shadow:var(--shadow-lg)}.more-group-cover{width:28px;height:28px;border-radius:6px;object-fit:cover;flex:none}.pick-group-backdrop{z-index:70}.pick-group-backdrop .dialog{display:grid;gap:10px;max-height:min(80vh,560px);overflow:auto}.side-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;color:var(--color-text);text-decoration:none;border-left:2px solid transparent}.side-link.active{border-left-color:var(--color-accent);background:var(--color-accent-100)}.side-link.buttonish{width:100%;border-top:0;border-right:0;border-bottom:0;background:transparent;font-family:var(--font-body);font-size:15px;font-weight:400;justify-content:flex-start;cursor:pointer}.section-card{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--color-divider)}.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.section-head .section-title{margin:0}.section-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.section-chevron{display:inline-flex;transition:transform .16s ease}.section-chevron.folded{transform:rotate(-90deg)}.yt-preview{aspect-ratio:16 / 9;background:#1d1f20}.yt-preview iframe{width:100%;height:100%;border:0}.yt-results{display:grid;gap:8px;margin:0;padding:0;list-style:none}.yt-results li{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start;padding:8px;border:1px solid var(--color-divider)}.yt-results li.selected,.yt-results li.playing{background:var(--color-accent-100);border-color:var(--color-accent)}.song-part{display:grid;gap:8px}.song-part+.song-part{margin-top:4px;padding-top:12px;border-top:1px solid var(--color-divider)}.yt-results img,.yt-thumb{width:96px;height:54px;object-fit:cover;background:#1d1f20}.yt-results .choice-copy strong{font-size:1.05rem;line-height:1.2}.file-drafts{display:grid;gap:10px;max-height:240px;margin:0;padding:0;overflow:auto;list-style:none}.file-drafts li{display:grid;gap:4px}.upload-panel{display:grid;gap:8px}.upload-status{margin:0;font-size:14px}.upload-track{height:4px;background:var(--color-divider);overflow:hidden}.upload-fill{display:block;height:100%;width:0;background:var(--color-accent);transition:width .16s linear}.upload-fill.wait{animation:upload-wait 1.1s ease-in-out infinite}@keyframes upload-wait{50%{opacity:.4}}.share-url{margin:0;padding:10px 12px;border:1px solid var(--color-divider);word-break:break-all}.share-url a{color:inherit}.share-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.share-row .field{flex:1 1 16rem}.share-row .button{margin-bottom:0}.track-row.variation{padding-left:28px}.clip-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clip-ruler{position:relative;height:72px;border:1px solid var(--color-divider);background:var(--color-surface);touch-action:none;-webkit-user-select:none;user-select:none}.clip-ruler.waiting{opacity:.55}.clip-selected{position:absolute;top:0;bottom:0;background:var(--color-accent-200)}.clip-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--color-accent-700);transform:translate(-1px);pointer-events:none;z-index:2}.clip-playhead:before{content:"";position:absolute;top:0;left:50%;width:9px;height:9px;margin-left:-4.5px;background:var(--color-accent-700)}.clip-handle{position:absolute;top:0;bottom:0;width:36px;margin-left:-18px;padding:0;border:0;background:transparent;cursor:ew-resize;z-index:3}.clip-handle.end{z-index:4}.clip-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:var(--color-text)}.clip-handle:disabled{cursor:default}.clip-stage{aspect-ratio:16 / 9;background:#000;overflow:hidden}.dialog-backdrop.front{z-index:50}.datetime-picker-backdrop{z-index:80}.datetime-field-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--color-divider);border-radius:var(--studio-radius, 8px);background:var(--studio-input, var(--color-surface, transparent));color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.datetime-field-trigger:disabled{opacity:.55;cursor:default}.datetime-field-trigger:not(:disabled):hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-divider))}.datetime-field-trigger .placeholder{color:var(--color-neutral-700)}.datetime-field-trigger svg{flex:none;color:var(--color-neutral-700)}.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.track-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding-top:8px;border-top:1px solid var(--color-divider)}.dialog .stack>.button{width:100%;justify-content:space-between}.dialog-backdrop:has(.player-dialog){align-items:center}.player-dialog{width:min(960px,100%);max-height:min(90vh,820px);padding:0;display:grid;overflow:auto}.player-stage{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px}.player-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head actions";align-items:start;gap:12px 16px}.player-top.has-mini{grid-template-areas:"media media" "head actions"}.player-top.has-wide{grid-template-areas:"head actions" "media media"}.player-heading{grid-area:head;display:grid;gap:4px;min-width:0}.player-heading .kicker,.player-heading .dialog-title,.player-heading .player-song .hint{margin:0}.player-song{display:flex;align-items:center;gap:12px;min-width:0}.player-cover{width:64px;height:64px;flex:none;object-fit:cover;border:1px solid var(--color-divider)}.player-lyrics{max-height:40vh;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--color-divider)}.player-lyrics pre{margin:0;white-space:pre-wrap;font-family:inherit;line-height:1.6}.song-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--color-divider)}.song-cover{width:48px;height:48px;flex:none;object-fit:cover;background:var(--color-accent-100);border:1px solid var(--color-divider)}.song-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.song-row .row-actions{flex-wrap:nowrap;gap:4px}.song-row .row-actions .icon-button{width:40px;height:40px}.song-copy strong{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-copy span{font-size:13px;color:var(--color-neutral-700)}.song-copy-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}.song-badge{display:inline-block;padding:1px 6px;border:1px solid var(--color-divider);font-size:12px}.song-badge+.song-badge{margin-left:4px}.plain-fieldset{margin:0;padding:0;border:0;min-width:0}.visibility-choice{display:grid;gap:8px}.visibility-choice legend{margin-bottom:4px}.visibility-option{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.visibility-option input[type=radio]{width:auto;min-height:0;margin-top:3px}.visibility-option>span{display:grid;gap:2px}.access-member{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid var(--color-divider)}.access-member .check-row{border-bottom:0;min-height:0}.access-sections{display:flex;flex-wrap:wrap;gap:6px 14px;padding-left:4px}.access-sections label{display:flex;gap:6px;align-items:center;font-size:14px}.song-cover-edit{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.song-cover-edit img{width:96px;height:96px;object-fit:cover;border:1px solid var(--color-divider)}.player-actions{grid-area:actions;display:flex;gap:4px}.player-media{grid-area:media;position:relative;background:#000}.player-media.mini{justify-self:center;width:200px;height:200px}.player-media.wide{width:100%;aspect-ratio:16 / 9}.player-media.closed{position:fixed;top:0;left:0;width:200px;height:200px;opacity:0;pointer-events:none;z-index:-1}.player-media>div,.player-media iframe,.stage-hit{position:absolute;inset:0;width:100%;height:100%}.stage-hit{z-index:2;padding:0;border:0;background:transparent;cursor:pointer}.player-dialog audio{position:absolute;width:0;height:0;opacity:0}.transport{display:grid;gap:10px;min-width:0}.transport-bar{display:flex;align-items:center;gap:4px;width:100%;min-width:0}.transport-bar .jumps{flex:1 1 0;min-width:0;grid-auto-columns:minmax(0,1fr)}.transport-bar .icon-button{width:32px;height:32px}.transport-bar .icon-button svg{width:16px;height:16px}.seg.jumps button{min-height:32px;min-width:0;padding:0;font-size:12px}.seek{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px}.seek>.hint{line-height:24px}.seek-track{display:grid;gap:2px;min-width:0}.seek input{width:100%;margin:0;accent-color:var(--color-accent)}.key-track{position:relative;height:32px;margin:0 8px}.key-segment{position:absolute;top:0;bottom:0;display:flex;align-items:flex-start;min-width:0;padding:2px 6px 0;border:0;border-left:1px solid var(--color-divider);border-bottom:4px solid var(--color-divider);background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;overflow:hidden}.key-segment:first-child{border-left-color:transparent}.key-segment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-segment.narrow span{display:none}.key-segment.active{background:var(--color-accent-100);color:var(--color-accent-900);border-bottom-color:var(--color-accent)}.tone{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.tone-key{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:4px 0 0}.tone-key strong{font-size:1.1rem;font-variant-numeric:tabular-nums}.tone .seg{grid-template-columns:44px minmax(96px,auto) 44px;grid-auto-flow:row}.tone .seg button{min-height:32px;padding:0 10px;font-size:14px}.tone .seg button:disabled{cursor:default;opacity:.45}.tone .seg .tone-value{opacity:1;font-variant-numeric:tabular-nums}.tone .seg .tone-value.active{background:var(--color-accent-100);color:var(--color-accent-900)}.player-queue{display:grid;align-content:start;gap:8px;padding:16px;border-top:1px solid var(--color-divider);overflow:auto;overscroll-behavior:contain}.queue-item{display:grid;gap:2px;width:100%;padding:10px 12px;border:1px solid var(--color-divider);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.queue-item strong{font-family:var(--font-heading);font-weight:600}.queue-item.active{border-color:var(--color-accent);background:var(--color-accent-100)}.with-player{--player-h: 280px;padding-bottom:var(--player-h)}.player-bar{position:fixed;left:var(--side-w);right:0;bottom:var(--tab-h);z-index:25;background:var(--color-night);color:var(--color-paper);box-shadow:var(--shadow-lg);padding:12px 16px 14px}.player-bar p{margin:0 0 8px;font-family:var(--font-heading);font-size:1.25rem;font-weight:600}.player-frame{width:min(100%,1120px)}.player-bar audio{width:100%}@media(min-width:900px){.auth-layout{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr)}.auth-brand{min-height:100vh;padding:40px}.auth-panel{padding:48px 32px}:root{--tab-h: 0px;--side-w: 272px}.app-shell{--tab-h: 0px;--side-w: 272px}.app-shell~* .now-playing:not(.is-dragged),body:has(.app-shell) .now-playing:not(.is-dragged){left:calc(var(--side-w) + 16px);right:auto;bottom:16px;width:min(380px,calc(100vw - var(--side-w) - 32px));max-width:none}body:has(.listen-shell) .now-playing:not(.is-dragged){bottom:24px;width:min(640px,calc(100vw - 32px))}.listen-hero{grid-template-columns:140px minmax(0,1fr);align-items:end;gap:20px}.listen-cover{width:140px;height:140px}.listen-hero h1{font-size:clamp(1.8rem,3vw,2.8rem)}.app-top,.tab-bar,.more-sheet{display:none}.app-side{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;gap:10px;width:var(--side-w);padding:16px 12px;border-right:1px solid var(--color-divider);background:var(--color-bg)}.app-side .brand-row{display:flex;align-items:center;gap:10px;padding:4px 8px 8px;color:var(--color-accent);text-decoration:none}.side-brand-mark{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent-700)}.side-brand-copy{display:grid;gap:2px;min-width:0}.app-side .brand-name{font-family:var(--font-heading);font-size:20px;font-weight:700;line-height:1.1;color:var(--color-text)}.side-brand-tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-700)}.side-group-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 4px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-text);text-decoration:none;transition:background .15s ease}.side-group-card:hover,.side-group-card.active{background:color-mix(in srgb,#94bce3 22%,transparent)}.side-group-card img,.side-group-card .app-group-mark{width:40px;height:40px;border-radius:10px}.side-group-card-copy{display:grid;gap:2px;min-width:0}.side-group-card-name{display:flex;align-items:center;gap:6px;min-width:0}.side-group-card-name strong{min-width:0;overflow:hidden;font-family:var(--font-heading);font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.side-role-chip{flex:none;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 22%,transparent);color:var(--color-accent-700);font-size:10px;font-weight:700;line-height:1.3}.side-group-card-copy>span:last-child{overflow:hidden;font-size:12px;color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap}.side-group-switch{flex:none;color:var(--color-neutral-700)}.side-group-card:hover .side-group-switch{color:var(--color-text)}.side-nav{display:flex;flex-direction:column;gap:2px;min-height:0;overflow:auto}.side-link{border-radius:10px;min-height:40px;color:var(--color-neutral-700)}.side-link:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-text)}.side-link.active{border-left-color:transparent;background:color-mix(in srgb,#94bce3 24%,transparent);color:var(--color-text);font-weight:650}.side-user{margin-top:auto;padding:10px 0 0;border-top:1px solid var(--color-divider)}.side-user-bar{display:flex;align-items:center;gap:6px;padding:6px;border-radius:12px;background:color-mix(in srgb,var(--color-text) 5%,transparent)}.side-user-card{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;min-width:0;flex:1;color:inherit;text-decoration:none;border-radius:8px;padding:2px}.side-user-card.active,.side-user-card:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.side-user-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:color-mix(in srgb,#94bce3 28%,transparent);color:var(--color-accent-700);font-size:12px;font-weight:700}.side-user-copy{display:grid;gap:1px;min-width:0}.side-user-copy strong{overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.side-user-copy span{overflow:hidden;font-size:11px;color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap}.side-logout{flex:none;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--color-neutral-700);cursor:pointer}.side-logout:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent);color:#c45b5b}.app-main{margin-left:var(--side-w);padding:36px 32px 48px}.app-main-inner{max-width:1120px}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.button.slim,.button.secondary{width:auto}.player-dialog{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr)}.player-queue{border-top:0;border-left:1px solid var(--color-divider)}.player-top.has-mini{grid-template-columns:200px minmax(0,1fr) auto;grid-template-areas:"media head actions"}.player-top.has-wide{grid-template-columns:minmax(0,1fr) auto}.transport-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);column-gap:8px}.transport-bar .jumps{flex:none}.transport-bar .jumps:first-child{justify-self:end}.transport-bar .jumps:last-child{justify-self:start}.transport-bar .icon-button{width:44px;height:44px}.transport-bar .icon-button svg{width:18px;height:18px}.seg.jumps button{min-height:44px;padding:0 10px;font-size:16px}}.lib-block{display:grid;gap:6px;min-height:0;margin-top:12px;padding:0 8px}.lib-row,.lib-more{color:inherit;text-decoration:none;border-radius:6px;padding:6px 8px}.lib-row.active,.lib-row:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.lib-more{color:var(--color-neutral-700);font-size:13px}.home-page{display:grid;gap:20px}.home-top{display:flex;flex-direction:column;gap:16px}.home-top-copy h1{margin:4px 0 0;font-size:clamp(1.45rem,3.5vw,1.85rem)}.home-top-copy .lead{margin:4px 0 0}.home-group-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.home-group-line strong{font-family:var(--font-heading);font-size:1.15rem;font-weight:700}.home-live-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,#94bce3 22%,transparent);color:var(--color-accent-700);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.home-live-chip:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--color-accent-700)}.home-switch{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:8px;color:var(--color-neutral-700);font-size:12px;font-weight:600;text-decoration:none}.home-switch:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-accent-700)}.home-top-tools{display:flex;flex-direction:column;gap:10px;width:100%}.home-search{position:relative;margin:0}.home-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-neutral-700);pointer-events:none}.home-search input{width:100%;padding-left:36px}.home-filters{width:100%;max-width:100%;grid-auto-columns:minmax(0,1fr);border-radius:10px;overflow:hidden}.home-filters button{min-width:0;min-height:36px;padding:0 8px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:14px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,#94bce3 16%,transparent),transparent 45%),color-mix(in srgb,var(--color-text) 5%,transparent)}.home-hero-empty{align-items:flex-start}.home-hero-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.home-hero-cover{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--color-text) 10%,transparent);color:var(--color-accent-700)}.home-hero-cover img{width:100%;height:100%;object-fit:cover}.home-hero-copy{display:grid;gap:2px;min-width:0}.home-hero-copy h2{margin:0;font-size:clamp(1.15rem,2.5vw,1.4rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-hero-copy .hint{margin:0}.home-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.home-hero-actions .button{width:auto}.home-grid{display:grid;gap:18px;align-items:start}.home-panel,.home-status-card{display:grid;gap:12px;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--color-text) 4%,transparent)}.home-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-panel-head h2{margin:0;font-size:1.05rem}.home-count{flex:none;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 8%,transparent);color:var(--color-neutral-700);font-size:12px;font-weight:600}.home-track-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.home-track{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--color-text) 3%,transparent);transition:background .15s ease}.home-track:hover,.home-track.is-playing{background:color-mix(in srgb,#94bce3 14%,transparent)}.home-track-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.home-track-main:disabled{cursor:default;opacity:.7}.home-track-index{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 8%,transparent);color:var(--color-neutral-700);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.home-track.is-playing .home-track-index,.home-track:hover .home-track-index{background:color-mix(in srgb,#94bce3 36%,transparent);color:var(--color-text)}.home-track-copy{display:grid;gap:2px;min-width:0}.home-track-copy strong{overflow:hidden;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.home-track-copy span{overflow:hidden;font-size:12px;color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap}.home-panel-link{display:inline-flex;align-items:center;gap:4px;justify-self:start;color:var(--color-accent-700);font-size:13px;font-weight:650;text-decoration:none}.home-panel-link:hover{text-decoration:underline}.home-aside{display:grid;gap:12px}.home-status-head .kicker{margin:0}.home-status-block{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-status-block strong{display:block;margin:2px 0;font-family:var(--font-heading);font-size:1.05rem}.home-status-block .hint{margin:0}.home-days{display:grid;justify-items:end;gap:2px;flex:none}.home-days strong{font-family:var(--font-heading);font-size:1.75rem;font-weight:750;line-height:1;color:var(--color-accent-700)}.home-days span{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--color-neutral-700)}.home-status-row{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--color-text) 4%,transparent);font-size:13px}.home-status-row>span{flex:1;min-width:0}.home-status-row a{flex:none;color:var(--color-accent-700);font-weight:650;text-decoration:none}.home-status-row a:hover{text-decoration:underline}.home-quick{gap:8px}.home-quick a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;background:color-mix(in srgb,var(--color-text) 4%,transparent);color:var(--color-text);font-weight:650;text-decoration:none}.home-quick a:hover{background:color-mix(in srgb,#94bce3 16%,transparent)}@media(min-width:720px){.home-top{flex-direction:row;align-items:flex-end;justify-content:space-between}.home-top-tools{width:auto;max-width:420px}.home-search{min-width:280px}}@media(min-width:960px){.home-grid{grid-template-columns:minmax(0,7fr) minmax(260px,5fr);gap:20px}}.quick-grid,.shelf{display:grid;gap:10px;grid-template-columns:1fr}.quick-card,.shelf-card,.next-hero{display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px;background:var(--studio-card, var(--color-surface));text-decoration:none;color:inherit}.quick-card a,.shelf-card{display:grid;color:inherit;text-decoration:none}.quick-play{width:42px;height:42px;border:0;border-radius:999px;background:#94bce3;color:#141416;cursor:pointer}.next-hero{align-items:flex-start;padding:20px}.next-hero h2{margin:0;font-size:clamp(1.6rem,4vw,2.4rem)}.shelf-card{grid-template-columns:auto 1fr;align-items:center}.shelf-card span,.quick-card span{color:var(--color-neutral-700);font-size:13px}.listen-shell{min-height:100vh;--side-w: 0px;--tab-h: 0px;background:var(--color-bg)}body:has(.listen-shell){--side-w: 0px;--tab-h: 0px}body:has(.listen-shell) .now-playing:not(.is-dragged){left:50%;right:auto;bottom:16px;width:min(640px,calc(100vw - 16px));max-width:none;transform:translate(-50%)}body:has(.listen-shell) .now-playing.is-dragged{transform:none}.listen-shell-top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:960px;margin:0 auto;padding:16px 20px 0}.listen-shell-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:22px;font-weight:600;color:var(--color-text);text-decoration:none}.listen-shell-main{width:min(960px,100%);margin:0 auto;padding:20px 20px 140px}.listen-page{display:grid;gap:18px}.listen-hero{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px}.listen-hero-copy{display:grid;gap:6px;min-width:0}.listen-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.listen-hero-meta .listen-count{flex:1;min-width:0}.listen-hero-meta .button{width:auto;flex:none}.listen-page .listen-track{grid-template-columns:40px minmax(0,1fr) auto}.listen-page .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.listen-section-title{display:grid;gap:2px;min-width:0}.listen-section-title .section-title{margin:0}.listen-page .section-head .button{width:auto;flex:none}.listen-count{margin:0;font-size:13px;color:var(--color-neutral-700)}.listen-cover{width:72px;height:72px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:#1d2d3d;color:#f2f2f3;flex:none}.listen-cover img{width:100%;height:100%;object-fit:cover}.celebration-choice{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px}.celebration-choice .choice-copy{flex:unset}.celebration-choice-cover{width:48px;height:48px;border-radius:10px;object-fit:cover;background:color-mix(in srgb,var(--color-text) 10%,transparent)}.celebration-choice-cover.empty{display:grid;place-items:center;font-family:var(--font-heading);font-weight:700;color:var(--color-accent-700)}.listen-hero h1{margin:0;font-size:clamp(1.35rem,5.2vw,1.9rem);line-height:1.15}.listen-track .song-copy strong{display:inline-flex;align-items:center;gap:6px;max-width:100%}.listen-track .playing-waves{flex:none;color:var(--color-accent-700)}.listen-track.is-current,.listen-track.is-playing{background:color-mix(in srgb,var(--color-accent) 16%,transparent)}.listen-track.is-playing .song-copy strong{color:var(--color-accent-700)}.scale-row{display:flex;gap:6px;margin-top:12px}.scale-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:#94bce3;color:#141416;font-weight:700}.song-row.is-playing{background:var(--color-accent-100)}.song-row.variation{padding-left:28px}.now-playing{position:fixed;z-index:40;left:8px;right:8px;bottom:calc(var(--tab-h) + 8px);width:auto;max-width:min(420px,calc(100vw - 16px));display:grid;gap:8px;touch-action:none}.now-playing.is-dragged{right:auto;bottom:auto;width:min(360px,calc(100vw - 16px))}.now-bar,.now-queue,.player-full{border-radius:8px;background:var(--studio-card, #fff);box-shadow:var(--shadow-lg)}.now-bar{display:grid;gap:10px;padding:10px 12px}.now-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.now-drag{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--color-neutral-700);cursor:grab;touch-action:none}.now-drag:active{cursor:grabbing}.now-bar-actions{display:flex;flex:none;align-items:center;gap:6px;z-index:2}.now-bar-actions .icon-button{width:40px;height:40px;background:color-mix(in srgb,var(--color-text) 8%,var(--studio-card, var(--color-surface)))}.now-bar-actions .now-close{border-color:color-mix(in srgb,var(--color-text) 28%,transparent)}.now-id{display:flex;gap:10px;align-items:center;min-width:0;overflow:hidden;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.now-id-copy{display:grid;gap:2px;min-width:0}.now-id-copy strong,.now-id-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-id-copy span{color:var(--color-neutral-700);font-size:13px}.now-id img,.now-mark{width:46px;height:46px;border-radius:6px;object-fit:cover;background:#1d2d3d;flex:none}.now-mark.big{width:min(280px,70vw);height:min(280px,70vw)}.now-transport.transport-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);align-items:center;column-gap:6px;width:100%;min-width:0}.now-transport .seg.jumps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;min-width:0}.now-transport .seg.jumps button{min-height:36px;padding:0 6px;font-size:13px}.now-extra{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.now-jump{font-size:12px;font-weight:700}.player-full-actions{display:flex;align-items:center;gap:6px}.player-full-spacer{width:44px;height:44px}.now-seek,.now-volume{display:flex;align-items:center;gap:8px;min-width:0}.now-seek input,.now-volume input{width:100%;min-width:0}.now-queue{max-height:240px;overflow:auto;padding:8px}.player-full{position:fixed;z-index:45;inset:8px;overflow:auto;padding:16px 16px 28px;border-radius:12px}.player-full-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.player-full-top>.kicker{margin:0;text-align:center;justify-self:center}.player-full-top>.player-full-actions{justify-self:start}.player-full-top>.icon-button,.player-full-top>.player-full-spacer{justify-self:end}.player-full-title{display:grid;gap:4px;margin:8px 0 4px;text-align:center}.player-full .transport{margin-top:12px;padding-top:4px}.player-full .transport-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);align-items:center;column-gap:6px}.player-full .transport-bar .jumps{width:100%;min-width:0}.player-full-cover{display:grid;place-items:center;box-sizing:border-box;width:min(112px,30vw);max-width:100%;aspect-ratio:1;margin:10px auto 0;padding:0;border:0;border-radius:8px;background:transparent;overflow:hidden;cursor:pointer}.player-full-cover img,.player-full-cover .now-mark,.player-full-cover .now-mark.big{width:100%;height:100%;max-width:none;aspect-ratio:1;object-fit:cover;border-radius:8px}.player-full h2{margin:0;font-size:clamp(1.1rem,4vw,1.55rem)}@media(min-width:720px){.player-full-cover{width:min(180px,28vw);margin:16px auto 0}.player-full h2{font-size:clamp(1.4rem,2.6vw,2.2rem)}}.player-full .tone-key{justify-content:center}.full-tabs{margin-top:8px}.app-shell.has-player .app-main{padding-bottom:calc(28px + var(--tab-h) + 220px)}#app:has(.now-playing) .listen-page{padding-bottom:calc(28px + var(--tab-h) + 220px)}@media(max-width:520px){.song-row{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:6px 0}.song-cover{width:40px;height:40px}.song-copy{gap:0}.song-copy strong{font-size:1.05rem;line-height:1.2}.song-copy span,.song-copy-meta{font-size:12px;line-height:1.25}.song-badge{padding:0 5px;font-size:11px;line-height:1.4}.song-row .row-actions{gap:2px;align-self:center}.song-row .row-actions .icon-button{width:34px;height:34px}.song-row .row-actions .icon-button svg{width:15px;height:15px}.now-playing{left:8px;right:8px;max-width:none}.now-playing.is-dragged{max-width:calc(100vw - 16px)}.now-volume{display:none}}.group-card{display:grid;grid-template-columns:148px minmax(0,1fr);width:100%;min-height:120px;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--studio-card, var(--color-surface));color:inherit;text-align:left;cursor:pointer}.group-card img,.group-card-fallback{width:148px;height:100%;min-height:120px;object-fit:cover}.group-card-fallback{display:grid;place-items:center;background:#1d2d3d;color:#f2f2f3;font-size:2.4rem;font-weight:700}.group-card-copy{display:grid;align-content:center;gap:4px;padding:16px 20px}.group-card strong{font-size:clamp(1.4rem,3vw,2rem)}.group-card-copy span{color:var(--color-neutral-700)}.group-card.compact{min-height:72px;grid-template-columns:72px minmax(0,1fr)}.group-card.compact img,.group-card.compact .group-card-fallback{width:72px;min-height:72px;font-size:1.4rem}.group-hero-wrap{position:relative;flex:none;width:72px;height:72px}.group-hero{width:72px;height:72px;object-fit:cover;border-radius:8px}.group-hero-empty{display:grid;place-items:center;background:color-mix(in srgb,var(--color-text) 12%,transparent);font-family:var(--font-heading);font-size:1.6rem;font-weight:700}.group-hero-edit{position:absolute;right:-6px;bottom:-6px;width:32px;height:32px;background:var(--color-bg);border:1px solid var(--color-divider);box-shadow:0 2px 8px color-mix(in srgb,#000 35%,transparent)}.group-hero-edit svg{width:14px;height:14px}.cover-preview{width:160px;height:96px;object-fit:cover;border-radius:8px}.groups-hub-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--color-divider)}.groups-hub-copy{flex:1 1 16rem;min-width:0}.groups-hub-head .button{width:auto;flex:none}.groups-hub{display:grid;gap:14px}.groups-hub-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.groups-hub-section-title{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-700)}.groups-hub-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.group-hub-card{position:relative;display:grid;grid-template-rows:auto 1fr;min-height:100%;padding:0;border:1px solid var(--color-divider);border-radius:14px;overflow:hidden;background:var(--studio-card, var(--color-surface));color:inherit;text-align:left;cursor:pointer;font:inherit;transition:border-color .15s ease,transform .15s ease}.group-hub-card:hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-divider));transform:translateY(-2px)}.group-hub-card.is-active{border-color:color-mix(in srgb,var(--color-accent) 75%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}.group-hub-live{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;color:#34d399;background:color-mix(in srgb,#052e1f 78%,transparent);border:1px solid color-mix(in srgb,#34d399 35%,transparent)}.group-hub-live-dot{width:6px;height:6px;border-radius:999px;background:#34d399}.group-hub-cover{position:relative;display:grid;place-items:center;height:150px;background:color-mix(in srgb,var(--color-text) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);overflow:hidden}.group-hub-cover img{width:100%;height:100%;object-fit:cover}.group-hub-mono{width:72px;height:72px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-text) 8%,transparent);font-family:var(--font-heading);font-size:2rem;font-weight:800}.group-hub-watermark{position:absolute;right:10px;bottom:8px;color:color-mix(in srgb,var(--color-text) 18%,transparent);pointer-events:none}.group-hub-body{display:grid;gap:10px;padding:16px;align-content:space-between}.group-hub-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.group-hub-role{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);background:color-mix(in srgb,var(--color-text) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent)}.group-hub-role.is-owner{color:var(--color-accent-700);background:color-mix(in srgb,var(--color-accent) 18%,transparent);border-color:color-mix(in srgb,var(--color-accent) 42%,transparent)}.group-hub-name{font-family:var(--font-heading);font-size:1.2rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}.group-hub-card:hover .group-hub-name{color:var(--color-accent-700, var(--color-accent))}.group-hub-stats{display:grid;gap:6px;font-size:13px;color:var(--color-neutral-700)}.group-hub-stats>span{display:inline-flex;align-items:center;gap:7px}.group-hub-stats strong{color:inherit;font-weight:700}.group-hub-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.group-hub-cta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--color-neutral-700)}.group-hub-card.is-active .group-hub-cta,.group-hub-card:hover .group-hub-cta{color:var(--color-accent-700, var(--color-accent))}.group-hub-cta svg{transition:transform .15s ease}.group-hub-card:hover .group-hub-cta svg{transform:translate(3px)}.group-hub-index{font-size:10px;letter-spacing:.04em;color:color-mix(in srgb,var(--color-text) 40%,transparent);font-variant-numeric:tabular-nums}.groups-join{margin-top:8px}.groups-join .join-card-head{align-items:flex-start}.join-card-icon{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:12px;border:1px solid color-mix(in srgb,#7ec8f0 30%,transparent);background:color-mix(in srgb,#1b2537 80%,transparent);color:#7ec8f0}.join-card-note{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:color-mix(in srgb,#d6ebff 55%,transparent)}.round-plus{width:46px;height:46px;margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#3ec4ef;color:#062033;cursor:pointer}.round-plus[aria-pressed=true]{background:color-mix(in srgb,#3ec4ef 70%,white)}@media(max-width:520px){.groups-hub-head .button{width:100%}}.sheet-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,#1d1f20 55%,transparent)}.sheet{animation:sheet-up .28s ease}@keyframes sheet-up{0%{transform:translateY(70vh)}to{transform:translateY(0)}}.join-card{display:grid;gap:16px;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,#102033 88%,var(--color-accent));border:1px solid color-mix(in srgb,#7ec8f0 30%,transparent)}.join-card-head{display:flex;align-items:center;gap:12px;color:#7ec8f0}.join-card-head strong{display:block;color:#f4f7fb;font-size:1.15rem}.join-card-head p{margin:2px 0 0;color:color-mix(in srgb,#d6ebff 72%,transparent);font-size:13px}.join-card-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.join-code{flex:1 1 220px;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid color-mix(in srgb,#7ec8f0 38%,transparent);background:color-mix(in srgb,#061018 55%,transparent);color:#7ec8f0}.join-code input,:root .join-card .join-code input{flex:1;width:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f4f7fb}.join-code input::placeholder{color:color-mix(in srgb,#d6ebff 55%,transparent)}.join-card .button{width:auto;flex:none;min-height:48px;padding:0 18px;border-radius:12px;background:#3ec4ef;color:#062033}.file-pick{width:auto;align-self:start;cursor:pointer}.file-pick input{display:none}.join-card .button:hover:not(:disabled){background:#67d4f5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.formation-page{display:grid;gap:18px}.formation-head-copy{max-width:40rem}.formation-tabs{display:grid;gap:6px;padding:6px;border-radius:14px;background:color-mix(in srgb,var(--color-text) 5%,transparent);border:1px solid var(--color-divider)}.formation-tab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:var(--color-neutral-700);font:inherit;cursor:pointer;text-align:left}.formation-tab:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-text)}.formation-tab.is-active{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent-700);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}.formation-tab-label{display:inline-flex;align-items:center;gap:8px;font-weight:650}.formation-tab-count{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;color:var(--color-neutral-700);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.formation-tab.is-active .formation-tab-count{color:var(--color-accent-700);background:color-mix(in srgb,var(--color-accent) 16%,transparent)}.formation-layout{display:grid;gap:18px;align-items:start}.formation-main,.formation-aside{display:grid;gap:14px;min-width:0}.formation-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.formation-section-title{margin:0 0 2px;font-size:1.15rem;font-weight:700}.formation-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.formation-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--color-divider);border-radius:12px;background:var(--studio-card, var(--color-surface))}.formation-card-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 14rem}.formation-mono{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:10px;border:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-text) 6%,transparent);font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:var(--color-accent-700)}.formation-mono.is-icon{color:var(--color-accent)}.formation-card-copy{display:grid;gap:3px;min-width:0}.formation-card-copy strong{font-size:1.05rem;font-weight:700}.formation-card-meta{margin:0;font-size:13px;color:var(--color-neutral-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formation-card-meta span{font-weight:650}.formation-card-side{display:flex;align-items:center;gap:10px;flex:none}.formation-avatars{display:flex;align-items:center}.formation-avatar{width:28px;height:28px;margin-left:-6px;display:grid;place-items:center;border-radius:999px;border:2px solid var(--studio-card, var(--color-surface));background:color-mix(in srgb,var(--color-accent) 22%,transparent);color:var(--color-accent-700);font-size:10px;font-weight:700}.formation-avatar:first-child{margin-left:0}.formation-avatar.is-more{background:color-mix(in srgb,var(--color-text) 10%,transparent);color:var(--color-neutral-700)}.formation-card-actions{display:flex;gap:2px}.formation-add{display:grid;gap:12px;padding:16px;border:1px solid var(--color-divider);border-radius:12px;background:color-mix(in srgb,var(--color-text) 3%,var(--studio-card, var(--color-surface)))}.formation-add-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.formation-add-head strong{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent-700)}.formation-add-row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.formation-add-row .field{flex:1 1 14rem;min-width:0}.formation-add-row .button{width:auto;flex:none}.formation-panel{display:grid;gap:10px;padding:16px;border:1px solid var(--color-divider);border-radius:12px;background:var(--studio-card, var(--color-surface))}.formation-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.formation-panel-head strong,.formation-tip strong{display:inline-flex;align-items:center;gap:8px}.formation-chip{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:var(--color-accent-700);background:color-mix(in srgb,var(--color-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent)}.formation-bar{display:flex;height:10px;gap:2px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-text) 8%,transparent)}.formation-bar-seg{min-width:0;height:100%}.formation-bar-seg.tone-0,.formation-dot.tone-0{background:var(--color-accent)}.formation-bar-seg.tone-1,.formation-dot.tone-1{background:color-mix(in srgb,var(--color-accent) 65%,#7dd3fc)}.formation-bar-seg.tone-2,.formation-dot.tone-2{background:color-mix(in srgb,var(--color-accent) 45%,#a5b4fc)}.formation-bar-seg.tone-3,.formation-dot.tone-3{background:color-mix(in srgb,var(--color-accent) 55%,#86efac)}.formation-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.formation-balance-card{display:grid;gap:2px;padding:10px;border-radius:10px;background:color-mix(in srgb,var(--color-text) 4%,transparent)}.formation-balance-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:var(--color-neutral-700)}.formation-dot{width:8px;height:8px;border-radius:999px;flex:none}.formation-balance-card strong{font-size:1.25rem;font-weight:800}.formation-tip{grid-template-columns:auto 1fr;align-items:start}.formation-tip>svg{color:var(--color-accent);margin-top:2px}.formation-link{margin:0;padding:0;border:0;background:transparent;color:var(--color-accent-700);font:inherit;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none}.formation-link:hover{text-decoration:underline}.formation-tags{display:flex;flex-wrap:wrap;gap:8px}.formation-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;font-size:12px;font-weight:600;color:var(--color-neutral-700);background:color-mix(in srgb,var(--color-text) 6%,transparent);border:1px solid var(--color-divider)}@media(min-width:720px){.formation-tabs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(min-width:960px){.formation-layout{grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);gap:20px}}@media(min-width:720px){.quick-grid{grid-template-columns:1fr 1fr}.shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.listen-hero{align-items:end}body:has(.app-shell) .now-bar{grid-template-columns:minmax(220px,1.2fr) minmax(0,1.4fr) minmax(140px,1fr) auto;grid-template-areas:"head head head head" "transport transport seek extra";align-items:center}body:has(.app-shell) .now-head{grid-area:head}body:has(.app-shell) .now-transport{grid-area:transport;flex-wrap:nowrap}body:has(.app-shell) .now-seek{grid-area:seek}body:has(.app-shell) .now-extra{grid-area:extra}}@media(min-width:900px){.app-side{overflow:hidden}.lib-block{overflow:auto}.side-user{flex:none}}.people-head .title-row{align-items:center;gap:10px}.people-count{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--color-divider);border-radius:999px;font-size:12px;color:var(--color-accent-700);background:color-mix(in srgb,var(--color-text) 6%,transparent)}.people-head-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.people-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-divider)}.people-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--color-neutral-700);font:inherit;font-weight:600;cursor:pointer}.people-tabs button[aria-pressed=true]{border-bottom-color:var(--color-accent);color:var(--color-accent-700);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.people-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;padding:0 6px;border-radius:999px;border:1px solid var(--color-divider);font-size:11px;font-weight:700;color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.people-tab-badge.warn{color:#f0c674;border-color:color-mix(in srgb,#f0c674 40%,transparent);background:color-mix(in srgb,#f0c674 12%,transparent)}.people-layout{display:grid;gap:20px}.people-toolbar{display:grid;gap:8px;padding:12px;border:1px solid var(--color-divider);border-radius:12px;background:var(--studio-card, var(--color-surface))}.people-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--color-divider);border-radius:10px;background:var(--color-bg);color:var(--color-neutral-700)}.people-search input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:0!important;border-radius:0!important}.people-toolbar select{width:100%}.people-grid{display:grid;gap:12px}.people-card{display:grid;gap:12px;padding:16px;border:1px solid var(--color-divider);border-radius:12px;background:var(--studio-card, var(--color-surface))}.people-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.people-card-who{display:flex;align-items:center;gap:10px;min-width:0}.people-avatar{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:999px;border:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-text) 10%,transparent);color:var(--color-accent-700);font-size:12px;font-weight:700}.people-card-who h2{margin:0;font-size:1.15rem;line-height:1.2}.people-status{display:inline-flex;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;color:#6bbf8a}.people-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.people-badges{display:flex;flex-wrap:wrap;gap:6px}.people-badge{padding:3px 8px;border:1px solid var(--color-divider);border-radius:6px;font-size:12px;color:var(--color-neutral-700);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.people-badge.accent{color:var(--color-accent-700);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.people-card-meta{display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--color-divider);font-size:13px;color:var(--color-neutral-700)}.people-card-meta p{margin:0}.people-card-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid var(--color-divider)}.people-side,.people-invites{display:grid;gap:16px}.people-panel{display:grid;gap:12px;padding:16px;border:1px solid var(--color-divider);border-radius:12px;background:var(--studio-card, var(--color-surface))}.people-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--color-divider)}.people-panel-head h2{margin:0;font-size:1.1rem}.people-invite{display:grid;gap:8px;padding:12px;border:1px solid var(--color-divider);border-radius:10px;background:var(--color-bg)}.people-invite-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.people-invite strong{display:block;word-break:break-word}.people-code{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px dashed var(--color-divider);border-radius:10px;background:var(--color-bg)}.people-code strong{font-family:ui-monospace,monospace;letter-spacing:.08em}.people-form{padding-top:8px;border-top:1px solid var(--color-divider)}.people-sheet .field{display:grid;gap:6px}.people-sheet .field>span{font-size:13px;color:var(--color-neutral-700)}@media(min-width:720px){.people-toolbar{grid-template-columns:minmax(0,1.4fr) minmax(140px,.7fr) minmax(140px,.7fr);align-items:center}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.people-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);align-items:start}}:root{--studio-radius: 8px;--studio-pill: 999px;--studio-ink: #d7d9dd;--studio-panel: #f7f7f8;--studio-card: #ffffff}:root[data-theme=dark]{--studio-ink: #101012;--studio-panel: #1a1a1d;--studio-card: #242428;--color-bg: var(--studio-ink);--color-surface: #0e0e10;--color-text: #f5f5f8;--color-accent: #94bce3;--color-accent-100: #243044;--color-accent-200: #314556;--color-accent-300: #b5d9fd;--color-accent-700: #d6ebff;--color-accent-800: #2c455d;--color-accent-900: #1d2d3d;--color-on-accent: #141416;--color-neutral-600: #98989b;--color-neutral-700: #b7b7ba;--color-divider: #323236;--color-night: #141416;--color-paper: #f5f5f8;--shadow-md: 0 8px 18px color-mix(in srgb, #000 45%, transparent);--shadow-lg: 0 16px 36px color-mix(in srgb, #000 55%, transparent)}:root h1,:root h2,:root h3,:root .section-title,:root .dialog-title,:root .brand-name,:root .button,:root .link-button,:root .choice strong,:root .tile strong,:root .cover strong,:root .profile-photo,:root .player-bar p,:root .queue-item strong{font-family:var(--font-body);font-weight:700;letter-spacing:-.02em}:root .button{border-radius:var(--studio-pill);min-height:46px;padding:10px 22px;background:#94bce3;color:#141416}:root .button:not(.secondary):before{content:none}:root .button:hover:not(:disabled){background:#b5d9fd}:root .button.secondary{background:transparent;color:var(--color-text);border-color:var(--color-neutral-600);border-radius:var(--studio-pill)}:root .button.secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 8%,transparent);border-color:var(--color-text)}:root .button.slim{min-height:36px;padding:6px 16px;font-size:14px}:root .icon-button,:root .switch-track,:root .switch-track:after,:root .profile-photo,:root .seg{border-radius:var(--studio-pill)}:root .icon-button{border-color:transparent;background:color-mix(in srgb,var(--studio-ink) 55%,transparent)}:root .icon-button.primary{background:#94bce3;color:#141416}:root .field input,:root .field select,:root .item-row input,:root select,:root .stack input:not([type=checkbox]),:root .stack textarea,:root .datetime-field-trigger{border-radius:6px;background:var(--studio-ink);border-color:var(--color-divider);padding:8px 12px}:root .whatsapp-input{border-radius:6px;background:var(--studio-ink)}:root .whatsapp-input input,:root .stack .whatsapp-input input,:root .field .whatsapp-input input{border:0;border-radius:0;background:transparent;box-shadow:none}:root .banner,:root .section-card,:root .profile-card,:root .choice,:root .tile,:root .formation-card,:root .formation-panel,:root .formation-add,:root .group-hub-card,:root .role-pick,:root .role-card,:root .dialog,:root .more-sheet,:root .yt-results li,:root .queue-item,:root .upload-panel,:root .player-dialog,:root .stage{border-radius:var(--studio-radius);border-color:transparent;background:var(--studio-card)}:root .yt-results li.playing{background:var(--color-accent-100);border-color:var(--color-accent)}:root .choice,:root .tile{box-shadow:none}:root .tile:before{border-radius:var(--studio-pill)}:root .link-button{border-radius:6px;border-bottom:0;padding:10px 12px;font-size:1.05rem}:root .player-bar{left:calc(var(--side-w) + 8px);right:8px;bottom:calc(var(--tab-h) + 8px);border-radius:var(--studio-radius);background:var(--studio-card);color:var(--color-text)}:root .seg{border-color:transparent;background:var(--studio-card)}:root .home-filters{overflow:hidden}:root .seg button[aria-selected=true],:root .seg button[aria-pressed=true]{background:#94bce3;color:#141416}:root .dialog{box-shadow:var(--shadow-lg)}:root .player-dialog{background:var(--studio-panel);overflow:hidden}:root .player-queue{background:transparent}:root .app-shell{background:var(--studio-ink);--tab-h: 80px}:root .app-top,:root .tab-bar,:root .app-main{background:var(--studio-panel)}:root .app-top{margin:8px 8px 0;border:0;border-radius:var(--studio-radius)}:root .app-main{margin:8px;border-radius:var(--studio-radius)}:root .tab-bar{left:8px;right:8px;bottom:8px;height:64px;border:0;border-radius:var(--studio-pill);box-shadow:var(--shadow-lg)}:root .tab-bar a.active,:root .tab-bar button.active{color:#94bce3}:root .more-sheet{border:0;box-shadow:var(--shadow-lg)}:root .side-link{border-left:0;border-radius:6px;font-weight:700}:root .side-link.active{background:color-mix(in srgb,var(--color-text) 8%,transparent);color:var(--color-text)}:root .google-button{border-radius:var(--studio-pill);overflow:hidden}:root .auth-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:100vh;padding:48px 16px;background:linear-gradient(180deg,var(--color-accent-900) 0%,var(--studio-ink) 70%)}:root .auth-brand{min-height:0;width:min(440px,100%);padding:0 8px 16px;gap:10px;justify-content:flex-end;align-items:center;text-align:center;background:transparent;color:#f5f5f8}:root .auth-brand h2{max-width:18ch;font-size:clamp(1.45rem,3vw,1.85rem)}:root .auth-brand p{max-width:38ch;margin-left:auto;margin-right:auto}:root .auth-brand h2,:root .auth-brand p{color:color-mix(in srgb,#f5f5f8 82%,#94bce3)}:root .auth-mark-bg{display:none}:root .auth-panel{width:min(440px,100%);padding:28px 22px;border-radius:10px;background:var(--studio-panel);box-shadow:var(--shadow-lg)}:root .auth-panel-inner{max-width:none}:root .kicker{letter-spacing:.08em}@media(min-width:900px){:root .auth-layout{display:flex}:root .auth-brand{min-height:0;padding:0 8px 16px}:root .auth-panel{padding:36px 32px}:root .app-shell{--tab-h: 0px;--side-w: 288px}:root .app-side{top:8px;bottom:8px;left:8px;width:272px;padding:14px 10px;gap:8px;border:0;border-radius:var(--studio-radius);background:var(--studio-panel);box-shadow:0 1px 8px #0000002e}:root .side-group-card{background:color-mix(in srgb,var(--color-text) 5%,transparent)}:root .side-group-card:hover,:root .side-group-card.active{background:color-mix(in srgb,#94bce3 18%,transparent)}:root .side-user{margin:auto -2px 0;padding:10px 2px 2px;border-top:0}:root .side-user-bar{background:color-mix(in srgb,var(--color-text) 6%,transparent)}:root .app-main{margin:8px 8px 8px 288px;padding:28px 28px 40px;min-height:calc(100vh - 16px)}:root .home-hero,:root .home-panel,:root .home-status-card{background:color-mix(in srgb,var(--color-text) 4%,var(--studio-card, transparent))}}:root .join-card .join-code input:not([type=checkbox]),:root .people-search input:not([type=checkbox]){background:transparent;background-color:transparent;border:0;border-radius:0;box-shadow:none;padding:0;min-height:0}