@font-face{font-family:Bravura;src:url(/fonts/bravura/Bravura.woff2)format("woff2"),url(/fonts/bravura/Bravura.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#eaf7ff;--surface:#fff;--border:#b8dcf1;--text:#17324d;--text-muted:#5a7490;--text-strong:#061d33;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--music-font:"Bravura", "Noto Music", "Segoe UI Symbol", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 18% 0%, #38bdf833, transparent 32%), radial-gradient(circle at 88% 10%, #ff8a2829, transparent 28%), linear-gradient(180deg, #ffffff9e, #e4f7ffc7), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,select{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ff7a1a57}#root{min-height:100svh}*,:before,:after{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.landing-shell{min-height:100svh;padding:24px}.landing-nav,.landing-hero,.landing-info,.landing-plans-section,.landing-callout,.landing-footer{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}.landing-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.landing-brand p{color:var(--text-muted);margin:5px 0 0;font-weight:700}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:44px;padding:48px 0 30px;display:grid}.landing-copy{justify-items:start;gap:18px;display:grid}.landing-eyebrow,.landing-section-heading>span{color:#f97316;letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:900}.landing-copy h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:62px;line-height:.95}.landing-copy p{color:#31556f;max-width:680px;margin:0;font-size:21px;line-height:1.35}.landing-copy small{color:var(--text-muted);font-size:13px;font-weight:800}.landing-cta{color:#fff;cursor:pointer;background:#ff7a1a;border:1px solid #ff7a1a;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:15px;font-weight:900;transition:background .16s,border-color .16s,transform .16s;display:inline-flex;box-shadow:0 14px 28px #ff7a1a3d}.landing-cta:hover{background:#e65f00;border-color:#e65f00;transform:translateY(-1px)}.landing-cta.compact{flex:none}.landing-preview{background:repeating-linear-gradient(90deg,#0e749014 0 1px,#0000 1px 56px),#f8fdff;border:1px solid #b8dcf1;border-radius:8px;min-height:390px;padding:18px;position:relative;overflow:hidden;box-shadow:0 24px 54px #082f4929}.landing-preview-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.landing-preview-top span{color:#075985;border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.landing-preview-staff{background:#fff;border:1px solid #cfefff;border-radius:8px;height:178px;margin-bottom:18px;position:relative}.landing-preview-staff>span{background:#075985;height:1px;position:absolute;left:18px;right:18px}.landing-preview-staff>span:first-child{top:32%}.landing-preview-staff>span:nth-child(2){top:42%}.landing-preview-staff>span:nth-child(3){top:52%}.landing-preview-staff>span:nth-child(4){top:62%}.landing-preview-staff>span:nth-child(5){top:72%}.landing-note{z-index:1;justify-content:center;align-items:center;width:24px;height:18px;font-size:22px;font-style:normal;font-weight:900;line-height:1;display:inline-flex;position:absolute}.landing-note:after{content:"";background:currentColor;width:2px;height:42px;position:absolute;bottom:10px;left:18px}.landing-note-hat{color:#f59e0b;top:24%;left:18%}.landing-note-snare{color:#f97316;top:52%;left:48%}.landing-note-kick{color:#082f49;top:76%;left:76%}.landing-note-snare:after,.landing-note-kick:after{top:10px;bottom:auto;left:4px}.landing-preview-staff i{background:#ff7a1a;width:2px;position:absolute;top:0;bottom:0;left:24%;box-shadow:0 0 0 999px #ff7a1a06}.landing-preview-grid{grid-template-columns:minmax(94px,1fr) repeat(4,minmax(34px,1fr));gap:7px;display:grid}.landing-preview-grid strong,.landing-preview-grid span{border:1px solid var(--border);border-radius:8px;min-height:34px}.landing-preview-grid strong{color:var(--text-muted);background:#e8f6ff;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:flex}.landing-preview-grid span{background:#fff}.landing-preview-grid span.is-on{background:#fff2d9;border-color:#ffba70;box-shadow:inset 0 0 0 7px #ff7a1a}.landing-info{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;padding:28px 0;display:grid}.landing-section-heading{gap:10px;display:grid}.landing-section-heading h2,.landing-callout h2{color:var(--text-strong);letter-spacing:0;margin:0;font-size:30px;line-height:1.08}.landing-section-heading p,.landing-callout p{color:#31556f;margin:0;font-size:16px;line-height:1.55}.landing-nowrap-app-name{color:inherit;font:inherit;white-space:nowrap}.landing-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing-benefit{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;min-height:116px;margin:0;padding:16px;display:grid;box-shadow:0 12px 24px #082f4914}.landing-benefit svg{color:#fff;background:#0891b2;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:7px;display:inline-flex}.landing-benefit p{color:var(--text);margin:0;font-weight:750}.landing-plans-section{border-top:1px solid var(--border);grid-template-columns:1fr;align-items:start;gap:20px;padding:28px 0;display:grid}.landing-plans-section .landing-section-heading{max-width:920px}.landing-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.landing-plan-card{background:#fff;border:2px solid #111827;border-radius:8px;align-content:space-between;gap:18px;min-height:350px;padding:22px;display:grid;box-shadow:0 16px 34px #082f490f}.landing-plan-card.is-featured{background:linear-gradient(#fff7edd1,#fffffff5),#fff;border-color:#f97316;box-shadow:0 22px 44px #ff7a1a29}.landing-plan-kicker{color:#075985;letter-spacing:0;text-transform:uppercase;background:#e8f6ff;border:1px solid #b8dcf1;border-radius:999px;width:fit-content;margin-bottom:10px;padding:5px 9px;font-size:11px;font-weight:950;display:inline-flex}.landing-plan-card.is-featured .landing-plan-kicker{color:#9a3412;background:#fff4e6;border-color:#fed7aa}.landing-plan-card h3{color:var(--text-strong);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 8px;font-size:34px;line-height:1.08;display:flex}.landing-plan-card h3 small{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:900}.landing-plan-card p{color:#31556f;margin:0;font-size:14px;font-weight:750;line-height:1.45}.landing-plan-lists{gap:14px;display:grid}.landing-plan-list-block{gap:9px;min-width:0;padding-top:2px;display:grid}.landing-plan-list-block>strong{color:#111827;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:950}.landing-plan-card ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.landing-plan-card li{color:var(--text);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;font-size:14px;font-weight:850;display:grid}.landing-plan-card li svg{color:#059669;transform:translateY(1px)}.landing-plan-item-icon{border-radius:50%;place-items:center;width:18px;height:18px;font-size:13px;font-style:normal;font-weight:950;line-height:1;display:inline-grid;transform:translateY(1px)}.landing-plan-item-icon.is-included{color:#047857;background:#d1fae5}.landing-plan-item-icon.is-excluded{color:#b91c1c;background:#fee2e2}.landing-plan-list-block.is-excluded{border-top:1px solid #e5e7eb;padding-top:12px}.landing-plan-list-block.is-excluded>strong{color:#991b1b}.landing-plan-list-block.is-excluded li{color:#4b5563}.landing-plan-list-block.is-excluded li svg{color:#dc2626}.landing-callout{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:26px 0;display:flex}.landing-callout div{gap:8px;display:grid}.landing-footer{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 4px;font-size:14px;font-weight:750;display:flex}.landing-footer a{color:#075985;font-weight:850;text-decoration:none}.landing-footer a:hover{color:#ff7a1a}.auth-modal-layer{z-index:80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-modal-backdrop{cursor:pointer;background:#061d336b;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.auth-modal{z-index:1;border:1px solid var(--border);background:#fff;border-radius:8px;width:min(440px,100%);position:relative;overflow:hidden;box-shadow:0 24px 70px #082f493d}.auth-modal-heading{border-bottom:1px solid var(--border);background:#e8f6ff;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.auth-modal-heading span{color:#f97316;text-transform:uppercase;font-size:12px;font-weight:900}.auth-modal-heading h2{color:var(--text-strong);margin:3px 0 0;font-size:22px;line-height:1.15}.auth-form{gap:12px;padding:18px;display:grid}.auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-form label{gap:6px;display:grid}.auth-form label span{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:900}.auth-form input{width:100%;min-height:42px;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 11px}.auth-link-button{color:#075985;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:end;padding:0;font-size:13px;font-weight:900;text-decoration:underline}.auth-link-button:hover{color:#ff7a1a}.auth-link-button:disabled{cursor:not-allowed;opacity:.6}.google-auth-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #cfd7df;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 14px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 1px 2px #0f172a14}.google-auth-button:hover{background:#f8fafc;border-color:#94a3b8}.google-auth-button:disabled{cursor:not-allowed;opacity:.72}.google-mark{color:#fff;background:conic-gradient(from -45deg, #ea4335 0 25%, #4285f4 0 50%, #34a853 0 75%, #fbbc05 0 100%);border-radius:50%;place-items:center;width:24px;height:24px;font-family:Arial,sans-serif;font-size:14px;font-weight:900;line-height:1;display:inline-grid}.auth-divider{justify-content:center;align-items:center;min-height:1px;display:flex}.auth-divider span{background:#e2e8f0;width:100%;height:1px;display:block}.auth-message{color:#075985;border:1px solid var(--border);background:#e8f6ff;border-radius:8px;margin:0;padding:12px 13px;font-size:14px;font-weight:900}.auth-message.is-error{color:#7f1d1d;background:#fff1f2;border-color:#fecdd3;box-shadow:inset 5px 0 #ef4444}.auth-message.is-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0;box-shadow:inset 5px 0 #10b981}.turnstile-box{place-items:center;min-height:65px;display:grid}.turnstile-error{color:#7f1d1d;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;margin:0;padding:10px 11px;font-size:13px;font-weight:900}.auth-submit,.auth-mode-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;font-weight:900;display:inline-flex}.auth-submit{color:#fff;background:#ff7a1a;border:1px solid #ff7a1a}.auth-submit:hover{background:#e65f00;border-color:#e65f00}.auth-submit:disabled{color:#fff;cursor:not-allowed;background:#ffba70;border-color:#ffba70}.auth-mode-button{color:#075985;border:1px solid var(--border);background:#fff;width:calc(100% - 36px);margin:0 18px 18px}.auth-mode-button:hover{background:#dff5ff}.auth-mode-button:disabled,.auth-form input:disabled{cursor:not-allowed;opacity:.72}.password-recovery-modal{width:min(480px,100%)}.password-recovery-lead{color:var(--text-muted);margin:0;font-size:14px;font-weight:750;line-height:1.5}.reset-password-page{background:linear-gradient(#e8f6ffb8,#fffffff5),#fff;grid-template-rows:auto 1fr;gap:28px;min-height:100svh;padding:24px;display:grid}.reset-password-topbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.reset-password-card{border:1px solid var(--border);background:#fff;border-radius:8px;place-self:start center;width:min(480px,100%);overflow:hidden;box-shadow:0 24px 70px #082f4929}.reset-password-heading{align-items:center}.reset-password-state{min-height:72px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:900;display:inline-flex}.reset-login-button{width:100%;margin:0}.profile-modal{flex-direction:column;width:min(620px,100%);max-height:calc(100dvh - 36px);display:flex}.profile-modal .auth-modal-heading{flex:none}.profile-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;gap:16px;min-height:0;padding:18px;display:grid;overflow-y:auto}.profile-summary{background:#f8fdff;border:1px solid #cfefff;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.profile-avatar{color:#fff;background:linear-gradient(135deg,#075985,#0ea5e9);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.profile-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.profile-summary h3,.profile-summary p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.profile-summary h3{color:var(--text-strong);font-size:18px;line-height:1.15}.profile-summary p{color:var(--text-muted);margin-top:3px;font-size:13px;font-weight:800}.profile-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.profile-message{margin:0}.profile-data-grid div{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;padding:11px}.profile-data-grid .wide{grid-column:1/-1}.profile-data-grid dt{color:var(--text-muted);text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:900}.profile-data-grid dd{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:850;overflow:hidden}.profile-data-grid dd.profile-language-cell{white-space:normal;overflow:visible}.profile-info-form,.profile-password-form{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:grid}.profile-info-form{border:1px solid var(--border);background:#fff;border-radius:8px;padding:14px}.profile-info-form h3,.profile-password-form h3{color:var(--text-strong);align-items:center;gap:8px;margin:0;font-size:18px;display:inline-flex}.profile-info-form label,.profile-password-form label{gap:6px;display:grid}.profile-info-form label span,.profile-password-form label span{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:900}.profile-info-form input,.profile-info-form textarea,.profile-password-form input{width:100%;min-height:42px;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 11px}.profile-info-form textarea{resize:vertical;min-height:118px;padding:11px;line-height:1.45}.profile-info-form small{color:var(--text-muted);font-size:12px;font-weight:750}.profile-social-links{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:10px;min-width:0;margin:0;padding:12px;display:grid}.profile-social-links legend{color:var(--text-strong);padding:0 6px;font-size:14px;font-weight:950}.profile-social-links p{color:var(--text-muted);margin:0;font-size:12px;font-weight:750;line-height:1.35}.profile-social-links-grid,.profile-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-info-form input:disabled,.profile-info-form textarea:disabled,.profile-password-form input:disabled{cursor:not-allowed;opacity:.72}.profile-save-button{justify-self:start;min-width:180px}.profile-notifications-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:12px;padding:14px;display:grid}.profile-notifications-card header{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.profile-notifications-card header>span{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.profile-notifications-card header>span.is-enabled{color:#075985;background:#e0f2fe}.profile-shortcuts-card header>span{color:#b91c1c;background:#fee2e2}.profile-shortcuts-card header>span.is-enabled{color:#047857;background:#dcfce7}.profile-shortcuts-card .toggle-button{color:#991b1b;background:#fef2f2;border-color:#fecaca}.profile-shortcuts-card .toggle-button:hover:not(:disabled){color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.profile-shortcuts-card .toggle-button.is-on{color:#fff;background:#16a34a;border-color:#16a34a}.profile-shortcuts-card .toggle-button.is-on:hover:not(:disabled){background:#15803d;border-color:#15803d}.profile-notifications-card h3,.profile-notifications-card p{margin:0}.profile-notifications-card h3{color:var(--text-strong);font-size:16px;line-height:1.15}.profile-notifications-card header p,.profile-notification-status,.profile-notification-devices>span{color:var(--text-muted);font-size:12px;font-weight:800;line-height:1.35}.profile-subscription-card header>span{color:#9a3412;background:#ffedd5}.profile-subscription-card header>span.is-enabled{color:#047857;background:#dcfce7}.subscription-summary-row{color:var(--text-muted);background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;font-size:12px;font-weight:800;line-height:1.35;display:flex}.subscription-plan-pill{color:#111827;letter-spacing:0;text-transform:uppercase;background:#fff;border:1px solid #111827;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:11px;font-weight:950;display:inline-flex}.subscription-price-row,.subscription-billing-note,.subscription-active-until,.subscription-upgrade-hint{align-items:center;min-height:28px;display:inline-flex}.subscription-price-row strong{color:var(--text-strong)}.subscription-active-until{color:#047857;background:#dcfce7;border-radius:999px;padding:5px 9px;font-weight:950}.subscription-upgrade-hint{color:#7c2d12;flex-basis:100%}.subscription-upgrade-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f4f71,#ff7a1a);border:1px solid #0f4f7159;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:950;display:inline-flex;box-shadow:0 10px 22px #f9731638}.subscription-upgrade-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.subscription-upgrade-button:disabled{cursor:wait;opacity:.72}.subscription-feature-list{gap:8px;display:grid}.subscription-loading{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800}.subscription-feature-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.subscription-feature-row>span{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.subscription-feature-row.is-enabled>span{color:#047857;background:#dcfce7}.subscription-feature-row.is-disabled>span{color:#b91c1c;background:#fee2e2}.subscription-feature-row div{gap:2px;min-width:0;display:grid}.subscription-feature-row strong{color:var(--text-strong);font-size:13px;font-weight:950}.subscription-feature-row small{color:var(--text-muted);font-size:12px;font-weight:800;line-height:1.35}.subscription-feature-row em{color:#991b1b;text-transform:uppercase;white-space:nowrap;background:#fef2f2;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:950}.subscription-feature-row.is-enabled em{color:#047857;background:#dcfce7}.profile-notification-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:9px 10px}.profile-notification-devices{gap:8px;display:grid}.profile-notification-devices>strong{color:var(--text-strong);text-transform:uppercase;font-size:12px;font-weight:900}.profile-notification-devices article{background:#f8fdff;border:1px solid #d8edf8;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.profile-notification-devices article>svg{color:#075985}.profile-notification-devices article div{gap:2px;min-width:0;display:grid}.profile-notification-devices b,.profile-notification-devices small,.profile-notification-devices em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-notification-devices b{color:var(--text-strong);font-size:13px}.profile-notification-devices small,.profile-notification-devices em{color:var(--text-muted);font-size:11px;font-style:normal;font-weight:800}.profile-notification-devices article>span{color:#64748b;text-transform:uppercase;background:#f1f5f9;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.profile-notification-devices article>span.is-active{color:#047857;background:#d1fae5}.subscription-locked-panel{background:#fff;border:1px solid #111827;border-radius:8px;align-items:center;gap:14px;padding:22px;display:flex}.subscription-locked-panel>svg{color:#9a3412;flex:none}.subscription-locked-panel h2,.subscription-locked-panel p{margin:0}.subscription-locked-panel h2{color:var(--text-strong);font-size:20px;line-height:1.15}.subscription-locked-panel p{color:var(--text-muted);margin-top:5px;font-size:13px;font-weight:800}.subscription-upgrade-modal{flex-direction:column;width:min(660px,100vw - 36px);max-height:min(92dvh,820px);display:flex}.subscription-upgrade-modal .auth-modal-heading{flex:none}.subscription-upgrade-modal-body{min-height:0;color:var(--text);overscroll-behavior:contain;background:#fff7ed;border:0;border-radius:0;flex:auto;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:16px;margin-bottom:0;padding:16px;display:grid;overflow-y:auto}.subscription-upgrade-modal-icon{color:#9a3412;background:#ffedd5;border:1px solid #fdba74;border-radius:8px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.subscription-upgrade-modal-body p{color:var(--text-strong);margin:0 0 8px;font-size:20px;font-weight:950;line-height:1.2}.subscription-upgrade-modal-copy{gap:12px;display:grid}.subscription-upgrade-modal-body small{color:#5f6773;font-size:13px;font-weight:750;line-height:1.45;display:block}.subscription-upgrade-modal-body small+small{margin-top:5px}.subscription-upgrade-explainer{background:#ffffffb8;border:1px solid #fb923c47;border-radius:8px;gap:8px;padding:12px;display:grid}.subscription-upgrade-explainer h3{color:#9a3412;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:950}.subscription-upgrade-explainer p{color:var(--text);margin:0;font-size:14px;font-weight:800;line-height:1.45}.subscription-upgrade-benefit-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.subscription-upgrade-benefit-list li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;display:grid}.subscription-upgrade-benefit-list li>svg{color:#047857;margin-top:2px}.subscription-upgrade-benefit-list strong{color:var(--text-strong);font-size:13px;font-weight:950;display:block}.subscription-upgrade-benefit-list small{margin-top:2px}.subscription-upgrade-modal-actions{padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.subscription-upgrade-cancel-button{min-height:42px;color:var(--text-strong);cursor:pointer;background:#fff;border:1px solid #d6dde7;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:950;display:inline-flex}.subscription-upgrade-cancel-button:hover:not(:disabled){background:#f8fafc;border-color:#b8c4d4}.subscription-upgrade-cancel-button:disabled{cursor:wait;opacity:.68}.subscription-upgrade-modal-action{white-space:nowrap;flex:0 230px;justify-content:center;min-width:0;min-height:42px;margin-left:0}.subscription-upgrade-cancel-button{flex:0 150px}.share-modal,.download-format-modal{width:min(520px,100%)}.download-format-body{gap:14px;padding:18px;display:grid}.download-format-body p{color:var(--text-muted);margin:0;font-size:14px;font-weight:800;line-height:1.4}.download-format-grid{gap:10px;display:grid}.download-format-option{color:#111;text-align:left;cursor:pointer;background:#fff;border:1px solid #c9c9c9;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:78px;padding:13px;display:grid}.download-format-option:hover{border-color:#111;box-shadow:inset 0 0 0 1px #111}.download-format-option svg{color:#075985}.download-format-option strong,.download-format-option small{min-width:0;display:block}.download-format-option strong{color:var(--text-strong);font-size:15px;font-weight:950;line-height:1.2}.download-format-option small{color:#555;margin-top:4px;font-size:12px;font-weight:750;line-height:1.35}.download-format-option:disabled{cursor:not-allowed;opacity:.65}.collection-bl-action{background:#f97316;border-color:#f97316;width:100%;box-shadow:0 10px 22px #f9731624}.collection-bl-action:hover{background:#c2410c;border-color:#c2410c}.quick-collection-modal{width:min(500px,100%)}.quick-collection-form{gap:14px;padding:18px;display:grid}.quick-collection-form textarea{resize:vertical;width:100%;min-height:92px}.quick-collection-actions{justify-content:flex-end;gap:10px;display:flex}.quick-collection-actions>button:not(.primary-action){min-height:42px;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 14px;font-weight:900}.confirm-delete-modal{width:min(480px,100%)}.danger-modal-heading{background:#fff5f5;border-bottom-color:#fecaca}.danger-modal-heading span{color:#dc2626}.confirm-delete-body{gap:18px;padding:18px;display:grid}.confirm-delete-copy{color:#991b1b;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.confirm-delete-copy strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;line-height:1.25;display:block;overflow:hidden}.confirm-delete-copy p{color:var(--text-muted);margin-top:5px;font-size:14px;font-weight:750;line-height:1.45}.confirm-delete-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-delete-actions>button:not(.danger-action){min-height:40px;color:var(--text-strong);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:0 14px;font-size:13px;font-weight:900}.confirm-delete-actions>button:not(.danger-action):hover{background:#f2f2f2;border-color:#111}.confirm-delete-actions button:disabled{cursor:not-allowed;opacity:.62}.calculator-alert-modal{width:min(460px,100%)}.calculator-modal-heading{background:#fff7ed;border-bottom-color:#fed7aa}.calculator-modal-heading span{color:#ea580c}.calculator-alert-body{gap:18px;padding:18px;display:grid}.calculator-alert-copy{color:#9a3412;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;display:grid}.calculator-alert-copy p{color:var(--text-strong);margin:0;font-size:15px;font-weight:850;line-height:1.45}.calculator-alert-actions{justify-content:flex-end;display:flex}.note-action-menu-layer{z-index:90;pointer-events:none;position:fixed;inset:0}.note-action-menu-backdrop{cursor:default;pointer-events:auto;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.note-action-menu{top:var(--note-action-y);left:var(--note-action-x);z-index:1;pointer-events:auto;background:#fff;border:1px solid #111;border-radius:10px;gap:6px;width:min(218px,100vw - 24px);padding:8px;display:grid;position:absolute;box-shadow:0 18px 40px #02081738}.note-action-menu-option{color:#111;text-align:left;background:#fff;border:1px solid #d8d8d8;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;font-weight:900;line-height:1;display:flex}.note-action-menu-option:hover{background:#f6f6f6;border-color:#111}.note-action-menu-option.is-danger{color:#991b1b;background:#fff7f7;border-color:#fecaca}.note-action-menu-option.is-danger:hover{background:#fee2e2;border-color:#ef4444}.note-action-menu-option.is-accent{color:#7c2d12;background:#fff7ed;border-color:#fed7aa}.note-action-menu-option.is-accent:hover,.note-action-menu-option.is-accent.is-selected{background:#ffedd5;border-color:#fb923c}.note-action-accent-icon{justify-content:center;align-items:center;width:18px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:900;line-height:1;display:inline-flex;transform:scaleX(1.16)}.note-placement-modal{grid-template-rows:auto minmax(0,1fr);width:min(680px,100%);max-height:min(760px,100dvh - 24px);display:grid}.note-placement-body{overscroll-behavior:contain;min-height:0;padding:18px 18px calc(56px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(56px + env(safe-area-inset-bottom));gap:16px;display:grid;overflow-y:auto}.note-placement-body:after{content:"";height:1px;display:block}.note-placement-context{color:#111;background:#f7f7f7;border:1px solid #d6d6d6;border-radius:10px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.note-placement-context svg{color:#ea580c}.note-placement-context strong,.note-placement-context span{display:block}.note-placement-context span{color:#555;margin-top:3px;font-size:13px;font-weight:800}.note-placement-shortcuts{color:#111;background:#fff;border:1px solid #d6d6d6;border-radius:10px;gap:12px;padding:12px;display:grid}.note-placement-shortcuts label,.note-placement-shortcuts>div{gap:8px;display:grid}.note-placement-shortcuts label span,.note-placement-shortcuts>div>strong{color:#111;text-transform:uppercase;font-size:12px;font-weight:950}.note-placement-shortcuts input{color:#111;background:#f7f7f7;border:1px solid #bdbdbd;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 12px}.note-placement-shortcuts input:focus{background:#fff;border-color:#111;box-shadow:0 0 0 3px #1111111a}.note-placement-shortcut-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.note-placement-shortcut-input-row button{color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:8px;min-height:44px;padding:0 14px;font-size:13px;font-weight:950}.note-placement-shortcut-input-row button:hover{background:#ea580c;border-color:#ea580c}.note-placement-shortcuts small,.note-placement-shortcut-message{color:#555;margin:0;font-size:12px;font-weight:800;line-height:1.35}.note-placement-shortcut-map{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;display:grid}.note-placement-shortcut-map button{color:#111;text-align:left;cursor:pointer;background:#f7f7f7;border:1px solid #cfcfcf;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:7px 8px;display:grid}.note-placement-shortcut-map button:hover{background:#fff7ed;border-color:#fb923c}.note-placement-shortcut-map kbd{color:#fff;background:#111;border-radius:6px;justify-content:center;align-items:center;min-width:34px;min-height:30px;padding:0 7px;font-size:13px;font-weight:950;display:inline-flex}.note-placement-shortcut-map span{color:#333;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.note-placement-shortcut-message{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:8px 10px}.note-placement-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.note-placement-option{color:#111;text-align:left;cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:10px;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:10px;transition:background .16s,border-color .16s,transform .16s;display:grid}.note-placement-option.has-no-score-preview{grid-template-columns:minmax(0,1fr)}.note-placement-option:hover{background:#fff7ed;border-color:#fb923c;transform:translateY(-1px)}.note-placement-option.is-unavailable{color:#6a6a6a;background:#eee;border-color:#d0d0d0}.note-placement-option.is-unavailable:hover{background:#ffe4e6;border-color:#f87171}.note-placement-option strong,.note-placement-option small{display:block}.note-placement-option strong{font-size:14px;font-weight:950}.note-placement-option small{color:#666;margin-top:4px;font-size:11px;font-weight:850;line-height:1.25}.note-placement-symbol{width:66px;height:58px;display:block;position:relative;overflow:visible}.note-placement-symbol .staff-note-symbol{transform-origin:50%;top:50%;left:50%;transform:translate(-50%,-50%)scale(.32)}.note-placement-figure-symbol{width:66px;height:58px;display:block;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.note-placement-figure-symbol .figure-notehead,.note-placement-figure-symbol .figure-beam,.note-placement-figure-symbol .figure-dot{fill:currentColor}.note-placement-figure-symbol .figure-notehead.is-open{fill:#fff;stroke:currentColor;stroke-width:3.2px}.note-placement-figure-symbol .figure-stem{stroke:currentColor;stroke-linecap:butt;stroke-width:3px;vector-effect:non-scaling-stroke}.note-placement-figure-symbol .figure-flag{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.note-placement-figure-symbol .figure-triplet-number{fill:currentColor;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:900;line-height:1}.share-modal-body{gap:14px;padding:18px;display:grid}.share-qr-box{background:#f8fdff;border:1px solid #cfefff;border-radius:8px;place-items:center;padding:16px;display:grid}.share-qr-box img{border-radius:8px;width:min(260px,100%);height:auto}.share-link-field input{width:100%;min-height:42px;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 11px;font-size:13px;font-weight:800}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.api-activity{z-index:95;color:#075985;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #b8dcf1;border-left:4px solid #ff7a1a;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:8px 13px 8px 9px;font-size:13px;font-weight:900;animation:.18s ease-out both api-activity-in;display:inline-flex;position:fixed;top:18px;right:18px;overflow:hidden;box-shadow:0 18px 38px #082f492e,0 0 0 1px #0ea5e914}.api-activity:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0%,#0ea5e91a 42%,#f973162e 50%,#0ea5e91a 58%,#0000 100%);animation:1.55s ease-in-out infinite api-activity-sheen;position:absolute;inset:0;transform:translate(-115%)}.api-activity>*{z-index:1;position:relative}.api-activity>span:last-child{animation:1.15s ease-in-out infinite api-loading-text-pulse}.api-alert{z-index:96;color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;border-left:5px solid #dc2626;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 30px;align-items:start;gap:10px;width:min(430px,100vw - 36px);padding:12px;animation:.18s ease-out both api-activity-in;display:grid;position:fixed;top:78px;right:18px;box-shadow:0 18px 38px #7f1d1d33}.api-alert>svg{color:#dc2626;margin-top:2px}.api-alert.is-success{color:#14532d;background:#f0fdf4;border-color:#bbf7d0 #bbf7d0 #bbf7d0 #16a34a;box-shadow:0 18px 38px #14532d29}.api-alert.is-success>svg,.api-alert.is-success strong{color:#15803d}.api-alert.is-success span{color:#166534}.api-alert.is-success button{color:#166534;border-color:#bbf7d0}.api-alert.is-success button:hover{color:#fff;background:#16a34a;border-color:#16a34a}.api-alert.is-info{color:#075985;background:#f0f9ff;border-color:#bae6fd #bae6fd #bae6fd #0ea5e9;box-shadow:0 18px 38px #07598529}.api-alert.is-info>svg,.api-alert.is-info strong{color:#0369a1}.api-alert.is-info span{color:#075985}.api-alert.is-info button{color:#075985;border-color:#bae6fd}.api-alert.is-info button:hover{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.api-alert div{gap:3px;min-width:0;display:grid}.api-alert strong{color:#7f1d1d;font-size:13px;font-weight:900}.api-alert span{color:#991b1b;font-size:13px;font-weight:750;line-height:1.35}.api-alert button{color:#991b1b;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.api-alert button:hover{color:#fff;background:#dc2626;border-color:#dc2626}.modal-close-button{width:52px;height:52px;color:var(--text-strong);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.modal-close-button:hover{color:#fff;background:#111827;border-color:#111827}.welcome-message-layer{z-index:110;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.welcome-message-modal{background:#fff;border:1px solid #9bdcf6;border-radius:14px;flex-direction:column;width:min(760px,100%);max-height:min(86vh,820px);display:flex;overflow:hidden;box-shadow:0 28px 72px #082f4947}.welcome-message-modal-header{background:#eaf8ff;border-bottom:1px solid #b8dcf1;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px;display:flex}.welcome-message-modal-brand{align-items:center;gap:14px;min-width:0;display:flex}.welcome-message-modal-brand>div:last-child{gap:4px;min-width:0;display:grid}.welcome-message-modal-brand span{color:#ff6b16;text-transform:uppercase;font-size:12px;font-weight:950}.welcome-message-modal-counter{color:#075985;white-space:nowrap;background:#fff;border:1px solid #9bdcf6;border-radius:999px;justify-content:center;align-items:center;min-width:46px;height:34px;padding:0 12px;font-size:14px;font-weight:950;line-height:1;display:inline-flex}.welcome-message-modal-brand h2,.welcome-message-modal-brand p{margin:0}.welcome-message-modal-brand h2{color:var(--text-strong);font-size:clamp(24px,4vw,38px);line-height:1.05}.welcome-message-modal-brand p{color:var(--text-muted);font-size:14px;font-weight:800}.welcome-message-modal-body{gap:12px;min-height:0;padding:16px 20px;display:grid;overflow:auto}.welcome-message-modal-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #ff7a1a;border-radius:10px;gap:12px;padding:14px;display:grid}.welcome-message-modal-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.welcome-message-modal-card header span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:950;display:block}.welcome-message-modal-card header h3{color:var(--text-strong);margin:2px 0 0;font-size:20px;line-height:1.15}.welcome-message-modal-card header svg{color:#ff7a1a;flex:none}.welcome-message-modal-content{color:#111827;font-size:14px;line-height:1.55}.welcome-message-modal-content :where(p,ul,ol,blockquote,h1,h2,h3){margin-top:0}.welcome-message-modal-content :where(p,ul,ol,blockquote,h1,h2,h3):last-child{margin-bottom:0}.welcome-message-modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:14px 20px 20px;display:flex}.api-spinner{isolation:isolate;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.api-spinner.is-small{width:24px;height:24px}.api-spinner.is-large{width:38px;height:38px}.api-spinner-mark{background:linear-gradient(135deg,#073b5a,#0ea5e9 54%,#ff7a1a);border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 1px #082f4914}.api-spinner-mark:before{content:"";border:3px solid #ff7a1a;border-color:#ff7a1a #0ea5e9 #0759856b #0ea5e92e;border-radius:14px;animation:.68s linear infinite api-spinner-rotate;position:absolute;inset:-5px}.api-spinner-mark:after{content:"";z-index:-1;filter:blur(8px);opacity:.85;background:conic-gradient(from 90deg,#ff7a1a00,#ff7a1a7a,#0ea5e97a,#ff7a1a00);border-radius:16px;animation:1.15s linear infinite reverse api-spinner-rotate;position:absolute;inset:-9px}.api-spinner-mark img{z-index:1;object-fit:cover;transform-origin:50%;border-radius:8px;width:78%;height:78%;animation:.95s ease-in-out infinite api-spinner-logo-pulse;display:block;position:relative;overflow:hidden}@keyframes api-spinner-rotate{to{transform:rotate(360deg)}}@keyframes api-spinner-logo-pulse{0%,to{transform:scale(.82)}50%{transform:scale(.94)}}@keyframes api-activity-sheen{0%{transform:translate(-115%)}48%,to{transform:translate(115%)}}@keyframes api-loading-text-pulse{0%,to{opacity:.74}50%{opacity:1}}@keyframes api-activity-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.api-activity,.api-activity:before,.api-activity>span:last-child,.api-spinner-mark:before,.api-spinner-mark:after,.api-spinner-mark img,.runtime-fallback-panel>span:last-child{animation:none}}.app-shell,.public-shell{min-height:100svh;padding:24px}.public-topbar{max-width:1180px;margin:0 auto}.public-transport,.public-workbench,.public-state-panel{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}.public-state-panel{color:#075985;border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:220px;margin-top:28px;padding:24px;font-weight:900;display:flex;box-shadow:0 18px 38px #082f491a}.runtime-fallback-shell{place-items:center;min-height:100svh;display:grid}.runtime-fallback-panel{text-align:center;flex-direction:column;width:min(360px,100%);min-height:120px;margin:0;position:relative;overflow:hidden}.runtime-fallback-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 22%,#0ea5e91f,#0000 48%);position:absolute;inset:0}.runtime-fallback-panel>*{z-index:1;position:relative}.runtime-fallback-panel .api-spinner.is-large{width:54px;height:54px}.runtime-fallback-panel>span:last-child{color:var(--text-strong);font-size:16px;animation:1.15s ease-in-out infinite api-loading-text-pulse}.public-state-panel.is-error{color:#7f1d1d;background:#fff1f2;border-color:#fecdd3;flex-wrap:wrap}.captcha-panel{flex-direction:column;align-items:center;min-height:300px}.captcha-copy{color:#075985;text-align:left;align-items:flex-start;gap:12px;max-width:520px;display:flex}.captcha-copy svg{color:#ff7a1a;flex:none;margin-top:2px}.captcha-copy h2,.captcha-copy p{margin:0}.captcha-copy h2{color:var(--text-strong);font-size:22px;line-height:1.15}.captcha-copy p{color:var(--text-muted);margin-top:5px;font-size:14px;font-weight:800;line-height:1.4}.public-score-panel{margin-top:2px}.public-collection-workbench{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.public-collection-panel{overflow:hidden}.public-rhythm-list{gap:8px;padding:16px;display:grid}.public-rhythm-list button{color:#075985;cursor:pointer;text-align:left;background:#fff;border:1px solid #cfefff;border-left:4px solid #0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:56px;padding:10px;display:grid}.public-rhythm-list button:hover,.public-rhythm-list button.is-selected{background:#e8f6ff;border-color:#9bdcf6 #9bdcf6 #9bdcf6 #ff7a1a}.public-rhythm-list button span{gap:2px;min-width:0;display:grid}.public-rhythm-list button strong,.public-rhythm-list button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.public-rhythm-list button strong{color:var(--text-strong);font-size:13px;font-weight:900}.public-rhythm-list button small{color:var(--text-muted);font-size:12px;font-weight:800}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.topbar-left{align-items:center;gap:14px;min-width:0;display:flex;position:relative}.main-menu-button{color:#075985;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 10px 24px #082f491a}.main-menu-button:hover{color:#fff;background:#075985;border-color:#075985;transform:translateY(-1px)}.main-menu-popover{z-index:70;border:1px solid var(--border);background:#fff;border-radius:8px;gap:6px;width:min(330px,100vw - 32px);padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 24px 56px #082f4938}.main-menu-user{background:#e8f6ff;border:1px solid #cfefff;border-radius:8px;gap:3px;padding:11px 12px;display:grid}.main-menu-user strong,.main-menu-user span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.main-menu-user strong{color:var(--text-strong);font-size:14px;font-weight:900}.main-menu-user span{color:var(--text-muted);font-size:12px;font-weight:800}.main-menu-popover button{color:#075985;cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;border-radius:8px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;transition:background .16s,border-color .16s,color .16s;display:grid}.main-menu-popover button:hover{background:#f2fbff;border-color:#9bdcf6}.main-menu-popover button.is-danger{color:#b91c1c}.main-menu-popover button.is-danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.main-menu-popover button span{gap:2px;min-width:0;display:grid}.main-menu-popover button strong,.main-menu-popover button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.main-menu-popover button strong{font-size:13px;font-weight:900}.main-menu-popover button small{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:850}.main-menu-popover button.is-danger:hover small{color:#fee2e2}.main-menu-divider{background:var(--border);height:1px;margin:3px 4px}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{background:#075985;border-radius:8px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;overflow:hidden;box-shadow:0 10px 24px #082f4933}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand h1,.panel-heading h2,.drawer-heading h2,.editor-block h2{color:var(--text-strong);letter-spacing:0;margin:0}.brand h1{font-size:28px;font-weight:800;line-height:1.1}.brand p,.panel-heading p{color:var(--text-muted);margin:5px 0 0}.public-shared-by{color:#075985;margin-top:7px;font-size:13px;font-weight:900;display:inline-flex}.public-views-pill{color:#0f4f71;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:6px;width:fit-content;min-height:28px;margin-top:8px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.session-stats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.lab-top-actions{margin-left:auto}.subscription-header-upgrade-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0f4f71,#ff7a1a);border:1px solid #0f4f7159;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;font-weight:950;line-height:1;transition:filter .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 26px #f973163d}.subscription-header-upgrade-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 16px 32px #f973164d}.subscription-header-upgrade-button:disabled{cursor:wait;opacity:.74}.notification-bell-button{width:42px;height:42px;color:var(--text-strong);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 10px 24px #0f172a14}.notification-bell-button:hover,.notification-bell-button.has-unread,.notification-bell-button[aria-current=page]{color:#fff;background:#111827;border-color:#111827}.notification-bell-button span{color:#fff;background:#f97316;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-7px}.message-bubble-button:hover,.message-bubble-button.has-unread{background:#0f172a;border-color:#0f172a}.direct-message-layer{z-index:95}.direct-message-modal{flex-direction:column;width:min(980px,100vw - 28px);max-height:min(760px,100dvh - 28px);display:flex}.direct-message-modal-heading{align-items:center}.direct-message-heading-actions{align-items:center;gap:8px;display:flex}.direct-message-heading-actions>strong{color:#fff;text-transform:uppercase;background:#f97316;border-radius:999px;align-items:center;min-height:30px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.direct-message-alert{margin:12px 12px 0}.direct-message-modal-body{grid-template-columns:minmax(260px,.82fr) minmax(0,1.38fr);min-height:0;display:grid;overflow:hidden}.direct-message-sidebar{border-right:1px solid var(--border);background:#fafafa;flex-direction:column;min-width:0;min-height:0;display:flex}.direct-message-sidebar header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.direct-message-sidebar header strong{color:#111;text-transform:uppercase;font-size:13px;font-weight:900}.direct-message-sidebar header span{color:#111;background:#fff;border:1px solid #d7dde6;border-radius:999px;justify-content:center;align-items:center;min-width:26px;min-height:24px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.direct-message-chat-list{align-content:start;min-height:0;padding:8px;display:grid;overflow:auto}.direct-message-chat-button{color:#475569;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:0;padding:10px;display:grid}.direct-message-chat-button:hover,.direct-message-chat-button.is-selected{color:#111;background:#fff;border-color:#111}.direct-message-chat-button.is-unread:not(.is-selected){color:#fff;background:#111827;border-color:#111827}.direct-message-chat-button span{gap:3px;min-width:0;display:grid}.direct-message-chat-button strong,.direct-message-chat-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.direct-message-chat-button strong{color:currentColor;font-size:13px;font-weight:900}.direct-message-chat-button small,.direct-message-chat-button em{color:currentColor;opacity:.76;font-size:11px;font-weight:800}.direct-message-chat-button em{white-space:nowrap;justify-self:end;font-style:normal}.direct-message-chat-button b{color:#fff;background:#f97316;border-radius:999px;grid-column:3;justify-content:center;justify-self:end;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:900;display:inline-flex}.direct-message-loading-row,.direct-message-empty-state{min-height:120px;color:var(--text-muted);text-align:center;place-items:center;gap:10px;padding:18px;display:grid}.direct-message-conversation-panel{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.direct-message-conversation-heading{border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;display:grid}.direct-message-conversation-heading div{gap:3px;min-width:0;display:grid}.direct-message-conversation-heading strong,.direct-message-conversation-heading small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.direct-message-conversation-heading strong{color:#111;font-size:14px;font-weight:900}.direct-message-conversation-heading small{color:var(--text-muted);font-size:12px;font-weight:800}.direct-message-thread{background:linear-gradient(#fff,#fff),repeating-linear-gradient(0deg,#11182709 0 1px,#0000 1px 28px);flex-direction:column;flex:1;gap:9px;min-height:360px;padding:14px;display:flex;overflow:auto}.direct-message-load-more{align-self:center}.direct-message-bubble{border:1px solid #d7dde6;border-radius:8px;gap:5px;max-width:min(74%,460px);padding:10px 12px;display:grid}.direct-message-bubble.is-mine{color:#fff;background:#111827;border-color:#111827;align-self:flex-end}.direct-message-bubble.is-theirs{color:#111;background:#fff;align-self:flex-start}.direct-message-bubble p{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:760;line-height:1.42}.direct-message-bubble small{color:currentColor;opacity:.7;justify-self:end;font-size:10px;font-weight:850}.direct-message-composer{border-top:1px solid var(--border);background:#fafafa;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;display:grid}.direct-message-composer textarea{resize:vertical;color:#111;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #c9c9c9;border-radius:8px;padding:11px 12px;font-size:14px;font-weight:760}.direct-message-composer textarea:focus{border-color:#111;outline:none;box-shadow:0 0 0 3px #1118271f}.direct-message-composer .primary-action{align-self:end;min-height:44px}.direct-message-reply-warning{color:#b45309;grid-column:1/-1;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:850;display:flex}.notifications-workspace-page{width:100%;max-width:1180px;margin:22px auto 0}.notification-panel{border:1px solid var(--border);background:#fff;border-radius:8px;gap:0;min-height:min(680px,100svh - 136px);margin-top:0;display:grid;overflow:hidden;box-shadow:0 18px 44px #0f172a1f}.notification-panel-heading{border-bottom:1px solid var(--border);background:#fafafa;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.notification-panel-heading>div:first-child{gap:3px;display:grid}.notification-panel-heading>div:last-child{gap:8px;display:inline-flex}.notification-panel-heading span{color:#f97316;text-transform:uppercase;font-size:11px;font-weight:900}.notification-panel-heading h2{color:var(--text-strong);margin:0;font-size:18px;line-height:1.1}.notification-panel-alert{color:#b91c1c;background:#fff1f2;border-bottom:1px solid #fecaca;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.notification-panel-body{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);min-height:min(600px,100svh - 214px);display:grid}.notification-list{border-right:1px solid var(--border);background:#f8fafc;align-content:start;gap:7px;max-height:min(600px,100svh - 214px);padding:12px;display:grid;overflow:auto}.notification-list-item{color:#475569;cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #0000;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;width:100%;min-width:0;padding:10px;display:grid}.notification-list-item:hover,.notification-list-item.is-selected{border-left-color:#111827}.notification-list-item.is-unread{color:#fff;background:#1f2937;border-color:#111827 #111827 #111827 #f97316;box-shadow:0 12px 24px #0f172a29}.notification-list-item.is-unread:hover,.notification-list-item.is-unread.is-selected{background:#0f172a;border-color:#020617 #020617 #020617 #f97316}.notification-list-item.is-unread>svg,.notification-list-item.is-unread strong{color:#fff}.notification-list-item.is-unread small,.notification-list-item.is-unread em{color:#cbd5e1}.notification-list-item>span{gap:3px;min-width:0;display:grid}.notification-list-item strong,.notification-list-item small,.notification-list-item em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.notification-list-item strong{color:var(--text-strong);font-size:13px;font-weight:900}.notification-list-item small,.notification-list-item em{color:var(--text-muted);font-size:11px;font-style:normal;font-weight:800}.notification-detail-card{align-content:start;gap:12px;min-width:0;padding:16px;display:grid}.notification-detail-card header{gap:5px;display:grid}.notification-detail-card header span{color:#9a3412;text-transform:uppercase;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;width:fit-content;padding:4px 8px;font-size:10px;font-weight:900}.notification-detail-card h3{color:var(--text-strong);margin:0;font-size:20px;line-height:1.15}.notification-detail-card header small{color:var(--text-muted);font-size:12px;font-weight:800}.notification-detail-card img{object-fit:contain;border:1px solid var(--border);background:#f8fafc;border-radius:8px;max-width:100%;max-height:240px;display:block}.notification-html-content{color:var(--text-strong);font-size:14px;line-height:1.55}.notification-html-content p,.notification-html-content ul,.notification-html-content ol{margin-top:0}.notification-empty-detail{min-height:220px;color:var(--text-muted);text-align:center;place-items:center;gap:8px;display:grid}.notification-empty-detail p{margin:0;font-size:13px;font-weight:900}.social-workspace-page{gap:12px;width:min(1360px,100%);margin:14px auto 0;display:grid}.social-disabled-panel,.social-topbar,.social-search-page,.social-search-results-panel,.social-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 26px #0f172a0f}.social-disabled-panel{color:#111;text-align:center;place-items:center;gap:10px;min-height:320px;display:grid}.social-disabled-panel h2,.social-panel-heading h3,.social-relation-columns h3{color:#111;margin:0;line-height:1.1}.social-topbar{z-index:12;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:14px;padding:10px;display:grid;position:sticky;top:10px}.social-topbar.has-search-back{grid-template-columns:auto minmax(280px,1fr) auto}.social-search-back-icon{color:#111;cursor:pointer;background:#fff;border:1px solid #d7dde6;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 10px 18px #0f172a14}.social-search-back-icon:hover{color:#fff;background:#111;border-color:#111;transform:translateY(-1px)}.social-search-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.social-search-box{color:#475569;background:#f8fafc;border:1px solid #d7dde6;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 14px;display:grid}.social-search-box:focus-within{color:#075985;background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e929}.social-search-box input{color:#111;width:100%;min-width:0;height:44px;font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:15px;font-weight:850}.social-search-submit{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#111;border:1px solid #111;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:950;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.social-search-submit:hover:not(:disabled){background:#075985;border-color:#075985;transform:translateY(-1px)}.social-search-submit:disabled{cursor:progress;opacity:.72}.social-counters{grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;display:grid}.social-counters span,.social-profile-counters span{color:#555;text-transform:uppercase;background:#f7f7f7;border:1px solid #e5e7eb;border-radius:8px;gap:2px;min-width:96px;padding:9px 10px;font-size:11px;font-weight:900;display:grid}.social-counters strong,.social-profile-counters strong{color:#111;font-size:22px;line-height:1}.social-inline-alert{margin:0}.social-layout{grid-template-columns:minmax(220px,.76fr) minmax(420px,1.35fr) minmax(280px,.9fr);align-items:start;gap:12px;display:grid}.social-left-rail,.social-feed-column,.social-right-rail{align-content:start;gap:12px;min-width:0;display:grid}.social-left-rail,.social-right-rail{position:sticky;top:76px}.social-panel{gap:12px;min-width:0;padding:12px;display:grid}.social-search-results-panel{gap:12px;padding:12px;display:grid}.social-search-result-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.social-search-page{gap:14px;padding:14px;display:grid}.social-search-page-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.social-search-page-heading span{color:#f97316;text-transform:uppercase;font-size:11px;font-weight:900}.social-search-page-heading h2{color:#111;margin:0;font-size:clamp(22px,3vw,32px);line-height:1.05}.social-search-page-heading button,.social-rhythm-result-open{color:#111;cursor:pointer;background:#fff;border:1px solid #d7dde6;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex}.social-search-page-heading button:hover,.social-rhythm-result-open:hover{color:#075985;border-color:#0ea5e9}.social-search-page-loading{place-items:center;min-height:180px;display:grid}.social-search-page-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:start;gap:12px;display:grid}.social-search-page-section{align-content:start}.social-rhythm-result-list{gap:10px;display:grid}.social-rhythm-result-card{background:#fff;border:1px solid #d7dde6;border-radius:8px;gap:11px;min-width:0;padding:12px;display:grid}.social-rhythm-result-card:hover{border-color:#111;box-shadow:0 14px 26px #0f172a14}.social-rhythm-result-main,.social-rhythm-result-title,.social-rhythm-result-author{min-width:0}.social-rhythm-result-title{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;display:grid}.social-rhythm-result-title>svg{color:#fff;background:#111;border-radius:8px;width:36px;height:36px;padding:8px;display:grid}.social-rhythm-result-title h4,.social-rhythm-result-title p{min-width:0;margin:0}.social-rhythm-result-title h4{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;line-height:1.15;overflow:hidden}.social-rhythm-result-title p{color:#475569;margin-top:3px;font-size:13px;font-weight:760;line-height:1.35}.social-rhythm-result-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.social-rhythm-result-meta span{color:#111;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:900}.social-rhythm-result-author{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.social-rhythm-result-author:hover{border-color:#0ea5e9}.social-rhythm-result-author small,.social-rhythm-result-author strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.social-rhythm-result-author small{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:900}.social-rhythm-result-author strong{color:#111;font-size:13px;font-weight:950}.social-rhythm-result-open{color:#fff;background:#111;border-color:#111;justify-self:flex-start}.social-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.social-panel-heading span{color:#f97316;text-transform:uppercase;font-size:11px;font-weight:900}.social-panel-heading h3,.social-relation-columns h3{font-size:18px}.social-account-panel{background:linear-gradient(#fff,#f8fafc);grid-template-columns:48px minmax(0,1fr);align-items:center}.social-account-button{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s}.social-account-button:hover{border-color:#111;transform:translateY(-1px);box-shadow:0 18px 34px #0f172a1f}.social-account-button:disabled{cursor:wait;opacity:.72;transform:none}.social-account-panel span{color:#f97316;text-transform:uppercase;font-size:11px;font-weight:900}.social-account-panel h3,.social-account-panel p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.social-account-panel h3{color:#111;font-size:16px;font-weight:950}.social-account-panel p{color:#64748b;font-size:12px;font-weight:800}.social-composer-panel{gap:10px}.social-composer-head{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.social-composer-head strong{color:#111;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:900;overflow:hidden}.social-composer-launch{justify-items:center;padding-top:2px;display:grid}.social-open-composer{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 54%,#f97316 100%);border:1px solid #0284c757;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:min(380px,100%);min-height:54px;padding:0 22px;font-size:15px;font-weight:950;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 16px 30px #0ea5e93d,0 8px 18px #f973162e}.social-open-composer svg,.social-open-composer span{flex:none}.social-open-composer:hover{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 52%,#ea580c 100%);border-color:#0369a17a;transform:translateY(-1px);box-shadow:0 20px 34px #0ea5e94d,0 10px 20px #f9731638}.social-open-composer:active{transform:translateY(0)}.social-composer,.social-message-box,.social-direct-form{gap:10px;display:grid}.social-composer textarea,.social-message-box textarea,.social-direct-form textarea{resize:vertical;color:#111;width:100%;min-width:0;font:inherit;background:#f8fafc;border:1px solid #d7dde6;border-radius:8px;padding:11px 12px;font-size:14px;font-weight:750}.social-composer textarea:focus,.social-message-box textarea:focus,.social-direct-form textarea:focus{background:#fff;border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e924}.social-direct-panel{background:linear-gradient(#fff,#fafafa);border-color:#d7dde6}.social-direct-recipient{gap:6px;min-width:0;display:grid}.social-direct-recipient span,.social-direct-actions small{color:#555;text-transform:uppercase;font-size:11px;font-weight:900}.social-direct-recipient select{color:#111;width:100%;min-width:0;height:40px;font:inherit;background:#fff;border:1px solid #c9c9c9;border-radius:8px;outline:none;padding:0 11px;font-size:13px;font-weight:850}.social-direct-recipient select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e924}.social-direct-actions{gap:9px;display:grid}.social-direct-actions .primary-action{justify-content:center;width:100%}.social-feed-list,.social-user-list,.social-message-list{gap:9px;display:grid}.social-feed-sentinel{color:#555;text-align:center;background:#fafafa;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:46px;padding:10px;font-size:12px;font-weight:900;display:grid}.social-post-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:14px;display:grid}.social-post-card:hover{border-color:#cbd5e1;box-shadow:0 12px 24px #0f172a0f}.social-post-card header,.social-message-row{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.social-post-card header{grid-template-columns:34px minmax(0,1fr) auto}.social-post-card strong,.social-post-card small,.social-message-row strong,.social-message-row small,.social-message-row em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.social-post-card strong,.social-message-row strong{color:#111;font-size:13px;font-weight:900;display:block}.social-post-card small,.social-message-row small,.social-message-row em{color:#555;font-size:11px;font-style:normal;font-weight:800;display:block}.social-post-content,.social-post-preview-content{color:#1f2937;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.5}.social-post-content :where(p,ul,ol,blockquote,h3),.social-post-preview-content :where(p,ul,ol,blockquote,h3){margin-top:0;margin-bottom:10px}.social-post-content :where(p,ul,ol,blockquote,h3):last-child,.social-post-preview-content :where(p,ul,ol,blockquote,h3):last-child{margin-bottom:0}.social-post-content :where(ul,ol),.social-post-preview-content :where(ul,ol){padding-left:22px}.social-post-content h3,.social-post-preview-content h3{color:#111;font-size:18px;line-height:1.25}.social-post-content blockquote,.social-post-preview-content blockquote{color:#334155;background:#f8fafc;border-left:3px solid #0ea5e9;border-radius:0 8px 8px 0;margin-left:0;padding:8px 10px}.social-post-content a,.social-post-preview-content a{color:#075985;font-weight:900}.social-post-content .batlab-social-share-card,.social-post-preview-content .batlab-social-share-card{background:#fff;border:1px solid #d7dde6;border-radius:8px;grid-template-columns:minmax(132px,.42fr) minmax(0,1fr);gap:0;margin:6px 0 2px;display:grid;overflow:hidden;box-shadow:0 14px 28px #0f172a14}.social-post-content .batlab-social-share-art,.social-post-preview-content .batlab-social-share-art{color:#fff;background:radial-gradient(circle at 78% 20%,#f97316cc,#0000 32%),linear-gradient(135deg,#0f172a,#0284c7);align-content:space-between;min-height:154px;padding:14px;display:grid;position:relative}.social-post-content .batlab-social-share-card.is-collection .batlab-social-share-art,.social-post-preview-content .batlab-social-share-card.is-collection .batlab-social-share-art{background:radial-gradient(circle at 82% 18%,#0ea5e9bf,#0000 34%),linear-gradient(135deg,#111,#f97316)}.social-post-content .batlab-social-share-card.is-school .batlab-social-share-art,.social-post-preview-content .batlab-social-share-card.is-school .batlab-social-share-art{background:radial-gradient(circle at 76% 18%,#f97316c7,#0000 34%),linear-gradient(135deg,#075985,#111)}.social-post-content .batlab-social-share-art>span,.social-post-preview-content .batlab-social-share-art>span{z-index:1;color:#111;background:#fff;border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:950;position:relative}.social-post-content .batlab-social-share-art>strong,.social-post-preview-content .batlab-social-share-art>strong{z-index:1;color:#fff;text-shadow:0 8px 18px #0f172a5c;font-family:Georgia,Times New Roman,serif;font-size:64px;line-height:.85;position:relative}.social-post-content .batlab-social-staff,.social-post-preview-content .batlab-social-staff{opacity:.58;gap:8px;display:grid;position:absolute;bottom:24px;left:12px;right:12px}.social-post-content .batlab-social-staff i,.social-post-preview-content .batlab-social-staff i{background:#ffffffd1;height:2px;display:block}.social-post-content .batlab-social-share-copy,.social-post-preview-content .batlab-social-share-copy{align-content:start;gap:10px;min-width:0;padding:16px;display:grid}.social-post-content .batlab-social-share-copy>em,.social-post-preview-content .batlab-social-share-copy>em{color:#9a3412;text-transform:uppercase;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;width:fit-content;padding:4px 8px;font-size:10px;font-style:normal;font-weight:950}.social-post-content .batlab-social-share-copy h3,.social-post-preview-content .batlab-social-share-copy h3{color:#111;margin:0;font-size:20px;line-height:1.12}.social-post-content .batlab-social-share-copy p,.social-post-preview-content .batlab-social-share-copy p{color:#334155;margin:0;font-size:14px;font-weight:760;line-height:1.42}.social-post-content .batlab-social-share-meta,.social-post-preview-content .batlab-social-share-meta{flex-wrap:wrap;gap:6px;display:flex}.social-post-content .batlab-social-share-meta span,.social-post-preview-content .batlab-social-share-meta span{color:#111;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:900}.social-post-content .batlab-social-share-copy a,.social-post-preview-content .batlab-social-share-copy a{color:#fff;background:#111;border:1px solid #111;border-radius:8px;justify-content:center;align-items:center;width:fit-content;min-height:36px;padding:0 13px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex}.social-post-content .batlab-social-share-copy a:hover,.social-post-preview-content .batlab-social-share-copy a:hover{background:#075985;border-color:#075985}.social-rhythm-player{background:#f8fafc;border:1px solid #d7dde6;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:10px;padding:10px;display:grid}.social-rhythm-player button{color:#075985;cursor:pointer;background:#fff;border:1px solid #7dd3fc;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:13px;font-weight:950;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.social-rhythm-player button:hover:not(:disabled){color:#fff;background:#075985;border-color:#075985;transform:translateY(-1px)}.social-rhythm-player button.is-playing{color:#fff;background:#111;border-color:#111}.social-rhythm-player button:disabled{cursor:progress;opacity:.72}.social-rhythm-player-meta{gap:2px;min-width:0;display:grid}.social-rhythm-player-meta strong,.social-rhythm-player-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-rhythm-player-meta strong{color:#111;font-size:13px;font-weight:950}.social-rhythm-player-meta small{color:#475569;text-transform:uppercase;font-size:11px;font-weight:850}.social-rhythm-player>p{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;grid-column:1/-1;margin:0;padding:8px 10px;font-size:12px;font-weight:850}.social-post-owner-actions,.social-post-actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.social-post-owner-actions{justify-content:flex-end}.social-post-owner-actions button,.social-post-actions button,.social-load-comments,.social-comment-form button,.social-comment-actions button,.social-comment-reply-form button{color:#111;cursor:pointer;background:#fff;border:1px solid #d7dde6;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.social-post-owner-actions button{width:34px;padding:0}.social-post-owner-actions button:hover,.social-post-actions button:hover,.social-load-comments:hover,.social-comment-form button:hover,.social-comment-actions button:hover,.social-comment-reply-form button:hover{color:#075985;border-color:#0ea5e9;transform:translateY(-1px)}.social-post-owner-actions button.is-danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.social-post-actions{border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:8px}.social-post-actions button{flex:1 1 0;min-width:0}.social-post-actions button.is-active{color:#075985;background:#e8f6ff;border-color:#9bdcf6}.social-post-actions button.is-active.is-dislike{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.social-post-owner-actions button:disabled,.social-post-actions button:disabled,.social-load-comments:disabled,.social-comment-form button:disabled,.social-comment-actions button:disabled,.social-comment-reply-form button:disabled{cursor:not-allowed;opacity:.62;transform:none}.social-comments-panel{gap:10px;display:grid}.social-comment-form{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.social-comment-form input{color:#111;width:100%;min-width:0;height:38px;font:inherit;background:#f8fafc;border:1px solid #d7dde6;border-radius:999px;padding:0 12px;font-size:13px;font-weight:800}.social-comment-form input:focus{background:#fff;border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e924}.social-comment-form button{border-radius:999px;width:38px;min-height:38px;padding:0}.social-card-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:9px 10px;font-size:12px;font-weight:850}.social-comment-list{gap:8px;display:grid}.social-comment-item{margin-left:calc(var(--comment-depth,0) * 10px);grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px;display:grid}.social-comment-bubble{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:9px 10px}.social-comment-bubble>strong,.social-comment-bubble>p,.social-comment-bubble>small{min-width:0}.social-comment-bubble>strong{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950;display:block;overflow:hidden}.social-comment-bubble>p{color:#1f2937;overflow-wrap:anywhere;white-space:pre-wrap;margin:3px 0 4px;font-size:13px;font-weight:750;line-height:1.4}.social-comment-bubble>small{color:#64748b;font-size:11px;font-weight:800;display:block}.social-comment-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:inline-flex}.social-comment-actions button{border-radius:999px;min-height:28px;padding:0 8px;font-size:11px}.social-comment-actions button.is-active{color:#075985;background:#e8f6ff;border-color:#9bdcf6}.social-comment-actions button.is-active.is-dislike{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.social-comment-reply-form{grid-template-columns:minmax(0,1fr) 34px auto;align-items:center;gap:7px;margin-top:9px;display:grid}.social-comment-reply-form input{color:#111;width:100%;min-width:0;height:34px;font:inherit;background:#fff;border:1px solid #d7dde6;border-radius:999px;padding:0 11px;font-size:12px;font-weight:800}.social-comment-reply-form input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e924}.social-comment-reply-form button{border-radius:999px;min-height:34px;padding:0 10px}.social-comment-reply-form button:not(.is-secondary){width:34px;padding:0}.social-comment-reply-form button.is-secondary{color:#555;background:#f8fafc}.social-comment-replies{border-left:2px solid #e5e7eb;gap:8px;margin-top:10px;padding-left:10px;display:grid}.social-load-comments{justify-self:center;min-height:32px}.social-avatar{color:#fff;background:linear-gradient(135deg,#111827,#075985);border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.social-avatar.is-small{flex-basis:34px;width:34px;height:34px}.social-avatar.is-large{flex-basis:96px;width:96px;height:96px;box-shadow:inset 0 0 0 1px #ffffff42,0 18px 34px #0f172a29}.social-avatar img{object-fit:cover;width:100%;height:100%;display:block}.social-avatar strong{font-size:14px;font-weight:950}.social-avatar.is-small strong{font-size:11px}.social-avatar.is-large strong{font-size:28px}.social-user-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;gap:10px;padding:10px;display:grid}.social-user-card:hover{background:#fff;border-color:#cbd5e1}.social-user-main{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.social-user-main span{gap:3px;min-width:0;display:grid}.social-user-main strong,.social-user-main small,.social-user-main em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.social-user-main strong{color:#111;font-size:14px;font-weight:900}.social-user-main small,.social-user-main em{color:#555;font-size:12px;font-style:normal;font-weight:800}.social-user-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;display:flex}.social-relation-pill{color:#555;text-transform:uppercase;white-space:nowrap;background:#f7f7f7;border:1px solid #d6d6d6;border-radius:999px;align-items:center;min-height:28px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.social-relation-pill.is-Siguiendo,.social-relation-pill.is-Mutuo,.social-relation-pill.is-TeSigue{color:#075985;background:#e8f6ff;border-color:#9bdcf6}.social-relation-pill.is-Pendiente,.social-relation-pill.is-PendienteRecibida{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.social-mini-action,.social-setting-toggle{color:#111;cursor:pointer;background:#fff;border:1px solid #c9c9c9;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.social-mini-action:hover,.social-setting-toggle:hover{border-color:#111;transform:translateY(-1px)}.social-mini-action.is-accept{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.social-mini-action.is-reject{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.social-mini-action.is-message{color:#075985;background:#eef8ff;border-color:#9bdcf6}.social-mini-action.is-follow-action{border-width:1.5px;min-width:112px;position:relative;overflow:hidden;box-shadow:0 8px 18px #0f172a14}.social-mini-action.is-follow-action.is-follow{color:#fff;background:linear-gradient(135deg,#0284c7,#0f172a);border-color:#0284c7}.social-mini-action.is-follow-action.is-follow:hover{color:#fff;background:linear-gradient(135deg,#0369a1,#111);border-color:#0369a1;box-shadow:0 12px 22px #0284c73d}.social-mini-action.is-follow-action.is-following{color:#991b1b;background:#fff;border-color:#fecaca}.social-mini-action.is-follow-action.is-following:hover{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 12px 22px #dc26262e}.social-mini-action.is-follow-action.is-follow-pending{color:#92400e;background:#fffbeb;border-color:#fbbf24}.social-mini-action.is-follow-action.is-follow-pending:hover{color:#111;background:#fef3c7;border-color:#f59e0b;box-shadow:0 12px 22px #f59e0b29}.social-mini-action.is-primary-profile-action{min-height:42px;padding:0 16px;font-size:13px}.social-mini-action.is-primary-profile-action.is-follow-action{min-width:168px;min-height:44px;padding:0 18px;font-size:14px;box-shadow:0 14px 28px #0f172a24}.social-mini-action:disabled,.social-setting-toggle:disabled{cursor:not-allowed;opacity:.65}.social-profile-modal-layer{z-index:97}.social-profile-modal{flex-direction:column;width:min(640px,100vw - 28px);max-height:min(760px,100dvh - 28px);display:flex}.social-profile-modal-heading{align-items:center}.social-profile-modal-body{gap:14px;min-height:0;padding:16px;display:grid;overflow:auto}.social-profile-modal-hero{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid}.social-profile-modal-identity{justify-items:start;gap:7px;min-width:0;display:grid}.social-profile-modal-identity strong,.social-profile-modal-identity small{text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.social-profile-modal-identity strong{color:#111;font-size:28px;font-weight:950;line-height:1.05}.social-profile-modal-identity small{color:#555;white-space:nowrap;font-size:14px;font-weight:850}.social-profile-description{color:#222;white-space:pre-wrap;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:12px;font-size:14px;font-weight:760;line-height:1.48}.social-profile-modal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.social-profile-message-box{padding-top:2px}.social-profile-card{justify-items:start;gap:12px;display:grid}.social-profile-card>div:nth-child(2){gap:5px;display:grid}.social-profile-card strong{color:#111;font-size:18px;font-weight:950}.social-profile-card small{color:#555;font-size:13px;font-weight:800}.social-profile-card p{color:#333;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.45}.social-profile-links{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:12px;width:100%;padding:14px;display:grid}.social-profile-links>span{color:#111;text-transform:uppercase;font-size:12px;font-weight:950}.social-profile-links-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.social-profile-link{--social-brand:#075985;--social-brand-soft:#eef8ff;--social-brand-border:#b8dff2;min-height:42px;color:var(--social-brand);background:var(--social-brand-soft);border:1px solid var(--social-brand-border);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 7px;font-size:13px;font-weight:900;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 20px #1118270f}.social-profile-link:hover{border-color:var(--social-brand);background:#fff;transform:translateY(-1px);box-shadow:0 10px 24px #1118271f}.social-profile-link.is-instagram{--social-brand:#c13584;--social-brand-soft:#fff1f7;--social-brand-border:#f9a8d4}.social-profile-link.is-x{--social-brand:#111;--social-brand-soft:#f4f4f5;--social-brand-border:#d4d4d8}.social-profile-link.is-facebook{--social-brand:#1877f2;--social-brand-soft:#eff6ff;--social-brand-border:#bfdbfe}.social-profile-link.is-tiktok{--social-brand:#111;--social-brand-soft:#f8fafc;--social-brand-border:#d1d5db}.social-profile-link.is-youtube{--social-brand:red;--social-brand-soft:#fff1f2;--social-brand-border:#fecdd3}.social-profile-link.is-telegram{--social-brand:#229ed9;--social-brand-soft:#f0f9ff;--social-brand-border:#bae6fd}.social-profile-link-icon{color:#fff;background:var(--social-brand);border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.social-profile-link.is-instagram .social-profile-link-icon{background:radial-gradient(circle at 30% 105%,#fdf497 0 18%,#0000 19%),linear-gradient(135deg,#405de6,#833ab4 28%,#c13584 52%,#e1306c 72%,#fd1d1d)}.social-profile-link.is-tiktok .social-profile-link-icon{text-shadow:1px 1px #25f4ee,-1px -1px #fe2c55}.social-profile-link-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.social-profile-link.is-facebook .social-profile-link-icon svg,.social-profile-link.is-tiktok .social-profile-link-icon svg,.social-profile-link.is-youtube .social-profile-link-icon svg,.social-profile-link.is-telegram .social-profile-link-icon svg{fill:currentColor;stroke:none}.social-profile-link-label{min-width:0}.social-profile-link-external{opacity:.7;flex:none}.social-profile-counters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.social-setting-toggle{justify-content:flex-start;width:100%;min-height:40px}.social-setting-toggle.is-on{color:#075985;background:#e8f6ff;border-color:#9bdcf6}.social-relation-columns{grid-template-columns:1fr;gap:12px;display:grid}.social-relation-columns>div{align-content:start;gap:9px;min-width:0;display:grid}.social-compact-list{gap:9px;display:grid}.social-view-more-button{color:#111;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.social-view-more-button:hover{color:#075985;background:#f8fafc;border-color:#0ea5e9}.social-relationships-layer{z-index:96}.social-relationships-modal{flex-direction:column;width:min(680px,100vw - 28px);max-height:min(760px,100dvh - 28px);display:flex}.social-relationships-heading{align-items:center}.social-relationships-alert{margin:12px 12px 0}.social-relationships-list{background:#fafafa;gap:9px;min-height:0;padding:12px;display:grid;overflow:auto}.social-relationships-loading{place-items:center;min-height:86px;display:grid}.social-relationships-footer{border-top:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.social-relationships-footer span{color:var(--text-muted);font-size:12px;font-weight:850}.social-message-row{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-left:4px solid #0000;border-radius:8px;padding:10px}.social-message-row.is-unread{color:#fff;background:#111827;border-color:#111827 #111827 #111827 #f97316}.social-message-row.is-unread strong{color:#fff}.social-message-row.is-unread small,.social-message-row.is-unread em{color:#cbd5e1}.social-post-modal{flex-direction:column;width:min(980px,100vw - 28px);max-height:calc(100dvh - 32px);display:flex}.social-post-modal .auth-modal-heading{flex:none}.social-post-modal-body{flex:auto;gap:12px;min-height:0;padding:16px;display:grid;overflow:auto}.social-editor-share-picker{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #d7dde6;border-radius:8px;gap:10px;padding:12px;display:grid}.social-editor-share-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.social-editor-share-heading span,.social-editor-share-select span{color:#475569;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.social-editor-share-heading p{color:#334155;margin:3px 0 0;font-size:13px;font-weight:760;line-height:1.35}.social-editor-share-heading em{color:#111;text-align:right;max-width:45%;font-size:12px;font-style:normal;font-weight:900;line-height:1.35}.social-editor-share-controls{grid-template-columns:minmax(180px,.95fr) minmax(220px,1.25fr) auto;align-items:end;gap:8px;display:grid}.social-editor-share-search{min-height:42px}.social-editor-share-select{gap:5px;min-width:0;display:grid}.social-editor-share-select select{color:#111;width:100%;min-width:0;height:42px;font:inherit;background:#fff;border:1px solid #d7dde6;border-radius:8px;padding:0 11px;font-size:13px;font-weight:850}.social-editor-share-select select:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e924}.social-editor-share-action{white-space:nowrap;min-height:42px}.social-editor-toolbar{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:stretch;gap:8px;padding:10px;display:flex}.social-editor-control-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:4px;display:inline-flex}.social-editor-control-group.is-selects{flex:260px}.social-editor-control-group.is-colors{flex:300px}.social-editor-toolbar button{color:#111;cursor:pointer;background:#fff;border:1px solid #d7dde6;border-radius:8px;justify-content:center;align-items:center;width:36px;height:34px;padding:0;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.social-editor-toolbar button:hover{color:#075985;background:#f0f9ff;border-color:#0ea5e9;transform:translateY(-1px)}.social-editor-toolbar button strong{font-size:15px;font-weight:950}.social-editor-select{color:#475569;background:#f8fafc;border:1px solid #d7dde6;border-radius:8px;flex:120px;align-items:center;gap:6px;min-width:118px;height:34px;padding:0 8px;display:inline-flex}.social-editor-select:focus-within{color:#075985;background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}.social-editor-select select{color:#111;width:100%;min-width:0;height:30px;font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:12px;font-weight:900}.social-editor-group-label{color:#475569;text-transform:uppercase;align-items:center;gap:5px;min-height:28px;padding:0 6px;font-size:11px;font-weight:950;display:inline-flex}.social-color-swatch{position:relative;border-color:#cbd5e1!important;border-radius:999px!important;width:28px!important;height:28px!important}.social-color-swatch:before{content:"";background:var(--swatch-color);border:1px solid #0f172a3d;border-radius:999px;width:18px;height:18px;display:block;box-shadow:inset 0 0 0 1px #ffffff5c}.social-color-swatch[data-active=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px #0ea5e96b;border-color:#0ea5e9!important}.social-color-picker{cursor:pointer;background:#fff;border:1px dashed #94a3b8;border-radius:8px;justify-content:center;align-items:center;width:34px;height:30px;display:inline-flex;position:relative;overflow:hidden}.social-color-picker:before{content:"+";color:#475569;font-size:17px;font-weight:950;line-height:1;position:absolute}.social-color-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.social-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:360px;display:grid}.social-editor-pane{grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;min-height:0;display:grid}.social-editor-pane>span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:950}.social-rich-editor,.social-post-preview-content{color:#111;background:#fff;border:1px solid #d7dde6;border-radius:8px;min-height:320px;padding:14px}.social-rich-editor{outline:none;overflow:auto}.social-rich-editor:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e924}.social-post-preview-content{background:#f8fafc;overflow:auto}.social-post-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}.social-post-modal-actions small{color:#64748b;margin-right:auto;font-size:12px;font-weight:850}.admin-feature-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.admin-feature-panel{border-color:#b8dff2;box-shadow:0 18px 38px #082f491a}.admin-feature-panel .admin-panel-heading{align-items:center}.admin-feature-panel .admin-panel-heading p{max-width:660px;color:var(--text-muted);margin:4px 0 0;font-size:13px;font-weight:800;line-height:1.35}.admin-price-panel{border-color:#111;box-shadow:0 18px 38px #11111114}.admin-price-panel .admin-panel-heading{background:#fff;border-bottom-color:#111;align-items:center}.admin-price-panel .admin-panel-heading p{color:#4b5563;max-width:720px;margin:4px 0 0;font-size:13px;font-weight:800;line-height:1.35}.admin-price-form{grid-template-columns:minmax(140px,.45fr) minmax(104px,.25fr) minmax(220px,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.admin-price-form .primary-action{white-space:nowrap;min-height:48px}.admin-price-current{color:#4b5563;grid-column:1/-1;min-width:0;font-size:13px;font-weight:850}.admin-price-current strong{color:#111}.admin-feature-list article{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.admin-feature-list article div{gap:3px;min-width:0;display:grid}.admin-feature-list strong,.admin-feature-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-feature-list strong{color:#111;font-size:13px;font-weight:900}.admin-feature-list small{color:#555;font-size:11px;font-weight:800}.feature-toggle-button{color:#991b1b;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:118px;min-height:36px;padding:0 12px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.feature-toggle-button.is-on{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.feature-toggle-button:hover:not(:disabled){color:#111;background:#fff;border-color:#111;transform:translateY(-1px)}.feature-toggle-button:disabled{cursor:not-allowed;opacity:.65}.admin-shell{background:linear-gradient(#e8f6ffad,#fff0 320px),#f8fafc;gap:18px;min-height:100svh;padding:24px;display:grid}.admin-session-pill{color:#111827;border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.admin-topbar{border-bottom:1px solid var(--border);padding-bottom:16px}.toolbar-text-button.danger-soft{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.toolbar-text-button.danger-soft:hover{color:#fff;background:#dc2626;border-color:#dc2626}.toolbar-text-button.warning-soft{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.toolbar-text-button.warning-soft:hover{color:#fff;background:#ea580c;border-color:#ea580c}.toolbar-text-button.success-soft{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.toolbar-text-button.success-soft:hover{color:#fff;background:#059669;border-color:#059669}.admin-inline-alert{width:100%;max-width:none;position:static}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;display:grid}.admin-metric-card{border:1px solid var(--border);background:#fff;border-left:4px solid #0ea5e9;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:13px;display:grid;box-shadow:0 12px 28px #0f172a12}.admin-metric-card>span{color:#075985;background:#e8f6ff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.admin-metric-card.is-cyan{border-left-color:#0891b2}.admin-metric-card.is-orange{border-left-color:#ff7a1a}.admin-metric-card.is-red{border-left-color:#dc2626}.admin-metric-card.is-orange>span{color:#9a3412;background:#fff7ed}.admin-metric-card.is-red>span{color:#b91c1c;background:#fff1f2}.admin-metric-card strong,.admin-metric-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.admin-metric-card strong{color:var(--text-strong);font-size:24px;font-weight:900;line-height:1}.admin-metric-card small{color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:900}.admin-filter-bar{background:#f8fdff;border:1px solid #cfefff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));align-items:end;gap:10px;padding:12px;display:grid}.admin-filter-bar input[type=search],.admin-filter-bar input[type=date],.admin-filter-bar select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:42px;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 11px;font-weight:800}.admin-filter-bar input:focus,.admin-filter-bar input[type=date]:focus,.admin-filter-bar select:focus{border-color:#0ea5e9;outline:0;box-shadow:0 0 0 3px #0ea5e929}.admin-filter-bar .field,.admin-filter-bar .field select,.admin-filter-bar .field input[type=search],.admin-filter-bar .field input[type=date]{width:100%;min-width:0;max-width:100%}.admin-error-filter-bar{grid-template-columns:repeat(3,minmax(170px,220px)) minmax(160px,auto);justify-content:start}.admin-error-filter-bar.is-mail{grid-template-columns:minmax(240px,1fr) minmax(190px,240px) repeat(2,minmax(160px,190px)) minmax(120px,150px) minmax(160px,auto)}.admin-error-filter-bar .toolbar-text-button{justify-content:center;align-self:end;min-height:42px}.admin-error-tabs{background:#fff;border:1px solid #cfefff;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,520px);padding:5px;display:inline-grid;box-shadow:0 10px 24px #0f172a0f}.admin-error-tabs button{color:#16324d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:42px;padding:0 12px;font-weight:950;display:inline-flex}.admin-error-tabs button.is-active{color:#fff;background:#111;border-color:#111}.admin-error-tabs span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-error-tabs strong{min-width:28px;height:24px;color:inherit;background:#0ea5e924;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;line-height:1;display:inline-flex}.admin-error-tabs button.is-active strong{background:#ffffff2e}.admin-online-filter{color:#075985;cursor:pointer;background:#fff;border:1px solid #cfefff;border-radius:8px;align-items:center;gap:10px;min-width:0;min-height:69px;padding:13px 12px;display:flex}.admin-online-filter input{accent-color:#0ea5e9;flex:none;width:18px;height:18px}.admin-online-filter span{min-width:0;color:var(--text-strong);text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex}.admin-layout{grid-template-columns:minmax(0,1.75fr) minmax(320px,.82fr);align-items:start;gap:16px;display:grid}.admin-panel{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 14px 34px #0f172a12}.admin-panel-heading{background:linear-gradient(#fff,#f8fdff);border-bottom:1px solid #dcebf4;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.admin-panel-heading-actions{color:#16324d;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}.admin-info-button{color:#075985;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#e8f6ff;border:1px solid #9bdcf6;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:11px;font-weight:950;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.admin-info-button:hover{color:#fff;background:#075985;border-color:#075985;transform:translateY(-1px)}.admin-panel-heading span{color:#f97316;text-transform:uppercase;font-size:11px;font-weight:900}.admin-panel-heading h2{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:19px;line-height:1.15;overflow:hidden}.admin-users-list{gap:7px;max-height:560px;padding:10px;display:grid;overflow:auto}.admin-users-list button{color:#075985;cursor:pointer;text-align:left;background:#fff;border:1px solid #d8edf8;border-left:4px solid #0000;border-radius:8px;grid-template-columns:10px minmax(170px,1fr) minmax(84px,auto) minmax(110px,.4fr) minmax(96px,auto);align-items:center;gap:10px;min-width:0;min-height:62px;padding:10px;display:grid}.admin-users-list button:hover,.admin-users-list button.is-selected{background:#e8f6ff;border-color:#9bdcf6 #9bdcf6 #9bdcf6 #ff7a1a}.admin-pagination{background:#f8fdff;border-top:1px solid #cfefff;grid-template-columns:minmax(66px,auto) minmax(0,1fr) minmax(118px,auto) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.admin-pagination span,.admin-pagination strong,.admin-pagination small{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.admin-pagination strong{color:var(--text-strong);text-align:center}.admin-pagination div{gap:6px;display:inline-flex}.admin-pagination button{color:#075985;cursor:pointer;background:#fff;border:1px solid #9bdcf6;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.admin-pagination button:hover:not(:disabled){color:#fff;background:#0891b2;border-color:#0891b2}.admin-pagination button:disabled{color:#91a9bb;cursor:not-allowed;background:#e5f4fb;border-color:#cfefff}.admin-errors-panel{overflow:hidden}.admin-errors-list{gap:10px;max-height:68vh;padding:12px;display:grid;overflow:auto}.admin-error-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #dc2626;border-radius:8px;gap:10px;min-width:0;padding:13px;display:grid}.admin-error-card.is-mail{border-left-color:#f97316}.admin-error-card header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.admin-error-card header div{gap:4px;min-width:0;display:grid}.admin-error-card header span,.admin-error-card header strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.admin-error-card p,.admin-error-card dd{overflow-wrap:anywhere;word-break:break-word;min-width:0}.admin-error-card header span{color:#6b7280;font-size:12px;font-weight:900}.admin-error-card header strong{color:#111;white-space:nowrap;font-size:15px;line-height:1.25}.admin-error-card header em{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;flex:none;padding:5px 8px;font-size:12px;font-style:normal;font-weight:900}.admin-error-card p{color:#111827;margin:0;font-size:14px;font-weight:750;line-height:1.45}.admin-error-card dl{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0;display:grid}.admin-error-card dl div{background:#fafafa;border:1px solid #ececec;border-radius:8px;min-width:0;padding:9px}.admin-error-card dt,.admin-error-card dd{margin:0}.admin-error-card dt{color:#6b7280;text-transform:uppercase;font-size:10px;font-weight:900}.admin-error-card dd{color:#111;white-space:normal;margin-top:4px;font-size:12px;font-weight:850;line-height:1.45}.admin-error-endpoint-value{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.admin-error-http-method{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;flex:none;padding:3px 7px;font-size:11px;font-weight:950;line-height:1.15}.admin-error-endpoint-value code,.admin-error-long-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.admin-error-card details{color:#111;border-top:1px solid #ececec;min-width:0;padding-top:8px;overflow:hidden}.admin-error-card summary{color:#b91c1c;cursor:pointer;font-size:12px;font-weight:900}.admin-error-card pre{color:#f8fafc;white-space:pre-wrap;background:#111;border-radius:8px;max-height:320px;margin:9px 0 0;padding:10px;font-size:12px;line-height:1.5;overflow:auto}.admin-error-card details small{overflow-wrap:anywhere;color:#6b7280;margin-top:8px;font-size:11px;font-weight:800;display:block}.admin-online-dot{background:#cbd5e1;border-radius:999px;width:10px;height:10px}.admin-online-dot.is-online{background:#10b981;box-shadow:0 0 0 4px #10b98129}.admin-user-main,.admin-user-meta,.admin-user-stats{gap:3px;min-width:0;display:grid}.admin-user-main strong,.admin-user-main small,.admin-user-meta small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-user-main strong{color:var(--text-strong);font-size:14px;font-weight:900}.admin-user-main small,.admin-user-meta small{color:var(--text-muted);font-size:12px;font-weight:800}.admin-role-badge{box-sizing:border-box;color:#1f2937;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:999px;justify-self:start;place-items:center;min-width:0;max-width:112px;min-height:30px;padding:3px 10px 0;font-size:11px;font-weight:950;line-height:1;display:inline-grid;overflow:hidden}.admin-role-badge.is-admin{color:#7c2d12;background:#fff7ed;border-color:#fdba74}.admin-role-badge.is-bat-lab{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.admin-role-badge.is-free{color:#374151;background:#f9fafb;border-color:#d1d5db}.admin-user-stats{grid-template-columns:repeat(3,auto);justify-content:end}.admin-user-stats small,.admin-collection-card header span,.admin-rhythm-row em{color:#0f4f71;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:5px;min-height:28px;padding:4px 7px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.admin-side-panels{scrollbar-gutter:stable;gap:14px;max-height:calc(100svh - 28px);padding-right:4px;display:grid;position:sticky;top:14px;overflow:auto}.admin-config-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:14px;display:grid}.admin-online-list,.admin-notification-device-list,.admin-connection-list,.admin-collection-tree,.admin-country-bars{gap:8px;padding:12px;display:grid}.admin-online-list button{color:#075985;cursor:pointer;text-align:left;background:#f8fdff;border:1px solid #cfefff;border-radius:8px;gap:3px;width:100%;padding:9px 10px;display:grid}.admin-online-list button strong,.admin-online-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-online-list button strong{color:var(--text-strong);font-size:13px}.admin-online-list button span{color:var(--text-muted);font-size:12px;font-weight:800}.admin-country-row{grid-template-columns:54px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.admin-country-row span,.admin-country-row strong{color:var(--text-strong);font-size:12px;font-weight:900}.admin-country-row div{background:#e0f2fe;border-radius:999px;height:10px;overflow:hidden}.admin-country-row i{width:var(--bar-size);border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#ff7a1a);height:100%;display:block}.admin-breakdown-body{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.admin-breakdown-donut{aspect-ratio:1;width:104px;color:var(--text-strong);background:conic-gradient(var(--chart-fill));border-radius:50%;place-items:center;display:grid;position:relative}.admin-breakdown-donut:after{content:"";border-radius:inherit;background:#fff;position:absolute;inset:18px;box-shadow:inset 0 0 0 1px #e5e7eb}.admin-breakdown-donut-content{z-index:1;text-align:center;place-items:center;gap:0;line-height:1;display:grid;position:relative;transform:translateY(1px)}.admin-breakdown-donut span,.admin-breakdown-donut small{display:block}.admin-breakdown-donut span{font-size:23px;font-weight:950;line-height:1}.admin-breakdown-donut small{color:var(--text-muted);text-transform:uppercase;margin-top:0;font-size:9px;font-weight:900;line-height:1}.admin-breakdown-list{gap:10px;min-width:0;display:grid}.admin-breakdown-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.admin-breakdown-list article div{gap:3px;min-width:0;display:grid}.admin-breakdown-list strong,.admin-breakdown-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-breakdown-list strong{color:var(--text-strong);font-size:13px;font-weight:900}.admin-breakdown-list small{color:var(--text-muted);font-size:11px;font-weight:800}.admin-breakdown-list span{color:var(--text-strong);font-size:13px;font-weight:950}.admin-breakdown-list i{background:#eef2f7;border-radius:999px;grid-column:1/-1;width:100%;height:8px;display:block;overflow:hidden}.admin-breakdown-list i:before{width:var(--bar-size);content:"";background:var(--item-color);border-radius:inherit;height:100%;display:block}.admin-info-modal-layer{z-index:130}.admin-info-modal{flex-direction:column;width:min(1120px,100vw - 28px);max-height:min(860px,100dvh - 28px);display:flex}.admin-payments-info-modal{width:min(1320px,100vw - 28px)}.admin-user-detail-modal{width:min(1240px,100vw - 28px)}.admin-info-modal .auth-modal-heading{flex:none}.admin-user-detail-heading-actions{align-items:center;gap:10px;display:inline-flex}.admin-info-modal-body{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.admin-user-detail-modal-body{background:#f8fdff;gap:14px;min-height:0;padding:14px;display:grid;overflow:auto}.admin-user-detail-loading{min-height:300px}.admin-user-profile-hero{background:linear-gradient(135deg,#e8f6ffeb,#fffffffa),#fff;border:1px solid #cfefff;border-radius:8px;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.admin-user-profile-avatar{color:#fff;background:linear-gradient(135deg,#082f49,#075985);border:1px solid #07598552;border-radius:999px;justify-content:center;align-items:center;width:78px;height:78px;display:inline-flex;overflow:hidden;box-shadow:0 14px 30px #0f172a29}.admin-user-profile-avatar img{object-fit:cover;width:100%;height:100%}.admin-user-profile-avatar strong{letter-spacing:0;font-size:25px;font-weight:950}.admin-user-profile-title{gap:4px;min-width:0;display:grid}.admin-user-profile-title span,.admin-profile-card-heading span{color:#f97316;text-transform:uppercase;font-size:11px;font-weight:950}.admin-user-profile-title h3,.admin-profile-card-heading h3{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.08;overflow:hidden}.admin-user-profile-title h3{font-size:30px}.admin-user-profile-title p{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:850;overflow:hidden}.admin-user-detail-actions-card{flex-wrap:wrap}.admin-user-detail-actions-card>button{white-space:nowrap;min-height:44px}.admin-user-detail-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.admin-user-profile-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:14px;display:grid}.admin-user-profile-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid}.admin-profile-card-heading{gap:3px;min-width:0;display:grid}.admin-profile-card-heading h3{font-size:18px}.admin-user-profile-card dl{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:8px;margin:0;display:grid}.admin-user-profile-card dl div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:10px}.admin-user-profile-card dt{color:var(--text-muted);text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:950}.admin-user-profile-card dd{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:900;overflow:hidden}.admin-user-profile-card dd a{color:#075985;align-items:center;gap:6px;max-width:100%;text-decoration:none;display:inline-flex}.admin-user-profile-card dd a:hover{color:#f97316}.admin-profile-text-block{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:6px;padding:12px;display:grid}.admin-profile-text-block strong{color:var(--text-strong);text-transform:uppercase;font-size:12px;font-weight:950}.admin-profile-text-block p{color:var(--text-muted);white-space:pre-wrap;margin:0;font-size:13px;font-weight:750;line-height:1.45}.admin-user-profile-card .social-profile-links{background:0 0;border:0;border-radius:0;padding:0}.admin-user-detail-content{min-height:0}.admin-info-filter-bar{background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));align-items:end;gap:10px;padding:12px;display:grid}.admin-payment-filter-bar{grid-template-columns:minmax(240px,1fr) repeat(4,minmax(132px,.42fr))}.admin-info-filter-bar input[type=search],.admin-info-filter-bar input[type=date],.admin-info-filter-bar select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:42px;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 11px;font-weight:850}.admin-info-filter-bar input:focus,.admin-info-filter-bar input[type=date]:focus,.admin-info-filter-bar select:focus{border-color:#0ea5e9;outline:0;box-shadow:0 0 0 3px #0ea5e929}.admin-info-table-wrap{background:#fff;min-height:240px;position:relative;overflow:auto}.admin-info-loading{z-index:3;color:#075985;text-transform:uppercase;background:#e8f6fff0;border-bottom:1px solid #bae6fd;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:12px;font-weight:900;display:flex;position:sticky;top:0}.admin-cronjobs-modal{width:min(1480px,100vw - 28px);height:min(940px,100dvh - 28px);max-height:calc(100dvh - 28px)}.admin-cronjobs-body{overscroll-behavior:contain;background:#f8fdff;flex:auto;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:auto}.admin-cronjobs-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);align-items:start;min-height:0;display:grid;overflow:visible}.admin-cronjobs-list{background:#f8fafc;border-right:1px solid #e5e7eb;grid-auto-rows:max-content;gap:10px;min-height:0;max-height:calc(100dvh - 104px);padding:12px;display:grid;position:sticky;top:0;overflow:auto}.admin-cronjobs-list-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-cronjobs-list-heading strong{color:var(--text-strong);text-transform:uppercase;font-size:12px;font-weight:950}.admin-cronjobs-list>button{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:12px;display:grid;box-shadow:0 10px 24px #0f172a0a}.admin-cronjobs-list>button:hover,.admin-cronjobs-list>button:focus-visible{border-color:#7dd3fc;outline:0;box-shadow:0 0 0 3px #0ea5e91f}.admin-cronjobs-list>button.is-selected{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e929}.admin-cronjob-state{background:#94a3b8;border-radius:999px;width:10px;height:10px;margin-top:5px}.admin-cronjob-state.is-active{background:#059669;box-shadow:0 0 0 4px #0596691f}.admin-cronjob-state.is-disabled{background:#cbd5e1}.admin-cronjobs-list strong,.admin-cronjobs-list small,.admin-cronjobs-list em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.admin-cronjobs-list strong{color:var(--text-strong);font-size:14px;font-weight:950}.admin-cronjobs-list small{color:#64748b;margin-top:3px;font-size:11px;font-weight:850}.admin-cronjobs-list em{color:#475569;margin-top:7px;font-size:11px;font-style:normal;font-weight:850}.admin-cronjobs-detail{overscroll-behavior:contain;align-content:start;gap:14px;min-height:0;padding:14px;display:grid;overflow:visible}.admin-cronjob-detail-heading{background:#fff;border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;display:flex}.admin-cronjob-detail-heading>div:first-child{min-width:0}.admin-cronjob-detail-heading span{color:#f97316;text-transform:uppercase;font-size:11px;font-weight:950}.admin-cronjob-detail-heading h3{color:var(--text-strong);margin:4px 0;font-size:22px;font-weight:950;line-height:1.08}.admin-cronjob-detail-heading p{color:#475569;max-width:720px;margin:0;font-size:13px;font-weight:800;line-height:1.45}.admin-cronjob-detail-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-cronjob-refresh-status-button{white-space:nowrap;min-height:42px}.admin-cronjob-run-button{flex:none;justify-content:center;min-width:164px}.admin-cronjob-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.admin-cronjob-summary-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:0;padding:12px}.admin-cronjob-summary-grid dt{color:#64748b;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:950}.admin-cronjob-summary-grid dd{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:950;overflow:hidden}.admin-cronjob-config-form{background:#fff;border:1px solid #dbeafe;border-radius:10px;min-width:0;display:grid;overflow:visible}.admin-cronjob-config-grid{grid-template-columns:minmax(320px,1fr) minmax(150px,180px) minmax(150px,180px);align-items:end;gap:12px;padding:14px;display:grid}.admin-cronjob-config-grid .field{min-width:0;min-height:0}.admin-cronjob-config-grid input,.admin-cronjob-config-grid textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px;font-weight:850}.admin-cronjob-config-grid input{min-height:42px;padding:0 11px}.admin-cronjob-config-grid textarea{resize:vertical;min-height:86px;padding:10px 11px;line-height:1.4}.admin-cronjob-config-grid input:focus,.admin-cronjob-config-grid textarea:focus{border-color:#0ea5e9;outline:0;box-shadow:0 0 0 3px #0ea5e929}.admin-cronjob-description-field{grid-column:1/-1}.admin-cronjob-switch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 14px;display:grid}.admin-cronjob-switch{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;min-width:0;min-height:44px;padding:10px 12px;display:flex}.admin-cronjob-switch input{accent-color:#0f766e;flex:none;width:17px;height:17px}.admin-cronjob-switch span{min-width:0;color:var(--text-strong);font-size:12px;font-weight:900;line-height:1.25}.admin-cronjob-config-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.admin-cronjob-config-footer small{color:#64748b;font-size:12px;font-weight:800;line-height:1.35}.admin-cronjob-config-footer .primary-action{flex:none;justify-content:center;min-width:172px}.admin-cronjob-status-pill{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;min-width:104px;min-height:30px;padding:0 12px;display:inline-flex}.admin-cronjob-status-pill span{color:inherit;text-transform:uppercase;font-size:11px;font-weight:950;line-height:1;display:block}.admin-cronjob-status-pill.is-success{color:#047857;background:#ecfdf5;border-color:#86efac}.admin-cronjob-status-pill.is-warning{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.admin-cronjob-status-pill.is-error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.admin-cronjob-status-pill.is-info{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.admin-cronjob-progress-panel{background:#fff;border:1px solid #dbeafe;border-radius:10px;grid-template-columns:minmax(104px,.18fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.admin-cronjob-progress-panel>div{gap:2px;display:grid}.admin-cronjob-progress-panel>div strong{color:var(--text-strong);font-size:30px;font-weight:950;line-height:1}.admin-cronjob-progress-panel>div span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:950}.admin-cronjob-progress-panel>i{background:#e2e8f0;border-radius:999px;height:12px;display:block;overflow:hidden}.admin-cronjob-progress-panel>i:before{width:var(--cron-progress);content:"";border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#10b981);height:100%;display:block}.admin-cronjob-progress-panel dl{grid-template-columns:repeat(3,minmax(80px,1fr));gap:8px;margin:0;display:grid}.admin-cronjob-progress-panel dl div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:8px 10px}.admin-cronjob-progress-panel dt{color:#64748b;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:950}.admin-cronjob-progress-panel dd{color:var(--text-strong);margin:0;font-size:17px;font-weight:950}.admin-cronjob-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.admin-cronjob-section-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.admin-cronjob-section-heading h3{color:var(--text-strong);margin:0;font-size:17px;font-weight:950}.admin-cronjob-table{min-width:920px}.admin-cronjob-detail-table{min-width:1040px}.admin-cronjob-execution-lead{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;padding:10px 14px;font-size:12px;font-weight:850;line-height:1.4}.admin-cronjob-detail-table code{max-width:280px;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:12px;font-weight:900;display:block;overflow:hidden}.admin-cronjob-section .admin-info-table-wrap{min-height:160px;max-height:320px}.admin-cronjob-selected-execution-section{grid-template-rows:auto auto auto minmax(0,1fr) auto}.admin-cronjob-subsection-heading{background:#f8fafc}.admin-cronjob-subsection-heading h3{font-size:14px}.admin-cronjob-result-card{background:#fff;border-bottom:1px solid #e2e8f0;gap:12px;padding:14px;display:grid}.admin-cronjob-result-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.admin-cronjob-result-heading>div{gap:3px;min-width:0;display:grid}.admin-cronjob-result-heading>div>span{color:#f97316;text-transform:uppercase;font-size:10px;font-weight:950}.admin-cronjob-result-heading strong{min-width:0;color:var(--text-strong);font-size:16px;font-weight:950;line-height:1.15}.admin-cronjob-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.admin-cronjob-result-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:10px}.admin-cronjob-result-grid dt{color:#64748b;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:950}.admin-cronjob-result-grid dd{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:900;overflow:hidden}.admin-cronjob-result-block{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:10px 12px}.admin-cronjob-result-block.is-error{color:#991b1b;background:#fff1f2;border-color:#fecdd3}.admin-cronjob-result-block strong,.admin-cronjob-result-block summary{color:var(--text-strong);text-transform:uppercase;font-size:12px;font-weight:950}.admin-cronjob-result-block summary{cursor:pointer}.admin-cronjob-result-block p{margin:6px 0 0;font-size:12px;font-weight:800;line-height:1.45}.admin-cronjob-result-block pre,.admin-cronjob-row-result pre{color:#0f172a;white-space:pre-wrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;max-height:220px;margin:8px 0 0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;font-weight:700;line-height:1.45;overflow:auto}.admin-cronjob-table tr.is-selected td{background:#f0f9ff}.admin-cronjob-view-result-button{align-items:center;gap:5px}.admin-cronjob-row-result{gap:6px;min-width:0;display:grid}.admin-cronjob-row-result>span{overflow-wrap:anywhere;min-width:0}.admin-cronjob-row-result details{min-width:0}.admin-cronjob-row-result summary{color:#075985;cursor:pointer;font-size:11px;font-weight:950}.admin-payment-verification-layer{z-index:150}.admin-payment-verification-modal{flex-direction:column;width:min(560px,100vw - 28px);max-height:min(840px,100dvh - 28px);display:flex;overflow:hidden}.admin-payment-verification-modal .auth-modal-heading{background:#f0f9ff;border-bottom-color:#bae6fd}.admin-payment-verification-modal.is-success .auth-modal-heading{background:#ecfdf5;border-bottom-color:#a7f3d0}.admin-payment-verification-modal.is-error .auth-modal-heading{background:#fff1f2;border-bottom-color:#fecdd3}.admin-payment-verification-body{gap:16px;min-height:0;padding:18px;display:grid;overflow:auto}.admin-payment-verification-summary{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;display:grid}.admin-payment-verification-icon{color:#075985;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.admin-payment-verification-modal.is-success .admin-payment-verification-icon{color:#047857;background:#ecfdf5;border-color:#86efac}.admin-payment-verification-modal.is-error .admin-payment-verification-icon{color:#be123c;background:#fff1f2;border-color:#fecdd3}.admin-payment-verification-summary strong{color:var(--text-strong);font-size:15px;font-weight:950;line-height:1.2;display:block}.admin-payment-verification-summary p{color:#475569;margin:5px 0 0;font-size:14px;font-weight:800;line-height:1.45}.admin-payment-verification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.admin-payment-verification-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:0;padding:12px}.admin-payment-verification-grid dt{color:#64748b;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:950}.admin-payment-verification-grid dd{color:var(--text-strong);gap:6px;margin:0;font-size:13px;font-weight:900;line-height:1.35;display:grid}.admin-payment-verification-grid code{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.admin-payment-verification-grid small{color:var(--text-muted);font-size:11px;font-weight:800;display:block}.admin-payment-status-info-button{color:#075985;text-transform:uppercase;cursor:pointer;background:#f0f9ff;border:1px solid #7dd3fc;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:38px;padding:0 13px;font-size:12px;font-weight:950;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.admin-payment-status-info-button:hover{color:#fff;background:#075985;border-color:#075985;transform:translateY(-1px)}.admin-payment-status-info-panel{background:#f8fafc;border:1px solid #dbeafe;border-radius:12px;gap:12px;padding:14px;display:grid}.admin-payment-status-info-panel h3{color:var(--text-strong);margin:0;font-size:15px;font-weight:950;line-height:1.2}.admin-payment-status-info-panel p{color:#475569;margin:5px 0 0;font-size:12px;font-weight:800;line-height:1.45}.admin-payment-status-info-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:auto}.admin-payment-status-info-table{border-collapse:collapse;width:100%;min-width:620px}.admin-payment-status-info-table th,.admin-payment-status-info-table td{color:#334155;text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:10px 11px;font-size:12px;font-weight:800;line-height:1.35}.admin-payment-status-info-table th{color:#475569;text-transform:uppercase;background:#f8fafc;font-size:10px;font-weight:950}.admin-payment-status-info-table tr:last-child td{border-bottom:0}.admin-payment-status-info-table code{color:#0f172a;font-size:11px;font-weight:900}.admin-payment-verification-actions{justify-content:flex-end;display:flex}.admin-info-table{border-collapse:separate;border-spacing:0;width:100%;min-width:920px}.admin-payments-table{min-width:1120px}.admin-info-table th,.admin-info-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:11px 12px}.admin-info-table .admin-status-column{text-align:center}.admin-info-table td.admin-status-column{vertical-align:middle}.admin-info-table td.admin-status-column .admin-status-pill,.admin-info-table td.admin-status-column .admin-payment-status-pill{justify-content:center;align-items:center;margin-inline:auto;display:inline-flex!important}.admin-info-table td>.admin-role-badge{justify-content:center;align-items:center;display:inline-flex!important}.admin-info-table td.admin-status-column>small{text-align:center}.admin-info-table th{z-index:2;color:#475569;text-transform:uppercase;background:#f8fafc;font-size:11px;font-weight:950;position:sticky;top:0}.admin-info-table td{color:#1f2937;font-size:12px;font-weight:750}.admin-info-table td>strong,.admin-info-table td>small,.admin-info-table td>span,.admin-info-table td>code{min-width:0;display:block}.admin-info-table td>strong{color:var(--text-strong);font-weight:950}.admin-info-table td>small{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:800;line-height:1.25}.admin-info-table code{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;overflow:hidden}.admin-table-link-button{color:#075985;text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;max-width:100%;padding:0;font-size:12px;font-weight:950;-webkit-text-decoration:underline #0ea5e959;text-decoration:underline #0ea5e959;display:inline-flex}.admin-table-link-button:hover{color:#f97316;text-decoration-color:#f973168c}.admin-status-pill,.admin-payment-status-pill{box-sizing:border-box;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:34px;padding:0 13px;font-size:10px;font-weight:950;line-height:1;display:inline-flex}.admin-role-badge>span,.admin-status-pill>span,.admin-payment-status-pill>span{text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;min-width:0;min-height:100%;line-height:1;display:inline-flex;overflow:hidden;transform:translateY(2px)}.admin-status-pill.is-online,.admin-status-pill.is-active{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.admin-status-pill.is-disabled{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}.admin-payment-status-pill{color:var(--payment-status-color);background:color-mix(in srgb, var(--payment-status-color) 12%, white);border:1px solid color-mix(in srgb, var(--payment-status-color) 36%, white)}.admin-payment-verify-button{color:#075985;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#f0f9ff;border:1px solid #9bdcf6;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:11px;font-weight:950;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.admin-payment-verify-button:hover:not(:disabled){color:#fff;background:#075985;border-color:#075985;transform:translateY(-1px)}.admin-payment-verify-button:disabled{cursor:wait;opacity:.72}.admin-info-pagination{flex:none}.admin-collection-card a,.admin-rhythm-row a{color:#075985;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.admin-collection-card a:hover,.admin-rhythm-row a:hover{color:#ff7a1a}.admin-detail-panel{gap:14px;display:grid}.admin-user-detail-head{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.admin-user-detail-head div{gap:4px;min-width:0;display:grid}.admin-role-editor{gap:5px;min-width:min(220px,100%);margin-left:auto;display:grid}.admin-user-detail-head .admin-role-editor>span{color:#64748b;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:950}.admin-role-editor select{color:#111;background:#fff;border:1px solid #111;border-radius:8px;width:100%;min-height:42px;padding:0 12px;font-size:13px;font-weight:900}.admin-role-editor select:disabled{color:#94a3b8;background:#f1f5f9;border-color:#cbd5e1}.admin-role-editor small{color:#075985;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.admin-user-detail-head strong,.admin-user-detail-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-user-detail-head strong{color:var(--text-strong);font-size:15px;font-weight:900}.admin-user-detail-head span{color:var(--text-muted);font-size:12px;font-weight:800}.admin-detail-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;display:grid}.admin-detail-grid div{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;padding:11px}.admin-detail-grid dt{color:var(--text-muted);text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:900}.admin-detail-grid dd{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:900;overflow:hidden}.admin-detail-content{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);align-items:start;gap:14px;display:grid}.admin-detail-side-stack{gap:14px;display:grid}.admin-collection-card{background:#f8fdff;border:1px solid #cfefff;border-radius:8px;gap:10px;padding:11px;display:grid}.admin-collection-card header,.admin-rhythm-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.admin-collection-card header div,.admin-rhythm-row span{gap:3px;min-width:0;display:grid}.admin-collection-card strong,.admin-collection-card small,.admin-rhythm-row strong,.admin-rhythm-row small,.admin-collection-card a{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-collection-card strong,.admin-rhythm-row strong{color:var(--text-strong);font-size:13px;font-weight:900}.admin-collection-card small,.admin-rhythm-row small{color:var(--text-muted);font-size:12px;font-weight:800}.admin-rhythm-stack{gap:6px;display:grid}.admin-rhythm-row{background:#fff;border:1px solid #e0f2fe;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto auto;min-height:42px;padding:7px 8px}.admin-connection-list article{background:#fff;border:1px solid #e0f2fe;border-radius:8px;gap:4px;padding:10px;display:grid}.admin-notification-device-list article{background:#fff;border:1px solid #e0f2fe;border-radius:8px;gap:6px;padding:10px;display:grid}.admin-notification-device-list article header{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.admin-notification-device-list article svg{color:#075985}.admin-notification-device-list article strong,.admin-notification-device-list article small,.admin-notification-device-list article em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-notification-device-list article strong{color:var(--text-strong);font-size:13px}.admin-notification-device-list article small,.admin-notification-device-list article em{color:var(--text-muted);font-size:11px;font-style:normal;font-weight:800}.admin-connection-list article span{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:999px;width:fit-content;padding:3px 7px;font-size:10px;font-weight:900}.admin-connection-list article span.is-online{color:#047857;background:#d1fae5}.admin-notification-device-list article header span{color:#64748b;text-transform:uppercase;background:#f1f5f9;border-radius:999px;width:fit-content;padding:3px 7px;font-size:10px;font-weight:900}.admin-notification-device-list article header span.is-online{color:#047857;background:#d1fae5}.admin-connection-list strong,.admin-connection-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-connection-list strong{color:var(--text-strong);font-size:13px}.admin-connection-list small,.admin-empty{color:var(--text-muted);font-size:12px;font-weight:800}.admin-empty{margin:0;padding:14px}.admin-detail-empty{background:#fff;border:1px dashed #9bdcf6;border-radius:8px}.communications-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:14px;display:grid}.communication-admin-tabs{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:6px;display:inline-flex}.communication-admin-tabs button{color:#475569;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.communication-admin-tabs button:hover,.communication-admin-tabs button.is-selected{color:#fff;background:#111827;border-color:#111827}.communication-form{gap:14px;padding:14px;display:grid}.communication-form-grid{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:12px;display:grid}.communication-rich-field{min-width:0}.communication-rich-editor{gap:10px;min-width:0;display:grid}.communication-rich-editor .social-editor-grid{min-height:320px}.communication-rich-editor .social-rich-editor,.communication-rich-editor .social-post-preview-content{min-height:260px}.communication-email-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.communication-form textarea{resize:vertical;width:100%;min-height:170px}.communication-form .field small{color:var(--text-muted);font-size:11px;font-weight:800}.communication-segment-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.communication-segment-mode button{color:#111827;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.communication-segment-mode button:hover,.communication-segment-mode button.is-selected{color:#fff;background:#111827;border-color:#111827}.recipient-picker{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:12px;padding:12px;display:grid}.selected-recipient-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.selected-recipient-list strong{color:var(--text-strong);text-transform:uppercase;font-size:12px;font-weight:900}.selected-recipient-list span{color:var(--text-muted);font-size:12px;font-weight:800}.selected-recipient-list button{color:#111827;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.communication-user-options,.communication-history-list,.communication-recipient-list{gap:8px;display:grid}.communication-user-options{max-height:230px;overflow:auto}.communication-user-options button,.communication-history-list button{color:#475569;cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:10px;display:grid}.communication-user-options button:hover,.communication-history-list button:hover,.communication-history-list button.is-selected{border-left-color:#f97316}.communication-user-options strong,.communication-user-options small,.communication-user-options em,.communication-history-list strong,.communication-history-list small,.communication-history-list em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.communication-user-options strong,.communication-history-list strong{color:var(--text-strong);font-size:13px;font-weight:900;display:block}.communication-user-options small,.communication-history-list small{color:var(--text-muted);font-size:12px;font-weight:800}.communication-user-options em,.communication-history-list em{color:#0f172a;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:34px;min-height:28px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.communication-history-list{max-height:640px;padding:12px;overflow:auto}.communication-submit{justify-self:end}.welcome-admin-layout{gap:14px;display:grid}.welcome-message-form{gap:14px;padding:14px;display:grid}.welcome-message-status-toggle{align-content:start;gap:8px;display:grid}.welcome-message-status-toggle>span{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:950}.welcome-message-status-toggle button{color:#b91c1c;cursor:pointer;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-weight:950;display:inline-flex}.welcome-message-status-toggle button.is-active{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.welcome-message-form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.welcome-message-admin-list{gap:10px;padding:14px;display:grid}.welcome-message-admin-list article{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #94a3b8;border-radius:8px;gap:12px;min-width:0;padding:12px;display:grid}.welcome-message-admin-list article:has(header span.is-active){border-left-color:#059669}.welcome-message-admin-list article>header,.welcome-message-admin-list article>footer{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.welcome-message-admin-list article>footer{flex-wrap:wrap;justify-content:flex-end}.welcome-message-admin-list strong,.welcome-message-admin-list small{min-width:0;display:block}.welcome-message-admin-list strong{color:var(--text-strong);font-size:16px;font-weight:950}.welcome-message-admin-list small{color:var(--text-muted);font-size:12px;font-weight:850}.welcome-message-admin-list header span{color:#475569;text-transform:uppercase;white-space:nowrap;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 9px;font-size:11px;font-weight:950;display:inline-flex}.welcome-message-admin-list header span.is-active{color:#047857;background:#d1fae5}.welcome-message-admin-preview{color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;max-height:170px;padding:12px;overflow:auto}.communication-detail-panel{min-height:240px}.communication-detail-layout{grid-template-columns:minmax(230px,.45fr) minmax(0,1fr);gap:14px;padding:14px;display:grid}.communication-read-summary{align-content:start;gap:14px;min-width:0;display:grid}.communication-pie{--read-angle:0deg;aspect-ratio:1;background:radial-gradient(circle at center, #fff 0 52%, transparent 53%), conic-gradient(#16a34a 0 var(--read-angle), #dc2626 var(--read-angle) 360deg);border:1px solid var(--border);border-radius:999px;justify-self:center;place-items:center;width:min(210px,100%);display:grid}.communication-pie strong,.communication-pie span{grid-area:1/1}.communication-pie strong{color:#047857;margin-top:-12px;font-size:30px;font-weight:900}.communication-pie span{color:var(--text-muted);text-transform:uppercase;margin-top:28px;font-size:11px;font-weight:900}.communication-read-summary dl{gap:8px;margin:0;display:grid}.communication-read-summary dl div{border:1px solid var(--border);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.communication-read-summary dt,.communication-read-summary dd{margin:0;font-size:12px;font-weight:900}.communication-read-summary dt{color:var(--text-muted)}.communication-read-summary dd{color:var(--text-strong)}.communication-read-summary dl div:nth-child(2){background:#ecfdf5;border-color:#bbf7d0}.communication-read-summary dl div:nth-child(2) dt,.communication-read-summary dl div:nth-child(2) dd{color:#047857}.communication-read-summary dl div:nth-child(3){background:#fff1f2;border-color:#fecdd3}.communication-read-summary dl div:nth-child(3) dt,.communication-read-summary dl div:nth-child(3) dd{color:#be123c}.communication-recipient-list{max-height:520px;overflow:auto}.communication-recipient-list article{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #dc2626;border-radius:8px;gap:5px;padding:10px;display:grid}.communication-recipient-list article:has(.is-read){border-left-color:#16a34a}.communication-recipient-list article>span{color:#be123c;text-transform:uppercase;background:#ffe4e6;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:3px 7px;font-size:10px;font-weight:900;display:inline-flex}.communication-recipient-list article>span.is-read{color:#065f46;background:#d1fae5}.communication-recipient-list strong,.communication-recipient-list small,.communication-recipient-list em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.communication-recipient-list strong{color:var(--text-strong);font-size:13px;font-weight:900}.communication-recipient-list small,.communication-recipient-list em{color:var(--text-muted);font-size:11px;font-style:normal;font-weight:800}.session-stats span,.meter-pill,.audio-state{min-height:34px;color:var(--text-strong);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.language-switcher{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;min-height:34px;display:inline-flex;overflow:hidden}.language-switcher span{color:#075985;border-right:1px solid var(--border);text-transform:uppercase;white-space:nowrap;background:#e8f6ff;align-self:stretch;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.language-switcher button{min-height:32px;color:var(--text-strong);border:0;border-right:1px solid var(--border);cursor:pointer;background:#fff;border-radius:0;padding:0 9px;font-size:12px;font-weight:900;transition:background .16s,color .16s}.language-switcher button:last-child{border-right:0}.language-switcher button:hover{background:#dff5ff}.language-switcher button.is-selected{color:#fff;background:#ff7a1a}.transport-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0;display:flex}.toolbar-text-button{color:#075985;border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;font-weight:900;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.toolbar-text-button:hover{background:#dff5ff;border-color:#5dc7f3;transform:translateY(-1px)}.wipe-score-button{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.wipe-score-button:hover{color:#fff;background:#dc2626;border-color:#dc2626}.share-rhythm-button{color:#075985;border-color:#9bdcf6}.share-rhythm-button:hover{color:#fff;background:#0891b2;border-color:#0891b2}.toolbar-text-button:disabled{color:#91a9bb;cursor:not-allowed;background:#e5f4fb;border-color:#cfefff;transform:none}button,select,input{font:inherit}button{color:var(--text-strong)}.icon-button,.toggle-button,.bpm-step-button,.click-subdivision button,.sound-mode-control button,.action-grid button,.pattern-picker-toggle,.pattern-result,.pattern-list button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;transition:transform .16s,background .16s,border-color .16s,color .16s;display:inline-flex}.icon-button{width:42px;padding:0}.icon-button.primary{color:#fff;background:#ff7a1a;border-color:#ff7a1a;width:48px}.icon-button:hover,.toggle-button:hover,.bpm-step-button:hover,.click-subdivision button:hover,.sound-mode-control button:hover,.action-grid button:hover,.pattern-picker-toggle:hover,.pattern-result:hover,.pattern-list button:hover{border-color:#5dc7f3;transform:translateY(-1px)}.icon-button.primary:hover{background:#e65f00;border-color:#e65f00}.stop-button{color:#fff;background:#dc2626;border-color:#dc2626}.stop-button:hover{background:#b91c1c;border-color:#b91c1c}.toggle-button{padding:0 12px;font-weight:800}.toggle-button.is-on{color:#fff;background:#0891b2;border-color:#0891b2}.click-control{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;min-height:40px;display:inline-flex}.click-subdivision{border:1px solid var(--border);border-radius:8px;grid-auto-columns:max-content;grid-auto-flow:column;max-width:100%;display:inline-grid;overflow:hidden}.click-subdivision button{border:0;border-right:1px solid var(--border);white-space:nowrap;border-radius:0;min-height:38px;padding:0 11px;font-size:13px;font-weight:900}.click-subdivision button:last-child{border-right:0}.click-subdivision button.is-selected{color:#fff;background:#ff7a1a}.click-tempo-equivalence{min-width:0;color:var(--muted);white-space:nowrap;flex:0 auto;font-size:12px;font-weight:900;line-height:1.2}.sound-mode-control{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:0;min-height:40px;display:inline-flex;overflow:hidden}.sound-mode-control.prominent{border-color:#ff7a1a;box-shadow:0 8px 20px #ff7a1a24}.sound-mode-control span{color:var(--text-muted);border-right:1px solid var(--border);text-transform:uppercase;background:#e8f6ff;align-self:stretch;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.sound-mode-control.prominent span{color:#fff;background:#ff7a1a}.sound-mode-control button{border:0;border-right:1px solid var(--border);border-radius:0;min-height:38px;padding:0 12px;font-size:13px;font-weight:900}.sound-mode-control button:last-child{border-right:0}.sound-mode-control button.is-selected{color:#fff;background:#075985}.bpm-step-button:disabled{color:#91a9bb;cursor:not-allowed;background:#e5f4fb;transform:none}.audio-state{color:#31556f;margin-left:auto}.audio-state-button{cursor:pointer;font:inherit;transition:background .16s,border-color .16s,color .16s,transform .16s}.audio-state-button:hover{color:#111;background:#f2f2f2;border-color:#111}.audio-state-button:active{transform:translateY(1px)}.audio-state-button.is-muted{color:#991b1b;background:#fff5f5;border-color:#fca5a5}.audio-state-button.is-muted:hover{color:#7f1d1d;background:#fee2e2;border-color:#ef4444}.field{align-items:center;gap:8px;min-height:40px;display:inline-flex}.field span{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.field select,.field input[type=text],.field input[type=search],.field input[type=number],.field textarea{min-height:40px;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px}.field select{width:min(260px,52vw);padding:0 34px 0 12px}.field input[type=text],.field textarea{width:100%;padding:0 12px}.field textarea{padding-top:10px;padding-bottom:10px;font-family:inherit}.preset-field{flex:300px;max-width:430px;position:relative}.pattern-picker{width:100%;position:relative}.pattern-input-wrap{width:100%;min-height:40px;color:var(--text-muted);border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;display:grid}.pattern-input-wrap:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e92e}.pattern-input-wrap>svg{justify-self:center}.pattern-input-wrap input[type=search]{width:100%;min-width:0;min-height:38px;color:var(--text-strong);background:0 0;border:0;border-radius:0;padding:0}.pattern-input-wrap input[type=search]:focus{outline:0}.pattern-input-wrap input[type=search]::-webkit-search-cancel-button{cursor:pointer}.pattern-picker-toggle{border:0;border-left:1px solid var(--border);background:0 0;border-radius:0 7px 7px 0;width:34px;min-height:38px;padding:0}.pattern-results{z-index:50;border:1px solid var(--border);background:#fff;border-radius:8px;gap:5px;max-height:320px;padding:7px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 34px #082f492e}.pattern-result{text-align:left;justify-content:space-between;width:100%;min-height:44px;padding:8px 10px}.pattern-result span,.pattern-result small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pattern-result span{font-size:14px;font-weight:900}.pattern-result small{color:var(--text-muted);font-size:12px;font-weight:800}.pattern-result.is-selected{color:#fff;background:#075985;border-color:#075985}.pattern-result.is-selected small{color:#bae6fd}.pattern-empty{color:var(--text-muted);text-align:center;padding:14px 10px;font-size:13px;font-weight:800}.bpm-field{flex:330px;max-width:520px}.bpm-field input[type=range]{accent-color:#ff7a1a;flex:150px;width:100%;min-width:120px}.bpm-step-button{flex:0 0 36px;width:36px;min-height:40px;padding:0}.bpm-number{text-align:center;flex:0 0 76px;width:76px;padding:0 8px}.workbench{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.library-workspace-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:18px;width:min(1260px,100%);margin:0 auto;padding:20px;display:grid;box-shadow:0 18px 38px #082f4914}.library-workspace-heading,.library-search-row,.studio-panel-heading,.studio-control-bar,.studio-save-card,.studio-score-tools{justify-content:space-between;align-items:center;gap:14px;display:flex}.library-workspace-heading h2,.studio-panel-heading h2{color:var(--text-strong);margin-top:4px;font-size:26px;line-height:1.1}.library-workspace-heading p,.studio-panel-heading p{max-width:720px;color:var(--text-muted);margin-top:5px;font-size:14px;font-weight:700}.library-search-row{background:#f7f7f7;border:1px solid #d6d6d6;border-radius:8px;flex-wrap:wrap;align-items:flex-end;padding:14px}.library-search-row .field{flex:320px}.library-pattern-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.library-pattern-card{text-align:left;background:#fff;border:1px solid #d3d3d3;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:104px;padding:16px;display:grid}.library-pattern-card:hover,.library-pattern-card.is-selected{border-color:#111;box-shadow:inset 0 0 0 1px #111}.library-pattern-card span{gap:6px;min-width:0;display:grid}.library-pattern-card strong{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.2;overflow:hidden}.library-pattern-card small{color:#555;font-size:13px;font-weight:800}.library-pattern-card em{color:#111;text-transform:uppercase;justify-self:end;font-size:12px;font-style:normal;font-weight:900}.studio-workbench{width:min(1440px,100%);margin:0 auto}.studio-panel{overflow:visible}.school-workbench{width:min(1440px,100%);margin:0 auto}.school-panel{background:#fff;border:1px solid #d6d6d6;border-radius:8px;gap:16px;padding:18px;display:grid}.school-setup{background:#f7f7f7;border:1px solid #d6d6d6;border-radius:8px;gap:14px;padding:16px;display:grid}.school-setup-heading h2,.school-card-heading h2{color:#111;margin:4px 0 0;font-size:24px;line-height:1.1}.school-setup-heading p,.school-card-heading p{color:#555;max-width:760px;margin:5px 0 0;font-size:14px;font-weight:750;line-height:1.45}.school-mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.school-mode-grid button{color:#111;text-align:left;background:#fff;border:1px solid #c9c9c9;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:70px;padding:12px;display:grid}.school-mode-grid button.is-selected{border-color:#111;box-shadow:inset 0 0 0 1px #111}.school-mode-grid strong,.school-mode-grid small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.school-mode-grid strong{font-size:14px}.school-mode-grid small{color:#666;margin-top:3px;font-size:12px;font-weight:750}.school-controls{grid-template-columns:minmax(320px,1fr) minmax(220px,.38fr);align-items:end;gap:18px;display:grid}.school-rhythm-combobox{min-width:0;position:relative}.school-rhythm-combobox .pattern-input-wrap{z-index:22;position:relative}.school-combobox-list{z-index:21;background:#fff;border:1px solid #111;border-radius:8px;max-height:min(320px,42vh);margin-top:8px;padding:6px;display:grid;position:relative;overflow-y:auto;box-shadow:0 18px 34px #00000024}.school-combobox-list button{color:#111;cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 10px;display:flex}.school-combobox-list button:hover,.school-combobox-list button.is-selected{background:#f5f5f5;border-color:#111}.school-combobox-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:900;overflow:hidden}.school-combobox-list em{color:#555;flex:none;font-size:12px;font-style:normal;font-weight:900}.school-combobox-empty{color:#555;text-align:center;padding:12px;font-size:13px;font-weight:850}.school-controls .note-value-field{min-width:0}.school-practice-surface{gap:16px;display:grid}.school-card{background:#fff;border:1px solid #d6d6d6;border-radius:8px;gap:14px;padding:16px;display:grid}.school-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.school-player-bar{background:#f7f7f7;border:1px solid #d6d6d6;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.school-player-bar.is-answer{justify-content:flex-start}.school-playback-buttons,.school-listening-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.school-listening-controls .toggle-button{min-width:148px}.school-heading-meta{justify-items:end;gap:8px;display:grid}.school-answer-tools{background:#f7f7f7;border:1px solid #d6d6d6;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px;padding:12px;display:flex}.school-meter-field{width:min(360px,100%)}.school-meter-feedback{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;align-items:center;min-height:38px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.school-meter-feedback.is-correct{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.school-result-pill{color:#9a3412;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.school-result-pill.is-correct{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.school-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.school-actions .primary-action,.school-actions .soft-action,.school-actions .toolbar-text-button{min-height:40px}.school-download-action{color:#111;background:#fff;border-color:#111}.school-share-action{color:#9a3412;background:#ffedd5;border-color:#fdba74}.school-social-action{color:#fff;background:#111;border-color:#111;box-shadow:0 10px 22px #0f172a24}.school-social-action:hover{color:#fff;background:#075985;border-color:#075985}.school-result-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.school-result-grid span{color:#555;background:#f7f7f7;border:1px solid #d6d6d6;border-radius:8px;gap:3px;min-height:58px;padding:10px;font-size:12px;font-weight:850;display:grid}.school-result-grid strong{color:#111;font-size:20px;line-height:1}.school-workspace-switch{width:fit-content;max-width:100%}.school-workspace-switch button{min-width:196px}.rudiments-school-surface{min-width:0}.rudiments-school-card{gap:16px}.rudiments-heading{align-items:center}.rudiments-source-link{white-space:nowrap;min-height:40px}.rudiments-search-row{padding:12px}.rudiments-search-row .field{max-width:520px}.rudiment-level-filters{flex:520px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.rudiment-level-filters button{min-height:48px}.rudiment-category-list{gap:18px;display:grid}.rudiment-category-section{gap:10px;display:grid}.rudiment-category-heading{border-bottom:1px solid #d6d6d6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:7px;display:flex}.rudiment-category-heading h3{color:#111;margin:0;font-size:16px;line-height:1.1}.rudiment-category-heading span{color:#111;background:#fff;border:1px solid #c9c9c9;border-radius:999px;justify-content:center;align-items:center;min-width:30px;min-height:30px;padding:0 8px;font-size:12px;font-weight:950;display:inline-flex}.rudiments-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;display:grid}.rudiment-card{color:#111;text-align:left;cursor:pointer;background:#fff;border:1px solid #d3d3d3;border-radius:8px;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:11px;min-height:104px;padding:14px;display:grid}.rudiment-card:hover,.rudiment-card:focus-visible{border-color:#111;box-shadow:inset 0 0 0 1px #111}.rudiment-card-number{color:#111;background:#f7f7f7;border:1px solid #c9c9c9;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:950;display:inline-flex}.rudiment-card-copy{gap:5px;min-width:0;display:grid}.rudiment-card-copy strong,.rudiment-card-copy small,.rudiment-card-copy em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.rudiment-card-copy strong{color:#111;font-size:15px;line-height:1.15}.rudiment-card-copy small{color:#555;font-size:12px;font-weight:850}.rudiment-card-copy em{color:#111;font-size:13px;font-style:normal;font-weight:900}.rudiment-card>svg{color:#f97316;justify-self:end}.rudiment-modal{grid-template-rows:auto minmax(0,1fr);width:min(900px,100%);max-height:min(820px,100dvh - 24px);display:grid}.rudiment-modal-body{overscroll-behavior:contain;gap:14px;min-height:0;padding:18px;display:grid;overflow-y:auto}.rudiment-notation-panel,.rudiment-detail-box{background:#fff;border:1px solid #d6d6d6;border-radius:8px;gap:10px;padding:14px;display:grid}.rudiment-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.rudiment-panel-heading span,.rudiment-detail-box span{color:#555;text-transform:uppercase;font-size:12px;font-weight:950}.rudiment-panel-heading strong{color:#111;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:950;overflow:hidden}.rudiment-notation-scroll{background:#fbfbfb;border:1px solid #cfcfcf;border-radius:8px;overflow:auto hidden}.rudiment-notation{max-width:none;height:152px;display:block}.rudiment-staff-line,.rudiment-barline,.rudiment-stem,.rudiment-grace-stem,.rudiment-grace-slash,.rudiment-roll-slash{stroke:#111;stroke-linecap:round}.rudiment-staff-line{stroke-width:1.5px}.rudiment-barline,.rudiment-stem{stroke-width:2.4px}.rudiment-barline.is-start,.rudiment-barline.is-end{stroke-width:4px}.rudiment-grace-stem,.rudiment-grace-slash{stroke-width:1.5px}.rudiment-roll-slash{stroke-width:2px}.rudiment-clef rect,.rudiment-beam,.rudiment-notehead{fill:#111}.rudiment-accent,.rudiment-hand-label{fill:#111;font-weight:950}.rudiment-accent{font-size:22px}.rudiment-hand-label{font-size:16px}.rudiment-hand-label.is-grace{fill:#555;font-size:10px}.rudiment-detail-grid{grid-template-columns:minmax(0,1.45fr) minmax(190px,.55fr);gap:12px;display:grid}.rudiment-detail-box p{color:#111;margin:0;font-size:14px;font-weight:750;line-height:1.45}.rudiment-video-box a{color:#fff;background:#111;border:1px solid #111;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;font-weight:950;text-decoration:none;display:inline-flex}.rudiment-video-box a:hover{color:#fff;background:#075985;border-color:#075985}.studio-panel-heading{border-bottom:1px solid #d6d6d6;align-items:flex-start;padding:18px 20px 12px}.studio-heading-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.studio-mode-switch{background:#f4f4f4;border:1px solid #cfcfcf;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.studio-mode-switch button{color:#555;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;gap:2px;min-width:128px;min-height:46px;padding:7px 10px;display:grid}.studio-mode-switch button.is-selected{color:#111;background:#fff;border-color:#111;box-shadow:0 6px 16px #00000014}.studio-mode-switch strong,.studio-mode-switch small{text-overflow:ellipsis;white-space:nowrap;line-height:1.1;display:block;overflow:hidden}.studio-mode-switch strong{font-size:13px;font-weight:950}.studio-mode-switch small{max-width:180px;color:inherit;opacity:.78;font-size:10px;font-weight:850}.studio-control-bar{background:#fff;border-bottom:1px solid #d6d6d6;flex-wrap:wrap;padding:12px 20px}.studio-control-bar.is-junior{background:#fbfbfb}.studio-control-bar .audio-state{flex:none;margin-left:0}.studio-playback-controls,.studio-icon-actions,.zoom-control{flex:none;align-items:center;gap:8px;display:inline-flex}.note-value-field{flex:0 0 230px;width:230px;min-width:0}.time-signature-field{flex-basis:180px;width:180px}.note-value-field select{color:#111;background:#fff;border:1px solid #c9c9c9;border-radius:8px;width:100%;min-height:38px;padding:0 34px 0 12px;font-weight:900}.compact-bpm-field{flex:0 260px;max-width:290px}.compact-click-control{flex:0 auto;width:auto}.compact-sound-mode{flex:none}.studio-icon-actions button,.zoom-control button{color:#111;cursor:pointer;background:#fff;border:1px solid #c9c9c9;border-radius:8px;justify-content:center;align-items:center;width:38px;min-height:38px;padding:0;font-weight:900;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.studio-icon-actions .studio-text-action{white-space:nowrap;gap:7px;width:auto;padding:0 12px;font-size:12px;font-weight:900}.studio-icon-actions button:hover,.zoom-control button:hover{background:#f2f2f2}.studio-icon-actions button:hover{transform:translateY(-1px)}.studio-icon-actions .studio-action-clear{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.studio-icon-actions .studio-action-clear:hover{color:#881337;background:#ffe4e6;border-color:#fb7185;box-shadow:0 8px 18px #9f123921}.studio-icon-actions .studio-action-download{color:#075985;background:#e0f2fe;border-color:#7dd3fc;box-shadow:0 5px 14px #0e74901a}.studio-icon-actions .studio-action-download:hover{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 10px 22px #0284c738}.studio-icon-actions .studio-action-import{color:#0f766e;background:#ecfdf5;border-color:#99f6e4;box-shadow:0 5px 14px #0d94881a}.studio-icon-actions .studio-action-import:hover{color:#fff;background:#0f766e;border-color:#0f766e;box-shadow:0 10px 22px #0f766e38}.studio-icon-actions .studio-action-share{color:#9a3412;background:#ffedd5;border-color:#fdba74;box-shadow:0 5px 14px #ea580c1a}.studio-icon-actions .studio-action-share:hover{color:#fff;background:#f97316;border-color:#f97316;box-shadow:0 10px 22px #f9731638}.studio-icon-actions .studio-action-social{color:#fff;background:#111;border-color:#111;box-shadow:0 5px 14px #0f172a24}.studio-icon-actions .studio-action-social:hover{color:#fff;background:#075985;border-color:#075985;box-shadow:0 10px 22px #0759853d}.studio-icon-actions button:disabled,.zoom-control button:disabled{color:#999;cursor:not-allowed;box-shadow:none;background:#f4f4f4;border-color:#d4d4d4;transform:none}.studio-save-card{background:#f7f7f7;border-bottom:1px solid #d6d6d6;grid-template-columns:minmax(180px,1fr) minmax(260px,1.35fr) minmax(190px,.9fr) auto auto;align-items:end;gap:10px;padding:14px 20px;display:grid}.studio-save-card .field{width:100%;min-width:0}.studio-save-card textarea{resize:vertical;width:100%;min-height:40px;max-height:96px}.studio-save-card select{width:100%;min-height:40px;color:var(--text-strong);background:#fff;border:1px solid #c9c9c9;border-radius:8px;padding:0 12px;font-weight:800}.studio-save-card .primary-action{white-space:nowrap;min-height:40px}.studio-save-card .autosave-status{justify-self:start}.autosave-status{color:#444;white-space:nowrap;background:#fff;border:1px solid #d3d3d3;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.autosave-status.is-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.autosave-status.is-saving,.autosave-status.is-waiting{color:#111;border-color:#111}.studio-score-tools{background:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:10px;padding:12px 20px}.studio-score-tools>*{min-width:0}.junior-subdivision-pill{color:#111;text-transform:uppercase;background:#f7f7f7;border:1px solid #c9c9c9;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.zoom-control{background:#fff;border:1px solid #c9c9c9;border-radius:8px;min-height:38px;padding-left:10px}.zoom-control span,.zoom-control strong{color:#111;text-transform:uppercase;font-size:12px;font-weight:900}.zoom-control strong{text-align:center;min-width:42px}.zoom-control button{border-top:0;border-bottom:0;border-right:0;border-radius:0}.zoom-control button:last-child{border-radius:0 7px 7px 0}.studio-score-body{zoom:var(--studio-zoom,1);transform-origin:top;padding-top:6px}.score-panel,.side-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 38px #082f491a}.score-panel{min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;display:flex}.panel-heading h2{margin-top:4px;font-size:26px;line-height:1.15}.score-save-strip{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin:0 20px 20px;padding:12px;display:flex}.score-save-strip>div:first-child{gap:3px;min-width:0;display:grid}.score-save-strip span{color:#c2410c;text-transform:uppercase;font-size:12px;font-weight:900}.score-save-strip strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.score-save-controls{flex:none;align-items:center;gap:8px;display:flex}.score-save-controls select{max-width:220px;min-height:38px;color:var(--text-strong);background:#fff;border:1px solid #fed7aa;border-radius:8px;padding:0 12px;font-weight:800}.eyebrow{color:#f97316;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.meter-pill{flex:none}.score-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.measure-count-control{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:stretch;min-height:38px;display:inline-flex;overflow:hidden}.measure-count-control span,.measure-count-control button{white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.measure-count-control span{color:#075985;background:#e8f6ff}.measure-count-control button{color:var(--text-strong);border:0;border-left:1px solid var(--border);cursor:pointer;background:#fff}.measure-count-control button:hover{background:#fff0dc}.measure-count-control button.is-selected{color:#fff;background:#075985}.score-measure-stack{gap:22px;padding-bottom:20px;display:grid}.score-measure-row{gap:10px;display:grid}.score-measure-label{color:var(--text-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 20px -2px;display:flex}.score-measure-heading{gap:2px;min-width:0;display:grid}.score-measure-label span{font-size:15px;font-weight:900}.score-measure-label small{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.score-measure-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;max-width:100%;padding-bottom:2px;display:inline-flex;overflow-x:auto}.measure-play-button,.measure-action-button{color:#111;cursor:pointer;background:#fff;border:1px solid #d4d4d4;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:34px;padding:0 9px;font-size:12px;font-weight:900;transition:background .16s,color .16s,transform .16s;display:inline-flex}.measure-play-button{color:#075985;background:#eef8ff;border-color:#9bdcf6}.measure-action-button.is-clear{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.score-measure-actions button span{font-size:12px;font-weight:900}.measure-play-button:hover,.measure-action-button:hover{color:#0f172a;background:#fff;border-color:#111;transform:translateY(-1px)}.measure-play-button:disabled,.measure-action-button:disabled{color:#999;cursor:not-allowed;background:#f4f4f4;border-color:#d6d6d6;transform:none}.measure-play-button.is-playing{color:#fff;background:#dc2626;border-color:#dc2626}.measure-play-button.is-playing:hover{background:#b91c1c;border-color:#b91c1c}.measure-action-button.is-danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.measure-action-button.is-danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.measure-action-button.is-danger:disabled{color:#999;background:#f4f4f4;border-color:#d6d6d6}.score-notation-scroll{background:#fff;border:1px solid #111;border-radius:8px;margin:0 20px;overflow-x:auto}.staff-view{--score-staff-top:176px;--score-staff-height:142px;--score-line-gap:35.5px;--score-note-start:158px;--score-staff-bottom:118px;height:calc(var(--score-staff-top) + var(--score-staff-height) + var(--score-staff-bottom));background:#fff;border:0;position:relative;overflow:hidden}.percussion-score{min-width:920px}.percussion-score.is-continuation{--score-note-start:108px}.score-tempo{z-index:4;color:#050505;align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:50px;left:76px}.tempo-note-icon{flex:none;width:38px;height:42px;line-height:1;display:inline-block;position:relative}.tempo-note-head{box-sizing:border-box;background:#050505;border:3px solid #050505;border-radius:50%;width:16px;height:11px;position:absolute;bottom:8px;left:5px;transform:rotate(-18deg)}.tempo-note-icon.is-half .tempo-note-head{background:#fff}.tempo-note-stem{background:#050505;border-radius:999px;width:3px;height:29px;position:absolute;top:5px;left:19px}.tempo-note-flag{transform-origin:0 0;border-top:3px solid #050505;border-right:3px solid #050505;border-radius:0 12px 12px 0;width:13px;height:20px;position:absolute;top:5px;left:20px;transform:skewY(20deg)}.tempo-note-dot{background:#050505;border-radius:50%;width:6px;height:6px;position:absolute;bottom:12px;left:27px}.score-clef{top:calc(var(--score-staff-top) + var(--score-line-gap));z-index:2;width:31px;height:calc(var(--score-line-gap) + var(--score-line-gap));color:#050505;font-size:0;line-height:0;display:block;position:absolute;left:24px}.score-clef:before,.score-clef:after{content:"";background:#050505;width:10px;position:absolute;top:0;bottom:0}.score-clef:before{left:0}.score-clef:after{right:0}.score-time-signature{top:var(--score-staff-top);z-index:2;width:72px;height:var(--score-staff-height);color:#050505;font-family:var(--music-font);font-synthesis:none;text-align:center;font-size:110px;font-style:normal;font-weight:400;line-height:1;display:block;position:absolute;left:65px}.score-time-signature.is-wide{width:94px;font-size:92px}.score-time-signature span{transform-origin:50%;justify-content:center;align-items:center;height:50%;line-height:1;display:flex;position:absolute;left:0;right:0;transform:translateY(-1px)scale(1.11,1.36)}.score-time-signature span:first-child{top:0}.score-time-signature span:last-child{bottom:0}.score-note-track{top:var(--score-staff-top);right:28px;bottom:var(--score-staff-bottom);left:var(--score-note-start);position:absolute}.staff-lines{position:absolute;inset:0 0 0 -128px}.staff-lines span{background:#050505;height:2px;position:absolute;left:0;right:0}.staff-lines span:first-child{top:0}.staff-lines span:nth-child(2){top:25%}.staff-lines span:nth-child(3){top:50%}.staff-lines span:nth-child(4){top:75%}.staff-lines span:nth-child(5){top:100%}.staff-note{top:calc(var(--note-y) * 1%);left:calc((var(--note-x) + .5) * 100% / var(--score-step-count));z-index:2;--notehead-width:34px;--notehead-height:24px;--notehead-x-size:38px;--notehead-stroke:4px;color:#050505;justify-content:center;align-items:center;width:42px;height:40px;line-height:1;display:inline-flex;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.staff-note.has-smufl-note{width:1px;height:1px}.staff-note.has-smufl-note:before,.staff-note.has-smufl-note:after{content:none!important;display:none!important}.staff-note-symbol{color:#050505;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.score-triplet-beam{top:calc(var(--triplet-y) * 1% + var(--triplet-beam-offset));left:calc((var(--triplet-x) + .5) * 100% / var(--score-step-count) + var(--triplet-stem-x) - 2px);z-index:3;width:calc(var(--triplet-width) * 100% / var(--score-step-count) + 3px);pointer-events:none;background:#050505;border-radius:1px;height:5px;position:absolute;transform:translateY(-50%)}.score-triplet-beam.stem-up,.score-triplet-beam.stem-down{transform:translateY(-50%)}.score-triplet-number{color:#050505;background:#fff;justify-content:center;align-items:center;width:20px;height:18px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:900;line-height:1;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.score-triplet-beam.stem-up .score-triplet-number{top:-21px}.score-triplet-beam.stem-down .score-triplet-number{bottom:-21px}.staff-notehead-glyph{font-family:var(--music-font);font-synthesis:none;fill:currentColor;font-size:142px;font-style:normal;font-weight:400;line-height:1}.staff-note-stem{stroke:currentColor;stroke-linecap:butt;stroke-width:3.2px;vector-effect:non-scaling-stroke}.staff-open-hihat-mark{fill:none;stroke:currentColor;stroke-width:3.2px;vector-effect:non-scaling-stroke}.staff-note-flag{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.4px;vector-effect:non-scaling-stroke}.staff-note-dot{fill:currentColor}.staff-note-accent{z-index:5;color:#050505;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:900;line-height:1;position:absolute;top:-58px;left:50%;transform:translate(-50%)scaleX(1.2)}.staff-note.notehead-cymbal .staff-note-accent,.staff-note.notehead-open-cymbal .staff-note-accent{top:-64px}.staff-note.is-triplet-grouped .staff-note-flag{display:none}.staff-note.is-triplet-grouped:before,.staff-note.is-beamed:before{content:none;display:none}.score-beat-beam{top:calc(var(--beat-beam-y) * 1% + var(--beat-beam-offset) + var(--beat-beam-line-offset));left:calc((var(--beat-beam-x) + .5) * 100% / var(--score-step-count) + var(--beat-beam-stem-x) - 2px);z-index:3;width:calc(var(--beat-beam-width) * 100% / var(--score-step-count) + 3px);pointer-events:none;background:#050505;border-radius:1px;height:5px;position:absolute;transform:translateY(-50%)}.notehead-mark{width:48px;height:48px;font-family:var(--music-font);font-synthesis:none;text-align:center;flex:none;justify-content:center;align-items:center;font-size:47px;font-style:normal;font-weight:400;line-height:1;display:inline-flex;position:relative;transform:translateY(1px)}.notehead-drum .notehead-mark{font-size:49px}.staff-note.duration-whole.notehead-drum .notehead-mark,.staff-note.duration-dotted-whole.notehead-drum .notehead-mark,.staff-note.duration-half.notehead-drum .notehead-mark,.staff-note.duration-dotted-half.notehead-drum .notehead-mark{background:0 0;border:0}.staff-note.duration-whole:after,.staff-note.duration-dotted-whole:after{display:none}.notehead-cymbal .notehead-mark,.notehead-open-cymbal .notehead-mark{width:50px;height:50px;font-size:51px;transform:translateY(0)}.notehead-cymbal .notehead-mark:before,.notehead-cymbal .notehead-mark:after,.notehead-open-cymbal .notehead-mark:before,.notehead-open-cymbal .notehead-mark:after,.notehead-cymbal .notehead-mark:after,.notehead-open-cymbal .notehead-mark:after{content:none}.notehead-open-cymbal .notehead-mark{border:0;width:54px;height:54px;font-size:55px}.notehead-open-cymbal .notehead-mark:before,.notehead-open-cymbal .notehead-mark:after{content:none}.staff-note:after{content:"";background:currentColor;width:3px;height:58px;position:absolute}.staff-note.stem-up:after{bottom:19px;right:7px}.staff-note.stem-down:after{top:19px;left:7px}.staff-note.notehead-cymbal.stem-up:after,.staff-note.notehead-open-cymbal.stem-up:after{bottom:50%;left:50%;right:auto;transform:translate(-50%)}.staff-note.notehead-cymbal.stem-down:after,.staff-note.notehead-open-cymbal.stem-down:after{top:50%;left:50%;transform:translate(-50%)}.staff-note.duration-eighth:before,.staff-note.duration-dotted-eighth:before,.staff-note.duration-eighth-triplet:before,.staff-note.duration-sixteenth:before,.staff-note.duration-dotted-sixteenth:before,.staff-note.duration-thirty-second:before,.staff-note.duration-dotted-thirty-second:before,.staff-note.duration-sixty-fourth:before{content:"";pointer-events:none;border-top:3px solid;width:19px;height:10px;position:absolute}.staff-note.stem-up.duration-eighth:before,.staff-note.stem-up.duration-dotted-eighth:before,.staff-note.stem-up.duration-eighth-triplet:before,.staff-note.stem-up.duration-sixteenth:before,.staff-note.stem-up.duration-dotted-sixteenth:before,.staff-note.stem-up.duration-thirty-second:before,.staff-note.stem-up.duration-dotted-thirty-second:before,.staff-note.stem-up.duration-sixty-fourth:before{top:-39px;right:-9px;transform:skewY(18deg)}.staff-note.stem-down.duration-eighth:before,.staff-note.stem-down.duration-dotted-eighth:before,.staff-note.stem-down.duration-eighth-triplet:before,.staff-note.stem-down.duration-sixteenth:before,.staff-note.stem-down.duration-dotted-sixteenth:before,.staff-note.stem-down.duration-thirty-second:before,.staff-note.stem-down.duration-dotted-thirty-second:before,.staff-note.stem-down.duration-sixty-fourth:before{bottom:-39px;left:7px;transform:skewY(-18deg)}.staff-note.notehead-cymbal.stem-up.duration-eighth:before,.staff-note.notehead-cymbal.stem-up.duration-dotted-eighth:before,.staff-note.notehead-cymbal.stem-up.duration-eighth-triplet:before,.staff-note.notehead-cymbal.stem-up.duration-sixteenth:before,.staff-note.notehead-cymbal.stem-up.duration-dotted-sixteenth:before,.staff-note.notehead-cymbal.stem-up.duration-thirty-second:before,.staff-note.notehead-cymbal.stem-up.duration-dotted-thirty-second:before,.staff-note.notehead-cymbal.stem-up.duration-sixty-fourth:before,.staff-note.notehead-open-cymbal.stem-up.duration-eighth:before,.staff-note.notehead-open-cymbal.stem-up.duration-dotted-eighth:before,.staff-note.notehead-open-cymbal.stem-up.duration-eighth-triplet:before,.staff-note.notehead-open-cymbal.stem-up.duration-sixteenth:before,.staff-note.notehead-open-cymbal.stem-up.duration-dotted-sixteenth:before,.staff-note.notehead-open-cymbal.stem-up.duration-thirty-second:before,.staff-note.notehead-open-cymbal.stem-up.duration-dotted-thirty-second:before,.staff-note.notehead-open-cymbal.stem-up.duration-sixty-fourth:before{left:calc(50% - 1px);right:auto}.staff-note.notehead-cymbal.stem-down.duration-eighth:before,.staff-note.notehead-cymbal.stem-down.duration-dotted-eighth:before,.staff-note.notehead-cymbal.stem-down.duration-eighth-triplet:before,.staff-note.notehead-cymbal.stem-down.duration-sixteenth:before,.staff-note.notehead-cymbal.stem-down.duration-dotted-sixteenth:before,.staff-note.notehead-cymbal.stem-down.duration-thirty-second:before,.staff-note.notehead-cymbal.stem-down.duration-dotted-thirty-second:before,.staff-note.notehead-cymbal.stem-down.duration-sixty-fourth:before,.staff-note.notehead-open-cymbal.stem-down.duration-eighth:before,.staff-note.notehead-open-cymbal.stem-down.duration-dotted-eighth:before,.staff-note.notehead-open-cymbal.stem-down.duration-eighth-triplet:before,.staff-note.notehead-open-cymbal.stem-down.duration-sixteenth:before,.staff-note.notehead-open-cymbal.stem-down.duration-dotted-sixteenth:before,.staff-note.notehead-open-cymbal.stem-down.duration-thirty-second:before,.staff-note.notehead-open-cymbal.stem-down.duration-dotted-thirty-second:before,.staff-note.notehead-open-cymbal.stem-down.duration-sixty-fourth:before{left:calc(50% - 1px)}.staff-note.duration-sixteenth:before,.staff-note.duration-dotted-sixteenth:before{box-shadow:0 8px}.staff-note.duration-thirty-second:before,.staff-note.duration-dotted-thirty-second:before{box-shadow:0 8px,0 16px}.staff-note.duration-sixty-fourth:before{box-shadow:0 8px,0 16px,0 24px}.score-barline{top:0;bottom:0;left:calc(var(--bar-step) * 100% / var(--score-step-count));z-index:1;background:#050505;width:2px;position:absolute}.score-barline-start{display:none;left:0}.score-barline-end{left:auto;right:0}.score-barline-end:after{content:"";background:#050505;width:5px;position:absolute;top:0;bottom:0;right:-6px}.score-barline-end.is-simple:after{content:none}.staff-playhead{top:0;bottom:0;left:calc(var(--playhead-x) * 100% / var(--score-step-count));z-index:3;background:#ff7a1af2;width:2px;position:absolute}.staff-playhead:before{content:"";background:#ff7a1a;border-radius:999px;width:11px;height:11px;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-wrap{border:1px solid var(--border);border-radius:8px;margin:0 20px 20px;overflow-x:auto}.measure-editor{background:#fff;border:1px solid #111;border-radius:8px;margin:0 20px;overflow:hidden}.measure-editor-toggle{color:#111;cursor:pointer;background:#fff;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:0 16px;display:flex}.measure-editor-toggle>span,.measure-editor-toggle>small{align-items:center;gap:9px;min-width:0;font-weight:900;display:inline-flex}.measure-editor-toggle>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.measure-editor-toggle>small{color:#111;font-size:13px}.measure-editor-title>span{text-align:left;gap:2px;min-width:0;display:grid}.measure-editor-title strong{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.15;overflow:hidden}.measure-editor-title em{color:#555;letter-spacing:0;text-transform:uppercase;font-size:12px;font-style:normal;font-weight:800}.measure-editor-count{background:#f5f5f5;border:1px solid #c9c9c9;border-radius:999px;padding:7px 9px}.measure-editor-toggle:hover{background:#f4f4f4}.measure-editor-meta{background:#f7f7f7;border-top:1px solid #c9c9c9;gap:12px;padding:16px;display:grid}.measure-editor-fields{grid-template-columns:minmax(180px,.6fr) minmax(150px,.35fr) minmax(280px,1fr);gap:12px;display:grid}.measure-editor-meta .field{margin:0}.measure-editor-meta textarea{resize:vertical;width:100%;min-height:74px}.measure-editor-meta>div{gap:4px;display:grid}.measure-editor-meta>div span{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:900}.measure-editor-meta>div strong{color:var(--text-strong);font-size:15px}.measure-editor-meta p{color:var(--text-muted);margin:0;font-size:14px;font-weight:700;line-height:1.45}.measure-editor-chevron{transition:transform .18s}.measure-editor.is-open .measure-editor-chevron{transform:rotate(180deg)}.measure-timeline-wrap{border:0;border-top:1px solid #111;border-radius:0;margin:0}.timeline-grid{background:#fff;border-top:1px solid #111;border-left:1px solid #111;min-width:1120px;display:grid}.timeline-row{display:contents}.corner-cell,.step-label,.instrument-label,.step-cell{border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;min-height:66px}.corner-cell,.instrument-label{z-index:4;color:#111;background:#fff;align-items:center;gap:11px;padding:0 15px;display:flex;position:sticky;left:0}.corner-cell{text-transform:uppercase;font-size:14px;font-weight:900;top:0}.instrument-label strong{flex:none;width:34px;font-size:15px}.instrument-label span:last-child{color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.instrument-dot{border-radius:999px;flex:none;width:13px;height:13px;background:#111!important}.step-label{color:#555;background:#fff;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex}.step-label.quarter{color:#111;background:#f4f4f4;border-left:2px solid #111}.step-label.eighth{color:#333}.step-label.is-current,.step-cell.is-current{background:#efefef;position:relative}.step-label.is-current:before,.step-cell.is-current:before{content:"";pointer-events:none;background:#111;width:3px;position:absolute;top:0;bottom:0;left:-1px}.step-cell{cursor:pointer;background:#fff;border-top:0;border-left:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.step-cell.quarter{border-left:2px solid #111}.step-cell.eighth{background:#fafafa}.step-cell:hover{background:#efefef}.timeline-grid.is-readonly .step-cell{cursor:default}.timeline-grid.is-readonly .step-cell:hover{background:#fff}.timeline-grid.is-readonly .step-cell.eighth:hover{background:#fafafa}.timeline-grid.is-readonly .step-cell.is-active:hover,.timeline-grid.is-readonly .step-cell.is-current:hover{background:#f2f2f2}.step-cell.is-active{background:#fff;box-shadow:inset 0 0 0 2px #111}.step-cell.is-active.is-accented{background:#f8f8f8;box-shadow:inset 0 0 0 3px #111,inset 0 0 0 999px #11111109}.step-cell.is-occupied{cursor:not-allowed;background:#3f3f3f}.timeline-grid.is-readonly .step-cell.is-occupied:hover{background:#3f3f3f}.occupied-marker{opacity:.8;background:#fff;border-radius:999px;width:68%;height:5px}.hit-marker{z-index:1;--notehead-width:39px;--notehead-height:28px;--notehead-x-size:42px;--notehead-stroke:4px;color:#050505;justify-content:center;align-items:center;width:56px;height:56px;line-height:1;display:inline-flex;position:relative}.grid-accent-mark{z-index:2;color:#050505;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:900;line-height:1;position:absolute;top:3px;left:50%;transform:translate(-50%)scaleX(1.16)}.timeline-grid.subdivision-thirtySecond .hit-marker{transform:scale(.72)}.timeline-grid.subdivision-sixtyFourth .hit-marker{transform:scale(.54)}.timeline-grid.subdivision-thirtySecond .step-label{font-size:14px}.timeline-grid.subdivision-sixtyFourth .step-label{font-size:11px}.marker-openhat,.marker-hihat,.marker-pedalhat,.marker-ride{--notehead-x-size:43px}.editor-backdrop{z-index:24;opacity:0;pointer-events:none;background:#061d334d;border:0;border-radius:0;width:100%;height:100%;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.editor-backdrop.is-visible{opacity:1;pointer-events:auto}.side-panel{z-index:30;background:var(--surface);border:1px solid var(--border);opacity:0;pointer-events:none;border-right:0;border-radius:8px 0 0 8px;width:min(440px,100vw - 24px);transition:opacity .22s,transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(104%);box-shadow:-22px 0 44px #082f492e}.side-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.drawer-heading{z-index:2;border-bottom:1px solid var(--border);background:#e8f6ff;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex;position:sticky;top:0}.drawer-heading h2{margin-top:3px;font-size:20px;line-height:1.15}.drawer-tabs{z-index:2;border-bottom:1px solid var(--border);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;display:grid;position:sticky;top:76px}.drawer-tabs button{color:#075985;cursor:pointer;white-space:nowrap;background:#f8fdff;border:1px solid #cfefff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:38px;padding:0 8px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.drawer-tabs button:hover{background:#dff5ff;border-color:#9bdcf6}.drawer-tabs button.is-selected{color:#fff;background:#075985;border-color:#075985}.editor-block{border-bottom:1px solid var(--border);padding:18px}.editor-block:last-child{border-bottom:0}.editor-block h2{margin-bottom:14px;font-size:18px;line-height:1.2}.stack-field{flex-direction:column;align-items:stretch;gap:7px;display:flex}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.action-grid button{min-width:0;padding:0 10px;font-size:14px;font-weight:800}.collection-manager{background:#f8fdff}.collection-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.collection-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.collection-heading-actions .soft-action{min-height:34px}.collection-heading-actions .collection-import-action{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.collection-heading-actions .collection-import-action:hover{color:#fff;background:#0f766e;border-color:#0f766e}.collection-heading h2{margin-bottom:3px}.collection-heading span{min-height:22px;color:var(--text-muted);text-transform:uppercase;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.soft-action{color:#075985;cursor:pointer;background:#fff;border:1px solid #b8dcf1;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 8px 18px #082f4912}.soft-action:hover{color:#fff;background:#0891b2;border-color:#0891b2}.collection-list{gap:7px;max-height:196px;padding-right:2px;display:grid;overflow-y:auto}.collection-list button{color:#075985;text-align:left;background:#fff;border:1px solid #cfefff;border-left:4px solid #0000;border-radius:8px;grid-template-columns:26px minmax(0,1fr) 32px;justify-content:stretch;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 10px;display:grid}.collection-list button:hover{background:#effaff;border-color:#9bdcf6}.collection-list button.is-selected{background:#e8f6ff;border-color:#9bdcf6 #9bdcf6 #9bdcf6 #ff7a1a;box-shadow:inset 0 0 0 1px #0ea5e914}.collection-row-copy{gap:2px;min-width:0;display:grid}.collection-row-copy strong,.collection-row-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collection-row-copy strong{color:var(--text-strong);font-size:13px;font-weight:900}.collection-row-copy small{color:var(--text-muted);text-transform:none;font-size:12px;font-weight:750}.collection-list button em{color:#fff;background:#0891b2;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:26px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.collection-empty{color:var(--text-muted);background:#fff;border:1px dashed #b8dcf1;border-radius:8px;margin:0;padding:12px;font-size:13px;font-weight:800;line-height:1.35}.collection-form{border-top:1px solid #cfefff;gap:10px;margin-top:14px;padding-top:14px;display:grid}.collection-form textarea{width:100%;min-height:74px;color:var(--text-strong);border:1px solid var(--border);resize:vertical;background:#fff;border-radius:8px;padding:10px 12px}.collection-form textarea:focus{border-color:#0ea5e9;outline:0;box-shadow:0 0 0 3px #0ea5e92e}.collection-actions{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.collection-actions button{min-width:0;padding:0 10px;font-size:13px;font-weight:850}.primary-action{color:#fff;cursor:pointer;background:#ff7a1a;border:1px solid #ff7a1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.primary-action:hover{background:#e65f00;border-color:#e65f00}.collection-share-actions{gap:8px;margin-top:10px;display:grid}.collection-share-action,.collection-social-action{width:100%}.collection-share-action{background:#0891b2;border-color:#0891b2}.collection-share-action:hover{background:#075985;border-color:#075985}.collection-social-action{background:#111;border-color:#111;box-shadow:0 10px 22px #0f172a24}.collection-social-action:hover{background:#075985;border-color:#075985}.danger-action,.danger-icon-action{cursor:pointer;color:#fff;background:#dc2626;border:1px solid #dc2626;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.danger-action:hover,.danger-icon-action:hover{background:#b91c1c;border-color:#b91c1c}.danger-icon-action{width:42px;padding:0}.collection-message{color:#075985;background:#e8f6ff;border:1px solid #b8dcf1;border-radius:8px;align-items:center;gap:8px;width:100%;margin:12px 0 0;padding:10px 11px;font-size:13px;font-weight:850;line-height:1.35;display:inline-flex}.collection-actions button:disabled,.collection-list button:disabled,.collection-form textarea:disabled{cursor:not-allowed;opacity:.62}.library-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.library-heading h2{margin-bottom:0}.library-heading span{color:#fff;background:#0891b2;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:24px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.drawer-search-field{width:100%;margin-bottom:12px}.drawer-search-field .pattern-input-wrap{width:100%}.source-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.library-search-row .source-filters{align-self:flex-end;margin-bottom:0}.source-filters button{color:#075985;cursor:pointer;text-align:left;background:#fff;border:1px solid #cfefff;border-radius:8px;gap:4px;min-width:0;min-height:54px;padding:8px;display:grid}.source-filters button:hover{background:#f2fbff;border-color:#9bdcf6}.source-filters button.is-selected{color:#fff;background:#0891b2;border-color:#0891b2}.source-filters span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.source-filters em{color:#fff;background:#ff7a1a;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:26px;height:22px;padding:0 7px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.pattern-list{gap:8px;max-height:440px;padding-right:2px;display:grid;overflow-y:auto}.pattern-list button{text-align:left;justify-content:space-between;width:100%;padding:10px 12px}.pattern-list button span,.pattern-list button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pattern-list button span{font-weight:800}.pattern-list button small{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.pattern-list button.is-selected{color:#fff;background:#075985;border-color:#075985}.pattern-list button.is-selected small{color:#bae6fd}@media (width<=1080px){.landing-hero,.landing-info,.landing-plans-section{grid-template-columns:1fr}.landing-preview{min-height:auto}.workbench{grid-template-columns:1fr}.editor-block{border-bottom:1px solid var(--border)}.editor-block:last-child{border-bottom:0}.studio-save-card{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-save-card .studio-description-field{grid-column:1/-1}.studio-save-card .primary-action,.studio-save-card .autosave-status{justify-content:center;width:100%}.school-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.social-layout,.social-relation-columns{grid-template-columns:1fr}.social-left-rail,.social-right-rail{position:static}.social-feed-column{order:1}.social-left-rail{order:2}.social-right-rail{order:3}.admin-layout,.admin-config-grid{grid-template-columns:1fr}.admin-side-panels{max-height:none;padding-right:0;position:static;overflow:visible}}@media (width<=760px){.api-activity{top:calc(12px + env(safe-area-inset-top));text-align:center;justify-content:center;width:auto;max-width:none;left:12px;right:12px}.runtime-fallback-shell{padding:16px}.runtime-fallback-panel{width:100%;min-height:110px;padding:18px}.reset-password-page{gap:18px;padding:16px}.reset-password-topbar{flex-direction:column;align-items:flex-start}.reset-password-card{align-self:stretch}.profile-modal-layer{place-items:stretch stretch;padding:0}.profile-modal{border-left:0;border-right:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.profile-modal .auth-modal-heading{padding:16px}.profile-body{padding:14px 14px calc(18px + env(safe-area-inset-bottom));gap:14px}.profile-social-links-grid{grid-template-columns:1fr}.landing-shell{padding:16px}.landing-nav{flex-direction:column;align-items:flex-start}.landing-hero{gap:28px;padding:32px 0 24px}.landing-copy h1{font-size:42px}.landing-copy p{font-size:18px}.landing-preview{padding:14px}.landing-preview-top{flex-direction:column;align-items:flex-start}.landing-preview-staff{height:154px}.landing-preview-grid{grid-template-columns:minmax(86px,1fr) repeat(4,minmax(28px,1fr));gap:5px}.landing-preview-grid strong,.landing-preview-grid span{min-height:30px}.landing-benefits,.landing-plans-grid{grid-template-columns:1fr}.landing-plan-card{min-height:0}.landing-callout{flex-direction:column;align-items:flex-start}.landing-cta.compact{width:100%}.auth-form-grid{grid-template-columns:1fr}.app-shell,.public-shell{padding:16px}.library-workspace-panel{gap:12px;width:100%;min-width:0;padding:12px}.school-panel,.school-setup,.school-card{padding:12px}.school-controls,.school-result-grid{grid-template-columns:1fr}.school-answer-tools{flex-direction:column;align-items:stretch}.school-meter-field{width:100%}.school-card-heading,.school-player-bar,.school-actions{flex-direction:column;align-items:stretch}.school-playback-buttons,.school-listening-controls,.school-listening-controls .toggle-button,.school-listening-controls .sound-mode-control{width:100%}.school-heading-meta{justify-items:start}.school-actions .primary-action,.school-actions .soft-action,.school-actions .toolbar-text-button{justify-content:center;width:100%}.school-workspace-switch{width:100%}.rudiments-heading{align-items:stretch}.rudiments-source-link{justify-content:center;width:100%}.rudiments-search-row .field,.rudiment-level-filters,.rudiments-grid,.rudiment-detail-grid{width:100%}.rudiment-level-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.rudiments-grid,.rudiment-detail-grid{grid-template-columns:1fr}.rudiment-card{grid-template-columns:42px minmax(0,1fr)}.rudiment-card>svg{display:none}.rudiment-modal{width:100%;max-height:calc(100dvh - 24px)}.rudiment-modal-body{padding:12px}.rudiment-panel-heading{flex-direction:column;align-items:flex-start}.rudiment-panel-heading strong{text-align:left;white-space:normal;overflow-wrap:anywhere}.library-workspace-heading,.library-search-row,.studio-panel-heading,.studio-control-bar,.studio-score-tools{flex-direction:column;align-items:stretch}.studio-save-card{grid-template-columns:1fr;gap:10px;padding:12px 14px}.studio-heading-actions{flex-direction:column;align-items:stretch;width:100%}.studio-mode-switch{width:100%}.studio-mode-switch button{flex:1 1 0;min-width:0}.studio-save-card .studio-description-field{grid-column:auto}.library-workspace-heading{gap:12px;min-width:0}.library-workspace-heading>div{min-width:0}.library-workspace-heading h2,.library-workspace-heading p{overflow-wrap:anywhere}.library-workspace-heading .primary-action{justify-content:center;width:100%;min-width:0}.library-search-row{gap:10px;width:100%;min-width:0;padding:10px}.library-search-row .field{flex:none;width:100%;min-width:0}.library-search-row .pattern-input-wrap{width:100%;min-width:0}.library-pattern-grid{grid-template-columns:1fr;width:100%;min-width:0}.library-pattern-card{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0;min-height:0;padding:12px}.library-pattern-card em{justify-self:start}.topbar{flex-direction:column;align-items:flex-start}.topbar-left{width:100%}.notifications-workspace-page{margin-top:14px}.notification-panel{min-height:0;box-shadow:0 12px 28px #0f172a1a}.notification-panel-heading{align-items:flex-start}.main-menu-popover{width:min(330px,100vw - 32px)}.collection-heading{flex-direction:column;align-items:stretch}.collection-heading-actions,.collection-heading-actions .soft-action{width:100%}.brand h1{font-size:24px}.session-stats{justify-content:flex-start}.top-actions{justify-content:flex-start;width:100%}.subscription-header-upgrade-button{flex:100%;width:100%}.subscription-upgrade-modal{width:100%;max-height:calc(100dvh - 24px)}.subscription-upgrade-modal .auth-modal-heading{padding:16px}.subscription-upgrade-modal .auth-modal-heading h2{font-size:26px}.subscription-upgrade-modal-body{grid-template-columns:1fr;gap:12px;padding:14px}.subscription-upgrade-modal-icon{width:48px;height:48px}.subscription-upgrade-modal-body p{font-size:18px}.subscription-upgrade-explainer{padding:10px}.subscription-upgrade-explainer p,.subscription-upgrade-modal-body small{font-size:12px}.subscription-upgrade-benefit-list{gap:10px}.subscription-upgrade-benefit-list li{grid-template-columns:22px minmax(0,1fr)}.subscription-upgrade-modal-actions{padding:12px 14px calc(12px + env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:stretch;gap:8px}.subscription-upgrade-modal-action,.subscription-upgrade-cancel-button{flex:none;width:100%}.audio-state{margin-left:0}.click-control{flex-wrap:wrap;width:100%}.click-subdivision{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;width:100%}.click-subdivision button{border-right:1px solid var(--border);border-bottom:1px solid var(--border);white-space:normal;min-width:0}.click-subdivision button:nth-child(2n){border-right:0}.click-subdivision button:nth-last-child(-n+2){border-bottom:0}.sound-mode-control{width:100%}.compact-bpm-field,.compact-click-control,.compact-sound-mode,.studio-control-bar .audio-state,.note-value-field,.junior-subdivision-pill,.studio-save-card .field,.studio-save-card .primary-action,.studio-save-card .soft-action,.autosave-status,.zoom-control{width:100%;max-width:none}.studio-playback-controls,.studio-icon-actions{justify-content:flex-start}.studio-icon-actions{flex-wrap:wrap;width:100%}.studio-icon-actions .studio-text-action{flex:100%;justify-content:center}.studio-icon-actions .studio-action-download,.studio-icon-actions .studio-action-import,.studio-icon-actions .studio-action-share,.studio-icon-actions .studio-action-social{flex:1 1 0;width:auto}.studio-score-tools{gap:10px}.measure-count-control,.zoom-control{width:100%}.measure-count-control span,.measure-count-control button,.zoom-control span,.zoom-control strong,.zoom-control button{flex:1 1 0}.note-placement-modal{width:100%;max-height:calc(100dvh - 12px)}.note-placement-body{padding:14px 14px calc(80px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom));gap:12px}.note-placement-context{grid-template-columns:30px minmax(0,1fr);align-items:start;padding:10px}.note-placement-shortcuts{padding:10px}.note-placement-shortcut-input-row{grid-template-columns:1fr}.note-placement-shortcut-map{grid-template-columns:repeat(2,minmax(0,1fr))}.note-placement-shortcut-map button{grid-template-columns:38px minmax(0,1fr)}.note-placement-grid{grid-template-columns:1fr}.note-placement-option{grid-template-columns:58px minmax(0,1fr);min-height:64px;padding:9px}.note-placement-symbol{width:58px;height:52px}.share-actions,.public-collection-workbench{grid-template-columns:1fr}.sound-mode-control button{flex:1 1 0}.preset-field,.bpm-field{flex:100%;max-width:none}.field select{width:100%}.panel-heading{flex-direction:column}.score-heading-actions{justify-content:flex-start;width:100%}.score-save-strip,.score-save-controls{flex-direction:column;align-items:stretch}.score-save-controls select{max-width:none}.staff-view{--score-staff-top:166px;--score-staff-bottom:108px;height:calc(var(--score-staff-top) + var(--score-staff-height) + var(--score-staff-bottom))}.score-measure-stack{gap:18px}.score-measure-label,.measure-editor{margin-left:14px;margin-right:14px}.score-measure-actions{justify-content:flex-start}.score-notation-scroll{margin:0 14px}.timeline-wrap{margin:0 14px 14px}.measure-timeline-wrap{margin:0}.measure-editor-fields{grid-template-columns:1fr}.side-panel{width:min(420px,100vw - 14px)}.drawer-heading{padding:16px}.drawer-tabs{grid-template-columns:repeat(2,minmax(0,1fr));top:72px}.source-filters,.profile-data-grid,.profile-password-grid{grid-template-columns:1fr}.profile-data-grid dd,.profile-notification-devices small,.profile-notification-devices em{overflow-wrap:anywhere;white-space:normal}.profile-info-form,.profile-notifications-card{padding:12px}.profile-language-cell .language-switcher{width:100%}.profile-language-cell .language-switcher button{flex:1 1 0}.profile-save-button,.profile-password-form .auth-submit{justify-self:stretch;width:100%}.library-search-row .source-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.library-search-row .source-filters button{min-height:42px;padding:7px 8px}.library-search-row .source-filters span{font-size:11px}.library-search-row .source-filters em{min-width:22px;height:20px;padding:0 6px;font-size:11px}.profile-summary{grid-template-columns:42px minmax(0,1fr)}.profile-summary .api-spinner{grid-column:1/-1}.profile-notifications-card header{grid-template-columns:38px minmax(0,1fr)}.profile-notifications-card header .toggle-button{grid-column:1/-1;width:100%}.subscription-upgrade-button{width:100%;margin-left:0}.subscription-summary-row,.subscription-feature-row{align-items:flex-start}.subscription-feature-row{grid-template-columns:28px minmax(0,1fr)}.subscription-feature-row em{grid-column:2;justify-self:start}.subscription-locked-panel{flex-direction:column;align-items:flex-start;padding:16px}.profile-notification-devices article{grid-template-columns:26px minmax(0,1fr)}.profile-notification-devices article>span{grid-column:2;justify-self:start}.admin-shell{padding:16px}.admin-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-breakdown-body{grid-template-columns:92px minmax(0,1fr);gap:12px}.admin-breakdown-donut{width:92px}.admin-filter-bar,.admin-error-filter-bar,.admin-error-filter-bar.is-mail,.admin-layout,.admin-detail-content,.admin-detail-grid,.communications-layout,.communication-form-grid,.communication-email-options,.communication-detail-layout,.notification-panel-body{grid-template-columns:1fr;min-height:0}.communication-admin-tabs{grid-template-columns:1fr;width:100%;display:grid}.welcome-message-layer{align-items:stretch;padding:0}.welcome-message-modal{border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.welcome-message-modal-header{padding:16px}.welcome-message-modal-body{padding:14px}.welcome-message-modal-actions{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.welcome-message-modal-actions .primary-action,.welcome-message-form-actions .primary-action,.welcome-message-form-actions .toolbar-text-button{width:100%}.welcome-message-form-actions,.welcome-message-admin-list article>header,.welcome-message-admin-list article>footer{flex-direction:column;align-items:stretch}.welcome-message-admin-list article>footer .toolbar-text-button,.admin-error-tabs{width:100%}.notification-list{border-right:0;border-bottom:1px solid var(--border);max-height:none;overflow:visible}.notification-detail-card{min-height:240px}.direct-message-layer{place-items:stretch stretch;padding:0}.direct-message-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.direct-message-modal-heading{align-items:flex-start;padding:16px}.direct-message-heading-actions{flex-wrap:wrap;justify-content:flex-end}.direct-message-modal-body{flex:1;grid-template-columns:1fr;overflow:auto}.direct-message-sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:238px}.direct-message-chat-list{overflow:auto}.direct-message-conversation-panel{min-height:0}.direct-message-thread{min-height:260px}.direct-message-bubble{max-width:88%}.direct-message-composer{padding-bottom:calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr}.direct-message-composer .primary-action{justify-content:center;width:100%}.communication-submit{justify-self:stretch}.communication-segment-mode{grid-template-columns:1fr}.admin-users-list,.admin-errors-list{max-height:none}.admin-error-card header{flex-direction:column}.admin-error-card header em{align-self:flex-start}.admin-error-card dl{grid-template-columns:1fr}.admin-users-list button{grid-template-columns:10px minmax(0,1fr)}.admin-role-badge,.admin-user-meta,.admin-user-stats{grid-column:2}.admin-user-stats{justify-content:start}.admin-pagination{grid-template-columns:minmax(0,1fr) auto}.admin-pagination strong,.admin-pagination small{text-align:left}.admin-info-modal-layer{place-items:stretch stretch;padding:0}.admin-info-modal,.admin-user-detail-modal,.admin-payments-info-modal,.admin-cronjobs-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.admin-payment-verification-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh;overflow:hidden}.admin-payment-verification-body{padding:16px;overflow:auto}.admin-payment-verification-grid{grid-template-columns:1fr}.admin-payment-status-info-button{width:100%}.admin-payment-status-info-table{min-width:560px}.admin-payment-verification-actions .primary-action{justify-content:center;width:100%}.admin-info-modal .auth-modal-heading{align-items:flex-start;padding:16px}.admin-info-modal-body{display:block;overflow:auto}.admin-cronjobs-body{overscroll-behavior:contain;flex:auto;min-height:0;display:block;overflow:auto}.admin-cronjobs-layout{grid-template-columns:1fr;height:auto;min-height:0;display:grid;overflow:visible}.admin-cronjobs-list{border-bottom:1px solid #e5e7eb;border-right:0;max-height:230px;position:static}.admin-cronjobs-detail{padding:12px;overflow:visible}.admin-cronjob-detail-heading{flex-direction:column}.admin-cronjob-detail-actions,.admin-cronjob-refresh-status-button,.admin-cronjob-run-button{width:100%}.admin-cronjob-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cronjob-config-grid,.admin-cronjob-switch-grid{grid-template-columns:1fr}.admin-cronjob-config-footer{flex-direction:column;align-items:stretch}.admin-cronjob-config-footer .primary-action{width:100%}.admin-cronjob-progress-panel{grid-template-columns:1fr}.admin-cronjob-progress-panel dl{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-cronjob-result-heading{flex-direction:column;align-items:stretch}.admin-cronjob-result-heading .admin-cronjob-status-pill{justify-self:start}.admin-cronjob-result-grid{grid-template-columns:1fr}.admin-cronjob-table,.admin-cronjob-detail-table{min-width:0}.admin-cronjob-section{display:block;overflow:visible}.admin-cronjob-section .admin-info-table-wrap{min-height:0;max-height:none;overflow:visible}.admin-user-detail-modal-body{gap:12px;padding:12px;display:grid;overflow:auto}.admin-user-profile-hero{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:12px}.admin-user-profile-hero .admin-status-pill{grid-column:1/-1;justify-self:start}.admin-user-profile-avatar{width:58px;height:58px}.admin-user-profile-avatar strong{font-size:19px}.admin-user-profile-title h3{font-size:24px}.admin-user-profile-title p{white-space:normal;overflow-wrap:anywhere}.admin-user-detail-actions-card{flex-direction:column;align-items:stretch}.admin-user-detail-actions-card>button{justify-content:center;width:100%}.admin-user-profile-grid,.admin-user-profile-card dl{grid-template-columns:1fr}.admin-user-profile-card dd{white-space:normal;overflow-wrap:anywhere}.admin-info-filter-bar,.admin-payment-filter-bar{grid-template-columns:1fr}.admin-info-table-wrap{min-height:0;overflow:visible}.admin-info-loading{position:sticky;top:0}.admin-info-table,.admin-payments-table{min-width:0}.admin-info-table thead{display:none}.admin-info-table,.admin-info-table tbody,.admin-info-table tr,.admin-info-table td{width:100%;display:block}.admin-info-table tr{border-bottom:1px solid #e5e7eb;padding:10px 12px}.admin-info-table td{border-bottom:0;grid-template-columns:minmax(96px,.38fr) minmax(0,1fr);gap:8px;padding:6px 0;display:grid}.admin-info-table .admin-status-column{text-align:left}.admin-info-table td.admin-status-column .admin-status-pill,.admin-info-table td.admin-status-column .admin-payment-status-pill{justify-self:start;margin-inline:0}.admin-info-table td.admin-status-column>small{text-align:left}.admin-info-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;font-size:10px;font-weight:950;line-height:1.2}.admin-info-table td[colspan]{display:block}.admin-info-table td[colspan]:before{content:none}.admin-info-table code{overflow-wrap:anywhere;white-space:normal;max-width:100%}.admin-info-pagination{z-index:3;padding-bottom:calc(10px + env(safe-area-inset-bottom));position:sticky;bottom:0}.admin-user-detail-head{flex-direction:column;align-items:stretch}.admin-role-editor{width:100%;margin-left:0}.social-workspace-page{margin-top:14px}.social-topbar{grid-template-columns:1fr;align-items:stretch;padding:10px;position:static}.social-topbar.has-search-back{grid-template-columns:auto minmax(0,1fr)}.social-topbar.has-search-back .social-counters{grid-column:1/-1}.social-search-form,.social-search-page-grid{grid-template-columns:1fr}.social-search-box{border-radius:8px}.social-search-submit{border-radius:8px;width:100%}.social-counters{grid-template-columns:repeat(3,minmax(0,1fr))}.social-counters span{min-width:0}.social-search-result-list{grid-template-columns:1fr}.social-search-page-heading{flex-direction:column;align-items:stretch}.social-search-page-heading button,.social-rhythm-result-open{width:100%}.social-panel{padding:12px}.social-post-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.social-post-modal .auth-modal-heading{padding:16px}.social-post-modal-body{padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.social-editor-share-heading{flex-direction:column}.social-editor-share-heading em{text-align:left;max-width:none}.social-editor-share-controls{grid-template-columns:1fr}.social-editor-share-action{justify-content:center;width:100%}.social-editor-toolbar{align-items:stretch;padding:8px}.social-editor-control-group,.social-editor-control-group.is-selects,.social-editor-control-group.is-colors{flex:100%;width:100%}.social-editor-group-label{width:100%}.social-editor-grid{grid-template-columns:1fr;min-height:0}.social-rich-editor,.social-post-preview-content{min-height:240px}.social-post-modal-actions{flex-direction:column;align-items:stretch}.social-post-modal-actions small,.social-post-modal-actions .soft-action,.social-post-modal-actions .primary-action{justify-content:center;width:100%}.social-relationships-layer{place-items:stretch stretch;padding:0}.social-relationships-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.social-relationships-heading{padding:16px}.social-relationships-list{flex:auto}.social-relationships-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.social-relationships-footer .soft-action{justify-content:center;width:100%}.social-profile-modal-layer{place-items:stretch stretch;padding:0}.social-profile-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.social-profile-modal-heading{padding:16px}.social-profile-modal-body{padding:14px 14px calc(18px + env(safe-area-inset-bottom))}.social-account-panel,.social-composer-head,.social-post-card header,.social-user-main,.social-message-row{grid-template-columns:38px minmax(0,1fr)}.social-post-owner-actions{grid-column:2;justify-content:flex-start}.social-post-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.social-post-content .batlab-social-share-card,.social-post-preview-content .batlab-social-share-card{grid-template-columns:1fr}.social-post-content .batlab-social-share-art,.social-post-preview-content .batlab-social-share-art{min-height:132px}.social-rhythm-player{grid-template-columns:1fr}.social-rhythm-player button{width:100%}.social-comment-form{grid-template-columns:38px minmax(0,1fr) 38px}.social-comment-item{margin-left:calc(var(--comment-depth,0) * 6px)}.social-comment-replies{padding-left:7px}.social-comment-reply-form{grid-template-columns:minmax(0,1fr) 34px}.social-comment-reply-form button.is-secondary{grid-column:1/-1;justify-self:flex-start}.social-message-row em{grid-column:2}.social-avatar{flex-basis:38px;width:38px;height:38px}.social-user-actions{justify-content:flex-start}.admin-feature-list article{flex-direction:column;align-items:stretch}.admin-feature-list article .feature-toggle-button{width:100%}.admin-price-panel .admin-panel-heading{flex-direction:column;align-items:stretch}.admin-price-panel .admin-panel-heading .toolbar-text-button{width:100%}.admin-price-form{grid-template-columns:1fr}.admin-price-form .primary-action{width:100%}}@media (width<=430px){.auth-modal-layer:has(.subscription-upgrade-modal){padding:8px}.subscription-upgrade-modal{max-height:calc(100dvh - 16px)}.subscription-upgrade-modal .auth-modal-heading h2{font-size:24px}.subscription-upgrade-modal-body{padding:12px}.subscription-upgrade-benefit-list strong{font-size:12px}.library-search-row .source-filters{grid-template-columns:1fr;padding-bottom:2px;display:grid;overflow-x:visible}.library-search-row .source-filters button{width:100%;min-width:0;min-height:38px}.social-counters{grid-template-columns:1fr}.social-mini-action,.social-relation-pill{justify-content:center;width:100%}.social-profile-modal-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.social-profile-modal-identity{justify-items:center}.social-profile-modal-actions,.social-profile-message-box .primary-action{width:100%}.social-profile-modal-actions .social-mini-action,.social-profile-message-box .primary-action{justify-content:center}}