*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}a,button,summary{touch-action:manipulation}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:Study Hand;src:url(/music-ui/assets/fonts/PatrickHand-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.music-ui{--c-paper:#f3eae0;--c-ink:#302d29;--c-muted:#756d63;--c-line:#cfc1b1;--c-accent:#ad3d2a;--c-soft:#f0ddd0;--c-body:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang HK","Noto Sans TC",Arial,sans-serif;--c-display:"Study Hand","Chalkboard SE","PingFang HK","Noto Sans TC",sans-serif;--exam-canvas:var(--c-paper)!important;--exam-surface:var(--c-paper)!important;--exam-elevated:#faf3e9!important;--exam-text:var(--c-ink)!important;--exam-muted:var(--c-muted)!important;--exam-faint:var(--c-line)!important;--exam-primary:var(--c-accent)!important;--exam-primary-hover:#8d2f20!important;--exam-soft:var(--c-soft)!important;--exam-border:var(--c-line)!important;--exam-dark:var(--c-ink)!important;--exam-gradient:var(--c-accent)!important;--score-gradient:var(--c-accent)!important;--platform-font:var(--c-body);--platform-radius-card:0;--platform-shadow-soft:none;--module-soft-shadow:none;min-height:100vh;background:var(--c-paper);color:var(--c-ink);font-family:var(--c-body);line-height:1.6}.music-ui[data-theme=blue]{--c-accent:#20285f;--c-soft:#e3e0e9;--exam-primary-hover:#151d46!important}.music-ui[data-theme=ocean]{--c-accent:#145b99;--c-soft:#dde6e5;--exam-primary-hover:#104b7e!important}.music-ui[data-theme=neutral]{--c-accent:#302d29;--c-soft:#e4dece}.music-ui :is(h1,h2,h3,h4){color:var(--c-ink);line-height:1.25;letter-spacing:0}.music-ui :is(h1,h2){font-family:var(--c-display);font-weight:400}.music-ui h1{font-size:clamp(34px,3.3vw,54px)}.music-ui h2{font-size:clamp(25px,2.1vw,35px)}.music-ui h3{font-size:19px;font-weight:650}.music-ui p{line-height:1.75}.music-ui :is(button,a,input,textarea,select,summary){-webkit-tap-highlight-color:transparent}.music-ui :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--c-accent);outline-offset:5px}.music-ui :is(h1,h2)[tabindex="-1"]:focus{outline:none}.music-ui :is(button,a,summary){touch-action:manipulation}.music-ui :is(button,input,textarea,select){font-family:var(--c-body)}.music-ui :is(button,a){transition:color .16s,background-color .16s,transform .16s}.music-ui :is(button,a)[aria-disabled=true],.music-ui button:disabled{opacity:.5;cursor:not-allowed}.music-ui :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--c-accent)}.music-ui :is(.exam-main,.focus-main){min-width:0}.music-ui .exam-main{max-width:1200px;width:100%;margin:0 auto;padding:38px 46px 72px}.music-ui .exam-workspace{display:block;max-width:none}.music-ui .page-title-row{margin:0 0 36px;gap:28px;align-items:center}.music-ui .page-title-row h1{margin:10px 0 12px}.music-ui .page-title-row p{max-width:64ch;color:var(--c-muted)}.music-ui [data-hand-frame]{--c-frame-image:url(/music-ui/assets/frames/f04.svg);position:relative;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent}.music-ui [data-hand-frame]:before{content:"";position:absolute;inset:-8px;z-index:-1;pointer-events:none;background:var(--c-frame-color,var(--c-ink));-webkit-mask:var(--c-frame-image) center/100% 100% no-repeat;mask:var(--c-frame-image) center/100% 100% no-repeat;opacity:.8}.music-ui [data-hand-frame=F01]{--c-frame-image:url(/music-ui/assets/frames/f01.svg)}.music-ui [data-hand-frame=F02]{--c-frame-image:url(/music-ui/assets/frames/f02.svg)}.music-ui [data-hand-frame=F03]{--c-frame-image:url(/music-ui/assets/frames/f03.svg)}.music-ui [data-hand-frame=F04]{--c-frame-image:url(/music-ui/assets/frames/f04.svg)}.music-ui [data-hand-frame=F05]{--c-frame-image:url(/music-ui/assets/frames/f05.svg)}.music-ui [data-hand-frame=F06]{--c-frame-image:url(/music-ui/assets/frames/f06.svg)}.music-ui [data-hand-frame=F07]{--c-frame-image:url(/music-ui/assets/frames/f07.svg)}.music-ui [data-hand-frame=F08]{--c-frame-image:url(/music-ui/assets/frames/f08.svg)}.music-ui [data-hand-frame=F09]{--c-frame-image:url(/music-ui/assets/frames/f09.svg)}.music-ui [data-hand-frame=F10]{--c-frame-image:url(/music-ui/assets/frames/f10.svg);color:var(--c-paper)}.music-ui .c-frame{padding:30px 32px}.music-ui .c-frame[data-hand-frame=F06]{padding-top:38px}.music-ui .c-frame[data-hand-frame=F08]{padding-bottom:42px}@supports (-webkit-mask-box-image-source:url("/music-ui/assets/frames/f04.svg")){.music-ui [data-hand-frame]:not([data-hand-frame=F10]):before{-webkit-mask:none;mask:none;-webkit-mask-box-image-source:var(--c-frame-image);-webkit-mask-box-image-slice:60 fill;-webkit-mask-box-image-width:32px;-webkit-mask-box-image-repeat:stretch}.music-ui [data-hand-frame=F06]:before{-webkit-mask-box-image-slice:90 60 50 60 fill;-webkit-mask-box-image-width:54px 30px 28px 30px}.music-ui [data-hand-frame=F08]:before{-webkit-mask-box-image-slice:65 65 88 85 fill;-webkit-mask-box-image-width:32px 32px 74px 55px}.music-ui [data-hand-frame=F06]{padding-top:64px}.music-ui [data-hand-frame=F08]{padding-bottom:88px}}.music-ui :is(.panel,.module-card,.study-path-card,.practice-card,.mock-exam-card,.vocabulary-word-card,.listening-item-card,.reading-passage-card,.empty-state-card,.disclosure-panel):not([data-hand-frame]){position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;padding:30px 32px}.music-ui :is(.panel,.module-card,.study-path-card,.practice-card,.mock-exam-card,.vocabulary-word-card,.listening-item-card,.reading-passage-card,.empty-state-card,.disclosure-panel):not([data-hand-frame]):before{content:"";position:absolute;inset:-8px;z-index:-1;pointer-events:none;background:var(--c-ink);-webkit-mask:url(/music-ui/assets/frames/f04.svg) center/100% 100% no-repeat;mask:url(/music-ui/assets/frames/f04.svg) center/100% 100% no-repeat;opacity:.64}.music-ui :is(.module-card,.study-path-card,.practice-card,.reading-passage-card):not([data-hand-frame]):before{-webkit-mask-image:url(/music-ui/assets/frames/f02.svg);mask-image:url(/music-ui/assets/frames/f02.svg)}.music-ui :is(.reading-passage-panel,.writing-editor-panel,.writing-prompt-card):not([data-hand-frame]):before{-webkit-mask-image:url(/music-ui/assets/frames/f03.svg);mask-image:url(/music-ui/assets/frames/f03.svg)}.music-ui :is(.listening-player-card,.speaking-recorder):not([data-hand-frame]):before{-webkit-mask-image:url(/music-ui/assets/frames/f09.svg);mask-image:url(/music-ui/assets/frames/f09.svg)}.music-ui :is(.panel .panel,.panel .disclosure-panel){padding:20px 0;border-top:1px solid var(--c-line)}.music-ui :is(.panel .panel,.panel .disclosure-panel):before{display:none}@supports (-webkit-mask-box-image-source:url("/music-ui/assets/frames/f04.svg")){.music-ui :is(.panel,.module-card,.study-path-card,.practice-card,.mock-exam-card,.vocabulary-word-card,.listening-item-card,.reading-passage-card,.empty-state-card,.disclosure-panel):not([data-hand-frame]):before{-webkit-mask:none;mask:none;-webkit-mask-box-image-source:url(/music-ui/assets/frames/f04.svg);-webkit-mask-box-image-slice:60 fill;-webkit-mask-box-image-width:32px;-webkit-mask-box-image-repeat:stretch}.music-ui :is(.module-card,.study-path-card,.practice-card,.reading-passage-card):not([data-hand-frame]):before{-webkit-mask-box-image-source:url(/music-ui/assets/frames/f02.svg)}}.music-ui :is(.panel-heading,.section-heading){gap:14px;margin-bottom:24px}.music-ui :is(.panel-heading h2,.section-heading h2){margin:0}.music-ui :is(.card-grid,.dashboard-grid,.skill-progress-grid){gap:26px}.music-ui :is(.level-badge,.score-scale-badge,.status-badge,.question-type-badge,.source-badge){background:transparent;border:0;border-radius:0;color:var(--c-accent);font-size:13px;letter-spacing:.025em;padding:3px 0}.music-ui :is(.score-ring,.score-ring-inner,.score-card,.stat-card,.progress-card){box-shadow:none}.music-ui .primary-action{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 26px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--c-paper)!important;font-size:16px;font-weight:600;line-height:1.4;text-align:center;cursor:pointer}.music-ui .primary-action:before{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;background:var(--c-ink);-webkit-mask:url(/music-ui/assets/frames/f10.svg) center/100% 100% no-repeat;mask:url(/music-ui/assets/frames/f10.svg) center/100% 100% no-repeat}.music-ui .primary-action:hover:not(:disabled){transform:translateY(-2px)}.music-ui .primary-action:hover:not(:disabled):before{background:var(--c-accent)}.music-ui .secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 24px;background:transparent;border:0;border-radius:0;color:var(--c-ink);background-image:url(/music-ui/assets/frames/f01.svg);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;font-size:15px;line-height:1.5}.music-ui .secondary-action:hover{color:var(--c-accent)}.music-ui :is(.learning-tabs,.segmented-actions,.reading-mode-selector,.reading-tabs,.listening-mode-selector){position:static;border:0;background:transparent;padding:0 0 18px;gap:10px;box-shadow:none;backdrop-filter:none;flex-wrap:wrap}.music-ui :is(.learning-tabs,.segmented-actions,.reading-mode-selector,.reading-tabs,.listening-mode-selector) button{min-height:44px;border:0;border-bottom:1px solid var(--c-line);border-radius:0;background:transparent;padding:10px 15px;color:var(--c-muted);font-size:15px}.music-ui :is(.learning-tabs,.segmented-actions,.reading-mode-selector,.reading-tabs,.listening-mode-selector) button:is(.is-selected,[aria-selected=true],[aria-pressed=true]){color:var(--c-accent);border-bottom:2px solid var(--c-accent);background:transparent}.music-ui :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select){min-height:52px;padding:12px 32px;min-width:0;max-width:100%;border:1px solid transparent;border-radius:0;border-image:url(/music-ui/assets/frames/f01.svg) 32 64/14px 24px/0 stretch;background:transparent;color:var(--c-ink);box-shadow:none;font-size:16px;line-height:1.5}.music-ui textarea{border:26px solid transparent;border-radius:0;border-image:url(/music-ui/assets/frames/f03.svg) 60/26px/0 stretch;padding:8px;min-width:0;max-width:100%;background:transparent;box-shadow:none;line-height:1.8;color:var(--c-ink);font-size:16px}.music-ui :is(input,textarea,select){scroll-margin-block:140px 32px}.music-ui :is(input,textarea)::placeholder{color:#8a8176;opacity:1}.music-ui select{appearance:none;padding-right:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23756d63' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px 8px;background-position:right 30px center;background-repeat:no-repeat}.music-ui :is(fieldset,.notification-type-grid){border-color:var(--c-line);border-radius:0}.music-ui :is(.question-option,.answer-option,.reading-option,.listening-option,.choice-option){border-radius:0;background:transparent;border-color:var(--c-line)}.music-ui :is(.question-option,.answer-option,.reading-option,.listening-option,.choice-option):has(input:checked){background:var(--c-soft);border-color:var(--c-accent)}.music-ui :is(.inline-learning-actions,.settings-actions,.reading-convenience-tools,.paragraph-tools) :is(button,a){border-radius:0;background:transparent;border-color:var(--c-line);color:var(--c-ink)}.music-ui :is(.language-switch,.language-switch button,.account-menu-button){background:transparent;border-color:var(--c-line);color:var(--c-ink)}.music-ui .language-switch button[aria-pressed=true]{background:var(--c-soft);color:var(--c-accent)}.music-ui .brand-mark{background:transparent;border-color:var(--c-ink);border-radius:8px 11px 6px 10px}.music-ui .brand-context{color:var(--c-muted)}.music-ui :is(.account-menu-panel,.notification-panel){background:var(--c-paper);border-color:var(--c-line);border-radius:7px 3px 8px 4px;box-shadow:0 8px 28px #302d2910}.music-ui .disclosure-panel>summary{font-size:18px;color:var(--c-ink);cursor:pointer;min-height:44px}.music-ui :is(.reading-passage-panel,.reading-passage-content,.listening-transcript-panel){line-height:1.85}.music-ui :is(.reading-passage-panel p,.reading-passage-content p){max-width:72ch}.music-ui :is(.focus-progress-track,.progress-track,.progress-bar){background:var(--c-soft)}.music-ui :is(.focus-progress-track,.progress-track,.progress-bar)>span{background:var(--c-accent)}.music-ui :is(.table-container,.table-scroll){max-width:100%;overflow:auto}.music-ui table{border-color:var(--c-line)}.music-ui th{background:var(--c-soft);color:var(--c-ink)}.music-ui.c-exam-shell .c-exam-workspace{display:block;max-width:1440px;padding:32px clamp(22px,5.7vw,82px) 56px;margin:0 auto}.music-ui.c-exam-shell .c-exam-main{display:block;min-width:0;width:100%;max-width:none;padding:0}.music-ui .c-exam-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:24px;min-height:94px;padding:18px clamp(22px,4vw,58px);border:0;background:var(--exam-canvas,#f3eae0);backdrop-filter:none;box-shadow:none}.music-ui .c-exam-header:after{position:absolute;left:clamp(22px,4vw,58px);right:clamp(22px,4vw,58px);bottom:0;height:2px;content:"";background:currentColor;opacity:.65;clip-path:polygon(0 30%,24% 5%,55% 40%,79% 3%,100% 30%,100% 60%,70% 55%,43% 80%,20% 65%,0 90%)}.music-ui .c-brand-lockup{gap:14px;width:fit-content}.music-ui .c-brand-mark{width:39px;height:41px;display:grid;place-items:center;font-size:27px;font-weight:750;background:transparent;color:var(--exam-text);border:1.7px solid;border-radius:4% 2% 5% 1%/3% 5% 2% 6%;transform:rotate(-2deg)}.music-ui .c-brand-name{font-size:27px;font-weight:500;letter-spacing:-1.4px;font-family:var(--c-display,"Study Hand","PingFang HK",sans-serif)}.music-ui .c-track-badge{display:grid;place-items:center;min-width:130px;min-height:38px;padding:6px 25px;color:#fffaf3;background:var(--exam-primary);border-radius:51% 49% 46% 54%/24px 22px 20px 21px;font-size:15px;letter-spacing:.035em}.music-ui .c-header-tools{display:flex;justify-content:flex-end;align-items:center;gap:20px;min-width:0}.music-ui .c-header-home{font-size:14px;white-space:nowrap}.music-ui .c-header-tools .language-switch{border:0;padding:0;background:transparent;gap:1px}.music-ui .c-header-tools .language-switch button{background:transparent;padding:7px 8px;min-height:40px;border:0;border-radius:0;color:var(--exam-muted);font-size:12px}.music-ui .c-header-tools .language-switch button[aria-pressed=true]{color:var(--exam-primary);box-shadow:inset 0 -1.5px currentColor}.music-ui .c-header-menu{position:relative}.music-ui .c-header-menu>summary{display:flex;align-items:center;gap:13px;padding:10px 0 10px 4px;min-height:44px;color:var(--exam-text);cursor:pointer;list-style:none;font-size:14px;white-space:nowrap}.music-ui .c-header-menu>summary::-webkit-details-marker{display:none}.music-ui .c-menu-indicator{font-size:23px;line-height:1}.music-ui .c-header-menu-panel{position:absolute;right:-10px;top:calc(100% + 14px);width:min(355px,calc(100vw - 44px));max-height:min(720px,calc(100dvh - 130px));overflow-y:auto;padding:22px 24px;background:var(--exam-canvas);border:1.5px solid var(--exam-text);border-radius:4px 8px 5px 12px/10px 4px 12px 5px;box-shadow:5px 7px 0 rgb(48 45 41/.08)}.music-ui .c-module-menu{display:grid;gap:2px}.music-ui .c-module-menu>a{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:9px 4px;gap:14px;font-size:15px}.music-ui .c-module-menu>a:hover{color:var(--exam-primary)}.music-ui .c-module-menu .c-module-home{color:var(--exam-primary);padding-bottom:13px;margin-bottom:5px;border-bottom:1px solid var(--exam-border)}.music-ui .c-header-secondary{display:grid;grid-template-columns:1fr 1fr;gap:2px 15px;margin-top:14px;padding:14px 0;border-top:1px solid var(--exam-border)}.music-ui .c-header-secondary a{display:flex;align-items:center;min-height:40px;color:var(--exam-muted);font-size:13px;line-height:1.5}.music-ui .c-header-menu-panel .account-entry{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--exam-border);padding:16px 0 0;font-size:13px}.music-ui .c-header-menu-panel .account-entry a{color:var(--exam-primary);padding:6px 0}.music-ui .c-header-menu-panel .account-menu{border-top:1px solid var(--exam-border);padding-top:12px}.music-ui .c-header-menu-panel .account-menu-panel{position:static;width:100%;margin-top:10px;box-shadow:none}.music-ui .c-study-navigation{width:100%;color:var(--exam-text)}.music-ui .c-navigation-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,32%);align-items:center;column-gap:clamp(20px,3vw,48px);padding:30px 20px 32px}.music-ui .c-navigation-eyebrow{margin:0 0 22px;color:var(--exam-muted);font-size:clamp(22px,2.2vw,30px)}.music-ui .c-navigation-copy h1,.music-ui .c-navigation-eyebrow{font-family:var(--c-display,"Study Hand","PingFang HK",sans-serif)}.music-ui .c-navigation-copy h1{margin:0;max-width:820px;font-weight:500;line-height:1.2;letter-spacing:-.025em;font-size:clamp(34px,3.65vw,56px);text-wrap:balance}.music-ui .c-navigation-subtitle{margin:26px 0 0;max-width:630px;font-size:clamp(16px,1.55vw,21px);line-height:1.6;color:var(--exam-muted)}.music-ui .c-continue-block{margin-top:32px}.music-ui .c-frame.c-continue-frame{width:fit-content;min-width:280px;padding:0;color:var(--exam-text);background:transparent}.music-ui .c-continue-link{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;min-height:62px;padding:17px 34px;color:#fffaf3;font-size:17px;font-weight:650}.music-ui .c-last-activity{margin:13px 3px 0;color:var(--exam-muted);font-size:13px;line-height:1.5}.music-ui .c-home-choices{padding-top:13px}.music-ui .c-home-choices>h2{margin:0 0 20px;font-size:17px;line-height:1.5;font-weight:650}.music-ui .c-home-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.music-ui .c-frame.c-nav-card{min-width:0;min-height:265px;padding:0;background:transparent;transition:transform .16s ease}.music-ui .c-nav-card:hover{transform:translateY(-4px) rotate(-.35deg)}.music-ui .c-nav-card-link{position:relative;height:100%;min-height:inherit;display:flex;align-items:flex-start;flex-direction:column;padding:25px 25px 34px}.music-ui .c-choice-icon{display:block;width:112px;height:68px;object-fit:contain;object-position:left center;mix-blend-mode:multiply;margin-bottom:15px}.music-ui .c-nav-card h3{margin:0 0 16px;font-family:var(--c-display,"Study Hand","PingFang HK",sans-serif);font-size:clamp(22px,2vw,29px);font-weight:500;line-height:1.22}.music-ui .c-nav-card p{margin:auto 12px 0 0;padding-bottom:5px;color:var(--exam-muted);font-size:14px;line-height:1.55}.music-ui .c-nav-arrow{display:block;width:27px;height:22px;flex:0 0 auto;transition:transform .16s ease}.music-ui .c-nav-card .c-nav-arrow{position:absolute;bottom:20px;right:21px;width:22px}.music-ui a:hover>.c-nav-arrow{transform:translateX(4px)}.music-ui .c-breadcrumb{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--exam-muted);padding-top:0;margin-bottom:12px}.music-ui .c-breadcrumb a:hover{color:var(--exam-primary)}.music-ui .c-study-navigation:not(.c-study-navigation--home) .c-navigation-hero{min-height:255px;padding:12px 0 30px;grid-template-columns:minmax(0,1fr) minmax(160px,24%)}.music-ui .c-study-navigation:not(.c-study-navigation--home) .c-navigation-copy h1{font-size:clamp(31px,3.5vw,49px)}.music-ui .c-study-choice-list{display:grid}.music-ui .c-study-list-link{position:relative;display:grid;grid-template-columns:95px minmax(0,1fr) 30px;align-items:center;gap:26px;padding:18px 25px 20px;min-height:97px}.music-ui .c-study-list-link:before,.music-ui .c-study-list-link:last-child:after{content:"";position:absolute;height:2px;background:currentColor;left:0;right:0;top:0;opacity:.7;clip-path:polygon(0 30%,20% 0,45% 30%,70% 5%,100% 40%,100% 70%,65% 60%,39% 90%,15% 65%,0 80%)}.music-ui .c-study-list-link:last-child:after{top:auto;bottom:0}.music-ui .c-study-list-link:hover{background:color-mix(in srgb,var(--exam-primary) 5%,transparent)}.music-ui .c-choice-number{font-family:var(--c-display,"Study Hand","PingFang HK",sans-serif);font-size:27px;font-weight:400;color:var(--exam-primary)}.music-ui .c-learning-choice h2,.music-ui .c-study-list-link h2{margin:0 0 8px;font-size:clamp(20px,2.1vw,27px);font-weight:650;line-height:1.3}.music-ui .c-learning-choice p,.music-ui .c-study-list-link p{margin:0;color:var(--exam-muted);font-size:14px;line-height:1.5}.music-ui .c-study-quick-links{display:flex;flex-wrap:wrap;gap:15px 60px;margin:24px 0 14px}.music-ui .c-study-quick-links a{display:flex;align-items:center;gap:16px;min-height:44px;color:var(--exam-primary);font-size:15px}.music-ui .c-study-quick-links .c-nav-arrow{width:20px}.music-ui .c-learning-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.music-ui .c-frame.c-learning-choice-frame{padding:0}.music-ui .c-learning-choice{position:relative;display:grid;align-content:start;min-height:210px;padding:32px 42px;gap:12px}.music-ui .c-learning-choice .c-nav-arrow{position:absolute;right:38px;bottom:30px}.music-ui .c-learning-choice p{padding-right:20px}.music-ui .c-group-note{color:var(--exam-muted);font-size:14px;line-height:1.6;margin:22px 0}.music-ui .c-nav-back{display:inline-flex;gap:14px;align-items:center;min-height:44px;padding:10px 0;margin-top:20px;font-size:14px}.music-ui .c-navigation-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:33px;padding-top:17px;color:var(--exam-muted);font-size:12px}.music-ui .c-navigation-footer p{margin:0;font-family:var(--c-display,"Study Hand","PingFang HK",sans-serif);font-size:17px}.music-ui .c-navigation-footer a{min-height:44px;display:inline-flex;align-items:center}.music-ui .c-skip-link{position:fixed;z-index:50;top:8px;left:8px;transform:translateY(-180%);padding:12px 20px;background:var(--exam-text);color:var(--exam-canvas)}.music-ui .c-skip-link:focus{transform:translateY(0)}.music-ui :is(.c-header-tools,.c-study-navigation) :is(a,button,summary):focus-visible{outline:2px solid var(--exam-primary);outline-offset:5px}.music-ui .c-navigation-copy h1:focus-visible{outline:0}@media (max-width:1100px){.music-ui .c-exam-header{grid-template-columns:1fr auto 1fr;gap:16px;padding-inline:28px}.music-ui .c-header-tools{gap:12px}.music-ui .c-header-home{display:none}.music-ui .c-brand-name{font-size:24px}.music-ui .c-navigation-hero{padding-inline:0;grid-template-columns:minmax(0,1fr) 28%}.music-ui .c-home-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.music-ui .c-frame.c-nav-card{min-height:225px}.music-ui .c-nav-card-link{padding:24px 30px 36px}.music-ui .c-nav-card h3{font-size:27px}.music-ui .c-nav-card p{max-width:90%}}@media (max-width:720px){.music-ui.c-exam-shell .c-exam-workspace{padding:22px 22px 38px}.music-ui .c-exam-header{padding:14px 22px;min-height:78px;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:12px}.music-ui .c-brand-lockup{gap:9px}.music-ui .c-brand-mark{width:30px;height:33px;font-size:24px}.music-ui .c-brand-name{font-size:22px}.music-ui .c-track-badge{grid-column:2;grid-row:1;min-width:80px;min-height:32px;padding:4px 15px;font-size:12px}.music-ui .c-header-tools{grid-column:1/-1;grid-row:2;justify-content:space-between}.music-ui .c-header-tools .language-switch button{font-size:12px;min-height:32px}.music-ui .c-header-menu>summary{min-height:34px;font-size:13px;padding-block:3px}.music-ui .c-header-menu-panel{right:0;top:calc(100% + 13px)}.music-ui .c-navigation-hero{grid-template-columns:minmax(0,1fr) 115px;gap:12px;padding:15px 0 25px;min-height:0;align-items:start}.music-ui .c-navigation-copy{display:contents}.music-ui .c-navigation-eyebrow{grid-column:1/-1;margin:0 0 5px;font-size:21px}.music-ui .c-navigation-copy h1{grid-column:1;font-size:31px;align-self:center}.music-ui .c-navigation-subtitle{grid-column:1/-1;margin-top:6px;font-size:16px}.music-ui .c-continue-block{grid-column:1/-1;margin-top:14px}.music-ui .c-frame.c-continue-frame{min-width:0;width:100%}.music-ui .c-continue-link{min-height:59px;font-size:16px}.music-ui .c-home-choices>h2{font-size:15px;margin-bottom:17px}.music-ui .c-home-choice-grid{gap:17px}.music-ui .c-frame.c-nav-card{min-height:225px}.music-ui .c-nav-card-link{padding:21px 19px 39px}.music-ui .c-choice-icon{width:76px;height:47px;margin-bottom:12px}.music-ui .c-nav-card h3{font-size:21px;margin-bottom:12px}.music-ui .c-nav-card p{font-size:12px;line-height:1.5;padding:0;margin:auto 0 0;max-width:none}.music-ui .c-nav-card .c-nav-arrow{bottom:14px;right:17px;width:21px}.music-ui .c-study-navigation:not(.c-study-navigation--home) .c-navigation-hero{grid-template-columns:minmax(0,1fr) 100px;min-height:0;padding:17px 0 28px}.music-ui .c-study-navigation:not(.c-study-navigation--home) .c-navigation-copy h1{font-size:30px}.music-ui .c-study-list-link{grid-template-columns:32px minmax(0,1fr) 22px;gap:16px;padding:20px 8px}.music-ui .c-choice-number{font-size:23px}.music-ui .c-study-list-link h2{font-size:21px}.music-ui .c-study-list-link p{font-size:13px}.music-ui .c-study-list-link .c-nav-arrow{width:22px}.music-ui .c-learning-choice-grid{grid-template-columns:1fr;gap:20px}.music-ui .c-learning-choice{min-height:190px;padding:30px}.music-ui .c-learning-choice h2{font-size:23px}.music-ui .c-study-quick-links{gap:8px 28px}.music-ui .c-navigation-footer{align-items:flex-start;font-size:11px;gap:15px}.music-ui .c-navigation-footer p{font-size:14px;padding-top:12px}}@media (max-width:350px){.music-ui .c-home-choice-grid{grid-template-columns:1fr}.music-ui .c-frame.c-nav-card{min-height:215px}}@media (prefers-reduced-motion:reduce){.music-ui .c-nav-arrow,.music-ui .c-nav-card{transition:none}.music-ui .c-nav-card:hover,.music-ui a:hover>.c-nav-arrow{transform:none}}.music-ui .brand-art{display:block;flex:none;width:54px;height:59px;padding:0;border:0;border-radius:0;background:url(/music-ui/assets/brand/c-three-colour-pencil.webp) 50% 49%/150% auto no-repeat;mix-blend-mode:darken}@media(max-width:700px){.music-ui .brand-art{width:42px;height:47px}}.music-ui .language-switch{align-items:center;width:fit-content}.music-ui .language-switch button{min-width:42px}.music-ui .learning-tabs,.music-ui .segmented-actions{display:flex;align-items:center;flex-wrap:wrap}.music-ui .metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-bottom:1px solid var(--c-line);padding:12px 0 24px}.music-ui .metric-row article{border:0;border-radius:0;box-shadow:none;background:transparent;padding:14px 0;min-width:0;display:grid;gap:8px}.music-ui .metric-row span{font-size:13px;color:var(--c-muted)}.music-ui .metric-row strong{font-size:28px;font-weight:600}.music-ui .feedback{border:0;border-left:3px solid var(--c-accent);border-radius:0;box-shadow:none;background:var(--c-soft);padding:16px 20px;font-size:15px}.music-ui .feedback[data-state=success]{border-left-color:#687555}.music-ui .feedback[data-state=error]{border-left-color:#ad3d2a}.music-ui .notice{border-top:1px solid var(--c-line);padding:18px 0;color:var(--c-muted);font-size:13px}.music-ui .option{position:relative;isolation:isolate;border:0;border-radius:0;box-shadow:none;min-height:44px;padding:11px 17px;background:transparent url(/music-ui/assets/frames/f01.svg) 50%/100% 100% no-repeat;color:var(--c-ink);line-height:1.5}.music-ui .option[aria-pressed=true]{background-color:var(--c-soft);color:var(--c-accent)}.music-ui .progress-track{height:7px;overflow:hidden;border-radius:999px;background:var(--c-soft)}.music-ui .progress-track span{display:block;height:100%;border-radius:inherit;background:var(--c-accent)}.music-ui .focus-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(125px,.7fr) minmax(180px,1.7fr) minmax(260px,1fr);align-items:center;min-height:90px;max-height:none;padding:12px 32px;gap:18px;border-bottom:1px solid var(--c-line);background:var(--c-paper)}.music-ui .focus-title-group{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;text-align:center}.music-ui .focus-title-group>div{min-width:0}.music-ui .focus-title-group span{font-size:11px;letter-spacing:.04em;color:var(--c-muted)}.music-ui .focus-title-group h2{font-family:var(--c-display);font-size:23px;line-height:1.25;font-weight:400;white-space:normal;overflow-wrap:anywhere;margin:3px 0 0}.music-ui .focus-status-group{display:flex;justify-content:flex-end;align-items:center;font-size:12px;font-weight:500;gap:12px;color:var(--c-muted)}.music-ui .focus-exit,.music-ui .focus-pause{border:0;border-radius:0;background:transparent url(/music-ui/assets/frames/f01.svg) 50%/100% 100% no-repeat;color:var(--c-ink);padding:12px 20px;min-height:44px;font-size:14px;font-weight:500;width:fit-content}.music-ui .focus-pause{background-image:none;border-bottom:1px solid var(--c-ink);padding-inline:8px}.music-ui .focus-progress-track{position:absolute;inset:auto 0 0;height:3px;background:var(--c-soft)}.music-ui .focus-progress-track span{display:block;height:100%;background:var(--c-accent);transition:width .16s ease}.music-ui dialog{width:min(calc(100% - 56px),500px);padding:0;border:0;border-radius:20px 9px 17px 11px;box-shadow:none;background:var(--c-paper);color:var(--c-ink);overflow:visible}.music-ui dialog::backdrop{background:#302d296b;backdrop-filter:blur(3px)}.music-ui .dialog-content{padding:32px 40px 46px;text-align:center}.music-ui .dialog-content h2{font-size:34px;margin:12px 0 20px}.music-ui .dialog-content p{font-size:15px;color:var(--c-muted);margin-bottom:24px}.music-ui .dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:24px}@media(max-width:1000px){.music-ui .focus-header{grid-template-columns:auto minmax(0,1fr);padding:12px 24px;gap:12px}.music-ui .focus-title-group{justify-content:flex-end;text-align:right}.music-ui .focus-status-group{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}}@media(max-width:760px){.music-ui .focus-title-group h2{font-size:20px}.music-ui .focus-status-group{font-size:11px;gap:12px}.music-ui .dialog-content{padding:25px 25px 40px}.music-ui .dialog-content h2{font-size:28px}}.music-ui .split-grid{display:grid;grid-template-columns:minmax(0,54fr) 32px minmax(0,46fr);height:680px;min-height:420px;min-width:0}.music-ui .split-grid[data-dragging=true]{user-select:none;cursor:col-resize}.music-ui .split-pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--c-paper)}.music-ui .split-pane:before{position:absolute;content:"";pointer-events:none;inset:-4px;z-index:2;background:var(--c-muted);opacity:.7;-webkit-mask:url(/music-ui/assets/frames/f03.svg) center/100% 100% no-repeat;mask:url(/music-ui/assets/frames/f03.svg) center/100% 100% no-repeat}.music-ui .split-pane[data-pane=notes]:before{-webkit-mask-image:url(/music-ui/assets/frames/f04.svg);mask-image:url(/music-ui/assets/frames/f04.svg)}@supports(-webkit-mask-box-image-source:url("/music-ui/assets/frames/f03.svg")){.music-ui .split-pane:before{-webkit-mask:none;mask:none;-webkit-mask-box-image-source:url(/music-ui/assets/frames/f03.svg);-webkit-mask-box-image-slice:60 fill;-webkit-mask-box-image-width:26px;-webkit-mask-box-image-repeat:stretch}.music-ui .split-pane[data-pane=notes]:before{-webkit-mask-box-image-source:url(/music-ui/assets/frames/f04.svg)}}.music-ui .pane-heading{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;margin:0 22px;padding:14px 0 11px;border-bottom:1px solid var(--c-line)}.music-ui .pane-heading h3{font-family:var(--c-display);font-size:25px;font-weight:400;line-height:1.1;margin:0}.music-ui .pane-heading>span{font-family:var(--c-display);font-size:17px;color:var(--c-accent)}.music-ui .pane-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--c-line) transparent;scroll-padding:22px;overscroll-behavior:contain}.music-ui .pane-content{padding:22px;min-width:0}.music-ui .pane-content p{font-size:16px;line-height:1.9;margin:0 0 20px;color:var(--c-ink)}.music-ui .separator{display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;position:relative;outline-offset:-4px!important}.music-ui .separator:before{content:"";position:absolute;inset:14px auto;width:1px;background:var(--c-line);transform:rotate(.12deg)}.music-ui .drag-handle{position:relative;display:grid;place-items:center;width:24px;height:68px;background:var(--c-paper) url(/music-ui/assets/frames/f01.svg) center/100% 100% no-repeat;color:var(--c-muted);font-size:26px;line-height:1;transform:rotate(-2deg)}.music-ui .separator:is(:hover,:focus-visible) .drag-handle,.music-ui .split-grid[data-dragging=true] .drag-handle{color:var(--c-accent);background-color:var(--c-soft)}.music-ui .resize-help{font-size:11px;color:var(--c-muted);margin:9px 0 0;text-align:center}.music-ui .mobile-tabs{display:none}.music-ui .split-workspace[data-compact=true] .mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}.music-ui .mobile-tabs button{min-height:44px;padding:8px 14px;border:0;border-bottom:1px solid var(--c-line);background:transparent;color:var(--c-muted)}.music-ui .mobile-tabs button[aria-selected=true]{border-bottom:2px solid var(--c-accent);color:var(--c-accent);background:var(--c-soft);border-radius:6px 3px 7px 4px}.music-ui .split-workspace[data-compact=true] .split-grid{display:block;height:auto;min-height:0}.music-ui .split-workspace[data-compact=true] .resize-help,.music-ui .split-workspace[data-compact=true] .separator,.music-ui .split-workspace[data-compact=true] .split-pane[data-visible=false]{display:none}.music-ui .split-workspace[data-compact=true] .pane-scroll{overflow:visible}.music-ui .split-workspace[data-compact=true] .pane-content{padding:20px 18px}.music-ui{color-scheme:light}.music-ui .c-navigation-hero{min-height:355px}.music-ui .c-navigation-hero,.music-ui .c-study-navigation:not(.c-study-navigation--home) .c-navigation-hero{grid-template-columns:minmax(0,1fr)}.music-ui .c-navigation-copy{display:block}.music-ui .c-navigation-copy h1{max-width:24ch}.music-ui .c-nav-card-link{width:100%;text-align:left;border:0;background:transparent;color:inherit}.music-ui .c-nav-card .c-choice-number{margin:0 0 22px}.music-ui .c-nav-card .c-nav-arrow{pointer-events:none}.music-ui .section{scroll-margin-top:115px;margin-top:52px}.music-ui .section-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.music-ui .section-title h2{margin:0}.music-ui .section-title p{font-size:13px;color:var(--c-muted);margin:0}.music-ui .actions,.music-ui .filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.music-ui .filters{gap:18px 24px;margin:22px 0 30px;align-items:end}.music-ui .field{display:grid;gap:6px;font-size:13px;color:var(--c-muted);min-width:0;flex:1 1 220px}.music-ui .field input,.music-ui .field select{width:100%}.music-ui .field textarea{width:100%;resize:vertical}.music-ui .c-home-choice-grid button:focus-visible{outline:3px solid var(--c-accent);outline-offset:5px}.music-ui .song-list{list-style:none;margin:0;padding:0}.music-ui .song-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:20px;align-items:center;border-top:1px solid var(--c-line);padding:18px 0}.music-ui .song-row:last-child{border-bottom:1px solid var(--c-line)}.music-ui .song-row h3{font-size:18px;margin:0 0 4px;font-weight:600}.music-ui .song-row p{font-size:13px;color:var(--c-muted);margin:0}.music-ui .song-row[data-active=true] h3{color:var(--c-accent)}.music-ui .song-row .option{white-space:nowrap}.music-ui .section-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.music-ui .section-columns>.c-frame{min-width:0}.music-ui .demo-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--c-muted)}.music-ui .demo-label:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--c-accent)}.music-ui .color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.music-ui .swatch{height:58px;display:block;border:1px solid var(--c-line);margin-bottom:8px}.music-ui .color-grid code{font-size:12px}.music-ui .frame-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 20px}.music-ui .frame-gallery figure{margin:0;min-width:0}.music-ui .frame-gallery img{height:130px;width:100%;object-fit:contain}.music-ui .frame-gallery figcaption{font-size:12px;color:var(--c-muted);text-align:center}.music-ui .component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.music-ui .component-stack{display:grid;gap:20px;align-content:start;min-width:0}.music-ui .demo-focus{margin-top:24px;border-top:1px solid var(--c-line)}.music-ui .demo-focus .focus-header{position:relative}.music-ui .demo-focus .split-workspace{padding-top:24px}.music-ui .player-meta{margin:18px 0;display:flex;justify-content:space-between;color:var(--c-muted);font-size:12px}.music-ui .player-controls{display:flex;gap:20px;justify-content:center;align-items:center;margin:24px 0}.music-ui .player-controls .option{font-size:20px;min-width:50px}.music-ui .demo-meter{display:flex;align-items:center;gap:7px;height:72px;margin:26px 0;justify-content:center}.music-ui .demo-meter span{width:5px;background:var(--c-accent);opacity:.65;height:var(--bar)}.music-ui .demo-meter.is-playing span{animation:meter .9s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes meter{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}.music-ui .lyric{font-family:var(--c-display);font-size:28px!important;line-height:1.7!important;text-align:center;padding:22px 0}.music-ui mark{background:var(--c-soft);color:var(--c-accent);padding:1px 3px}.music-ui .status-line{min-height:24px;font-size:13px;color:var(--c-accent)}.music-ui .saved-notes{padding:0;list-style:none}.music-ui .saved-notes li{border-bottom:1px solid var(--c-line);padding:12px 0;overflow-wrap:anywhere;font-size:14px}@media(max-width:900px){.music-ui .section-columns{grid-template-columns:1fr}.music-ui .color-grid,.music-ui .frame-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.music-ui .c-navigation-hero{grid-template-columns:1fr;min-height:0}.music-ui .c-navigation-copy{display:block}.music-ui .c-navigation-copy h1{font-size:31px}.music-ui .c-navigation-subtitle{margin-top:20px}.music-ui .c-continue-block{margin-top:24px}.music-ui .component-grid{grid-template-columns:1fr}.music-ui .section{margin-top:38px}.music-ui .song-row{grid-template-columns:25px minmax(0,1fr) auto;gap:10px}.music-ui .song-row .option{padding:10px 12px;font-size:12px}.music-ui .song-row h3{font-size:16px}}@media(max-width:600px){.music-ui .primary-action{min-height:48px;padding:13px 23px}.music-ui .c-frame{padding:24px 22px}.music-ui .metric-row strong{font-size:22px}.music-ui .frame-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.music-ui .c-frame.c-nav-card{padding:0}}@media(prefers-reduced-motion:reduce){.music-ui *,.music-ui :after,.music-ui :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.music-ui :is(a,button,.c-nav-card):hover{transform:none!important}}@media print{.music-ui .c-exam-header{position:static}.music-ui .separator{display:none}.music-ui .split-grid{display:block;height:auto}.music-ui .pane-scroll{overflow:visible}.music-ui .split-pane{margin-bottom:24px}.music-ui .c-header-tools,.music-ui .filters{display:none}.music-ui .section{break-inside:avoid}.music-ui .frame-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}:root{--app-background:#f3eae0;--sidebar-background:#f3eae0;--surface-primary:#f3eae0;--surface-secondary:#f0e5d9;--surface-elevated:#faf3e9;--surface-hover:#f0ddd0;--surface-selected:#e3e0e9;--text-primary:#302d29;--text-secondary:#756d63;--text-muted:#756d63;--text-disabled:#8a8176;--border-subtle:#cfc1b1;--border-control:#9c8e7f;--divider:#cfc1b1;--accent:#ad3d2a;--accent-hover:#8d2f20;--accent-pressed:#8d2f20;--accent-subtle:#f0ddd0;--focus-ring:#ad3d2a;--danger:#ad3d2a;--danger-subtle:#f0ddd0;--warning:#925b20;--warning-subtle:#f2e6cb;--success:#496345;--success-subtle:#e7e8d8;--button-primary:#302d29;--button-primary-hover:#ad3d2a;--on-primary:#f3eae0;--overlay:#302d296b;--radius-control:0;--radius-panel:0;--radius-composer:0;--shadow-subtle:none;--shadow-elevated:5px 7px 0 rgb(48 45 41/.08);--shell-header-height:94px;--font-ui:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang HK","Noto Sans TC",Arial,sans-serif;--font-heading:"Study Hand","Chalkboard SE","PingFang HK","Noto Sans TC",sans-serif;--font-editorial:var(--font-heading);--duration-fast:160ms;--duration-normal:160ms}.music-ui button{cursor:pointer}body.music-ui,html:has(body.music-ui){min-width:0}.music-ui .brand-lockup{display:inline-flex;align-items:center;text-decoration:none}.music-ui .c-brand-name{white-space:nowrap}.music-ui .language-switch{display:inline-flex}.music-ui .c-header-tools .language-switch button{min-width:42px;min-height:44px}.music-ui .c-module-menu a[aria-current=page]{color:var(--c-accent);font-weight:600}.paper-page{min-width:0}.paper-branch-nav{display:flex;justify-content:center;gap:22px;margin:0 auto;padding:6px 22px 0;border-bottom:1px solid var(--c-line)}.paper-branch-nav a{display:inline-flex;align-items:center;gap:10px;padding:12px 15px;min-height:48px;border-bottom:2px solid transparent;font-size:14px}.paper-branch-nav a>span{font:18px/1 var(--c-display);color:var(--c-muted)}.paper-branch-nav a[aria-current=page]{border-color:var(--c-accent);color:var(--c-accent)}.paper-branch-nav a:hover{color:var(--c-accent)}.paper-saved-links{border-top:1px solid var(--c-line);margin-top:12px;padding-top:12px}.paper-saved-links p{margin:0 0 6px;color:var(--c-muted);font-size:12px}.paper-saved-links a{display:block;padding:8px 4px;font-size:14px}.paper-text-button{display:inline-flex;align-items:center;background:transparent;border:0;padding:8px 0;color:inherit;min-height:40px;font-size:13px}.paper-muted{color:var(--c-muted);font-size:13px}.paper-help{max-width:min(540px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:8px;overflow:auto;color:var(--c-ink);background:var(--c-paper);border:0;border-radius:20px 9px 17px 11px}.paper-help::backdrop{background:#302d296b;backdrop-filter:blur(3px)}.paper-help-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.paper-help-heading h2{margin-top:0}.paper-help-heading button{flex-shrink:0}.paper-help-list{display:grid;gap:16px}.paper-help-list dt{font-weight:600}.paper-help-list dd{margin:5px 0 0;color:var(--c-muted);line-height:1.7;font-size:14px}.locale-notice{position:fixed;bottom:18px;left:24px;right:24px;z-index:100;padding:14px 20px;background:var(--c-soft);border-left:3px solid var(--c-accent)}.music-ui .catalog-shell{background:transparent}.music-ui .catalog-main,.music-ui .feature-main{max-width:1440px;width:100%;padding:32px clamp(22px,5.7vw,82px) 64px;margin:0 auto}.music-ui .catalog-page-header h1,.music-ui .feature-header h1{font-family:var(--c-display);font-weight:400;letter-spacing:0}.music-ui .breadcrumb{margin-bottom:26px}.music-ui .filter-chip{border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--c-line);min-height:44px}.music-ui .filter-chip[data-active=true]{color:var(--c-accent);border-bottom:2px solid var(--c-accent)}.music-ui .catalog-empty{background:transparent;box-shadow:none;border:0}.music-ui .page-eyebrow{color:var(--c-muted)}.music-ui .feature-grid{gap:28px}.music-ui [id]{scroll-margin-top:120px}@media(max-width:1100px){.music-ui .c-brand-name{font-size:24px}}@media(max-width:720px){.music-ui .c-brand-name{font-size:23px}.music-ui .c-brand-lockup{gap:8px}.music-ui .c-track-badge{min-width:100px;padding:6px 16px;font-size:12px}.music-ui .c-header-tools{justify-content:flex-end;gap:24px}.paper-branch-nav{gap:0;justify-content:space-between;padding:4px 14px 0}.paper-branch-nav a{font-size:12px;padding:10px 7px;gap:4px;text-align:center}.paper-branch-nav a>span{display:none}.music-ui .catalog-main,.music-ui .feature-main{padding:26px 22px 44px}.music-ui .c-header-tools .language-switch button{min-height:44px}.music-ui [id]{scroll-margin-top:160px}}@media(max-width:360px){.music-ui .c-brand-name{font-size:21px}.music-ui .c-track-badge{min-width:85px;padding-inline:12px}}@media(prefers-reduced-motion:reduce){.music-ui *,.music-ui :after,.music-ui :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.music-ui .c-nav-card:hover{transform:none}}.music-ui .catalog-song-row{grid-template-columns:minmax(160px,1.4fr) minmax(130px,.9fr) minmax(180px,1fr) auto}.music-ui .song-list--artist .catalog-song-row{grid-template-columns:minmax(160px,1.4fr) minmax(180px,1fr) auto}@media(max-width:900px){.music-ui .catalog-song-row,.music-ui .song-list--artist .catalog-song-row{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:600px){.music-ui .catalog-song-row,.music-ui .song-list--artist .catalog-song-row{grid-template-columns:minmax(0,1fr)}.music-ui .song-row__availability{grid-column:auto}}.music-ui :is(.transcription-primary-button,.play-button){position:relative;isolation:isolate;border:0;border-radius:0;background:transparent;color:var(--c-paper);box-shadow:none}.music-ui :is(.transcription-primary-button,.play-button):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--c-ink);mask:url(/music-ui/assets/frames/f10.svg) center/100% 100% no-repeat}.music-ui :is(.transcription-primary-button,.play-button):hover:not(:disabled){background:transparent}.music-ui :is(.transcription-primary-button,.play-button):hover:not(:disabled):before{background:var(--c-accent)}.music-ui .score-toolbar{margin:8px 0 30px;padding:22px}.music-ui :is(.instrument-option,.notation-option,.fullscreen-button){border:0;border-radius:0;background:transparent url(/music-ui/assets/frames/f01.svg) 50%/100% 100% no-repeat}.music-ui :is(.instrument-option,.notation-option)[data-active=true]{background-color:var(--c-soft);color:var(--c-accent)}.music-ui :is(.instrument-option,.notation-option):hover:not(:disabled){background:var(--c-soft) url(/music-ui/assets/frames/f01.svg) center/100% 100% no-repeat}.music-ui .transport-dock{background:var(--c-paper);box-shadow:none}.music-ui .transport-select{border:0}.music-ui .transport-select select{min-height:44px;padding:6px 20px}.music-ui .transcription-result-card{background:transparent;border:0;box-shadow:none}html{background:#f3eae0}body{overflow-x:hidden}a,button,input{touch-action:manipulation}button:disabled{cursor:not-allowed}a,button{color:inherit}.music-ui .beta-header{max-width:1600px;margin:auto}.beta-home-link{font-size:13px}.beta-text-button{border:0;background:none;font-size:12px;padding:10px 0}.beta-home{min-height:calc(100svh - 94px)}.music-ui .beta-hero{padding-inline:0;min-height:340px;grid-template-columns:minmax(0,1fr) 190px}.beta-choices-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 24px}.beta-choices-heading h2{margin:0;font:600 17px/1.5 var(--c-body)!important}.beta-choices-heading>span{color:var(--c-muted);font-size:10px;letter-spacing:.16em}.music-ui .beta-card{min-height:314px}.beta-card .c-choice-number{margin-bottom:14px}.music-ui .beta-card-link{padding:26px 27px 25px}.music-ui .beta-card h3{min-height:70px;font-size:27px}.music-ui .beta-card p{margin:0;padding:0;line-height:1.75}.beta-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:26px;font-size:11px;color:var(--c-muted)}.beta-card-foot svg{flex-shrink:0;color:var(--c-ink)}.music-ui .beta-footer{margin-top:42px;border-top:1px solid var(--c-line);padding-top:18px}.beta-page{max-width:1280px;margin:auto;padding:34px clamp(22px,5.7vw,74px) 48px;min-height:calc(100svh - 94px)}.beta-eyebrow{font-size:11px!important;letter-spacing:.14em;color:var(--c-muted);margin:0 0 12px;line-height:1.5!important}.beta-page-heading{margin:38px 0 30px}.beta-page-heading h1{margin:0 0 16px}.beta-lede{color:var(--c-muted);font-size:17px;max-width:720px}.beta-muted{color:var(--c-muted);font-size:13px;line-height:1.7}.beta-error{padding:14px 18px;background:#efdbce;color:#822b1d;border-left:3px solid #ad3d2a;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.beta-error p{margin:0 0 10px}.beta-error p:last-child{margin:0}.beta-back{display:inline-flex;font-size:13px;min-height:44px;align-items:center;margin-bottom:25px}.beta-coming{text-align:center;max-width:850px;padding-top:95px}.beta-coming-art{color:var(--c-accent);margin-bottom:28px;transform:rotate(-9deg)}.beta-coming h1{font-size:68px!important;margin:14px 0 20px}.beta-coming .beta-lede{margin:0 auto 32px;max-width:480px}.beta-coming .secondary-action{gap:12px}.beta-coming .beta-footer{margin-top:95px}@media(max-width:1100px){.music-ui .beta-card{min-height:275px}.music-ui .beta-card h3{min-height:0}}@media(max-width:720px){.music-ui .beta-header{gap:12px}.music-ui .beta-header .c-header-tools{justify-content:flex-end;gap:20px}.beta-header .beta-home-link{margin-right:auto}.music-ui .beta-hero{min-height:290px;grid-template-columns:1fr 80px;padding-block:30px}.beta-choices-heading>span{display:none}.music-ui .beta-card{min-height:300px}.music-ui .beta-card-link{padding:24px 22px}.music-ui .beta-card h3{font-size:23px;min-height:59px;overflow-wrap:anywhere}.music-ui .beta-card p{font-size:13px}.beta-card-foot{font-size:10px;line-height:1.6;gap:8px}.music-ui .beta-footer{flex-direction:column;align-items:flex-start;gap:8px}.music-ui .beta-footer p{padding:0}.beta-page{padding:26px 22px 36px}.beta-page-heading{margin:30px 0 24px}.beta-page-heading h1{font-size:35px}.beta-lede{font-size:15px}.beta-eyebrow{font-size:10px!important}.beta-coming{padding-top:65px}.beta-coming h1{font-size:56px!important}.beta-coming .beta-footer{margin-top:65px}}@media(max-width:380px){.music-ui .c-home-choice-grid{grid-template-columns:1fr}.music-ui .beta-card{min-height:225px}.music-ui .beta-card h3{min-height:0}.beta-header .c-track-badge{font-size:10px;padding-inline:10px;min-width:80px}.music-ui .beta-hero{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.music-ui .beta-header .brand-art{position:relative;overflow:hidden;background-image:none}.music-ui .beta-header .beta-brand-image{position:absolute;left:50%;top:49%;width:150%;height:auto;max-width:none;transform:translate(-50%,-49%)}.beta-intro{max-width:1200px}.beta-intro-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:12px 0 26px}.music-ui .beta-intro-heading h1{font-size:clamp(30px,4vw,46px);line-height:1.2;margin:0}.beta-intro-heading>span{flex-shrink:0}.beta-intro-screen{position:relative;overflow:hidden;border:1px solid var(--c-line);border-radius:5px 9px 4px 7px;background:#241f1a;aspect-ratio:16/9}.beta-intro-screen video{display:block;width:100%;height:100%;object-fit:contain}.music-ui .beta-intro-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;gap:10px;align-items:center;justify-content:center;white-space:nowrap;max-width:calc(100% - 32px);min-height:48px}.beta-intro-note{margin:18px 0 0;text-align:center}.beta-intro-recovery{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:720px){.beta-intro-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-top:5px}.beta-intro-heading>span,.beta-intro-note{font-size:12px}.music-ui .beta-intro-play{font-size:13px;padding:12px 18px}}