@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}.language-setting select{max-width:55%;font:inherit;color:inherit;background:0 0;border:1px solid #cbc8c0;border-radius:8px;padding:7px 9px}.sound-preset-groups{gap:14px;display:grid}.sound-preset-group h4{color:var(--muted,#656b62);margin:0 0 7px;font-size:12px;line-height:1.4}.sound-preset-group .sound-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.sound-presets button{white-space:normal;min-width:0;padding:10px 5px;line-height:1.35}.sound-preset-group:last-child .sound-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-description{min-height:38px;margin:14px 0;font-size:12px;line-height:1.6}.sound-actions{flex-wrap:wrap}.sound-actions button{flex:1;min-width:110px}.deck-app[data-locale=en] .card-heading h1,.deck-app[data-locale=ja] .card-heading h1{-webkit-line-clamp:unset;overflow-wrap:anywhere;font-size:clamp(19px,5.7vw,27px);line-height:1.22;display:block;overflow:visible}.deck-app[data-locale=en] .card-heading,.deck-app[data-locale=ja] .card-heading{flex-shrink:0;height:auto;min-height:70px}.deck-app[data-locale=en] .card-title-block,.deck-app[data-locale=ja] .card-title-block{min-width:0}.deck-app[data-locale=en] .exercise-card,.deck-app[data-locale=ja] .exercise-card{min-height:350px}.deck-app[data-locale=en] .current-book,.deck-app[data-locale=ja] .current-book{white-space:normal;min-width:0;max-width:65%;line-height:1.25}.deck-app[data-locale=en] .play-control,.deck-app[data-locale=ja] .play-control{gap:7px;font-size:15px}.deck-app[data-locale=en] .tips-heading h2,.deck-app[data-locale=ja] .tips-heading h2{overflow-wrap:anywhere;font-size:21px;line-height:1.2}.card-tips-copy{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;min-height:0;overflow-y:auto}.card-tips-copy:focus-visible{outline-offset:3px;outline:2px solid #617557}.tips-footer{flex-wrap:wrap;flex-shrink:0;gap:8px}.tips-return,.tips-footer a{white-space:normal;line-height:1.4}.tips-heading{flex-shrink:0}.records-secondary>div,.records-secondary>button{min-width:0}.records-secondary small{white-space:normal}.records-secondary span{overflow-wrap:anywhere}.training-rounds button{white-space:normal;flex:1;min-width:0}.training-fields,.training-number{min-width:0}.training-number>span{white-space:normal}.assessment-action{white-space:normal;line-height:1.25}.assessment-feedback .assessment-message strong{font-size:12px;line-height:1.3}.tempo-error{color:#a03828;margin:5px 0 10px;font-size:12px;line-height:1.5}.tempo-popover{max-width:calc(100vw - 32px)}@media (width<=360px){.deck-app[data-locale=en] .card-heading h1,.deck-app[data-locale=ja] .card-heading h1{font-size:19px}.deck-app[data-locale=en] .card-flip-hint,.deck-app[data-locale=ja] .card-flip-hint{font-size:9px}.deck-app[data-locale=en] .tips-heading h2,.deck-app[data-locale=ja] .tips-heading h2{font-size:18px}.deck-app[data-locale=en] .card-tips-copy p,.deck-app[data-locale=ja] .card-tips-copy p{font-size:12px;line-height:1.55}.records-secondary small{font-size:9px}}.deck-app[data-locale=en] .card-heading h1,.deck-app[data-locale=ja] .card-heading h1{height:auto;min-height:0}.deck-app[data-locale=en] .card-heading,.deck-app[data-locale=ja] .card-heading{flex:none;padding-bottom:8px;overflow:visible}.assessment-feedback{box-sizing:border-box;color:#fffdf5;background:#34482e;border:1px solid #34482e;border-radius:12px;align-items:center;gap:6px;width:100%;height:44px;min-height:44px;margin:0;padding:0 0 0 10px;display:flex;position:relative;box-shadow:0 3px 9px #2532201a}.assessment-message{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.assessment-message>span{flex:none;display:flex}.assessment-message strong{white-space:nowrap;font-size:12px;font-weight:600;line-height:18px;display:block}.assessment-feedback button{height:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:9px;flex:none}.assessment-action{white-space:nowrap;text-underline-offset:3px;padding:0 8px;text-decoration:underline;font-size:12px!important;font-weight:650!important}.assessment-close{place-items:center;width:44px;padding:0;display:grid}.assessment-feedback button:active{background:#ffffff20}.assessment-feedback button:focus-visible{outline-offset:-4px;outline:2px solid #fffdf5}.assessment-feedback.failed{color:#fffdf5;background:#763b29;border-color:#763b29}@media (width<=360px){.assessment-feedback{gap:2px;padding-left:8px}.assessment-message{gap:4px}.assessment-action{padding:0 5px}}@media (forced-colors:active){.assessment-feedback{color:canvastext;background:canvas;border-color:canvastext}.assessment-feedback button:focus-visible{outline-color:highlight}}.transport-controls[data-feedback=true]{background:#34482e;border-radius:24px;gap:0;padding:6px}.transport-controls[data-feedback=true] .assessment-feedback{width:auto;min-width:0;box-shadow:none;border:0;flex:1;padding-left:4px}.transport-controls[data-feedback=true] .play-control{color:#34482e;width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;background:#e4ebd9;border-radius:15px;flex:0 0 44px;margin:0;padding:0}.transport-controls[data-feedback=true] .assessment-message{gap:4px}.transport-controls[data-feedback=true] .assessment-message>span{display:none}.transport-controls[data-feedback=true] .assessment-action{padding:0 6px}.transport-controls[data-feedback=true] .play-control{color:#34482e!important}.transport-controls[data-feedback=true] .play-control:active{background:#cbd8bf}.training-panel{color:#3b4935;border-top:1px solid #e3e8da;margin:12px 0 20px}.training-panel .training-toggle{min-height:57px}.training-auto-options,.training-alternate-options{border-bottom:1px solid #e3e8da;padding:12px 6px 15px}.training-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;display:grid}.training-number{color:#5c6953;flex-direction:column;gap:6px;min-width:0;font-size:12px;display:flex}.training-number>div{background:#fffef8;border:1px solid #d6decf;border-radius:10px;align-items:center;min-height:44px;display:flex;overflow:hidden}.training-number input{color:#33442d;width:100%;min-width:0;min-height:44px;font:inherit;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:0;border-radius:10px;padding:9px 4px 9px 10px;font-size:16px;line-height:24px}.training-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.training-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.training-number small{color:#63705a;flex:none;margin-right:10px;font-size:10px}.training-number>div:focus-within{outline-offset:2px;outline:2px solid #315e96}.training-number input:focus-visible{outline:0}.training-panel .training-caption{color:#64705c!important;margin:9px 0 0!important;font-size:12px!important;line-height:1.5!important}.training-rounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.training-rounds button{color:#5b6a51;white-space:nowrap;background:#f4f6ee;border:1px solid #d6decf;border-radius:10px;min-width:0;min-height:44px;padding:9px 4px;font-size:13px!important}.training-rounds button[aria-pressed=true]{color:#34572a;background:#e1ead7;border-color:#9caf8b;font-weight:600}.training-rounds button:active{background:#d8e3cd}@media (hover:hover){.training-rounds button:hover{border-color:#9caf8b}}.training-panel .training-toggle{cursor:pointer}.training-switch{flex:none;width:40px;height:24px;display:inline-flex;position:relative}.training-switch input{z-index:1;opacity:0;cursor:pointer;width:40px;height:24px;margin:0;position:absolute;inset:0}.training-switch-track{background:#dce3d5;border-radius:999px;width:40px;height:24px;transition:background-color .15s;display:block;box-shadow:inset 0 0 0 1px #bcc9b0}.training-switch-track:before{content:"";background:#fffef8;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #33442d24}.training-switch input:checked+.training-switch-track{background:#758f64;box-shadow:inset 0 0 0 1px #6a845a}.training-switch input:checked+.training-switch-track:before{transform:translate(16px)}.training-switch input:focus-visible+.training-switch-track{outline-offset:3px;outline:2px solid #315e96}@media (prefers-reduced-motion:reduce){.training-switch-track,.training-switch-track:before{transition:none}}.deck-stage .exercise-card.has-flip{box-shadow:none;perspective:1400px;background:0 0;border:0;padding:0;overflow:visible}.card-flip-rotator{transform-style:preserve-3d;border-radius:26px;transition:transform .32s cubic-bezier(.25,.7,.3,1);position:absolute;inset:0;transform:rotateY(0)}.card-flip-rotator[data-face=back]{transform:rotateY(180deg)}.card-face{box-sizing:border-box;background:var(--paper);backface-visibility:hidden;border:1px solid #49573f1a;border-radius:26px;flex-direction:column;gap:0;padding:8px 12px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 5px 18px #31402812}.card-face-front{transform:rotateY(0)}.card-face-back{padding:18px 22px 10px;transform:rotateY(180deg)}.card-face[aria-hidden=true]{pointer-events:none}.exercise-card[data-dragging=true] .card-face{box-shadow:0 12px 28px #3140281f}.card-flip-hint{color:#78816d;letter-spacing:0;margin-left:9px;font-size:10px;font-weight:400}.tips-heading{flex:none}.tips-side-label{color:#77816c;margin-left:10px;font-size:10px}.tips-heading h2{letter-spacing:-.2px;overflow-wrap:anywhere;margin:5px 0 0;font-size:18px;font-weight:600;line-height:1.25}.card-tips-copy{flex-direction:column;flex:1;justify-content:center;gap:20px;min-height:0;padding:17px 0;display:flex}.card-tips-copy h3{color:#7b846e;letter-spacing:.04em;margin:0 0 5px;font-size:11px;font-weight:500;line-height:1.5}.tips-related-name{color:#607052;margin:0 0 7px;font-size:11px;font-weight:500;line-height:1.35;display:block}.card-tips-copy p{letter-spacing:.01em;color:#35452f;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.7}.tips-footer{border-top:1px solid #e5e9dc;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.tips-footer button,.tips-footer a{color:#68775c;min-height:44px;font:inherit;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:0 2px;font-size:11px;text-decoration:none;display:flex}.tips-footer a{color:#8e634b}.deck-app.simple .card-flip-rotator{transition:none}@media (width<=360px){.card-face-back{padding:15px 18px 8px}.card-tips-copy{gap:15px}.card-tips-copy p{font-size:14px;line-height:1.65}.tips-heading h2{font-size:17px}}@media (height<=600px){.card-face-back{padding-top:12px}.card-tips-copy{gap:10px;padding:10px 0}.card-tips-copy p{font-size:13px;line-height:1.55}.tips-heading h2{font-size:16px}.tips-related-name{margin-bottom:4px;font-size:10px}}@media (prefers-reduced-motion:reduce){.card-flip-rotator{transition:none}}.playback-panel{border-top:1px solid #3945301f;margin-top:20px;padding-top:4px}.playback-panel h4{margin:16px 0 4px;font-size:14px}.playback-panel .setting-row{gap:16px}.playback-panel .training-toggle{cursor:pointer;min-height:57px}.playback-panel .setting-row small{color:#6d785f;margin-left:5px;font-size:10px}.playback-caption{color:#68705e;margin:3px 0 14px;font-size:12px;line-height:1.65}.playback-panel input:disabled+.training-switch-track{opacity:.45}.practice-records{--record-ink:#2e3b30;--record-muted:#64705c;--record-line:#e4e8dc;--heat-0:#e9ece2;--heat-1:#d4dfbf;--heat-2:#adc38d;--heat-3:#829e63;--heat-4:#536d43;color:var(--record-ink);max-width:520px;margin:auto;padding:0 0 8px}.records-summary{justify-content:space-between;align-items:center;gap:16px;min-height:132px;padding:5px 4px 16px;display:flex}.records-eyebrow{color:#64735f;letter-spacing:.02em;font-size:12px}.records-main-stat{align-items:baseline;gap:9px;margin-top:4px;display:flex}.records-main-stat strong{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:56px;font-weight:600;line-height:1.05}.records-main-stat>span{color:#64705c;font-size:13px}.records-summary p{line-height:1.4;color:#64705c!important;margin:8px 0 0!important;font-size:12px!important}.records-mascot{object-fit:contain;filter:drop-shadow(0 8px 7px #6859440c);flex:none;width:112px;height:112px}.records-secondary{border-top:1px solid var(--record-line);border-bottom:1px solid var(--record-line);grid-template-columns:repeat(3,1fr);margin-bottom:21px;padding:15px 0 17px;display:grid}.records-secondary>div,.records-secondary>button{text-align:left;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:47px;display:flex;background:0 0!important;padding:0 12px!important}.records-secondary>div:first-child{padding-left:4px!important}.records-secondary>div+div,.records-secondary>button{border-left:1px solid var(--record-line)}.records-secondary strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:580;line-height:1.1}.records-secondary strong small{color:var(--record-muted);margin-left:5px;font-size:11px;font-weight:400}.records-secondary>div>span,.records-secondary>button>span{color:var(--record-muted);align-items:center;gap:5px;font-size:11px;display:flex}.records-secondary>button strong,.records-secondary>button>span{color:#9b553a}.records-secondary>button:active{opacity:.65}.records-calendar-heading,.records-day-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.records-calendar-heading h3,.records-day-heading h3{margin:0!important;font-size:14px!important;font-weight:600!important}.records-calendar-heading>div{color:var(--record-muted);align-items:center;gap:1px;display:flex}.records-calendar-heading>div>span{text-align:center;font-variant-numeric:tabular-nums;min-width:61px;font-size:10px}.records-calendar-heading button{background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:36px;display:grid;padding:0!important}.records-calendar-heading button:disabled{opacity:.2}.records-calendar{align-items:stretch;gap:8px;margin-top:7px;display:flex}.records-weekday-labels{width:13px;color:var(--record-muted);flex:none;grid-template-rows:repeat(7,1fr);align-items:center;margin-top:23px;font-size:9px;display:grid;position:relative}.records-weekday-labels span:first-child{grid-row:1}.records-weekday-labels span:nth-child(2){grid-row:3}.records-weekday-labels span:nth-child(3){grid-row:5}.records-weekday-labels span:nth-child(4){grid-row:7}.records-heatmap-body{flex:1;min-width:0}.records-months{height:23px;color:var(--record-muted);grid-template-columns:repeat(13,minmax(0,1fr));font-size:9px;display:grid}.records-months span{white-space:nowrap;overflow:visible}.records-weeks{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;display:grid}.records-week{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.records-day{aspect-ratio:1;border:0;border-radius:4px;place-items:center;width:100%;min-width:0;display:grid;position:relative;background:0 0!important;padding:0!important}.records-day>span{background:var(--heat-0);border-radius:4px;width:100%;height:100%;transition:transform .12s,box-shadow .12s}.records-day[data-level="1"]>span,.records-legend i[data-level="1"]{background:var(--heat-1)}.records-day[data-level="2"]>span,.records-legend i[data-level="2"]{background:var(--heat-2)}.records-day[data-level="3"]>span,.records-legend i[data-level="3"]{background:var(--heat-3)}.records-day[data-level="4"]>span,.records-legend i[data-level="4"]{background:var(--heat-4)}.records-day[data-selected=true]>span{box-shadow:inset 0 0 0 1.5px #a65f43,inset 0 0 0 3px #fffdf7}.records-day[data-future=true]{opacity:.25!important}.records-day:active>span{transform:scale(.87)}.records-day:focus-visible{outline-offset:2px;z-index:2;outline:2px solid #9c583c}.records-legend{color:var(--record-muted);justify-content:flex-end;align-items:center;gap:4px;margin:10px 1px 20px;font-size:9px;display:flex}.records-legend i{background:var(--heat-0);border-radius:2px;width:9px;height:9px}.records-legend span:first-child{margin-right:3px}.records-legend span:last-child{margin-left:3px}.records-day-detail{border-top:1px solid var(--record-line);min-height:116px;padding:17px 4px 0}.records-day-heading h3 small{color:var(--record-muted);margin-left:8px;font-size:10px;font-weight:400}.records-day-heading>span{color:#65775b;font-size:12px}.records-exercises,.records-notes{margin:13px 0 0;padding:0;list-style:none}.records-exercises li{align-items:center;gap:9px;min-height:38px;padding:4px 0;font-size:12px;line-height:1.5;display:flex}.records-exercises li>span:nth-child(2){flex:1;min-width:0}.records-exercises small{color:var(--record-muted);white-space:nowrap;font-size:11px}.records-hit{border:1px solid #96a580;border-radius:50%;flex:none;width:9px;height:7px;position:relative;box-shadow:0 3px 0 -1px #d4dec7}.records-hit:before,.records-hit:after{content:"";background:#96a580;width:1px;height:3px;position:absolute;top:2px}.records-hit:before{left:1px}.records-hit:after{right:1px}.records-empty{color:#64705c!important;text-align:left!important;margin:20px 0 24px!important;font-size:12px!important;line-height:1.5!important}.records-notes{border-top:1px solid var(--record-line);padding:12px 0}.records-notes li{padding:5px 0}.records-notes li>span{color:var(--record-muted);font-size:10px}.records-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0!important;font-size:12px!important;line-height:1.65!important}.records-actions{border-top:1px solid var(--record-line);grid-template-columns:1fr 1fr;gap:10px;padding-top:13px;display:grid}.records-actions button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex;color:#637454!important;background:#edf0e6!important;padding:8px!important;font-size:12px!important}.records-actions button:active{background:#e0e6d6!important}@media (width>=550px){.records-summary{padding-top:10px}.records-mascot{width:126px;height:126px}.records-weeks,.records-week{gap:5px}.records-calendar{gap:12px}.records-day>span{border-radius:6px}.records-secondary{margin-bottom:26px}}@media (prefers-reduced-motion:reduce){.records-day>span{transition:none}.records-day:active>span{transform:none}}.records-summary{min-height:0;padding:0 4px 12px}.records-main-stat strong{letter-spacing:-2px;font-size:46px}.records-mascot{width:92px;height:92px}.records-secondary{margin-bottom:13px;padding:12px 0}.records-calendar-heading,.records-calendar,.records-legend{max-width:380px;margin-left:auto;margin-right:auto}.records-legend{margin-top:9px;margin-bottom:16px}.records-calendar{margin-top:4px}@media (width>=550px){.records-summary{padding-top:0}.records-mascot{width:100px;height:100px}.records-secondary{margin-bottom:13px}.records-weeks,.records-week{gap:3px}.records-calendar{gap:8px}.records-day>span{border-radius:4px}}.practice-records{max-width:400px}.records-calendar-heading,.records-calendar,.records-legend{max-width:none}.records-secondary>button{padding-left:10px!important;padding-right:0!important}.records-review-link>span{white-space:normal;line-height:1.5}:root{--paper:#fffefb;--ink:#25302c;--muted:#69766e;--orange:#b74c31;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}.deck-app{color:var(--ink);background:radial-gradient(at 88% 80%,#e1e4d6aa,#0000 50%),linear-gradient(145deg,#f4f2e9,#eaece4);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;position:absolute;inset:0;overflow:hidden}.deck-app button,.panel-content button{font:inherit;color:inherit;cursor:pointer}.deck-app button:disabled,.panel-content button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #315e96}.app-header{height:60px;left:22px;right:20px;top:calc(8px + var(--safe-top));justify-content:space-between;align-items:center;display:flex;position:absolute}.wordmark{letter-spacing:-1px;align-items:center;gap:13px;font-size:29px;font-weight:750;display:flex}.wordmark>span{letter-spacing:1.4px;color:#768174;max-width:58px;font-size:8px;font-weight:650;line-height:1.7}.app-header>div{align-items:center;gap:7px;display:flex}.icon-button{background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.library-pill{background:#ffffff8a;border:1px solid #ffffffdc;border-radius:24px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 15px;display:flex;box-shadow:0 3px 10px #42554009;font-size:13px!important;font-weight:650!important}.deck-main{top:calc(76px + var(--safe-top));left:20px;right:20px;bottom:calc(143px + var(--safe-bottom));flex-direction:column;gap:12px;max-width:540px;margin:auto;display:flex;position:absolute}.collection-line{color:#657164;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;font-size:11px;display:flex}.collection-line button{background:0 0;border:0;align-items:center;gap:6px;min-height:32px;padding:0;font-size:12px;font-weight:600;display:flex}.collection-line>span{white-space:nowrap;font-size:10px}.deck-stage{isolation:isolate;flex:1;min-height:290px;position:relative}.rear-card{pointer-events:none;background:#f7f7ef;border:1px solid #fff;border-radius:27px;position:absolute;inset:0;box-shadow:0 4px 10px #41523c0b}.rear-two{z-index:0;background:#dfe3d7;transform:translateY(17px)scaleX(.91)}.rear-one{z-index:1;transform:translateY(9px)scaleX(.96)}.rear-one span{text-align:right;color:#88907d;padding:20px;font-size:12px;display:block}.navigation-underlay{z-index:2;color:#75816a;justify-content:space-between;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.navigation-underlay span{flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex}.exercise-card{z-index:3;background:var(--paper);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;will-change:transform;border:1px solid #fff;border-radius:27px;flex-direction:column;padding:17px 22px 10px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 32px #66765816,0 1px 2px #3f4f3421}.exercise-card[data-dragging=true]{cursor:grabbing}.card-topline{letter-spacing:1px;color:#7e897a;flex-shrink:0;justify-content:space-between;align-items:center;height:27px;font-size:10px;display:flex}.card-topline .icon-button{margin-right:-10px}.exercise-card h1{letter-spacing:-.8px;flex-shrink:0;margin:10px 0 3px;font-size:27px;line-height:1.25}.english-title{color:#82907f;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;min-height:16px;font-size:11px;line-height:1.4;overflow:hidden}.score-window{flex:1;justify-content:center;align-items:center;min-height:0;padding:7px 0 0;display:flex;overflow:hidden}.score-window svg{width:100%;max-height:100%;display:block}.score-window svg>rect:first-of-type{fill:var(--paper)}.score-window [data-active=true] ellipse,.score-window [data-active=true] rect,.score-window [data-active=true] path,.score-window [data-active=true] line{fill:#c55335!important;stroke:#c55335!important}.score-window [data-active=true] text{fill:#c55335!important}.score-pagination{color:#75826d;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:28px;font-size:10px;display:flex}.score-pagination button{background:0 0;border:0;place-items:center;width:34px;height:30px;display:grid}.score-pagination button:disabled{visibility:hidden}.rating-row,.card-footer{border-top:1px solid #edf0e6;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:44px;display:flex}.card-footer{color:#929a87;height:31px;font-size:9px}.rating-row button{background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;height:44px;font-size:11px;display:flex}.rating-row button:last-child{color:#a34830}.outgoing-card{z-index:4;background:var(--paper);pointer-events:none;border-radius:27px;padding:50px 22px 20px;position:absolute;inset:0;box-shadow:0 10px 30px #47543a20}.outgoing-card h1{font-size:27px}.outgoing-card svg{width:100%;max-height:220px;margin-top:15px}.deck-navigation{flex-shrink:0;justify-content:space-between;align-items:center;height:55px;margin-top:10px;display:flex}.deck-navigation>button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff60;border:1px solid #fffc;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 4px 13px #42574009}.deck-navigation>div{text-align:center;gap:4px;display:grid}.deck-navigation strong{font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:13px;font-weight:650}.deck-navigation strong span{color:#8b9583;font-weight:400}.transport-area{z-index:8;left:20px;right:20px;bottom:calc(9px + var(--safe-bottom));max-width:540px;margin:auto;position:absolute}.dock-backdrop{z-index:-1;pointer-events:none;background:linear-gradient(135deg,#e4e8dcd9,#f7f2e6d9);position:absolute;inset:-22px -15px -7px;overflow:hidden}.dock-backdrop i{filter:blur(11px);background:#b9c7af77;border-radius:50%;width:190px;height:90px;position:absolute;top:25px;left:-40px;transform:rotate(-25deg)}.dock-backdrop i:nth-child(2){background:#d09a7070;top:45px;left:auto;right:-40px}.dock-backdrop>span{color:#cdd3c1;opacity:.35;font-size:65px;position:absolute;top:36px;right:48px;transform:rotate(-10deg)}.playback-status{color:#89927e;justify-content:space-between;min-height:20px;padding:0 9px 7px;font-size:9px;display:flex}.glass-transport{border:1px solid #ffffffd9;border-radius:30px;align-items:center;height:72px;box-shadow:0 6px 20px #4e603d15,inset 0 1px 1px #fff;background:#ffffff20!important;padding:6px 8px!important;display:flex!important}.tempo-control{background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:98px;height:57px;display:flex}.tempo-control strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:500}.tempo-control span{flex-direction:column;align-items:center;gap:3px;font-size:9px;display:flex}.dock-divider{background:#6d795223;width:1px;height:28px;margin:0 9px 0 0}.play-control{background:linear-gradient(140deg,#bc5737e0,#9a452fe8);border:1px solid #ffffffab;border-radius:25px;flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;height:56px;font-weight:600;display:flex;box-shadow:inset 0 1px 1px #ffffff78,0 4px 9px #763e1d13;color:#fff!important;font-size:16px!important}.play-control:active{background:#99442b}.dock-secondary{color:#8b957f;justify-content:space-between;align-items:center;height:32px;padding:0 10px;font-size:9px;display:flex}.dock-secondary button{color:#6f7e65;background:0 0;border:0;min-height:32px;padding:0 7px;font-size:10px!important}.tempo-popover{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f7f8efe8;border:1px solid #fff;border-radius:22px;width:235px;padding:8px 12px 13px;position:absolute;bottom:119px;left:0;box-shadow:0 8px 22px #37452220}.tempo-popover-header{color:#7a856f;justify-content:space-between;align-items:center;font-size:10px;display:flex!important}.tempo-popover-header button{background:0 0!important;border:0!important;width:36px!important;height:36px!important}.tempo-popover>div{justify-content:space-between;align-items:center;display:flex}.tempo-popover>div>button{background:#ffffffa6;border:1px solid #fff;border-radius:50%;width:44px;height:44px;font-size:24px}.tempo-popover input{text-align:center;color:#273625;background:0 0;border:0;width:90px;font-size:29px}.tempo-popover small{text-align:center;color:#7f8b73;margin-top:9px;font-size:10px;display:block}.toast{top:calc(72px + var(--safe-top));z-index:35;background:#f7faefef;border:1px solid #fff;border-radius:16px;align-items:center;gap:7px;max-width:540px;margin:auto;padding:8px 10px 8px 14px;font-size:11px;line-height:1.5;display:flex;position:absolute;left:20px;right:20px;box-shadow:0 5px 20px #3a4c2d22}.toast span{flex:1}.toast button{background:0 0;border:0;min-width:36px;min-height:36px;font-size:11px}.toast.error{background:#fff0e7}.panel-content{color:#2a3829;padding-bottom:15px;font-family:inherit;font-size:14px}.panel-content button{background:0 0;border:0}.panel-content h3{margin:10px 0;font-size:20px}.panel-content h4{margin:25px 0 8px;font-size:14px}.panel-content p,.panel-content li{color:#64725d;font-size:13px;line-height:1.8}.panel-content ol{padding-left:21px}.panel-caption{margin:12px 0;color:#7c8771!important;font-size:11px!important;line-height:1.8!important}.search-field{color:#7a886e;background:#edf0e6;border:1px solid #e3e8d9;border-radius:14px;align-items:center;gap:9px;height:46px;margin:8px 0 14px;padding:0 14px;display:flex}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.category-select{color:#7e8a71;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.category-select select{color:#45563b;background:#fffef9;border:1px solid #e0e5d5;border-radius:10px;flex:1;min-width:0;padding:10px;font-size:13px}.exercise-list{border-top:1px solid #e5e9dc}.exercise-list>button{text-align:left;border-bottom:1px solid #e5e9dc;align-items:center;gap:14px;width:100%;min-height:85px;padding:13px 2px;display:flex}.exercise-list>button.selected{background:#eef2e4}.exercise-number{color:#9ba58e;font-variant-numeric:tabular-nums;flex-shrink:0;width:26px;font-size:12px}.exercise-list>button>span:nth-child(2){flex:1;min-width:0}.exercise-list strong{font-size:15px;font-weight:600;line-height:1.5;display:block}.exercise-list small{color:#849078;margin-top:2px;font-size:10px;line-height:1.5;display:block}.exercise-list em{color:#8d987f;margin-top:5px;font-size:9px;font-style:normal;display:block}.setting-row,.panel-link{text-align:left;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:57px;display:flex;border-bottom:1px solid #e3e8da!important;font-size:13px!important}.setting-row>span{align-items:center;gap:6px;display:flex}.setting-row input[type=checkbox]{accent-color:#a85435;width:22px;height:22px}.setting-row input[type=range]{accent-color:#a85435;width:130px}.solid-action{border-radius:26px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin:18px 0;display:flex;color:#fff!important;background:#a94e32!important;padding:12px 20px!important;font-size:14px!important}.empty-state{text-align:center;padding:35px 10px}.review-list>div{border-bottom:1px solid #e3e8da;padding:16px 0}.review-list strong{font-size:14px;font-weight:550;display:block}.review-list span{color:#849078;margin-top:7px;font-size:11px;display:block}.review-list p{margin-top:9px;font-size:12px}.source-link{color:#88523c;border-bottom:1px solid #e5e9de;padding:12px 0;text-decoration:none;display:block}.source-link strong{font-size:13px}.source-link span{color:#7b866f;margin-top:5px;font-size:11px;line-height:1.8;display:block}.backup-row{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.backup-row button{border:1px solid #d8dfcc;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:8px 13px;font-size:12px;display:flex}.panel-content details{margin:20px 0}.panel-content summary{cursor:pointer;font-size:12px}.note-label{color:#6b7a60;margin:20px 0;font-size:12px;display:block}.note-label textarea{background:#fffef9;border:1px solid #d7dfca;border-radius:14px;width:100%;min-height:130px;margin-top:10px;padding:14px;font-size:16px;display:block}.import-confirm{background:#eef2e6;border-radius:14px;padding:15px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden;width:1px!important;height:1px!important;position:absolute!important}.bottom-sheet{-webkit-backdrop-filter:blur(20px);background:#fbfcf4ed}@media (width>=700px){.app-header{left:calc(50vw - 270px);right:calc(50vw - 270px)}.deck-main{top:90px}.exercise-card{padding:22px 32px 15px}.exercise-card h1{font-size:32px}.score-window svg{max-width:430px}.transport-area{max-width:540px}.wordmark>span{max-width:none}}@media (height<=650px){.app-header{top:calc(5px + var(--safe-top));height:50px}.deck-main{top:calc(61px + var(--safe-top));bottom:calc(126px + var(--safe-bottom));gap:8px}.collection-line{height:30px}.deck-stage{min-height:0}.exercise-card{border-radius:25px;padding:12px 19px 6px}.exercise-card h1{margin:5px 0 2px;font-size:24px}.english-title{min-height:14px;font-size:10px}.card-topline{height:23px}.score-window{padding-top:2px}.score-pagination{height:24px;font-size:9px}.card-footer{height:26px}.rating-row,.rating-row button{height:42px}.deck-navigation{height:48px;margin-top:9px}.deck-navigation small{font-size:8px}.deck-navigation>button{width:44px;height:44px}.glass-transport{height:66px}.play-control,.tempo-control{height:52px}.dock-secondary{height:27px}.transport-area{bottom:calc(6px + var(--safe-bottom))}.playback-status{min-height:17px;padding-bottom:5px}.tempo-popover{bottom:108px}}@media (height<=480px){.deck-app{overflow-y:auto}.deck-main{min-height:360px;margin:67px 20px 0;position:relative;inset:auto}.transport-area{margin:18px 20px 8px;position:relative;bottom:auto;left:auto;right:auto}.app-header{position:absolute}.deck-stage{min-height:270px}}.simple .glass-transport,.simple .tempo-popover{filter:none!important;-webkit-backdrop-filter:none!important;background:#f4f7eb!important}.simple .dock-backdrop{display:none}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-transport,.tempo-popover,.bottom-sheet{filter:none!important;-webkit-backdrop-filter:none!important;background:#fffefb!important}.deck-app{background:#eff0e9}.deck-navigation>button{background:#fffefb}.panel-caption,.english-title,.card-footer,.collection-line{color:#4d5f42!important}}@media (prefers-reduced-motion:reduce){.deck-app *,.panel-content *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (height>=481px) and (height<=650px){.deck-main{top:calc(56px + var(--safe-top));bottom:calc(120px + var(--safe-bottom));gap:5px}.collection-line{height:28px}.deck-navigation{height:44px;margin-top:7px}.card-topline{height:18px}.exercise-card h1{margin:4px 0 1px;font-size:23px}.english-title{min-height:13px;font-size:10px}.score-pagination{height:22px}.score-window{min-height:calc(min(100vw,580px)/1.71057 - 46.768px)}.exercise-card{padding-top:9px;padding-bottom:5px}}.card-tools{align-items:center;gap:0;margin-right:-8px;display:flex}.card-tools .icon-button{width:36px;min-width:36px;height:36px;margin:0}.zoom-score{touch-action:pan-x pan-y pinch-zoom;background:#fff;border:1px solid #e0e6d7;border-radius:14px;padding:15px 0;overflow:auto}.zoom-score svg{width:780px;max-width:none;height:auto;display:block}.zoom-pages{justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.zoom-pages button{border:1px solid #d7dfcc;border-radius:10px;min-height:44px;padding:8px 14px}.glass-transport{flex-shrink:0;height:72px!important;padding:0!important;display:block!important}.transport-controls{align-items:center;gap:0;width:100%;height:100%;padding:6px 8px;display:flex}.glass-transport>div:last-child{height:100%}.dock-backdrop{background:linear-gradient(135deg,#e4e8dc70,#f7f2e670);border-radius:32px;top:-10px;bottom:2px}@media (height<=650px){.glass-transport{height:66px!important}}.library-pill{min-height:44px}.collection-line button{min-height:44px;font-size:12px}.collection-line>span{color:#68745f;font-size:11px}.card-topline{color:#73806b;font-size:11px;position:relative}.card-tools{margin:0;position:absolute;top:-9px;right:-8px}.card-tools .icon-button{width:44px;min-width:44px;height:44px}.english-title{color:#728067;font-size:12px;line-height:1.4}.card-footer{color:#75816c;font-size:11px}.score-pagination{color:#69785f;font-size:11px}.score-pagination button{min-width:44px;min-height:44px}.deck-navigation small{letter-spacing:0;color:#77836c;font-size:11px}.deck-navigation strong{font-size:14px}.playback-status{color:#758269;font-size:11px}.dock-secondary,.dock-secondary button{color:#748166;font-size:11px!important}.exercise-list small{color:#718062;font-size:12px}.exercise-list em{color:#748166;font-size:11px}.category-select{font-size:12px}.panel-caption{font-size:12px!important}.source-link span{font-size:12px}.tempo-popover-header button{min-width:44px;min-height:44px}.tempo-popover-header{font-size:12px}.tempo-control span{font-size:11px}.card-footer span:first-child{max-width:60%}.collection-line,.collection-line>span,.card-topline,.english-title,.card-footer,.score-pagination,.deck-navigation small,.deck-navigation strong span,.playback-status,.dock-secondary,.dock-secondary button,.exercise-list small,.exercise-list em,.exercise-number,.category-select,.panel-caption,.source-link span,.review-list span{color:#5d6b53!important}.deck-navigation{margin-top:22px}.rear-one{background:#e4e8d9;border-color:#fafff2;box-shadow:0 4px 8px #3f523a12}.rear-two{background:#cfd8c4;border-color:#dce5d2}.playback-status.is-ready{visibility:hidden}.exercise-number{align-self:flex-start;padding-top:2px}.exercise-list>button{align-items:flex-start}.exercise-list>button>svg{align-self:center}@media (height>=481px) and (height<=650px){.deck-navigation{margin-top:20px}.exercise-card{padding-left:23px;padding-right:23px}.score-window{min-height:calc(min(100vw,580px)/1.71057 - 51.4448px)}.card-topline{height:16px}.exercise-card h1{line-height:1.15}}.toast{top:calc(70px + var(--safe-top));height:40px;max-height:40px;box-shadow:none;border-radius:12px;padding:0 6px 0 10px;font-size:11px}.toast span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast button{flex-shrink:0;min-width:40px;min-height:40px}@media (height<=650px){.toast{top:calc(50px + var(--safe-top))}}@media (height<=570px){.deck-app.dense-score{overflow-y:auto}.dense-score .deck-main{min-height:400px;margin:67px 20px 0;position:relative;inset:auto}.dense-score .deck-stage{min-height:310px}.dense-score .transport-area{margin:18px 20px 8px;position:relative;bottom:auto;left:auto;right:auto}.dense-score .app-header{position:absolute}}.deck-app{--card-chrome:156px;--score-min:calc((min(100vw,580px) - 88px)*var(--score-ratio,.31));padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;display:flex;overflow-y:auto}.deck-app.has-rating{--card-chrome:200px}.app-header{flex-shrink:0;height:56px;min-height:56px;margin:5px 20px 0;position:relative;inset:auto}.deck-main,.dense-score .deck-main{flex:1;gap:8px;width:calc(100% - 40px);max-width:540px;min-height:0;margin:0 auto;position:relative;inset:auto}.deck-stage,.dense-score .deck-stage{min-height:calc(var(--score-min) + var(--card-chrome));flex:1}.deck-navigation{height:50px;min-height:50px;margin-top:20px}.transport-area,.dense-score .transport-area{flex-shrink:0;width:calc(100% - 40px);max-width:540px;margin:12px auto 6px;position:relative;inset:auto}.score-window{flex:1 0 auto;min-height:var(--score-min)!important}.score-pagination,.rating-row,.card-topline,.english-title{flex-shrink:0}.exercise-card{overflow:hidden}.toast{top:calc(61px + var(--safe-top));position:fixed}@media (height<=650px){.deck-app{--card-chrome:108px}.deck-app.has-rating{--card-chrome:150px}.app-header{height:48px;min-height:48px;margin-top:4px}.deck-main{gap:5px}.deck-navigation{height:44px;min-height:44px;margin-top:20px}.transport-area{margin-top:8px;margin-bottom:5px}.toast{top:calc(48px + var(--safe-top))}}@media (width>=700px){.app-header{width:540px;margin-left:auto;margin-right:auto}}.dense-score .app-header{position:relative;inset:auto}.dock-secondary{height:44px;min-height:44px;font-size:12px!important}.dock-secondary button{min-width:44px;min-height:44px;font-size:12px!important}.zoom-pages.single-page{justify-content:center}.zoom-pages.single-page button{display:none}.deck-main,.dense-score .deck-main{flex:1 0 auto;min-height:min-content}.deck-stage,.dense-score .deck-stage{flex:1 0 auto}.collection-line,.deck-navigation{flex-shrink:0}.app-header,.dense-score .app-header{z-index:25;background:#f1f2e9;position:sticky;top:0}.transport-area,.dense-score .transport-area{flex:none}.rating-row,.rating-row button{height:44px;min-height:44px}.dock-lens-slot{isolation:isolate;border-radius:30px;height:72px;min-height:72px;position:relative}.dock-lens-slot .dock-backdrop{z-index:0;border-radius:inherit;background:linear-gradient(130deg,#dce5d2,#f4e3d3);position:absolute;inset:0;overflow:hidden}.dock-lens-slot .dock-backdrop i{background:#b7c8a66b;height:60px;top:8px;left:-20px}.dock-lens-slot .dock-backdrop i:nth-child(2){background:#d7ab8966;top:12px;left:auto;right:-15px}.dock-lens-slot .glass-transport{z-index:1;border-radius:inherit;position:relative;overflow:hidden}.transport-area{background:0 0!important}.playback-status,.dock-secondary{background:0 0}.simple .dock-lens-slot{background:#f3f6ed}@media (height<=650px){.dock-lens-slot{height:66px;min-height:66px}}.deck-app{touch-action:pan-y pinch-zoom}.deck-main,.dense-score .deck-main,.transport-area,.dense-score .transport-area{width:calc(100% - 48px)}.app-header{margin-left:24px;margin-right:24px}.exercise-card{touch-action:none}.deck-app.four-way.has-rating{--card-chrome:232px;--score-min:calc((min(100vw,588px) - 94px)*var(--score-ratio,.31))}.card-edge-top,.card-edge-bottom{color:#617152;flex-shrink:0;justify-content:center;align-items:center;gap:3px;height:16px;min-height:16px;font-size:10px;display:flex}.card-edge-top{margin-bottom:3px}.card-edge-bottom{margin-top:3px}.card-edge-bottom span{font-size:10px}.card-edge-side{color:#798b68;pointer-events:none;flex-direction:column;align-items:center;gap:5px;font-size:9px;display:flex;position:absolute;top:48%}.gesture-preview{z-index:8;text-align:center;pointer-events:none;background:#f2f7e9ef;border-radius:16px;min-height:52px;padding:12px 12px 15px;position:absolute;top:45%;left:15%;right:15%;overflow:hidden;box-shadow:0 5px 22px #40512a22}.gesture-preview strong{color:#445539;font-size:12px}.gesture-preview i{background:#8b9d70;height:4px;position:absolute;bottom:0;left:0}.gesture-preview.y{background:#fff3e9ee}.gesture-preview.y i{background:#b76b43}.chapter-total{color:#5d6b53;margin:13px 0;font-size:12px!important}.chapter-index>button{text-align:left;border-bottom:1px solid #e1e7d9;align-items:flex-start;gap:14px;width:100%;min-height:98px;padding:16px 0;display:flex}.chapter-number{color:#6b7d5c;min-width:25px;padding-top:2px;font-size:12px}.chapter-index>button>span:nth-child(2){flex:1}.chapter-index strong{font-size:16px;font-weight:600;line-height:1.5}.chapter-index small{color:#66775a;margin-top:4px;font-size:12px;line-height:1.6;display:block}.chapter-index em{color:#69785d;margin-top:6px;font-size:11px;font-style:normal;display:block}.chapter-index>button>svg{align-self:center}.chapter-breadcrumb{justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.chapter-breadcrumb button{align-items:center;min-height:44px;font-size:12px;display:flex}.chapter-breadcrumb>span{color:#6b785e;font-size:11px}.prerequisite-link{min-height:44px;font-size:13px;color:#9c5435!important}@media (height<=650px){.deck-app.four-way.has-rating{--card-chrome:182px}}@media (width>=700px){.app-header{margin-left:auto;margin-right:auto}}.dock-lens-slot{border:1px solid #ffffffcf;overflow:hidden;box-shadow:0 5px 17px #4e603d15}.dock-lens-slot .dock-backdrop{border-radius:0;inset:-24px}.dock-lens-slot .glass-transport{box-shadow:none;border:0}.dock-lens-slot .liquid-glass-border{display:none}.transport-controls button:focus-visible{outline-offset:-4px}.card-edge-side{gap:2px;font-size:9px}.card-edge-side.left{left:2px}.card-edge-side.right{right:2px}.card-edge-side span{writing-mode:horizontal-tb;letter-spacing:0}.card-edge-top,.card-edge-bottom,.card-edge-bottom span{font-size:11px}.rating-row button:disabled{opacity:1;color:#657259}.header-feedback{text-align:left;background:0 0;border:0;min-width:44px;max-width:calc(100% - 150px);min-height:44px;padding:4px 6px 4px 0;line-height:1.5;color:#576a45!important;font-size:11px!important}.header-feedback span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.audio-lab-page{color:#24352b;background:#f5f7f6;height:100%;padding:20px;font-family:system-ui,sans-serif;overflow:auto}.lab-back{color:#435f37;align-items:center;min-height:44px;padding:7px 12px;text-decoration:none;display:inline-flex}.lab-intro{color:#5b6d51;max-width:1000px;margin:12px auto;font-size:13px;line-height:1.8}.sound-entry{justify-content:center;align-items:center;gap:4px;display:inline-flex}.sound-presets{gap:8px;margin:15px 0;display:grid}.sound-presets button{text-align:left;border:1px solid #d9e2ce;border-radius:13px;min-height:62px;padding:12px 14px}.sound-presets button.selected{background:#e6eddb;border-color:#8ea17b}.sound-presets strong{font-size:14px;font-weight:600;display:block}.sound-presets small{color:#657657;margin-top:4px;font-size:11px;display:block}.sound-slider{margin:19px 0;display:block}.sound-slider>span{color:#4f6343;justify-content:space-between;gap:12px;font-size:13px;display:flex}.sound-slider output{font-variant-numeric:tabular-nums;color:#697b59}.sound-slider input{accent-color:#9b603d;width:100%;height:44px;margin:2px 0 0}.sound-actions{gap:9px;margin:12px 0;display:flex}.sound-actions button{background:#f0f4e9;border:1px solid #cfdac3;border-radius:12px;flex:1;min-height:44px}.breakdown-panel{border-top:1px solid #dce5d2;margin-top:26px;padding-top:16px}.breakdown-panel>label:not(.sound-slider):not(.setting-row){color:#5c704e;margin:14px 0;font-size:12px;display:block}.breakdown-panel select{background:#fffef9;border:1px solid #d1ddc5;border-radius:10px;width:100%;min-height:44px;margin-top:7px;padding:9px;font-size:14px;display:block}.breakdown-modes{gap:6px;display:flex}.breakdown-modes button{border:1px solid #d2ddc8;border-radius:10px;flex:1;min-height:44px;padding:8px 5px;font-size:12px}.breakdown-modes button.selected{background:#e5eddb;border-color:#92a47f}.practice-mode-note{color:#8b5b39;text-align:center;flex-shrink:0;font-size:11px;line-height:20px}.practice-mode-note:empty{display:none}.score-window [data-hit=true] ellipse,.score-window [data-hit=true] path,.score-window [data-hit=true] line,.score-window [data-hit=true] text{fill:#c55335!important;stroke:#c55335!important}.score-window .principal-stroke[opacity="0.28"]{opacity:.32}@media (height<=650px){.deck-app.four-way.has-rating{--card-chrome:calc(182px + var(--title-extra,0px) + var(--group-extra,0px))}}.deck-app.four-way.has-rating{--card-chrome:calc(194px + var(--title-extra,0px) + var(--group-extra,0px))}.deck-navigation{height:48px}.deck-navigation>div{gap:0}.rear-one{background:#edf0e5}.rear-two{background:#dce2d3}@media (height<=650px){.deck-app.four-way.has-rating{--card-chrome:calc(144px + var(--title-extra,0px) + var(--group-extra,0px))}}.course-entry{text-align:left;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;width:100%;margin:12px 0 20px;display:flex;background:#e8eddf!important;border:1px solid #d4ddc8!important;padding:18px!important}.course-entry strong{font-size:18px;font-weight:650;display:block}.course-entry small{color:#58694d;margin-top:6px;font-size:12px;display:block}.course-intro>span{letter-spacing:1.5px;color:#6a765f;font-size:10px}.course-intro h3{margin:8px 0 18px;font-size:25px}.course-totals{justify-content:space-between;align-items:baseline;display:flex}.course-totals strong{font-size:26px;font-weight:600}.course-totals small,.course-totals>span{color:#617156;font-size:12px;font-weight:400}.course-intro progress{accent-color:#8a9d71;width:100%;height:5px;margin:12px 0 22px}.course-tabs{border-bottom:1px solid #dce3d3;margin-bottom:16px;display:flex}.course-tabs button{border-bottom:2px solid #0000;flex:1;min-height:46px;font-size:14px}.course-tabs button.selected{color:#984a30;border-color:#a35435}.course-continue{text-align:left;border-radius:18px;width:100%;position:relative;background:#e5ecda!important;padding:18px 44px 18px 18px!important}.course-continue small{color:#586d49;margin-bottom:7px;font-size:12px;display:block}.course-continue strong{font-size:17px;font-weight:600;line-height:1.5}.course-continue>svg{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.course-review{justify-content:space-between;align-items:center;width:100%;min-height:48px;margin:0 0 10px;display:flex;color:#97573b!important}.course-units{margin-top:18px}.course-unit-heading{text-align:left;align-items:center;gap:13px;width:100%;min-height:78px;display:flex;border-bottom:1px solid #e0e6d8!important}.course-unit-heading>span{color:#67795a;font-size:12px}.course-unit-heading>div{flex:1}.course-unit-heading strong{font-size:15px;font-weight:600;display:block}.course-unit-heading small{color:#65765a;margin-top:6px;font-size:12px;display:block}.course-unit-steps{padding:0 6px 12px 28px}.course-unit-steps>p{font-size:12px}.course-unit-steps>button{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:48px;font-size:13px;display:flex}.course-index>button{text-align:left;align-items:center;gap:12px;width:100%;min-height:82px;display:flex;border-bottom:1px solid #e0e6d8!important}.course-index>button>span{color:#65765a;font-size:12px}.course-index>button>div{flex:1}.course-index strong{font-size:15px;font-weight:600;display:block}.course-index small{color:#63735a;margin-top:4px;font-size:12px;display:block}.course-index em{color:#63735a;font-size:11px;font-style:normal}.lesson-context{color:#855337;justify-content:space-between;align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.lesson-context button{background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:grid}.lesson-cue{color:#617156;flex-shrink:0;margin:4px 0;font-size:12px;line-height:1.6}.lesson-next{border:0;border-radius:12px;flex-shrink:0;width:100%;min-height:44px;margin-top:6px;font-size:13px;background:#e7edde!important}.lesson-next:disabled{opacity:.5}@media (height<=700px){.deck-app,.deck-app.dense-score{overflow:hidden}.deck-main,.dense-score .deck-main{overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;flex:1 1 0;width:100%;max-width:588px;min-height:0;margin:0 auto;padding:0 24px 24px;overflow:hidden auto}.deck-stage,.dense-score .deck-stage{height:calc(var(--score-min) + var(--card-chrome));min-height:calc(var(--score-min) + var(--card-chrome));flex:none}.transport-area,.dense-score .transport-area{flex:none;width:calc(100% - 48px);margin:8px auto 5px}.app-header,.dense-score .app-header{flex:none;position:relative;top:auto}}.deck-app.v7{--card-chrome:calc(166px + var(--title-extra,0px) + var(--page-extra,0px));--score-min:calc((min(100vw,588px) - 94px)*var(--score-ratio,.31))}.v7 .deck-main{padding-top:10px}.v7 .exercise-card{border:1px solid #49573f1a;border-radius:26px;padding:20px 23px 12px;box-shadow:0 5px 18px #31402812}.v7 .exercise-card[data-dragging=true]{box-shadow:0 12px 28px #3140281f}.v7 .rear-card{box-shadow:none;border:0;border-radius:26px}.v7 .rear-one{background:#e9edde;transform:translateY(7px)scaleX(.975)}.v7 .rear-two{background:#dde4d5;transform:translateY(13px)scaleX(.945)}.v7 .card-topline{letter-spacing:.6px;color:#64715b;height:26px;font-size:12px}.v7 .card-topline small{color:#78836f;font-size:10px;font-weight:400}.v7 .card-tools{top:-8px;right:-8px}.v7 .exercise-card h1{letter-spacing:-.5px;margin:8px 0 3px;font-size:25px;font-weight:600;line-height:1.25}.v7 .english-title{color:#697660;min-height:18px;margin:0;font-size:12px}.v7 .score-window{padding:8px 0;overflow:visible}.v7 .score-window svg{height:auto;max-height:none}.v7 .score-pagination{height:34px;min-height:34px;margin-bottom:2px}.v7 .card-actions{flex:0 0 44px;justify-content:center;align-items:center;gap:30px;min-height:44px;margin-top:4px;display:flex}.v7 .card-actions button{color:#64765a;background:0 0;border:0}.v7 .card-actions button:disabled{opacity:.28}.v7 .card-actions button:hover:not(:disabled){background:#edf1e6}.v7 .deck-navigation{height:48px;min-height:48px;margin-top:18px}.v7 .deck-navigation>button{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.review-mode{color:#65765a;font-size:12px}.material-catch{pointer-events:none;background:#5567482e;border-radius:2px;display:block;position:absolute}.material-catch.north,.material-catch.south{width:18px;height:2px;left:calc(50% - 9px)}.material-catch.north{top:7px}.material-catch.south{bottom:7px}.material-catch.west,.material-catch.east{width:2px;height:18px;top:calc(50% - 9px)}.material-catch.west{left:7px}.material-catch.east{right:7px}.edge-feedback{border-radius:inherit;pointer-events:none;z-index:5;--edge-color:111,130,100;position:absolute;inset:0}.edge-feedback.up{--edge-color:102,129,90;background:linear-gradient(to bottom,rgba(var(--edge-color),.1),transparent 48px)}.edge-feedback.down{--edge-color:177,129,80;background:linear-gradient(to top,rgba(var(--edge-color),.1),transparent 48px)}.edge-feedback.left{background:linear-gradient(to left,rgba(var(--edge-color),.1),transparent 48px)}.edge-feedback.right{background:linear-gradient(to right,rgba(var(--edge-color),.1),transparent 48px)}.edge-feedback>span{background:rgba(var(--edge-color),.1);width:30px;height:30px;color:rgb(var(--edge-color));border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.edge-feedback.blocked{filter:grayscale()}.exercise-card[data-dragging=true] .card-tools{opacity:0;pointer-events:none}.exercise-card[data-dragging=true] .material-catch{background:#5567481a}.v7 .dock-lens-slot{border:1px solid #46543e1a;box-shadow:0 4px 14px #31402812}.v7 .play-control{background:linear-gradient(135deg,#b55b40,#a45038);border:0;border-radius:24px;box-shadow:0 2px 5px #68351f17}.v7 .transport-controls{padding:6px}.v7 .dock-divider{background:#65745019}.v7 .library-pill{width:44px;box-shadow:none;background:0 0;border:0;padding:0}.v7 .transport-area{margin-top:8px}@media (height<=700px){.deck-app.v7{--card-chrome:calc(158px + var(--title-extra,0px) + var(--page-extra,0px))}.v7 .exercise-card{padding-top:16px;padding-bottom:12px}.v7 .exercise-card h1{font-size:23px}.v7 .deck-main{padding-top:6px}}@media (prefers-contrast:more){.material-catch{background:#617152}.v7 .dock-lens-slot,.v7 .exercise-card{border-color:#74836a}}@media (height<=700px){.v7 .deck-stage,.v7.dense-score .deck-stage{flex:none;height:auto;min-height:0}.v7 .exercise-card{min-height:0;position:relative;inset:auto}.v7 .score-window{flex:none;min-height:0!important}.v7 .score-window svg{width:100%;height:auto;max-height:none;display:block}}.deck-app.v7,.deck-app.v7.dense-score{overflow:hidden}.v7 .deck-main,.v7.dense-score .deck-main{overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;flex:1 1 0;width:100%;max-width:588px;min-height:0;margin:0 auto;padding:6px 24px 24px;overflow:hidden auto}.v7 .deck-stage,.v7.dense-score .deck-stage{flex:none;height:auto;min-height:0}.v7 .exercise-card{min-height:0;position:relative;inset:auto}.v7 .score-window{flex:none;min-height:0!important}.v7 .score-window svg{width:100%;max-width:none;height:auto;max-height:none;display:block}.v7 .transport-area,.v7.dense-score .transport-area{flex:none;width:calc(100% - 48px);margin:8px auto 5px}.v7 .app-header,.v7.dense-score .app-header{flex:none;position:relative;top:auto}.v8 .app-header{gap:8px;min-height:56px;padding:6px 18px}.v8 .app-header>div{gap:2px}.book-switch{background:#e9ecdf;border-radius:14px;gap:2px;padding:3px;display:flex}.book-switch button{color:#5c6754;white-space:nowrap;background:0 0;border:0;border-radius:11px;min-height:44px;padding:0 10px;font-size:13px;font-weight:600}.book-switch button[aria-pressed=true]{color:#293627;background:#fffef8;box-shadow:0 1px 4px #35472a12}.v8 .deck-main{padding-top:2px;padding-bottom:18px}.v8 .exercise-card{gap:0;padding:12px 18px 10px}.v8 .card-topline{min-height:44px;margin:0}.v8 .exercise-card h1{margin:0 0 8px;font-size:20px;line-height:1.3}.v8 .score-window{margin:0;display:block}.v8 .card-actions{justify-content:space-between;gap:8px;min-height:44px;margin-top:4px;display:flex}.v8 .card-actions button{min-width:44px;min-height:44px}.v8 .score-pagination{min-height:44px;margin:0}.v8 .transport-area{padding-top:4px}.v8 .dock-secondary{justify-content:center;gap:24px}.v8 .playback-status{margin:0 0 4px;font-size:11px}.v8 .header-feedback{flex:1;min-width:0}@media (width<=360px){.v8 .app-header{padding-left:12px;padding-right:12px}.book-switch button{padding:0 8px;font-size:12px}.v8 .library-pill{width:44px;min-width:44px}.v8 .exercise-card{padding-left:14px;padding-right:14px}}.v8 .dock-secondary{gap:12px}.pulse-control{align-items:center;gap:7px;display:flex}.pulse-control[aria-pressed=true]{color:#a84329}.beat-dots{align-items:center;gap:5px;display:flex}.beat-dots i{background:#b9c1ae;border-radius:50%;width:5px;height:5px}.beat-dots i.downbeat{width:8px;height:8px}.beat-dots i.lit{background:#d54c2d;box-shadow:0 0 0 3px #d54c2d16}.v8 .beat-status{opacity:1;justify-content:space-between;align-items:center;min-height:30px;margin:0 10px 4px;display:flex}.beat-numbers{align-items:center;gap:12px;display:flex}.beat-numbers>span{color:#7e8777;font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;width:24px;height:28px;font-size:18px;font-weight:550;display:grid}.beat-numbers>span.downbeat{color:#58644b;font-weight:800}.beat-numbers>span.lit{color:#c74828;background:#f5dfd3}.beat-status .practice-time{color:#69735f;font-size:11px}.v8 .pulse-control{justify-content:center;min-width:44px}.deck-app.v9,.deck-app.v9.dense-score{flex-direction:column;display:flex;overflow:hidden}.v9 .app-header{box-sizing:border-box;flex:0 0 62px;height:62px;min-height:62px}.v9 .deck-main,.v9.dense-score .deck-main{flex-direction:column;flex:1 1 0;gap:0;min-height:0;padding:2px 24px 12px;display:flex;overflow-y:auto}.v9 .deck-stage,.v9.dense-score .deck-stage{flex:1 0 258px;height:auto;min-height:258px;margin:0}.v9 .exercise-card{box-sizing:border-box;flex-direction:column;gap:0;height:100%;min-height:258px;padding:8px 12px;display:flex;position:absolute;inset:0;overflow:hidden}.v9 .card-heading{flex:0 0 64px;align-items:center;gap:6px;height:64px;min-height:64px;display:flex;overflow:hidden}.v9 .card-title-block{flex:1;min-width:0}.v9 .card-number{color:#63705a;font-variant-numeric:tabular-nums;font-size:11px;line-height:16px;display:block}.v9 .card-number small{font-size:10px}.v9 .exercise-card h1{letter-spacing:-.3px;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin:0;font-size:18px;line-height:21px;display:-webkit-box;overflow:hidden}.v9 .card-tools{flex:none;align-self:flex-start;gap:0;margin-top:6px;display:flex}.v9 .card-tools .icon-button{width:44px;height:44px}.v9 .score-window{flex:1 1 0;justify-content:center;align-items:center;width:100%;margin:0;display:flex;overflow:hidden;min-height:130px!important}.v9 .score-window svg{flex:none;width:100%;max-width:none;height:auto;max-height:none;display:block}.v9 .card-actions{flex:0 0 44px;justify-content:space-between;align-items:center;gap:0;height:44px;min-height:44px;margin:0}.v9 .score-page-button{font-variant-numeric:tabular-nums;color:#5e6b52;background:0 0;border:0;min-width:44px;min-height:44px;padding:0;font-size:13px}.v9 .score-page-button span{margin-left:2px;font-size:10px}.v9 .score-page-button:disabled{opacity:1;color:#8b927f}.v9 .transport-area,.v9.dense-score .transport-area{flex:none;width:calc(100% - 48px);margin:0 auto 3px;padding:0;position:relative;bottom:auto;left:auto;right:auto}.v9 .beat-status{height:30px;min-height:30px;margin:0 6px 3px;padding:0}.v9 .dock-secondary{flex-wrap:nowrap;height:44px;min-height:44px;margin:0}.v9 .dock-secondary button{height:44px;min-height:44px}.v9 .score-page-button:disabled{visibility:hidden}.v9 .deck-main,.v9.dense-score .deck-main{padding-bottom:16px}.v9 .score-window{padding:0}.v10 .app-header,.v10.dense-score .app-header{flex:0 0 48px;justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:2px 24px;display:flex}.current-book{color:#58634f;letter-spacing:.02em;font-size:13px;font-weight:600}.v10 .unified-menu{min-width:44px;min-height:44px}.v10 .card-heading{flex-basis:64px;height:64px;min-height:64px}.v10 .card-title-block{width:100%}.v10 .exercise-card h1{letter-spacing:-.2px}.v10 .transport-area,.v10.dense-score .transport-area{margin-bottom:max(8px,env(safe-area-inset-bottom))}.menu-back{color:#5b6752;background:0 0;border:0;align-items:center;gap:3px;min-height:44px;padding:0;font-size:13px;display:flex}.menu-categories .panel-link{min-height:64px}.menu-categories .panel-link>span{text-align:left;flex-direction:column;gap:4px;display:flex}.menu-categories small{color:#6c765f;font-size:12px;font-weight:400}.menu-books{justify-content:stretch;margin:4px 0 16px}.menu-books button{flex:1}.menu-notice{text-align:left;background:#e6ebdb;border:0;border-radius:10px;width:100%;min-height:44px;padding:12px;font-size:13px;display:block}.v10-menu .sound-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.v10-menu .sound-presets button{text-align:center;height:44px;min-height:44px;padding:6px}.v10-menu .sound-presets strong{white-space:nowrap;font-size:13px}.v10-menu .sound-tuning{border-top:1px solid #dce1d3;margin-top:10px}.v10-menu .sound-tuning summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px}.v10-menu .primary-volume{margin-top:4px}.v10-menu .sound-panel h3{margin:18px 0 6px;font-size:15px}.sheet-header.has-back{padding-left:68px}.native-sheet-back{color:#535e49;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:8px;left:12px}.native-sheet-back:focus-visible{outline-offset:2px;outline:3px solid #1d5c9b}.v11 .book-entry{text-align:left;color:#58634f;background:0 0;border:0;border-radius:9px;justify-content:flex-start;align-items:center;gap:6px;max-width:calc(100% - 56px);min-height:44px;margin-left:-8px;padding:0 8px;font-size:13px;font-weight:600;line-height:20px;display:inline-flex}.v11 .book-entry>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v11 .book-entry svg{opacity:.8;flex:none}.v11 .book-entry:active,.v11 .unified-menu:active,.native-sheet-back:active,.native-sheet-close:active{background:#e4e8dc}.native-sheet-back:focus-visible,.native-sheet-close:focus-visible{outline-offset:2px;outline:3px solid #315e96}.v11-menu .menu-categories .panel-link:last-child{border-bottom-color:#0000!important}@media (hover:hover){.v11 .book-entry:hover,.v11 .unified-menu:hover,.native-sheet-back:hover,.native-sheet-close:hover{background:#e9ece2}.v11-menu .menu-categories .panel-link:hover{background:#f3f5ed}}.v12 .app-header,.v12.dense-score .app-header{box-sizing:border-box;align-items:center;gap:8px;width:calc(100% - 48px);max-width:540px;margin-left:auto;margin-right:auto;padding:2px 0}.v12 .app-header .book-entry,.v12 .app-header .unified-menu{color:#58634f;box-sizing:border-box;background:0 0;border:0;border-radius:9px;flex-shrink:0;height:44px;min-height:44px;margin:0}.v12 .app-header .book-entry{gap:6px;max-width:calc(100% - 52px);padding:0 8px;line-height:20px}.v12 .app-header .unified-menu{place-items:center;width:44px;min-width:44px;padding:0;display:grid}.v12 .app-header button svg{flex:none;display:block}.v12 .app-header .book-entry:active,.v12 .app-header .unified-menu:active{background:#e4e8dc}.v12 .app-header .book-entry:focus-visible,.v12 .app-header .unified-menu:focus-visible{outline-offset:2px;outline:3px solid #315e96}@media (hover:hover){.v12 .app-header .book-entry:hover,.v12 .app-header .unified-menu:hover{background:#e9ece2}}.card-actions .icon-button[aria-pressed=true]{color:#345a2d;background:#e2ead9;box-shadow:inset 0 0 0 1px #91a48166}.v13 .card-beat-slot{flex:0 0 30px;justify-content:center;align-items:center;height:30px;min-height:30px;margin:0;display:flex;position:relative}.v13 .card-beat-slot .beat-numbers{gap:12px}.v13 .card-beat-slot .practice-time{color:#69735f;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;right:0}.v13 .deck-stage,.v13.dense-score .deck-stage{flex-basis:288px;min-height:288px}.v13 .exercise-card{min-height:288px}.v13 .app-header .header-actions{flex:none;align-items:center;gap:0;display:flex}.v13 .app-header .book-entry{max-width:calc(100% - 96px)}.v13 .app-header .records-entry{color:#58634f;background:0 0;border:0;border-radius:9px;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;display:grid}.v13 .app-header .records-entry:active{background:#e4e8dc}.v13 .app-header .records-entry:focus-visible{outline-offset:2px;outline:3px solid #315e96}@media (hover:hover){.v13 .app-header .records-entry:hover{background:#e9ece2}}.v13-menu .panel-link,.v13-menu .setting-row{box-sizing:border-box;border-bottom:1px solid #e3e8da;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:57px;margin:0;padding:12px 6px;display:flex}.v13-menu .setting-row input[type=checkbox]{flex:none;margin:0}.v14 .card-heading{gap:8px}.v14 .practice-mascot{pointer-events:none;-webkit-user-select:none;user-select:none;flex:0 0 56px;align-self:center;width:56px;height:56px;display:block;position:relative}.v14 .practice-mascot img{object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .18s;display:block;position:absolute;inset:0}.v14 .practice-mascot[data-pose=idle] [data-pose-image=idle],.v14 .practice-mascot[data-pose=drumming] [data-pose-image=drumming],.v14 .practice-mascot[data-pose=rest] [data-pose-image=rest]{opacity:1}.v14.simple .practice-mascot img{transition:none}@media (prefers-reduced-motion:reduce){.v14 .practice-mascot img{transition:none}}.v15 .practice-mascot[data-pose=drumming] img{opacity:0;transition:none}.v15 .practice-mascot[data-pose=drumming][data-frame=idle] [data-pose-image=idle],.v15 .practice-mascot[data-pose=drumming][data-frame=lift] [data-pose-image=lift],.v15 .practice-mascot[data-pose=drumming][data-frame=contact] [data-pose-image=contact],.v15 .practice-mascot[data-pose=drumming][data-frame=rebound] [data-pose-image=rebound],.v15 .practice-mascot[data-pose=drumming][data-frame=rest] [data-pose-image=rest],.v15 .practice-mascot[data-pose=drumming]:not([data-frame]) [data-pose-image=contact],.v16 .practice-mascot[data-pose=drumming]:not([data-frame]) [data-pose-image=idle],.v16 .practice-mascot[data-pose=drumming][data-hand=r][data-frame=lift] [data-pose-image=r-lift],.v16 .practice-mascot[data-pose=drumming][data-hand=r][data-frame=contact] [data-pose-image=r-contact],.v16 .practice-mascot[data-pose=drumming][data-hand=r][data-frame=rebound] [data-pose-image=r-rebound],.v16 .practice-mascot[data-pose=drumming][data-hand=l][data-frame=lift] [data-pose-image=l-lift],.v16 .practice-mascot[data-pose=drumming][data-hand=l][data-frame=contact] [data-pose-image=l-contact],.v16 .practice-mascot[data-pose=drumming][data-hand=l][data-frame=rebound] [data-pose-image=l-rebound]{opacity:1}.deck-stage .drag-underlay{z-index:2;pointer-events:none;border-radius:26px;position:absolute;inset:0;overflow:hidden}.drag-hint{color:#607a55;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-hint span{border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #6b825416}.drag-hint.left{background:linear-gradient(270deg,#dce6d25c,#0000 42%);justify-content:flex-end;padding-right:16px}.drag-hint.right{background:linear-gradient(90deg,#dce6d25c,#0000 42%);justify-content:flex-start;padding-left:16px}.drag-hint.up{background:linear-gradient(#0000 58%,#dce6d25c);align-items:flex-end;padding-bottom:16px}.drag-hint.down{color:#a77c51;background:linear-gradient(#ede1d15c,#0000 42%);align-items:flex-start;padding-top:16px}.deck-stage .exercise-card{cursor:grab;touch-action:none}.deck-stage .exercise-card button{cursor:pointer;touch-action:manipulation}.deck-stage .exercise-card[data-dragging=true]{cursor:grabbing}.deck-stage .leaving-card{touch-action:none;will-change:transform,opacity;pointer-events:none!important}.deck-stage .leaving-card *{pointer-events:none!important}@media (prefers-reduced-motion:reduce){.drag-hint span{transform:none!important}}.deck-app .deck-main[data-card-floating=true]{z-index:30}.drag-hint-content{flex-direction:column;flex:none;align-items:center;gap:6px;width:48px;display:flex}.drag-hint-label{white-space:nowrap;letter-spacing:0;color:#4f6646;font-size:12px;font-weight:550;line-height:17px;display:block}.drag-hint.down .drag-hint-label{color:#805b35}.panel-content .review-help{color:#64705c;margin:4px 0 14px;font-size:12px;line-height:1.65}.card-boundary-hint{z-index:6;pointer-events:none;color:#64705c;white-space:nowrap;background:#edf0e4;border-radius:9px;padding:7px 9px;font-size:12px;line-height:18px;position:absolute;top:50%}.card-boundary-hint.left{right:10px}.card-boundary-hint.right{left:10px}.drag-hint.up{padding-bottom:8px}.drag-hint.down{padding-top:8px}.drag-hint.up .drag-hint-content,.drag-hint.down .drag-hint-content{flex-direction:row;gap:8px;width:auto}.drag-hint.left{padding-right:8px}.drag-hint.right{padding-left:8px}.deck-app .play-control:disabled{opacity:1;cursor:progress}.tempo-popover{width:min(292px,100vw - 40px);max-height:max(72px,calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom) - 98px));overscroll-behavior:contain;padding:8px 16px 13px;scroll-padding:44px 0 8px;bottom:calc(100% + 10px);overflow-y:auto}.tempo-popover .tempo-popover-header{z-index:1;background:#f7f8ef;position:sticky;top:-8px}:root[data-keyboard=open] .tempo-popover{top:calc(var(--app-top,0px) + max(8px,var(--safe-top)));bottom:auto;left:max(16px,var(--safe-left,0px));max-height:max(72px,calc(var(--app-height,100dvh) - max(8px,var(--safe-top)) - 8px));position:fixed}.tempo-popover .tempo-slider-label{color:#53644b;justify-content:space-between;align-items:center;margin:14px 0 0;font-size:12px;display:flex}.tempo-slider-label span{color:#6c7864;font-size:11px}.tempo-popover input.tempo-slider{appearance:none;touch-action:none;cursor:ew-resize;background:0 0;border:0;border-radius:0;width:100%;height:44px;min-height:44px;margin:0;padding:0;display:block}.tempo-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#a65338 var(--tempo-fill),#d7decf var(--tempo-fill));border-radius:3px;height:6px}.tempo-slider::-moz-range-track{background:#d7decf;border-radius:3px;height:6px}.tempo-slider::-moz-range-progress{background:#a65338;border-radius:3px;height:6px}.tempo-slider::-webkit-slider-thumb{appearance:none;background:#fffef9;border:1px solid #a6533833;border-radius:50%;width:28px;height:28px;margin-top:-11px;box-shadow:0 2px 6px #34452a33}.tempo-slider::-moz-range-thumb{background:#fffef9;border:1px solid #a6533833;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #34452a33}.tempo-popover .tempo-status{min-height:15px;margin-top:0;font-size:11px;line-height:15px}@media (prefers-contrast:more){.tempo-slider::-webkit-slider-thumb{border:2px solid #384630}.tempo-slider::-moz-range-thumb{border:2px solid #384630}}:root{--app-canvas:#f1f2e9;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-display-mode],body,#root,.browser-app-viewport[data-testid]{background:var(--app-canvas)}html{overscroll-behavior:none}:root[data-keyboard=open]{--safe-bottom:0px}.browser-app-viewport>.deck-app{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.deck-app.v10 .transport-area,.deck-app.v10.dense-score .transport-area{margin-bottom:8px}.card-face-front .practice-focus{flex-direction:column;flex:1 1 0;justify-content:center;gap:12px;min-height:172px;display:flex}.v13 .practice-focus .card-beat-slot{flex:0 0 30px}.deck-app.v13 .deck-stage,.deck-app.v13 .exercise-card{min-height:300px}.deck-app.v13 .deck-stage{flex-basis:300px}.v9 .practice-focus .score-window{width:100%;height:auto;aspect-ratio:1 / var(--score-ratio,.31);flex:0 auto;max-height:calc(100% - 42px);min-height:130px!important}.bottom-sheet[role=dialog]{bottom:max(0px, calc(100% - var(--app-height,100dvh) - var(--app-top,0px)));max-height:max(60px, min(calc(var(--app-height,100dvh) * var(--sheet-snap,.76)), calc(var(--app-height,100dvh) - var(--safe-top) - 12px)))}.bottom-sheet .sheet-content{padding-bottom:calc(20px + var(--safe-bottom));scroll-padding-bottom:calc(20px + var(--safe-bottom));-webkit-overflow-scrolling:touch}:root[data-display-mode=standalone]{--app-canvas:#34472d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-display-mode=standalone] .deck-app{background:linear-gradient(to bottom, #34472d 0px, #34472d calc(var(--safe-top) + 110px), #eaece4 calc(var(--safe-top) + 245px))}:root[data-display-mode=standalone] .app-header{background:0 0}:root[data-display-mode=standalone] .app-header .book-entry,:root[data-display-mode=standalone] .app-header .records-entry,:root[data-display-mode=standalone] .app-header .unified-menu{color:#f5f5ed}:root[data-display-mode=standalone] .app-header button:active{background:#ffffff18}:root[data-display-mode=standalone] .app-header button:focus-visible{outline-color:#f5f5ed}@media (width<=700px){.search-field input{font-size:16px}:root[data-display-mode=standalone] .bottom-sheet{height:max(60px, calc(var(--app-height,100dvh) - var(--safe-top)));max-height:max(60px, calc(var(--app-height,100dvh) - var(--safe-top)));border-radius:20px 20px 0 0}}@media (width<=360px){.deck-app.v12 .app-header,.deck-app.v10 .transport-area{width:calc(100% - 32px)}.deck-app.v9 .deck-main{padding-left:16px;padding-right:16px}}@media (height<=500px) and (orientation:landscape){.deck-app.v9 .deck-main{min-height:0}.deck-app.v13 .deck-stage{flex:0 0 300px}}:root{color:#181915;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--device-safe-area-top:env(safe-area-inset-top,0px);--device-safe-area-bottom:env(safe-area-inset-bottom,0px);background:#fffef9;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:280px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}input,textarea{font-size:16px}img{max-width:100%}.browser-app-viewport{top:var(--app-top,0px);height:var(--app-height,100dvh);background:#fffef9;position:fixed;left:0;right:0;overflow:hidden}.mobile-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;position:absolute;overflow:hidden auto}.sheet-overlay{z-index:40;background:#0005;position:fixed;inset:0}.bottom-sheet{z-index:41;bottom:max(env(safe-area-inset-bottom,0px),calc(100% - var(--app-height,100dvh) - var(--app-top,0px)));left:max(env(safe-area-inset-left,0px),calc((100vw - 700px)/2));right:max(env(safe-area-inset-right,0px),calc((100vw - 700px)/2));background:#fffef9;border-radius:24px 24px 0 0;outline:none;flex-direction:column;min-height:0;display:flex;position:fixed;overflow:hidden;box-shadow:0 -8px 30px #0002}.sheet-handle-zone{flex-shrink:0;place-items:center;height:25px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:5px;width:40px;height:4px}.sheet-header{flex-shrink:0;padding:0 20px 12px}.sheet-title{font-size:19px}.sheet-description{color:#62665a;font-size:13px}.sheet-content{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;padding:0 20px max(24px,env(safe-area-inset-bottom,0px));min-height:0;overflow-y:auto}.sheet-header{align-items:center;min-height:62px;padding:12px 80px 12px 20px;display:flex;position:relative}.native-sheet-close{color:#535e49;background:0 0;border:0;border-radius:12px;min-width:60px;min-height:44px;font-size:14px;position:absolute;top:8px;right:12px}.native-sheet-close:focus-visible{outline-offset:2px;outline:3px solid #1d5c9b}
