@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#263c35;font-synthesis:none;--green:#174d3d;--muted:#75837b;--line:#e1e5dd;--accent:#bb803d;background:#f5f5f0;font-family:DM Sans,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #cc9b59}button,select{touch-action:manipulation}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#fafbf7;justify-content:space-between;align-items:center;height:76px;min-height:76px;padding:0 30px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:12px;font-size:25px;font-weight:700;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:16px 16px 8px 8px;place-items:center;width:39px;height:43px;display:grid}.brand-sub{color:var(--muted);letter-spacing:0;margin-left:13px;font-size:12px;font-weight:500}.top-right{align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.live-dot{background:#739986;border-radius:50%;width:6px;height:6px}.year{color:#8a948a;border-left:1px solid #dbe0d7;padding-left:8px}.icon-button{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#e9ede5}.workspace{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--line);background:#f8f9f4;flex-direction:column;flex-shrink:0;width:252px;padding:28px 19px 16px;display:flex;overflow:auto}.side-label{letter-spacing:1.8px;color:#7f8d80;justify-content:space-between;align-items:center;margin:0 9px 12px;font-size:10px;font-weight:700;display:flex}.side-label span{letter-spacing:0;font-size:10px;font-weight:400}.part-switch{background:#e9ede4;border-radius:10px;gap:4px;padding:4px;display:flex}.part-switch button{color:#6e7f70;border-radius:7px;flex:1;height:39px;font-size:13px}.part-switch b{margin-left:3px;font-size:16px}.part-switch [aria-selected=true]{background:var(--green);color:#fff;box-shadow:0 2px 5px #14372819}.songs-label{margin-top:30px}.song-link{text-align:left;white-space:nowrap;border-radius:9px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:14px 10px;font-size:12px;font-weight:500;line-height:1.6;display:flex}.song-link small{color:#8b958b;margin-top:2px;font-size:10px;font-weight:400;display:block}.song-link svg{flex-shrink:0;margin-left:auto}.song-number{color:#96a093;font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:2px;font-size:12px}.song-link.selected{color:#164e36;background:#e5eee3}.selected .song-number{color:#326547;font-weight:700}.song-link:hover{background:#edf0e7}.side-note{border-top:1px solid var(--line);color:#6c806a;gap:10px;margin-top:auto;padding:26px 9px 12px;font-size:11px;display:flex}.side-note p{margin:0;line-height:1.5}.side-note small{color:#97a091;margin-top:7px;font-size:10px;line-height:1.9;display:block}.source-link{color:#82907c;align-items:center;gap:5px;margin-left:38px;font-size:10px;display:flex}.main{background:#f1f2ec;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.score-heading{background:#f9faf6;justify-content:space-between;align-items:center;padding:25px 37px 21px;display:flex}.eyebrow{letter-spacing:2.6px;color:#89917b;margin-bottom:9px;font-size:9px;font-weight:700}h1{letter-spacing:-1px;align-items:baseline;gap:13px;margin:0;font-size:27px;font-weight:700;display:flex}h1>span{color:#a0ad99;font-size:24px;font-weight:400}h1+p{color:#82917f;gap:10px;margin:9px 0 0 45px;font-size:11px;display:flex}.original{color:#7e8b7d;align-items:center;gap:5px;font-size:11px;display:flex}.score-toolbar{border-top:1px solid #edf0e8;border-bottom:1px solid var(--line);background:#fafbf7;justify-content:space-between;align-items:center;gap:12px;padding:10px 35px;display:flex}.toolbar-left{align-items:center;gap:9px;display:flex}.toggle{color:#7b8876;border:1px solid #dfe5da;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.toggle.enabled{color:#315c43;background:#edf2e9;border-color:#d4dfcc}.return-current{color:#8b9783;padding:8px;font-size:10px}.zoom{color:#66775f;align-items:center;gap:12px;font-size:11px;display:flex}.zoom button{background:#fff;border:1px solid #e1e6db;border-radius:5px;place-items:center;width:27px;height:27px;display:grid}.zoom span{text-align:center;min-width:32px}.score-scroll{scrollbar-color:#bdc7b9 transparent;scrollbar-width:thin;scroll-behavior:smooth;overscroll-behavior:contain;flex:1;min-height:0;padding:0 34px 30px;overflow:auto}.reading-hint{color:#8b9584;align-items:center;gap:6px;padding:17px 2px;font-size:10px;display:flex}.hint-dot{background:#9cac91;border-radius:50%;width:4px;height:4px}.hint-right{font-variant-numeric:tabular-nums;margin-left:auto}.score-book{background:#fff;border:1px solid #e7e9df;border-radius:6px;min-width:570px;max-width:2000px;margin:0 auto;padding:12px 16px 20px;transition:width .15s;box-shadow:0 5px 30px #4857360c}.score-row{border-left:3px solid #0000;border-radius:4px;margin:6px 0 12px;scroll-margin-top:25px;transition:border-color .2s,background .2s;position:relative}.score-row.is-active{background:#fdfdf8;border-left-color:#b98a42}.row-gutter{color:#bac1b0;flex-direction:column;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;top:14px;left:3px}.row-gutter i{background:#b88b48;border-radius:50%;width:4px;height:4px}.score-sheet{width:100%;position:relative}.engraving{pointer-events:none;position:absolute;inset:0}.engraving svg{width:100%;height:100%;display:block}.measure-hit{opacity:1;border-radius:3px;height:100%;padding:0;transition:background .15s;position:absolute;top:0}.measure-hit:hover{background:#497e4410}.measure-hit.current{background:#cf9c3b17}.measure-hit.in-loop{box-shadow:inset 0 -2px #739c7370}.playhead{pointer-events:none;will-change:left;background:#c88c37;width:2px;position:absolute;top:3px;box-shadow:0 0 6px #c88c3738}.playhead i{border-top:7px solid #c88c37;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-2px;left:-4px}.score-end{color:#a0aa96;flex-direction:column;align-items:center;gap:12px;padding:38px 0 18px;font-size:12px;display:flex}.score-end button{color:#6d8465;text-underline-offset:3px;font-size:11px;text-decoration:underline}.transport{z-index:5;background:#fbfcf8;border-top:1px solid #d5ddcf;flex-shrink:0;box-shadow:0 -6px 30px #31471d05}.practice-strip{border-bottom:1px solid #e8ede1;align-items:center;gap:26px;height:77px;padding:0 34px;display:flex}.measure-status{flex-direction:column;gap:3px;min-width:112px;display:flex}.measure-label{letter-spacing:.5px;color:#86917e;font-size:9px}.measure-status strong{color:var(--green);letter-spacing:-.6px;font-variant-numeric:tabular-nums;font-size:27px;line-height:1.15}.measure-status small{color:#798972;letter-spacing:0;font-size:11px;font-weight:500}.beat-display{border-left:1px solid #e3e8dc;min-width:170px;padding-left:26px}.beat-dots{align-items:center;gap:7px;display:flex}.beat-dots>span{color:#a6b09b;background:#f5f7f0;border:1px solid #dbe4d5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.beat-dots .lit{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 0 0 3px #e0ebd9}.beat-display small{color:#8d9983;margin-top:7px;font-size:8px;display:block}.loop-settings{color:#86937a;align-items:center;gap:10px;margin-left:auto;font-size:10px;display:flex}.loop-toggle{color:#6f8562;border:1px solid #dce4d5;border-radius:7px;align-items:center;gap:7px;margin-right:7px;padding:9px 11px;font-size:11px;display:flex}.loop-toggle.on{color:#315a2c;background:#e1edd9;border-color:#bacdb0}.loop-settings label{letter-spacing:1px;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.loop-settings select{color:#566b4d;letter-spacing:0;background:#f3f6ee;border:1px solid #dce4d6;border-radius:5px;padding:6px;font-size:11px}.sync-button{color:#849378;text-underline-offset:3px;margin-left:4px;font-size:10px;text-decoration:underline}.playback{align-items:center;gap:23px;height:77px;padding:8px 34px 0;display:flex}.play-buttons{flex-shrink:0;align-items:center;gap:13px;display:flex}.play-buttons>button:not(.play-button){color:#8a967f;flex-direction:column;align-items:center;gap:1px;padding:6px;display:flex}.play-buttons small{font-size:8px}.play-button{background:var(--green);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-width:99px;height:43px;font-size:12px;display:flex;box-shadow:0 3px 6px #234c3420}.play-button:hover{background:#236149}.progress{color:#86917c;font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:13px;min-width:120px;font-size:10px;display:flex}.progress input{background:linear-gradient(to right,#527955 var(--progress),#e3e9dc var(--progress));appearance:none;cursor:pointer;border-radius:4px;flex:1;min-width:30px;height:4px}.progress input::-webkit-slider-thumb{appearance:none;background:#597d4b;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #bbcab0}.speed{color:#8a977e;flex-direction:column;gap:4px;font-size:8px;display:flex}.speed select{color:#526c47;cursor:pointer;background:0 0;border:0;max-width:100px;padding:0;font-size:12px}.volume{color:#819373;align-items:center;gap:9px;display:flex}.volume input{accent-color:#61824c;width:63px;height:3px}.audio-source{color:#7e8d72;white-space:nowrap;align-items:center;font-size:10px;display:flex}.transport-footnote{color:#a6ad9c;letter-spacing:.2px;justify-content:space-between;padding:1px 34px 10px;font-size:8px;display:flex}.transport-footnote i{padding:0 7px;font-style:normal}.sync-panel{color:#617254;background:#edf2e8;justify-content:space-between;gap:20px;padding:15px 34px;font-size:11px;display:flex}.sync-panel b{font-size:12px}.sync-panel p{max-width:700px;margin:5px 0 0;line-height:1.7}.offset-controls{white-space:nowrap;align-items:center;gap:8px;display:flex}.offset-controls button{background:#f9fbf6;border:1px solid #cedbc3;border-radius:5px;padding:8px;font-size:10px}.offset-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:45px}.error{color:#8f571e;background:#fff0dd;justify-content:space-between;padding:8px 34px;font-size:12px;display:flex}.error button{text-decoration:underline}@media (width>=1600px){.score-book{max-width:1500px}.score-heading{padding-top:32px;padding-bottom:28px}.score-scroll{padding-left:50px;padding-right:50px}.sidebar{width:275px}.song-link{padding:16px 12px;font-size:13px}}@media (width<=1100px){.sidebar{width:215px;padding:23px 12px}.song-link{gap:7px;padding:12px 6px;font-size:11px}.brand-sub{display:none}.score-heading{padding:22px 25px}.score-heading h1{font-size:24px}.original{font-size:9px}.score-toolbar{padding:9px 22px}.score-scroll{padding-left:18px;padding-right:18px}.practice-strip{gap:17px;padding:0 22px}.beat-display{min-width:145px;padding-left:17px}.loop-settings{gap:6px}.loop-toggle{margin:0}.playback{gap:17px;padding-left:22px;padding-right:22px}.volume{display:none}.sync-button{font-size:9px}.transport-footnote{padding-left:22px;padding-right:22px}}@media (width<=760px){.topbar{height:58px;min-height:58px;padding:0 16px}.brand{gap:9px;font-size:22px}.brand-mark{border-radius:12px 12px 6px 6px;width:31px;height:34px}.top-right{gap:6px;font-size:10px}.top-right .year,.top-right .live-dot{display:none}.workspace{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:158px 1fr;gap:8px;width:100%;padding:10px 12px 8px;display:grid;overflow:visible}.side-label,.side-note,.source-link{display:none}.part-switch{align-self:start;gap:2px;padding:3px}.part-switch button{height:34px;font-size:11px}.part-switch b{font-size:14px}.sidebar nav{scrollbar-width:none;gap:3px;display:flex;overflow:auto}.song-link{gap:6px;width:auto;min-width:145px;height:40px;margin:0;padding:5px 8px;font-size:10px}.song-link small{font-size:8px;line-height:1.2}.song-link svg{display:none}.song-number{font-size:10px}.score-heading{padding:16px 16px 13px}.eyebrow{letter-spacing:1.7px;margin-bottom:6px;font-size:7px}.score-heading h1{gap:9px;font-size:20px}.score-heading h1>span{font-size:18px}.score-heading h1+p{gap:7px;margin:7px 0 0 32px;font-size:9px}.original{display:none}.score-toolbar{gap:6px;padding:8px 12px}.toolbar-left{gap:5px}.toggle{gap:4px;padding:7px;font-size:10px}.return-current{padding:5px;font-size:9px}.zoom{gap:7px;font-size:10px}.zoom button{width:25px;height:25px}.score-scroll{padding:0 10px 20px}.reading-hint{padding:11px 2px;font-size:8px}.hint-right{display:none}.score-book{border-radius:4px;min-width:550px;margin:0;padding:7px 4px 12px}.score-row{margin:0 0 10px}.row-gutter{display:none}.practice-strip{flex-wrap:wrap;gap:9px 13px;height:auto;min-height:90px;padding:11px 13px 8px}.measure-status{flex-direction:row;align-items:baseline;gap:7px;min-width:86px}.measure-status strong{font-size:23px}.measure-label{font-size:8px}.measure-status small{font-size:9px}.beat-display{border:0;min-width:0;padding-left:0}.beat-display small{display:none}.beat-dots{gap:6px}.beat-dots>span{width:19px;height:19px;font-size:9px}.sync-button{margin-left:auto;font-size:9px}.loop-settings{flex-basis:100%;order:4;justify-content:center;gap:8px;margin:0}.loop-toggle{padding:6px 8px;font-size:10px}.loop-settings select{padding:5px 3px;font-size:10px}.loop-settings label{gap:5px}.playback{grid-template-columns:1fr auto auto;gap:8px 20px;height:auto;min-height:96px;padding:9px 16px 7px;display:grid}.play-buttons{order:2;justify-self:start;gap:11px}.play-button{min-width:89px;height:38px;font-size:11px}.play-buttons>button:not(.play-button){padding:2px}.progress{order:1;grid-column:1/-1;gap:11px;font-size:9px}.speed{order:3}.audio-source{order:4}.transport-footnote{justify-content:center;padding:1px 14px 8px;font-size:7px}.transport-footnote span:first-child{display:none}.sync-panel{flex-direction:column;gap:10px;padding:12px 15px;font-size:10px}.offset-controls{justify-content:center}.error{padding:8px 15px;font-size:10px}.score-end{padding:25px}.app{min-height:510px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.offset-save-area{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:5px;max-width:440px;display:flex}.offset-save-area .offset-save-status{color:#315d3d;margin:0;font-size:10px;line-height:1.6}.offset-save-area .offset-save-status.failed{color:#a24d25}.offset-save-area small{color:#7b8b70;font-size:9px}.offset-controls .save-offset{background:var(--green);color:#fff;border-color:var(--green)}@media (width<=1100px){.sync-panel{flex-wrap:wrap}.offset-save-area{align-items:flex-start;max-width:100%}.offset-controls{flex-wrap:wrap}}@media (width<=760px){.offset-save-area{align-self:center;align-items:center}.offset-save-area .offset-save-status{text-align:center}}.part-switch button{white-space:nowrap;min-width:0;padding-left:5px;padding-right:5px}@media (width<=760px){.sidebar{grid-template-columns:210px minmax(0,1fr)}.part-switch button{font-size:11px}}.instrument-toggle{white-space:nowrap}.preview-badge{color:#718366;border:1px solid #cbd8c1;border-radius:4px;padding:1px 4px;font-size:8px}.instrument-mixer{border-bottom:1px solid var(--line);z-index:6;background:#f7f9f3;flex-shrink:0;padding:9px 35px;position:relative}.mixer-sliders{align-items:center;gap:28px;display:flex}.mixer-channel{color:#54744c;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.mixer-channel span{white-space:nowrap;min-width:34px}.mixer-channel input{accent-color:#547954;cursor:pointer;width:108px;min-width:45px;height:18px;margin:0}.mixer-channel output{font-variant-numeric:tabular-nums;text-align:right;min-width:31px;font-size:10px}.mixer-channel.muted{color:#8c9785}.instrument-information{color:#829175;align-items:center;gap:9px;min-height:17px;margin-top:4px;font-size:10px;display:flex}.instrument-message{line-height:1.5}.instrument-message.failed{color:#a24d25}.instrument-retry{color:#477047;white-space:nowrap;padding:2px 4px;text-decoration:underline}.instrument-details{flex-shrink:0;margin-left:auto}.instrument-details summary{cursor:pointer;text-underline-offset:3px;color:#66805b;padding:3px 0;text-decoration:underline}.instrument-progress-panel{color:#5c6f52;background:#fcfdf9;border:1px solid #cedcc4;border-radius:9px;width:min(580px,100vw - 32px);max-height:45dvh;padding:18px;font-size:11px;line-height:1.7;position:absolute;top:calc(100% + 3px);right:18px;overflow:auto;box-shadow:0 10px 25px #223e2422}.instrument-progress-panel b{color:var(--green);font-size:13px}.instrument-progress-panel p{margin:8px 0}.instrument-progress-panel table{border-collapse:collapse;text-align:left;width:100%;margin:12px 0;font-size:10px}.instrument-progress-panel caption{text-align:left;color:#7d8f70;margin-bottom:4px;font-size:10px}.instrument-progress-panel th,.instrument-progress-panel td{vertical-align:top;border-bottom:1px solid #e3eadc;padding:7px 5px;font-weight:400}.instrument-progress-panel thead th{color:#335938;font-weight:600}.instrument-progress-panel a{color:#527a42;text-decoration:underline}@media (width<=1100px){.score-toolbar,.toolbar-left{flex-wrap:wrap}.instrument-mixer{padding-left:22px;padding-right:22px}}@media (width<=760px){.score-toolbar{gap:7px;min-height:66px;padding:7px 90px 7px 12px;position:relative}.toolbar-left{flex-wrap:wrap;gap:4px}.score-toolbar .zoom{position:absolute;top:10px;right:12px}.toolbar-left .return-current{font-size:9px}.preview-badge{display:none}.instrument-mixer{padding:6px 12px}.mixer-sliders{justify-content:space-between;gap:14px}.mixer-channel{flex:1;gap:4px;font-size:10px}.mixer-channel svg{display:none}.mixer-channel span{min-width:29px}.mixer-channel input{flex:1;width:100%;min-width:30px}.mixer-channel output{min-width:29px;font-size:9px}.instrument-information{gap:6px;margin-top:2px;font-size:8px}.instrument-progress-panel{width:calc(100vw - 20px);max-height:42dvh;padding:12px;font-size:10px;right:10px}.instrument-progress-panel table{font-size:9px}.instrument-progress-panel th:first-child{max-width:96px}}@media (width<=350px){.mixer-sliders{gap:9px}.mixer-channel span{min-width:26px}.instrument-information{flex-wrap:wrap}.instrument-details{margin-left:0}}.selection-guide{color:#526c47;background:#f1f5ed;border-bottom:1px solid #dde6d6;flex-shrink:0;align-items:center;gap:7px;padding:9px 35px;font-size:11px;line-height:1.6;display:flex}.selection-guide svg{flex-shrink:0}.selection-guide.choosing{color:#244e2c;background:#e5efdf;font-weight:600}kbd{font:inherit;background:#f9fbf6;border:1px solid #ced9c6;border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:.9em;line-height:1.5;display:inline-block}.touch-selection-help{display:none}.selecting-range .measure-hit{cursor:crosshair}.measure-hit{-webkit-user-select:none;user-select:none}.measure-hit.in-loop{background:#48915f20;border-radius:0;box-shadow:inset 0 2px #4b855e,inset 0 -2px #4b855e}.measure-hit.in-loop:hover{background:#48915f30}.measure-hit.in-loop.current{background:#48915f2a}.measure-hit.selection-start{border-left:3px solid #34754b;border-radius:4px 0 0 4px}.measure-hit.selection-end{border-right:3px solid #34754b;border-radius:0 4px 4px 0}.measure-hit.selection-start.selection-end{border-radius:4px}.selection-endpoint{color:#fff;white-space:nowrap;pointer-events:none;z-index:1;background:#34754b;border-radius:3px;padding:1px 4px;font-size:9px;line-height:1.5;position:absolute;top:2px;left:3px}.selection-end:not(.selection-start) .selection-endpoint{left:auto;right:3px}.selection-summary{color:#365c35;background:#eaf2e4;border-bottom:1px solid #d5e3ce;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 34px;font-size:11px;display:flex;position:relative}.selection-summary-text{flex-wrap:wrap;align-items:center;gap:9px;line-height:1.5;display:flex}.selection-summary-text strong{font-size:13px}.selection-summary-text>span{color:#64805a}.selection-summary-text .repeat-state{border-left:1px solid #b8cfad;padding-left:9px}.clear-selection{background:#f7faf3;border:1px solid #c5d5bc;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;min-height:32px;padding:6px 8px;font-size:11px;display:flex}.clear-selection:hover{background:#fff}.clear-selection kbd{margin-left:3px;font-size:9px}.selection-summary.resting{color:#72551c;background:#fff3db}.resting .repeat-state{color:#835b1f}.repeat-rest-progress{transform-origin:0;background:#b98536;height:3px;animation:1s linear both repeat-rest;position:absolute;bottom:0;left:0;right:0}@keyframes repeat-rest{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.play-button.repeat-play{white-space:nowrap;min-width:145px;padding:0 13px}.selecting-range .score-sheet{outline-offset:2px;outline:1px dashed #b3c9a8}@media (width<=1100px){.selection-guide{padding:8px 22px;font-size:10px}.selection-summary{padding:8px 22px}.selection-summary-text{gap:7px}.loop-settings label{letter-spacing:0;white-space:nowrap}}@media (width<=760px){.selection-guide{min-height:32px;padding:7px 13px;font-size:9px}.desktop-selection-help{display:none}.touch-selection-help{display:inline}.selection-summary{align-items:flex-start;gap:6px;padding:7px 12px;font-size:9px}.selection-summary-text{flex:1;gap:2px 6px}.selection-summary-text strong{font-size:11px}.selection-summary-text .repeat-state{border:0;flex-basis:100%;padding:0;font-size:9px}.clear-selection{min-height:32px;padding:5px;font-size:9px}.clear-selection kbd{display:none}.selection-endpoint{padding:0 3px;font-size:8px}.play-button.repeat-play{gap:6px;min-width:126px;padding:0 8px;font-size:11px}.play-buttons{gap:7px}.playback{column-gap:10px}.loop-settings label{letter-spacing:0;font-size:9px}.loop-settings select{max-width:93px}.loop-settings{gap:6px}}@media (width<=360px){.playback{column-gap:6px;padding-left:11px;padding-right:11px}.play-button.repeat-play{min-width:118px;font-size:10px}.play-buttons{gap:4px}.audio-source{font-size:9px}}@media (prefers-reduced-motion:reduce){.repeat-rest-progress{animation:none}}