:root{--bg:#0b121d;--panel:#121c2a;--panel2:#172333;--border:#2b3848;--muted:#9caebe;--text:#f2f7f5;--aqua:#80e1c4;--aqua2:#4cb69d;--gold:#f7bf80;--red:#fd8d90;--shadow:0 25px 80px #0005;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}p{line-height:1.75}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.047em;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,4.5rem)}h2{font-size:clamp(1.5rem,3vw,2.7rem)}h3{font-size:1.15rem}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:var(--aqua)}small{font-size:.77rem}.muted{color:var(--muted)}.eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:800;color:var(--aqua);text-transform:uppercase}.top-glow{position:absolute;z-index:-1;top:0;width:100%;height:500px;background:radial-gradient(ellipse 40% 65% at 60% 0%,#264b4d31,transparent);pointer-events:none}.container{max-width:1320px;margin:auto;padding-left:32px;padding-right:32px}.topbar{height:83px;max-width:1450px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-family:Manrope,sans-serif;font-size:1.14rem;font-weight:600;letter-spacing:-.045em}.brand-strong{font-weight:800}.brand-mark{width:33px;height:33px;display:flex;align-items:center;justify-content:center;gap:3px;background:#80e1c415;border:1px solid #80e1c443;border-radius:10px}.brand-mark i{display:block;width:3px;height:13px;border-radius:5px;background:var(--aqua)}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:9px;background:var(--gold)}.brand-mark i:nth-child(4){height:26px}.brand-mark i:nth-child(5){height:15px}.topnav{display:flex;align-items:center;gap:26px;font-size:.84rem;font-weight:700;color:#c4d3df}.topnav>a:not(.btn):hover,.topnav button:hover{color:var(--aqua)}.nav-user{color:var(--aqua)}.mobile-toggle{display:none;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:9px;padding:6px 12px;font-size:1.3rem}.nav-logout{background:transparent;border:0;color:var(--muted);font-size:.78rem}.inline{display:inline-flex;align-items:center;gap:8px}.btn{background:var(--aqua);border:1px solid var(--aqua);color:#07221d;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 19px;border-radius:10px;font-size:.82rem;font-weight:800;transition:.2s;box-shadow:none}.btn:hover{transform:translateY(-1px);background:#a3f4d9}.btn span{font-size:1.12rem}.btn-large{padding:16px 23px;font-size:.89rem}.btn-small{padding:9px 13px;font-size:.76rem}.btn-full{width:100%}.btn-outline{background:transparent;color:var(--text);border-color:#435562}.btn-outline:hover{color:#0b1a16}.btn-danger{background:#441d2b;color:#ffbcc3;border-color:#713847}.btn-danger:hover{background:#692c41;color:white}.hero{min-height:675px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:100px}.pill,.subtle-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;color:var(--aqua);font-size:.65rem;letter-spacing:.105em;font-weight:800;border:1px solid #5bb89e60;background:#4c9d8720;border-radius:99px}.live-dot{width:7px;height:7px;background:var(--aqua);border-radius:50%;box-shadow:0 0 0 4px #80e1c421}.hero h1{font-size:clamp(3.2rem,5.1vw,5.6rem);line-height:1.11;max-width:730px;margin:28px 0}.hero h1 em{color:var(--gold)}.hero-lead{font-size:1.1rem;max-width:535px;color:#b5c8d3}.hero-actions{display:flex;align-items:center;gap:24px;margin:36px 0}.quiet-link{color:#d2e5e5;font-weight:700;font-size:.83rem}.quiet-link span{margin-left:12px}.hero-proof{font-size:.77rem;color:#8fa4b2}.micro-icons{color:var(--gold);font-size:1.1rem;margin-right:8px}.hero-visual{position:relative;min-width:0;background:#12202d;border:1px solid #364a56;border-radius:19px;box-shadow:0 30px 130px #000a,0 0 100px #6ebda717;transform:perspective(1200px) rotateY(-5deg) rotateX(3deg);overflow:hidden}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;color:#8fa4b2;padding:15px 21px;font-size:.56rem;letter-spacing:.14em;font-weight:800}.visual-top{border-bottom:1px solid var(--border)}.tiny-light{color:var(--aqua)}.visual-head{display:flex;justify-content:space-between;align-items:center;padding:22px 20px}.visual-head strong{font-size:1.13rem}.visual-head span{color:#9caebe}.mock-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 13px 16px}.mock-col{border-radius:10px;background:#0c1722;border:1px solid #273a47;padding:9px;min-height:280px}.mock-title{display:flex;justify-content:space-between;align-items:center;margin:5px 0 16px;font-size:.56rem;font-weight:800;color:#9dbaad}.mock-title b{color:#a6b9bd}.mock-song{border:1px solid #3a4c58;background:#1a2b38;border-radius:9px;padding:12px 9px;margin-bottom:9px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.mock-song.highlighted{border-color:#7ac5a676}.mock-song strong{font-size:.69rem;letter-spacing:-.015em}.mock-chip{align-self:flex-start;border-radius:3px;color:var(--gold);font-size:.47rem;letter-spacing:.05em;font-weight:800}.mock-chip.green{color:var(--aqua)}.mock-meta{display:flex;justify-content:space-between;gap:4px;color:#9aafbc;font-size:.47rem}.waveform{width:100%;height:29px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 5px,#66c9b1 5px,#66c9b1 8px,transparent 8px,transparent 12px);mask-image:linear-gradient(180deg,transparent 1%,black 38%,black 62%,transparent 99%);opacity:.72}.wave-alt{background:repeating-linear-gradient(90deg,transparent 0px,transparent 7px,#dda96d 7px,#dda96d 10px,transparent 10px,transparent 15px)}.benefits{padding-top:115px;padding-bottom:120px}.benefits h2,.pricing-section h2{max-width:680px;margin:15px 0 44px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:27px}.feature-card{min-height:224px;transition:.2s}.feature-card:hover{border-color:#579c92;transform:translateY(-2px)}.feature-icon{font-size:1.8rem;color:var(--aqua);background:#84ddc51b;display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:14px}.feature-card h3{margin:22px 0 7px}.feature-card p{color:var(--muted);font-size:.88rem;margin:0}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:90px;padding-bottom:110px;border-top:1px solid var(--border)}.workflow-copy h2{font-size:clamp(2.2rem,4vw,4.1rem)}.workflow-copy p{max-width:450px;color:var(--muted);margin:23px 0}.steps{display:grid;align-content:center;gap:9px}.steps>div{display:flex;gap:24px;padding:26px 16px;border-bottom:1px solid var(--border)}.steps b{color:var(--aqua);font-size:1.35rem}.steps span{display:flex;flex-direction:column;gap:9px}.steps strong{font-size:1rem}.steps small{font-size:.83rem;color:var(--muted)}.pricing-section{padding:105px 0 110px;background:#101b29;border-block:1px solid var(--border)}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.price-card{position:relative;background:#132232;padding:27px 23px;border:1px solid #394858;border-radius:16px;display:flex;flex-direction:column;min-height:405px}.price-card.popular{border-color:#8ae5be;box-shadow:inset 0 0 0 1px #83e7c64d}.price-badge{position:absolute;top:-12px;right:15px;background:var(--aqua);color:#06251e;border-radius:4px;padding:5px 9px;font-size:.57rem;letter-spacing:.1em;font-weight:800}.price-name{text-transform:uppercase;color:var(--aqua);font-size:.7rem;letter-spacing:.1em;font-weight:800}.price-card h3{font-size:2.25rem;margin:18px 0 4px;letter-spacing:-.08em;white-space:nowrap}.price-card h3 small{font-family:DM Sans,sans-serif;font-size:.8rem;color:var(--muted);letter-spacing:0}.price-card p{color:var(--muted);font-size:.83rem;min-height:54px}.price-card ul{padding:0;margin:10px 0 25px;list-style:none;flex:1}.price-card li{position:relative;padding-left:19px;margin:12px 0;font-size:.76rem;color:#c0d1d6}.price-card li:before{content:'✓';color:var(--aqua);position:absolute;left:0}.ending{text-align:center;padding-top:120px;padding-bottom:150px}.ending h2{max-width:790px;margin:20px auto 35px}.footer{max-width:1450px;margin:auto;padding:29px 32px;display:flex;justify-content:space-between;gap:12px;color:#7e94a4;border-top:1px solid #ffffff18;font-size:.72rem}.toast{position:relative;z-index:20;margin:12px auto;padding:13px 19px;max-width:920px;border:1px solid #6cbaa6;background:#1d3b34;color:#c6ffe8;border-radius:10px;font-size:.87rem}.toast.error{border-color:#ac4b58;background:#391c28;color:#ffdbe0}.auth-shell{max-width:1200px;margin:70px auto 130px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:24px;overflow:hidden;min-height:605px}.auth-art{background:radial-gradient(circle at 60% 65%,#34645b,#0e2932 49%,#102334);padding:65px 52px;position:relative;overflow:hidden}.auth-art h2{font-size:3.5rem}.auth-art p{max-width:300px;color:#b2c9c6}.auth-vinyl{height:270px;width:270px;border:36px solid #0a181c70;border-radius:50%;display:grid;place-items:center;font-size:4rem;color:var(--aqua);transform:rotate(-20deg);box-shadow:0 0 0 21px #81ebc609;position:absolute;bottom:-90px;right:-25px}.auth-panel{padding:70px 55px}.auth-panel h1{font-size:2.1rem;margin:12px 0}.stacked-form{display:flex;flex-direction:column;gap:17px;margin-top:28px}.stacked-form label,.dialog-form label{display:flex;flex-direction:column;gap:7px;font-size:.8rem;color:#c9d8df;font-weight:700}.stacked-form input,.stacked-form textarea,.stacked-form select,.dialog-form input,.dialog-form select,.dialog-form textarea,.board-search input,.compact-form input,.copy-row input,.admin-user-form select{width:100%;background:#0c1723;color:var(--text);border:1px solid #384b5d;border-radius:9px;padding:12px 13px;outline:none;min-width:0}.stacked-form input:focus,.stacked-form textarea:focus,.stacked-form select:focus,.dialog-form input:focus{border-color:var(--aqua)}input::placeholder,textarea::placeholder{color:#647b8d}.stacked-form textarea{resize:vertical}.auth-switch{font-size:.82rem;margin-top:25px}.auth-switch a{color:var(--aqua);font-weight:800}.workspace{display:grid;grid-template-columns:236px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 152px)}.sidebar{padding:43px 16px;border-right:1px solid #ffffff13}.sidebar-label{font-size:.65rem;letter-spacing:.15em;color:#7894a1;font-weight:800;padding:0 16px;margin-bottom:22px}.side-link{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:10px;font-size:.82rem;font-weight:700;color:#a5bbca;margin-bottom:4px}.side-link span{font-size:1.1rem;width:20px}.side-link:hover,.side-link.selected{background:#1a3240;color:var(--aqua)}.sidebar-line{height:1px;background:var(--border);margin:34px 12px}.aside-note{color:#728b9a;padding:0 14px;font-size:.79rem}.main{padding:36px 36px 75px;min-width:0}.page-top{margin-bottom:28px}.page-top h1{font-size:clamp(2rem,3.7vw,3rem);margin:8px 0}.page-top p{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.stat-card{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:9px}.stat-card>span{font-size:.67rem;letter-spacing:.11em;color:#91a9b4;font-weight:800}.stat-card strong{font-size:2.25rem;letter-spacing:-.06em;line-height:1.1}.stat-card small{color:#8197a7}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 23px}.board-search{display:flex;gap:7px;min-width:310px}.board-search input{padding:10px 15px}.board-search button{border:1px solid var(--border);background:#213345;color:var(--text);border-radius:8px;padding:9px 14px}.board{display:flex;gap:12px;align-items:stretch;overflow-x:auto;padding-bottom:18px;scrollbar-color:#54756f transparent}.board-column{flex:0 0 254px;background:#121e2b;border:1px solid #2d3d4b;border-radius:14px;padding:12px;min-height:435px}.board-column-head{display:flex;align-items:center;gap:8px;padding:7px 5px 17px;font-size:.75rem}.stage-bullet{width:7px;height:7px;border-radius:50%;background:var(--aqua)}.stage-count{margin-left:auto;color:#8aa2aa}.stage-edit{border:0;background:none;color:#a7b9c1;font-size:1.15rem}.board-drop{min-height:270px;border:1px dashed transparent;border-radius:8px;transition:.18s}.board-drop.drop-over{border-color:var(--aqua);background:#59ab9410}.song-tile{display:block;background:#20313f;border:1px solid #3a4c5c;border-radius:11px;padding:14px;margin-bottom:10px;cursor:grab;transition:.2s}.song-tile:hover{border-color:var(--aqua);transform:translateY(-2px)}.song-tile.dragging{opacity:.45}.tile-top,.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.tile-top span:first-child{font-size:.52rem;letter-spacing:.07em;font-weight:800;color:var(--aqua)}.drag-icon{color:#8ca9aa;font-size:1rem}.song-tile h3{font-size:.85rem;line-height:1.4;margin:9px 0}.tile-foot{color:#aab9be;font-size:.64rem}.tile-wave{height:24px;margin:10px 0}.add-to-stage,.board-add>button{display:block;width:100%;background:transparent;border:1px dashed #3f5760;border-radius:9px;padding:10px;color:#a3c6be;text-align:left;font-size:.76rem}.board-add{min-width:185px}.narrow-panel{max-width:730px;margin-top:28px}.narrow-panel h2{font-size:1.3rem}.compact-form input{width:280px}.back-link{display:inline-flex;align-items:center;color:var(--aqua);font-size:.8rem;font-weight:800;margin-bottom:17px}.panel{margin-bottom:17px}.panel h2{font-size:1.3rem;margin:0 0 20px}.panel h3{margin-top:0}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panel-top h2{margin:0}.subtle-pill{font-size:.55rem;white-space:nowrap}.song-layout,.listen-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:17px;align-items:start}.listen-layout{grid-template-columns:1.1fr .9fr;margin-top:36px}.form-row{display:flex;gap:12px}.form-row>label{flex:1;min-width:0}.counter{display:inline-flex;align-items:center;justify-content:center;color:var(--aqua);background:#28423e;border-radius:8px;padding:5px 10px;font-size:.7rem;vertical-align:middle}.audio-take{padding:16px 0;border-bottom:1px solid var(--border)}.take-detail{display:flex;align-items:center;gap:12px}.take-number{display:grid;place-items:center;height:38px;width:38px;border-radius:10px;background:#263c44;color:var(--aqua);font-weight:800;font-size:.73rem}.take-detail div:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.take-detail small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;color:#8da4ae}.audio-take audio,.shared-track audio,.playlist-track audio{width:100%;height:38px;margin-top:13px;color-scheme:dark}.take-ops{display:flex;justify-content:space-between;margin-top:5px;font-size:.75rem}.take-ops a{color:var(--aqua)}.danger-link{border:0;background:transparent;color:var(--red);padding:0;font-size:.78rem;font-weight:700}.empty-state{text-align:center;padding:50px 25px;color:var(--muted)}.empty-state>span{font-size:3rem;color:var(--aqua)}.empty-state h3{color:var(--text);margin-bottom:6px}.recorder{border:1px dashed #416275;background:#0f2330;border-radius:12px;padding:19px;margin-top:18px}.recorder-info{display:flex;align-items:center;gap:12px}.recorder-info small{margin-left:auto;color:var(--muted)}#rec-dot{color:#db8a8d}#rec-dot.pulse{animation:pulse 1s infinite}#rec-timer{font-weight:800;font-variant-numeric:tabular-nums}@keyframes pulse{50%{opacity:.15}}.recorder-buttons{display:flex;gap:10px;margin:15px 0}#rec-status{font-size:.75rem}.recorder audio{width:100%}.danger-panel{border-color:#4b3946;background:#211b29}.dual-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}.small-form select{background:#111d29;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:11px;max-width:250px}.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.playlist-tile{display:flex;align-items:center;gap:23px;border:1px solid var(--border);background:var(--panel);padding:20px;border-radius:16px}.playlist-tile:hover{border-color:var(--aqua)}.playlist-art{height:120px;width:120px;flex:0 0 120px;border-radius:11px;background:linear-gradient(135deg,#2d6861,#17314c);font-size:3rem;color:#a5edda;display:grid;place-items:center}.playlist-tile h3{margin:10px 0}.playlist-tile p{font-size:.8rem;color:var(--muted);margin:0 0 12px}.playlist-tile small{color:var(--aqua)}.playlist-track{display:flex;align-items:start;gap:12px;border-bottom:1px solid var(--border);padding:17px 0}.track-main{flex:1;display:flex;flex-direction:column;gap:3px}.track-main small{color:var(--muted)}.track-main audio{width:100%}.playlist-track>span{color:var(--aqua);font-size:1.4rem}.share-entry,.activity-row{border-top:1px solid var(--border);padding:13px 0;display:flex;align-items:center;gap:12px}.share-entry{justify-content:space-between}.share-entry div{display:flex;flex-direction:column;gap:4px}.share-entry small{color:var(--muted)}.copy-row{display:flex;gap:7px}.copy-row input{flex:1}.share-new{border-color:var(--aqua)}.checkbox-line{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}.checkbox-line input{width:auto!important;accent-color:var(--aqua)}.share-shell{max-width:1130px;margin:45px auto 130px;padding:0 24px}.share-shell>h1{margin:15px 0}.share-gate{max-width:480px;margin:80px auto}.shared-track{border-bottom:1px solid var(--border);padding:18px 0}.comment{padding:14px 0;border-bottom:1px solid var(--border)}.comment div{display:flex;justify-content:space-between}.comment span{color:var(--aqua);font-size:.8rem}.comment p{font-size:.83rem;margin:7px 0}.comment small{color:var(--muted)}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress-line{margin:20px 0}.progress-line>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;margin-bottom:8px}.progress-line strong{color:var(--aqua)}.progress-track{height:7px;background:#2a3e49;border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--aqua);border-radius:99px}.activity-row strong{font-size:.78rem;flex:1;text-transform:capitalize}.activity-row small{color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--aqua)}.membership{display:flex;align-items:center;justify-content:space-between}.membership strong{font-size:1.5rem}.membership-price{font-size:1.6rem;color:var(--aqua);font-weight:800}.dashboard-pricing{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px}.dashboard-pricing .price-card{min-height:240px}.paypal-slot{margin-top:auto}.note-banner,.notice{border:1px solid #967b46;background:#5c482229;border-radius:10px;padding:14px;color:#e5c595;font-size:.8rem;line-height:1.6;margin:15px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:670px;font-size:.8rem}th{text-align:left;color:#97aeba;letter-spacing:.06em;text-transform:uppercase;font-size:.64rem}td,th{padding:15px 12px;border-bottom:1px solid var(--border);vertical-align:top}td small{color:var(--muted)}code{color:#b9efd8;font-size:.78rem}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.admin-tabs a{border:1px solid var(--border);color:#b5c9d4;padding:10px 17px;border-radius:9px;font-size:.81rem;font-weight:800}.admin-tabs a.active{background:#2a4c46;border-color:#74c8b7;color:var(--aqua)}.admin-user-form{display:flex;flex-direction:column;gap:8px}.admin-user-form select{padding:8px}.admin-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-plan-grid .panel{margin:0}.bar-chart{height:180px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--border);margin-top:20px}.bar-chart>div{flex:1;height:100%;display:flex;align-items:end}.bar-chart i{background:linear-gradient(180deg,#7ee5bf,#2c776c);width:100%;border-radius:3px 3px 0 0}.install-shell{max-width:560px;margin:50px auto;padding:0 20px}.install-shell .brand{margin-bottom:25px}.install-shell h1{font-size:2.2rem}.error-page{text-align:center;min-height:45vh;padding-top:100px}.modal{width:min(96vw,475px);border:1px solid #4f666a;background:#192936;color:var(--text);border-radius:17px;padding:29px;box-shadow:var(--shadow)}.modal::backdrop{background:#03090dcc;backdrop-filter:blur(3px)}.dialog-form{display:flex;flex-direction:column;gap:20px}.dialog-form h2{margin:0}.close-modal{align-self:end;border:0;background:none;font-size:1.5rem;color:var(--muted)}
@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:28px}.hero h1{font-size:clamp(2.8rem,5vw,4rem)}.topnav{gap:14px}.main{padding:28px 24px}.board-column{flex-basis:235px}}
@media(max-width:850px){.topbar{height:72px;padding:0 18px}.mobile-toggle{display:block}.topnav{position:absolute;z-index:20;right:18px;top:67px;flex-direction:column;align-items:stretch;min-width:235px;padding:18px;background:#162536;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:none}.topnav.open{display:flex}.container{padding-left:21px;padding-right:21px}.hero{grid-template-columns:1fr;padding-top:55px;gap:42px}.hero-visual{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr;gap:26px}.workspace{grid-template-columns:1fr}.sidebar{display:flex;gap:3px;overflow-x:auto;align-items:center;padding:9px 17px;border-right:0;border-bottom:1px solid var(--border)}.sidebar-label,.sidebar-line,.aside-note{display:none}.side-link{white-space:nowrap;margin:0}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{margin:25px 20px;grid-template-columns:1fr}.auth-art{display:none}.song-layout,.listen-layout,.insight-grid{grid-template-columns:1fr}.dashboard-pricing{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero h1{font-size:2.8rem}.hero-actions{flex-direction:column;align-items:start}.mock-columns{grid-template-columns:1fr 1fr}.final-col{display:none}.hero-visual{width:100%}.feature-grid,.pricing-grid,.dashboard-pricing,.list-grid,.admin-plan-grid{grid-template-columns:1fr}.feature-card{min-height:unset}.main{padding:26px 14px}.topbar .brand{font-size:.93rem}.stat-card{padding:15px}.stat-card strong{font-size:1.75rem}.toolbar{align-items:stretch;flex-direction:column}.board-search{min-width:0}.form-row{flex-direction:column}.auth-panel{padding:40px 24px}.playlist-art{height:80px;width:80px;flex-basis:80px}.footer{flex-direction:column;text-align:center}.recorder-buttons{flex-direction:column}.page-top h1{font-size:2rem}.copy-row{flex-direction:column}.membership{align-items:start;gap:12px;flex-direction:column}.dual-actions{align-items:stretch}.small-form{flex-direction:column;align-items:stretch;width:100%}.small-form select{max-width:unset}.toast{margin:12px}}