@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/phach-music-family/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/phach-music-family/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/phach-music-family/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/phach-music-family/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/phach-music-family/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/phach-music-family/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Bricolage Grotesque Variable,system-ui,sans-serif;color:#14213d;background:#14213d;font-synthesis:none;--paper: #f6f0e4;--paper-2: #fffaf1;--ink: #14213d;--blue: #2457f5;--red: #e6492d;--yellow: #f3c84b;--sage: #4c7a67;--line: rgba(20, 33, 61, .19)}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink)}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}button:disabled{cursor:not-allowed}.site-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);overflow:clip}.brand-stage{min-height:100vh;position:sticky;top:0;display:grid;grid-template-rows:auto minmax(260px,1fr) auto;gap:24px;padding:34px 42px 38px;background:var(--ink);color:var(--paper);overflow:hidden}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.stage-top>span{font-size:11px;letter-spacing:.18em;color:#b9c3d5}.brand{display:flex;align-items:center;gap:10px;line-height:1}.brand>span:last-child{display:grid;gap:4px}.brand strong{font-size:22px;letter-spacing:.03em}.brand small{font-size:8px;letter-spacing:.2em;font-weight:700}.beat-mark{width:29px;height:34px;display:flex;align-items:center;gap:3px}.beat-mark i{display:block;width:4px;border-radius:4px;background:var(--yellow)}.beat-mark i:nth-child(1){height:23px}.beat-mark i:nth-child(2){height:31px}.beat-mark i:nth-child(3){height:19px}.beat-mark i:nth-child(4){height:34px}.stage-image{position:relative;min-height:0;max-width:720px;border-left:16px solid var(--blue);align-self:stretch;overflow:hidden}.stage-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(20,33,61,.78))}.stage-image img{width:100%;height:100%;min-height:370px;display:block;object-fit:cover}.image-caption{position:absolute;bottom:22px;left:24px;z-index:2;font-size:11px;font-weight:750;letter-spacing:.16em}.stage-copy{display:grid;grid-template-columns:92px minmax(0,560px);gap:24px;align-items:start;position:relative;z-index:2}.measure-number{color:var(--yellow);font-size:clamp(42px,5vw,72px);font-weight:750;line-height:.9;font-variant-numeric:tabular-nums}.stage-copy small{color:#b9c3d5;font-size:10px;letter-spacing:.16em;font-weight:750}.stage-copy blockquote{font:500 clamp(25px,3vw,46px)/1.05 "Newsreader Variable",serif;margin:10px 0 12px;max-width:680px}.stage-copy p{margin:0;font-size:12px;color:#b9c3d5}.staff-lines{position:absolute;inset:auto -8vw 23% 9vw;transform:rotate(-5deg);opacity:.09}.staff-lines i{display:block;border-top:1px solid var(--paper);margin-top:13px}.app-frame{min-height:100vh;background:var(--paper);position:relative;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.15)}.app-header{min-height:74px;padding:14px 18px;background:var(--paper-2);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:20}.app-header .brand small{color:#62708b}.student-switch{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:4px;cursor:pointer;text-align:left}.student-switch>span:nth-child(2){display:grid;line-height:1.1;gap:3px}.student-switch small{font-size:9px;color:#6e7789;text-transform:uppercase;letter-spacing:.08em}.student-switch strong{font-size:13px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-weight:800}.avatar.blue{background:var(--blue)}.avatar.red{background:var(--red)}.demo-ribbon{padding:8px 18px;background:var(--ink);color:var(--paper);font-size:9px;letter-spacing:.11em;text-align:center}.demo-ribbon span{color:var(--yellow);font-weight:800}.app-content{flex:1;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.view-stack{display:grid;gap:0}.pad-top{padding-top:24px}.opening{position:relative;padding:32px 20px 24px;border-bottom:1px solid var(--line);overflow:hidden}.opening:before{content:"";position:absolute;left:0;right:0;bottom:39px;height:52px;opacity:.15;background:repeating-linear-gradient(to bottom,transparent 0 9px,var(--blue) 10px 11px)}.opening-copy{position:relative;z-index:1;max-width:370px}.kicker{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#58647b}.kicker>span{width:12px;height:12px;border:3px solid var(--red);border-radius:50%}.opening h1{font-size:clamp(36px,8vw,48px);line-height:.93;letter-spacing:-.045em;margin:18px 0 14px}.opening h1 em{font:500 1em/1 Newsreader Variable,serif;color:var(--blue)}.opening p{max-width:310px;margin:0;font-size:13px;line-height:1.45;color:#596379}.pulse-score{margin-top:26px;display:grid;grid-template-columns:auto 1fr 1px auto 1fr;align-items:end;gap:8px;max-width:350px;position:relative;z-index:2}.pulse-score strong{font-size:26px;line-height:1}.pulse-score span{font-size:10px;text-transform:uppercase;letter-spacing:.07em}.pulse-score i{height:27px;background:var(--line)}.content-section{padding:24px 20px;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:12px;padding:0 20px 14px}.content-section>.section-head{padding-left:0;padding-right:0}.section-head .measure{min-width:34px;font-size:11px;color:var(--red);font-weight:800;letter-spacing:.08em;align-self:start;border-top:3px solid var(--red);padding-top:5px}.section-head small{display:block;color:#6a7384;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:750}.section-head h2{margin:3px 0 0;font-size:23px;line-height:1;letter-spacing:-.025em}.priority-card{display:grid;grid-template-columns:42px 1fr;gap:12px;border:1px solid var(--ink);padding:15px;margin-top:10px;background:var(--paper-2);position:relative}.priority-card:after{content:"";position:absolute;inset:4px -5px -5px 4px;border:1px solid var(--ink);z-index:-1}.priority-card.danger{border-left:7px solid var(--red)}.priority-card.due{border-left:7px solid var(--yellow)}.priority-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:19px}.danger .priority-icon{background:var(--red)}.status-line{display:flex;justify-content:space-between;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.status-line span{color:var(--red);font-weight:800}.status-line time{color:#6c7586}.priority-copy h3{font-size:17px;line-height:1.15;margin:8px 0 5px}.priority-copy p{margin:0;font-size:12px;line-height:1.4;color:#5c6679}.priority-copy .amount{color:var(--ink);font-size:23px;font-weight:750}.text-action{display:flex;align-items:center;gap:5px;margin-top:10px;padding:0;border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:800;cursor:pointer}.text-action svg{font-size:15px}.lesson-ticket{display:grid;grid-template-columns:82px 1fr;border:1px solid var(--ink);background:var(--paper-2)}.lesson-date{padding:16px 12px;background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.lesson-date strong{font-size:48px;line-height:.8}.lesson-date span{font-size:9px;letter-spacing:.08em;line-height:1.4}.lesson-main{padding:16px}.course-tag{font-size:9px;font-weight:800;color:var(--red);text-transform:uppercase;letter-spacing:.08em}.lesson-main h3{margin:6px 0 10px;font-size:17px}.lesson-main p{display:flex;align-items:center;gap:5px;margin:6px 0;font-size:11px;color:#5d687b}.lesson-main p i{width:1px;height:12px;background:var(--line)}.lesson-main p svg{flex:0 0 auto}.button{min-height:46px;border:1px solid var(--ink);padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13px;cursor:pointer}.button.ghost{margin-top:12px;background:transparent;width:100%}.button.ghost:disabled{color:var(--sage);border-color:var(--sage)}.button.primary{width:100%;background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:4px 4px 0 var(--ink)}.material-feature{width:100%;padding:0;display:grid;grid-template-columns:44% 1fr;text-align:left;background:var(--ink);color:var(--paper);border:0;cursor:pointer;min-height:150px}.material-feature img{width:100%;height:100%;object-fit:cover}.material-copy{padding:18px 14px;display:flex;flex-direction:column;justify-content:center;gap:10px}.material-copy small{color:var(--yellow);font-size:9px;letter-spacing:.1em}.material-copy strong{font:600 20px/1.05 Newsreader Variable,serif}.material-copy>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#c3ccdc}.week-rail{padding:0 20px 20px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(54px,1fr);gap:7px;overflow-x:auto}.week-rail button{height:61px;border:1px solid var(--line);background:var(--paper-2);display:grid;place-content:center;gap:4px;cursor:pointer}.week-rail button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.week-rail small{font-size:9px}.week-rail strong{font-size:17px}.mini-action{border:0;background:var(--yellow);padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}.schedule-notice{margin:0 20px 24px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:13px;background:#fff0e9;border-left:6px solid var(--red)}.schedule-notice>svg{color:var(--red);font-size:23px}.schedule-notice div{display:grid;gap:2px}.schedule-notice small{font-size:8px;letter-spacing:.1em}.schedule-notice strong{font-size:13px}.schedule-notice p{margin:0;font-size:10px;color:#697185}.schedule-notice button{border:0;background:var(--red);color:#fff;padding:9px;font-size:10px;font-weight:800;cursor:pointer}.timeline{padding:0 20px 24px}.timeline-day{display:block;border-top:1px solid var(--ink);padding-top:7px;margin:8px 0 9px;font-size:9px;font-weight:800;letter-spacing:.12em}.timeline article{display:grid;grid-template-columns:45px 8px 1fr auto;gap:9px;padding:12px 0;align-items:center}.timeline time{font-size:13px;font-weight:750}.timeline article>i{width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #2457f526}.timeline article.confirmed>i{background:var(--sage)}.timeline h3{margin:0 0 3px;font-size:13px}.timeline p{margin:0;font-size:10px;color:#667084}.student-dot{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#fff;font-size:7px;font-weight:800;margin-right:5px;vertical-align:middle}.student-dot.blue{background:var(--blue)}.student-dot.red{background:var(--red)}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper-2);cursor:pointer}.confirm-icon{color:var(--sage);font-size:23px}.attendance-card{margin:0 20px 24px;padding:17px;background:var(--ink);color:var(--paper)}.attendance-card small{font-size:8px;letter-spacing:.12em;color:#b9c4d8}.attendance-card h3{margin:5px 0 14px;font-size:17px}.attendance-card p{margin:10px 0 0;color:#b9c4d8;font-size:10px}.attendance-dots{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.attendance-dots i{height:8px;background:var(--yellow)}.attendance-dots i.absent{background:transparent;border:1px solid var(--red)}.progress-hero{margin:0 20px 20px;padding:18px;display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:center;background:var(--blue);color:#fff}.progress-hero>span{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-size:30px}.progress-hero div{display:grid;grid-template-columns:auto 1fr;align-items:baseline}.progress-hero small{grid-column:1 / -1;font-size:8px;letter-spacing:.14em}.progress-hero strong{font-size:44px;line-height:1}.progress-hero strong em{font-size:18px;font-style:normal;opacity:.7}.progress-hero p{margin:0 0 0 8px;font-size:10px;opacity:.75}.skill-list{margin:0 20px 22px;border-top:1px solid var(--ink)}.skill-row{min-height:61px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.skill-row>span{color:var(--red);font-size:10px;font-weight:800}.skill-row strong{font-size:13px}.skill-row b{font-size:11px}.meter{height:5px;margin-top:7px;background:#d9d4c9}.meter i{display:block;height:100%;background:var(--blue)}.teacher-note{margin:0 20px 20px;padding:18px;display:grid;grid-template-columns:26px 1fr;gap:10px;background:var(--yellow)}.teacher-note>svg{font-size:22px}.teacher-note small{font-size:8px;letter-spacing:.1em}.teacher-note blockquote{margin:6px 0 0;font:600 18px/1.15 Newsreader Variable,serif}.practice-goal{margin:0 20px 12px;display:grid;grid-template-columns:70px 1fr;border:1px solid var(--ink)}.goal-number{display:grid;place-items:center;background:var(--red);color:#fff;font-size:34px;font-weight:800}.practice-goal>div:last-child{padding:14px}.practice-goal small{font-size:8px;letter-spacing:.12em}.practice-goal h3{margin:5px 0 4px;font-size:16px}.practice-goal p{margin:0;font-size:10px;color:#667084}.material-row,.receipt-row{margin:0 20px 24px;width:calc(100% - 40px);min-height:68px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;text-align:left;cursor:pointer}.material-row>svg{font-size:24px;color:var(--blue)}.material-row span{display:grid;gap:3px}.material-row small,.receipt-row small{font-size:8px;letter-spacing:.1em;color:#667084}.material-row strong,.receipt-row strong{font-size:12px}.invoice-card{margin:0 20px 26px;padding:18px;border:1px solid var(--ink);background:var(--paper-2);box-shadow:6px 6px 0 var(--yellow)}.invoice-card.paid{box-shadow:6px 6px #8cb29f}.invoice-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.08em}.invoice-top span{display:flex;align-items:center;gap:4px;color:var(--red);font-weight:800}.paid .invoice-top span{color:var(--sage)}.invoice-card h3{font-size:22px;margin:12px 0 18px}.line-item{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--line);font-size:11px}.line-item b{flex:0 0 auto;font-variant-numeric:tabular-nums}.invoice-total{margin:6px 0 18px;padding-top:12px;border-top:2px solid var(--ink);display:flex;justify-content:space-between;align-items:end}.invoice-total span{font-size:11px;font-weight:800}.invoice-total strong{font-size:25px}.receipt-row{cursor:default;border-bottom:0}.receipt-row>span{width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:var(--paper)}.receipt-row div{display:grid;gap:3px}.receipt-row p{margin:0;font-size:10px;color:#667084}.receipt-row button{width:40px;height:40px;border:0;background:transparent;cursor:pointer}.simulation-box{margin:0 20px 20px;padding:14px;display:flex;gap:9px;background:#e7e3da;font-size:10px;line-height:1.45}.simulation-box svg{flex:0 0 auto;font-size:20px}.simulation-box p{margin:0}.bottom-nav{position:fixed;bottom:0;right:0;width:min(520px,100vw);z-index:25;padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--paper-2);border-top:1px solid var(--line)}.bottom-nav button{position:relative;min-height:55px;display:grid;place-content:center;justify-items:center;gap:3px;border:0;background:transparent;color:#6b7484;cursor:pointer}.bottom-nav button.active{color:var(--blue);background:#2457f514}.bottom-nav svg{font-size:22px}.bottom-nav span{font-size:9px;font-weight:700}.bottom-nav i{position:absolute;top:4px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:10px;font-size:8px;font-style:normal}.modal-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:end center;background:#091020a6;padding-top:40px}.modal{position:relative;width:min(520px,100%);max-height:calc(100dvh - 38px);overflow-y:auto;background:var(--paper-2);border-radius:22px 22px 0 0;padding:28px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0003}.modal:before{content:"";position:absolute;top:9px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:3px;background:#bfc3ca}.modal-close{position:absolute;top:22px;right:16px;width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer}.modal-head{display:grid;grid-template-columns:45px 1fr;gap:11px;align-items:center;padding-right:45px}.modal-head>span{width:43px;height:43px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:21px}.modal-head small{font-size:8px;letter-spacing:.13em;color:#677185}.modal-head h2{margin:3px 0 0;font-size:20px}.modal-lead{margin:17px 0;font-size:12px;line-height:1.45;color:#626c7f}.modal fieldset{padding:0;margin:0 0 16px;border:0}.modal legend{margin-bottom:8px;font-size:10px;font-weight:800}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choice-grid button{min-height:45px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;gap:7px;padding:8px;cursor:pointer;text-align:left;font-size:11px}.choice-grid button.selected{border-color:var(--blue);color:var(--blue)}.choice-grid button span{width:17px;height:17px;border:1px solid currentColor;display:grid;place-items:center}.note-field{display:grid;gap:6px;font-size:10px;font-weight:800}.note-field textarea{min-height:72px;resize:vertical;padding:10px;border:1px solid var(--line);background:var(--paper);font-size:11px;color:var(--ink)}.policy-note{display:flex;align-items:flex-start;gap:7px;margin:14px 0 18px;padding:10px;background:#e7e3da;font-size:10px;line-height:1.4}.policy-note svg{flex:0 0 auto}.slot-list{display:grid;gap:8px;margin:14px 0 18px}.slot-list button{min-height:65px;display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;padding:10px;text-align:left;border:1px solid var(--line);background:var(--paper);cursor:pointer}.slot-list button.selected{border:2px solid var(--blue)}.slot-list button.full{opacity:.52}.slot-list .radio{width:18px;height:18px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.slot-list .radio i{width:9px;height:9px;border-radius:50%;background:var(--blue)}.slot-list button>span:nth-child(2){display:grid;gap:4px}.slot-list strong{font-size:12px}.slot-list small{font-size:9px;color:#687285}.slot-list b{font-size:9px;color:var(--sage)}.error-state{margin:14px 0;padding:12px;display:grid;grid-template-columns:24px 1fr;gap:8px;background:#fff0e9;border-left:5px solid var(--red)}.error-state>svg{color:var(--red);font-size:21px}.error-state strong{font-size:12px}.error-state p{margin:4px 0 0;font-size:10px;line-height:1.35;color:#657084}.payment-total{margin:18px 0;padding:16px;background:var(--ink);color:var(--paper);display:grid;gap:4px}.payment-total span{font-size:9px;letter-spacing:.1em}.payment-total strong{font-size:30px}.payment-total small{color:#b9c4d8}.payment-option{width:100%;min-height:66px;margin-bottom:18px;padding:10px;display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;text-align:left;border:1px solid var(--blue);background:var(--paper)}.payment-option>span:first-child{width:37px;height:37px;display:grid;place-items:center;background:var(--blue);color:#fff}.payment-option>span:nth-child(2){display:grid;gap:3px}.payment-option strong{font-size:11px}.payment-option small{font-size:9px;color:#687285}.payment-option>svg{color:var(--blue)}.success-state{text-align:center;padding:18px 0 4px}.success-state>svg{font-size:52px;color:var(--sage)}.success-state h3{margin:8px 0 4px}.success-state p{margin:0 0 18px;font-size:11px;color:#657084}.modal-media{width:100%;aspect-ratio:4/3;object-fit:cover;margin:18px 0 10px}.material-meta{display:flex;gap:12px;font-size:9px}.material-meta span{display:flex;align-items:center;gap:4px}.short-note{margin:16px 0;padding:14px;background:var(--yellow);font:600 17px/1.2 Newsreader Variable,serif}.integration-note{margin:16px 0 0;text-align:center;font-size:8px;line-height:1.4;color:#778093}.toast{position:fixed;z-index:80;bottom:calc(84px + env(safe-area-inset-bottom));right:18px;max-width:360px;display:flex;align-items:center;gap:8px;padding:13px 15px;background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--yellow);font-size:11px}.toast svg{color:var(--yellow);font-size:19px}@media(max-width:900px){.site-shell{display:block}.brand-stage{display:none}.app-frame{width:100%;min-height:100dvh;border:0}.bottom-nav{width:100%}.toast{left:18px;right:18px;justify-content:center}}@media(max-width:380px){.app-header{padding-inline:12px}.app-header .brand small{display:none}.brand strong{font-size:18px}.opening,.content-section{padding-inline:16px}.section-head,.week-rail,.timeline{padding-left:16px;padding-right:16px}.schedule-notice,.attendance-card,.progress-hero,.skill-list,.teacher-note,.practice-goal,.material-row,.invoice-card,.receipt-row,.simulation-box{margin-left:16px;margin-right:16px}.material-row,.receipt-row{width:calc(100% - 32px)}.lesson-ticket{grid-template-columns:72px 1fr}.priority-card{grid-template-columns:35px 1fr}.priority-icon{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}