/* Harmony — SARA's calm, touch-friendly visual system. Scanner has its own layout. */
.music-app:not(.entrance-mode),.trial-public{--green:#292c35;--ink:#292c35;--muted:#656773;--paper:#f7f6fa;--line:#e6e5ec;--lime:#e8e5ad;background:var(--paper);color:var(--ink)}
.music-app:not(.entrance-mode) .workspace main{max-width:1440px;padding-top:38px}
.music-app:not(.entrance-mode) .workspace h1,.trial-public h1{font-weight:500;letter-spacing:-1.5px;line-height:1.15}
.music-app:not(.entrance-mode) .workspace h3{font-weight:650;letter-spacing:-.35px}
.music-app:not(.entrance-mode) .eyebrow,.trial-public .trial-eyebrow{color:#656773;letter-spacing:1.6px}
.music-app:not(.entrance-mode) .workspace p,.trial-public p{color:#656773}
.music-app:not(.entrance-mode) .card,.trial-public .trial-teacher{border:1px solid #e9e7ee;border-radius:28px;box-shadow:0 6px 28px #34304404}
.music-app:not(.entrance-mode) .primary,.trial-public .primary{background:#292c35;color:#fff;border-radius:16px;min-height:48px;padding:14px 20px}
.music-app:not(.entrance-mode) .small-button,.trial-public .small-button{border-radius:12px;background:#fff;border-color:#dcdbe4;color:#34333e}
.music-app:not(.entrance-mode) input,.music-app:not(.entrance-mode) select,.music-app:not(.entrance-mode) textarea,.trial-public input,.trial-public select{border-radius:14px;border-color:#dcdbe4;min-height:48px;background:#fff;color:#292c35}
.music-app:not(.entrance-mode) label{color:#545563}
.music-app:not(.entrance-mode) .text-button{color:#505263}
.music-app:not(.entrance-mode) .badge.good{background:#e3ede3;color:#39573f}.music-app:not(.entrance-mode) .badge.warn{background:#f8e6d6;color:#774b22}
.music-app:not(.entrance-mode) aside{border:0;background:#fff;padding:34px 20px}
.music-app:not(.entrance-mode) aside nav button{border-radius:17px;min-height:52px;color:#626371;align-items:center}
.music-app:not(.entrance-mode) aside nav button.current{background:#292c35;color:#fff}
.music-app:not(.entrance-mode) .side-bottom{background:#efedf8;padding:23px;border-radius:25px;margin-top:auto}
.music-app:not(.entrance-mode) .side-bottom p{font:500 19px/1.45 Manrope,sans-serif;letter-spacing:-.6px;color:#393849}
.music-app:not(.entrance-mode) .music-lines{color:#888bb5}
.music-app:not(.entrance-mode) .workspace header{background:transparent;border-color:#e9e7ee}
.music-app:not(.entrance-mode) .workspace-tabs{background:#eeedf3;border-radius:18px;padding:5px;gap:5px}
.music-app:not(.entrance-mode) .workspace-tabs button{color:#5b5b6b;border-radius:14px}
.music-app:not(.entrance-mode) .workspace-tabs button.current{background:#fff;color:#292c35;box-shadow:0 2px 8px #3430440a}
.music-app:not(.entrance-mode) .credit-summary{background:#eeebe5;border:0;padding:30px 34px;min-height:240px;position:relative;overflow:hidden;gap:20px}
.credit-copy{flex:1;min-width:0}.credit-copy h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:10px 0 12px}.credit-copy .stat-label{font-size:10px;letter-spacing:1.5px;color:#62616a}.credit-number{display:flex;align-items:center;gap:16px}.credit-number>span{font-size:13px;line-height:1.5;color:#63626b}.credit-summary .credit-number strong{font-size:54px;font-weight:500;line-height:1.1;letter-spacing:-2px}.credit-summary .credit-number small{font-size:22px;letter-spacing:-.5px;color:#707079}.credit-track{max-width:280px;height:6px;background:#dcd7cf;border-radius:10px;margin-top:18px;overflow:hidden}.credit-track i{display:block;background:#777ca7;height:100%;border-radius:10px}.credit-copy p{font-size:12px!important;margin:12px 0 0}.credit-art{width:240px;align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.music-art{width:100%;height:auto;display:block}.credit-art .badge{margin-bottom:8px}.learning-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}.learning-shortcuts button{border:0;border-radius:24px;padding:20px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;color:#30313c;background:#cfd1f0;min-height:142px}.learning-shortcuts button:nth-child(2){background:#ece6ae}.learning-shortcuts button:nth-child(3){background:#d3e4df}.learning-shortcuts button>span{font-size:25px;line-height:30px;margin-bottom:14px}.learning-shortcuts b{font-size:16px;font-weight:600}.learning-shortcuts small{font-size:12px;margin-top:6px;color:#4e515c}
.music-app:not(.entrance-mode) .student-today{grid-template-columns:minmax(0,1fr) 360px}.music-app:not(.entrance-mode) .upcoming{background:#e9e8f3}.music-app:not(.entrance-mode) .practice-shortcut{border-radius:25px;background:#e9eedf;border:0;padding:25px;margin-top:20px}.music-app:not(.entrance-mode) .pass{background:#fff;border-radius:28px;padding:24px}.music-app:not(.entrance-mode) .pass #qr{border-color:#e5e3ec;border-radius:22px;background:white}.music-app:not(.entrance-mode) .pass .section-title{flex-wrap:nowrap}.music-app:not(.entrance-mode) .pass .section-title h3{font-size:19px}.music-app:not(.entrance-mode) .pass-logo{width:100px}.music-app:not(.entrance-mode) .pass:focus{outline:3px solid #8589b3;outline-offset:4px}.music-app:not(.entrance-mode) .admin-stats .card:nth-child(1){background:#e1e2f5}.music-app:not(.entrance-mode) .admin-stats .card:nth-child(2){background:#e4ecd8}.music-app:not(.entrance-mode) .admin-stats .card:nth-child(3){background:#efe8b9}.music-app:not(.entrance-mode) .admin-stats .card:nth-child(4){background:#f2e0d8}.music-app:not(.entrance-mode) .admin-stats .stat-label,.music-app:not(.entrance-mode) .admin-stats small{color:#5d5f69}.music-app:not(.entrance-mode) .avatar{background:#e5e3f5;color:#555474}.music-app:not(.entrance-mode) th{background:#f6f5f9;color:#62616e}.music-app:not(.entrance-mode) td{border-color:#eeedf3}.music-app:not(.entrance-mode) .practice-hero{background:#dce6df!important;color:#292c35!important;border-radius:28px}.music-app:not(.entrance-mode) .practice-hero h2,.music-app:not(.entrance-mode) .practice-credit strong{color:#292c35}.music-app:not(.entrance-mode) .practice-credit span,.music-app:not(.entrance-mode) .practice-credit small{color:#505d56}.music-app:not(.entrance-mode) .practice-dates button{border-radius:16px}.music-app:not(.entrance-mode) .practice-times button{border-radius:12px}.music-app:not(.entrance-mode) .practice-dates button.active{background:#292c35;color:white}
.music-app .login-layout{padding:22px;gap:22px;min-height:100vh;background:#f7f6fa}.music-app .login-story{border-radius:34px;background:#eeebe5;color:#292c35;padding:45px;position:relative;overflow:hidden}.music-app .login-story h1{font:500 clamp(32px,4vw,56px)/1.13 Manrope,sans-serif;letter-spacing:-2px}.music-app .login-story p{color:#666570}.music-app .login-story .music-art{width:250px;margin:28px 0 0 auto}.music-app .login-panel{background:#fff;border-radius:34px}.music-app .login-card h1{font-weight:500}.music-app .login-tabs{border:0;background:#f0eef5;border-radius:18px;padding:6px}.music-app .login-tabs button{border-radius:13px;color:#5f5d6b}.music-app .login-tabs button.active{background:#292c35;color:white}.music-app .auth-links .text-button{background:transparent}.music-app .login-story small{color:#62616a}.music-app .login-card .eyebrow{color:#696673}
.trial-public .trial-header{background:#fff;border-color:#e9e7ee}.trial-public .trial-hero{background:#eeebe5;border-radius:32px}.trial-public .trial-hero-note{background:#d0d1ee;color:#292c35;border-radius:28px}.trial-public .trial-teacher{background:#fff}.trial-public .trial-how,.trial-public .trial-policy{border-radius:28px}.trial-public .purchase-dock{border-color:#e4e1eb}.trial-public .purchase-dock strong{color:#292c35}.trial-public .campus-best{background:#ecebf8;border-color:#979bc6}.trial-public .campus-plan{border-radius:22px}
@media(hover:hover){.music-app:not(.entrance-mode) .learning-shortcuts button:hover{transform:translateY(-4px);filter:none;box-shadow:0 10px 20px #34304410}.music-app:not(.entrance-mode) button:hover,.trial-public button:hover{filter:brightness(.98)}}
@media(prefers-reduced-motion:no-preference){.music-app:not(.entrance-mode) main>.page-heading,.music-app:not(.entrance-mode) [data-section-group]:not([hidden]),.music-app .login-card,.trial-public .trial-teacher{animation:harmony-enter .32s ease-out both}.music-app:not(.entrance-mode) .music-art{animation:harmony-enter .6s ease-out both}.music-app:not(.entrance-mode) button,.trial-public button{transition:background-color .18s,box-shadow .18s,transform .18s}.music-app:not(.entrance-mode) dialog[open]{animation:harmony-enter .2s ease-out both}.music-app:not(.entrance-mode) .credit-track i{animation:harmony-progress .6s ease-out;transform-origin:left}}
@keyframes harmony-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes harmony-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.music-app:not(.entrance-mode) aside{padding:20px}.music-app:not(.entrance-mode) .student-today{grid-template-columns:minmax(0,1fr) 320px}.music-app:not(.entrance-mode) .side-bottom{display:none}}
@media(max-width:700px){.music-app:not(.entrance-mode) .workspace main{padding:24px 18px 110px}.music-app:not(.entrance-mode) .workspace h1{font-size:30px;letter-spacing:-1px}.music-app:not(.entrance-mode) .card{border-radius:24px}.music-app:not(.entrance-mode) .credit-summary{padding:22px;min-height:216px;margin-bottom:16px}.credit-copy h2{font-size:24px}.credit-copy .stat-label{font-size:8px;letter-spacing:1px}.credit-summary .credit-number strong{font-size:44px}.credit-summary .credit-number small{font-size:17px}.credit-number{gap:8px}.credit-number>span{font-size:11px}.credit-art{width:120px;flex-shrink:0}.credit-art .badge{font-size:10px}.credit-track{max-width:180px}.learning-shortcuts{gap:9px;margin-bottom:20px}.learning-shortcuts button{border-radius:21px;padding:16px 12px;min-height:130px}.learning-shortcuts b{font-size:13px}.learning-shortcuts small{font-size:10px;line-height:1.5}.learning-shortcuts button>span{margin-bottom:10px;font-size:23px}.music-app:not(.entrance-mode) .student-today{display:flex}.music-app:not(.entrance-mode) .pass{padding:22px}.music-app:not(.entrance-mode) .pass #qr{max-width:230px}.music-app:not(.entrance-mode) .admin-stats .card{border-radius:17px}.music-app:not(.entrance-mode) .workspace-tabs[data-section-nav=student] button{font-size:11px;min-height:45px;justify-content:center}.music-app:not(.entrance-mode) .workspace-tabs{margin-bottom:18px}.music-app:not(.entrance-mode) .admin-workspace{gap:14px}.music-app:not(.entrance-mode) .admin-workspace .workspace-tabs{background:#eeedf3;padding:6px}.music-app:not(.entrance-mode) .workspace header{min-height:44px}.music-app:not(.entrance-mode) .page-heading{gap:12px;margin-bottom:20px}.music-app:not(.entrance-mode) .practice-shortcut{padding:22px}}
@media(max-width:620px){.music-app:not(.entrance-mode) aside{padding:20px 20px 8px;background:transparent}.music-app:not(.entrance-mode) aside .brand{justify-content:flex-start}.music-app:not(.entrance-mode) aside .brand .sara-logo{width:150px;border-radius:4px}.music-app:not(.entrance-mode) aside nav{inset:auto 12px calc(10px + env(safe-area-inset-bottom));border:1px solid #e6e3ec;border-radius:26px;background:#fffffffa;box-shadow:0 8px 35px #3830441c;padding:6px;gap:4px;backdrop-filter:blur(14px)}.music-app:not(.entrance-mode) aside nav button{border-radius:20px;min-height:59px;font-size:10px;gap:5px;padding:9px 5px}.music-app:not(.entrance-mode) aside nav button span{font-size:20px}.music-app:not(.entrance-mode) .workspace header{background:transparent;border:0;padding:0 18px}.music-app:not(.entrance-mode) .workspace header>.crumb{display:none}.music-app:not(.entrance-mode) footer{padding-bottom:100px;margin-top:-70px}.music-app .login-layout{padding:12px;gap:12px}.music-app .login-story{padding:24px;border-radius:26px}.music-app .login-story h1{font-size:30px;letter-spacing:-1px;max-width:250px}.music-app .login-story .music-art{position:absolute;width:125px;right:14px;bottom:9px;opacity:.3;pointer-events:none}.music-app .login-story>div{position:relative;z-index:1}.music-app .login-story>div .music-art{display:none}.music-app .login-panel{padding:27px 20px;border-radius:26px}.music-app .login-tabs{margin-bottom:24px}.music-app .login-tabs button{font-size:12px}.trial-public .trial-header{padding:18px;gap:12px;flex-wrap:wrap}.trial-public .trial-hero{border-radius:25px}.trial-public .purchase-dock{border-radius:22px 22px 0 0}.music-app:not(.entrance-mode) .admin-overview .workspace h1{font-size:26px}}
@media(max-width:370px){.credit-art{width:90px}.music-app:not(.entrance-mode) .credit-summary{padding:18px;gap:8px}.credit-copy h2{font-size:22px}.learning-shortcuts button{padding:14px 9px}.learning-shortcuts b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.music-app *, .trial-public *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.music-app button:hover,.trial-public button:hover{transform:none!important}}
.music-app:not(.entrance-mode) .practice-hero h2,.music-app:not(.entrance-mode) .performance-hero h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.8px}.music-app:not(.entrance-mode) .practice-dates button.selected,.music-app:not(.entrance-mode) .performance-filters button.selected{background:#292c35;border-color:#292c35;color:#fff}.music-app:not(.entrance-mode) .performance-hero{background:#e5e2f3;color:#292c35;border-radius:28px}.music-app:not(.entrance-mode) .performance-reward b{color:#5a5d83}.music-app:not(.entrance-mode) .performance-reward small{color:#626170}.music-app:not(.entrance-mode) .performance-reward{border-color:#cfccdf}.music-app:not(.entrance-mode) dialog{border-radius:26px;border-color:#e6e3ec;box-shadow:0 24px 80px #292c3526}.music-app:not(.entrance-mode) dialog::backdrop{background:#27253160}.music-app:not(.entrance-mode) .danger-button{color:#a43b32;border-color:#e8c9c4;background:#fff9f8}.music-app:not(.entrance-mode) :focus-visible,.trial-public :focus-visible{outline:3px solid #6f6fa1;outline-offset:3px}
.trial-public .trial-hero{color:#292c35}.trial-public .trial-shell h1,.trial-public .trial-shell h2{font-family:Manrope,sans-serif;font-weight:500}.trial-public .trial-hero-note small{color:#555566}.trial-public input[type=checkbox],.music-app input[type=checkbox]{min-height:20px;width:20px;height:20px;flex-shrink:0;accent-color:#62658c}.trial-public .trial-pills span{color:#444450;border-color:#cfccd4;background:#ffffff60}
@media(max-width:700px){.music-app.admin-overview:not(.entrance-mode) .workspace h1{font-size:26px}}
/* 1.14: faster daily tasks, readable controls and purposeful feedback. */
.ui-icon{display:block;width:22px;height:22px;flex:none}.learning-shortcuts .ui-icon{width:25px;height:25px;margin-bottom:12px}
.music-app:not(.entrance-mode) .learning-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.music-app:not(.entrance-mode) .learning-shortcuts button{min-height:110px;padding:18px 22px}.music-app:not(.entrance-mode) .credit-summary{min-height:190px;padding:24px 28px}.music-app:not(.entrance-mode) .credit-art{width:190px}.music-app:not(.entrance-mode) .credit-copy h2{font-size:26px}.music-app:not(.entrance-mode) .credit-summary .credit-number strong{font-size:46px}.music-app:not(.entrance-mode) .practice-shortcut{display:none}.music-app:not(.entrance-mode) .pass-dialog{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);text-align:center;padding:24px;background:#fff}.pass-dialog .section-title{flex-wrap:nowrap}.pass-dialog .sara-logo{width:155px}.pass-dialog h2{margin-top:18px}.large-pass-qr{width:100%;max-width:310px;margin:14px auto;background:white}.large-pass-qr svg{display:block;width:100%;height:auto}.pass-dialog .hint{font-size:13px;line-height:1.5;margin:14px 0}.music-app:not(.entrance-mode) .stat-label,.music-app:not(.entrance-mode) .results-count{color:#595c66}.results-count{font-size:12px;margin:0 0 14px}.student-expand{display:none}.students-table td:last-child,.students-table th:last-child{position:sticky;right:0;background:#fff;box-shadow:-8px 0 12px #292c3508;min-width:165px}.students-table th:last-child{background:#f6f5f9}.students-table td:last-child .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.students-table td:last-child .small-button{font-size:12px;padding:9px;white-space:nowrap}.music-app:not(.entrance-mode) .admin-workspace{grid-template-columns:145px minmax(0,1fr);gap:16px}.music-app:not(.entrance-mode) .admin-stats small{font-size:12px}.music-app:not(.entrance-mode) th{font-size:10px}.music-app:not(.entrance-mode) .subtle{font-size:11px}.slot-placeholders{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.slot-placeholders i{display:block;height:55px;background:#eeedf3;border-radius:13px}#payment-result[data-state=paid]{padding:18px;background:#e4efdf;border-radius:16px;color:#33533a}button[aria-busy=true]::before{content:'';display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-2px}#toast[data-kind=success]::before{content:'✓';display:inline-block;margin-right:10px;font-weight:700}
@media(prefers-reduced-motion:no-preference){button[aria-busy=true]::before{animation:busy-turn .8s linear infinite}.music-app:not(.entrance-mode) [data-section-group]:not([hidden]){animation:none}.music-app:not(.entrance-mode) [data-section-group].section-enter:not([hidden]){animation:harmony-enter .2s ease-out both}.music-app:not(.entrance-mode) button:active,.trial-public button:active{transform:scale(.98)}.music-app .result.approved,#payment-result[data-state=paid]{animation:harmony-enter .2s ease-out both}.music-app details[open]>:not(summary){animation:harmony-enter .18s ease-out both}}
@keyframes busy-turn{to{transform:rotate(360deg)}}
@media(max-width:1100px) and (min-width:701px){.music-app:not(.entrance-mode) .admin-workspace{grid-template-columns:135px minmax(0,1fr)}}
@media(max-width:700px){.music-app:not(.entrance-mode) .admin-workspace{display:block}.music-app:not(.entrance-mode) .workspace main{padding-top:14px}.music-app:not(.entrance-mode) .page-heading{margin-bottom:16px}.music-app:not(.entrance-mode) .credit-summary{min-height:170px;padding:18px 20px;gap:12px}.music-app:not(.entrance-mode) .credit-art{width:100px}.music-app:not(.entrance-mode) .credit-copy h2{font-size:22px;margin:6px 0 8px}.music-app:not(.entrance-mode) .credit-summary .credit-number strong{font-size:38px}.credit-track{margin-top:12px}.credit-copy .stat-label{font-size:10px;letter-spacing:.3px}.learning-shortcuts small{font-size:12px}.music-app:not(.entrance-mode) .learning-shortcuts button{padding:16px;min-height:112px}.music-app:not(.entrance-mode) .workspace-tabs[data-section-nav=student] button{font-size:13px}.music-app:not(.entrance-mode) .admin-stats .card{padding:12px 9px}.music-app:not(.entrance-mode) .admin-stats .stat-label{font-size:11px}}
@media(max-width:620px){.music-app:not(.entrance-mode) aside{padding-top:14px}.music-app:not(.entrance-mode) aside nav button{font-size:11px}.music-app:not(.entrance-mode) .workspace header{min-height:40px}.student-expand{display:inline-flex;align-items:center;justify-content:center}.students-table td:last-child,.students-table th:last-child{position:static;box-shadow:none;min-width:0}.students-table tr:not(.expanded) td:not(:first-child){display:none}.students-table tbody tr{padding:12px!important;margin:8px 0!important;background:#f8f7fb!important;border:1px solid #ebe8f0!important;border-radius:16px}.students-table td:first-child{display:flex;gap:10px;align-items:center;justify-content:space-between}.students-table td:first-child:before{display:none}.students-table td:first-child .person{flex:1;min-width:0}.students-table .person>span:last-child{min-width:0}.students-table .person b{display:block;overflow-wrap:anywhere}.students-table .student-expand{flex-shrink:0;font-size:12px;min-height:44px;padding:8px}.students-table td:last-child .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.pass-dialog .large-pass-qr{max-width:min(280px,55vh)}.music-app:not(.entrance-mode) .pass-dialog{padding:20px}.pass-dialog .sara-logo{width:135px}}

.student-glance{display:none!important}@media(max-width:620px){.student-glance{display:block!important;font-size:12px!important;color:#5b5d69!important;line-height:1.5}.students-table .person .avatar{display:none}.music-app:not(.entrance-mode) .students-table td:first-child .person small{font-size:11px}}
@media(min-width:621px) and (max-width:1350px){.student-directory .table-wrap:before{content:'Scroll the table sideways for all details. Actions stay on the right.';display:block;font-size:12px;color:#5b5d69;padding:0 0 12px}}

.purchase-price small{display:block;font:500 14px/1.5 "DM Sans",sans-serif;letter-spacing:0;color:#62616e;margin-top:5px}.online-pack-card .small-button{margin:6px 6px 0 0}.online-pack-card .pause-banner{white-space:normal;overflow-wrap:anywhere}
/* 1.18: clear choices, consistent navigation, compact public pages. */
.online-plan-options{border:0;padding:0;margin:24px 0}.online-plan-options legend{font-weight:700;margin-bottom:12px}.online-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.online-plan-choice{display:flex;flex-direction:column;gap:9px;text-align:left;background:#faf9fc;border:1px solid #dcd8e6;border-radius:18px;padding:18px;min-height:160px;color:#292c35;cursor:pointer;font:inherit;transition:border-color .15s,background .15s}.online-plan-choice.selected{background:#eee8f8;border:2px solid #75618c;padding:17px}.online-plan-choice strong{font-size:24px;line-height:1.3}.online-plan-choice strong small{display:block;font-size:12px;font-weight:400}.online-plan-choice>span{font-size:13px}.online-plan-choice>small{font-size:12px;color:#655c71}.online-plan-choice:focus-visible{outline:3px solid #8975a5;outline-offset:3px}.flexible-choice{margin-top:12px}.price-course-label{font-size:14px;padding-top:12px}.package-prices .primary{margin:16px 0 8px}.music-app .admin-login-link{display:block;margin:-10px 0 20px auto;font-size:12px}.music-app aside nav .messages-nav{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;text-decoration:none;border-radius:17px;color:#626371;font-size:14px}.music-app aside nav .messages-nav:hover{background:#eee8f8}.trial-public .trial-hero{padding:28px 32px;margin-bottom:24px}.trial-public .trial-hero h1{font-size:38px}.trial-public .trial-hero-note{display:none}.trial-public .trial-shell>h1{font-size:36px;margin:20px 0 12px}.trial-public .purchase-grid label{margin-bottom:18px}.music-app .auth-links #signup-account{font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1000px){.trial-public .purchase-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start}.purchase-summary{position:sticky;top:20px}.trial-public .trial-hero>div:first-child{max-width:760px}}
@media(max-width:700px){.online-plan-grid{grid-template-columns:1fr}.online-plan-choice{min-height:0;gap:6px}.online-plan-choice strong small{display:inline}.trial-public .trial-hero{padding:22px;margin-bottom:20px}.trial-public .trial-hero h1,.trial-public .trial-shell>h1{font-size:28px}.trial-public .trial-hero p{font-size:14px}.music-app .login-story{padding:18px 22px}.music-app .login-story h1{font-size:23px}.music-app .login-card .login-tabs{margin-bottom:20px}}
@media(max-width:620px){.music-app:not(.entrance-mode) aside nav{display:flex;justify-content:space-around}.music-app:not(.entrance-mode) aside nav button,.music-app:not(.entrance-mode) aside nav .messages-nav{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;font-size:10px;gap:4px;padding:8px 3px;min-height:58px;text-align:center}.music-app aside nav .messages-nav span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.online-plan-choice{transition:none}}