:root{--green:#315c49;--ink:#293229;--muted:#909987;--line:#e0e5d8}*{box-sizing:border-box}body{margin:0;background:#f8f9f4;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #a1b88b;outline-offset:3px}aside{position:fixed;width:215px;inset:0 auto 0 0;padding:38px 24px;background:#f0f3eb;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-size:29px;letter-spacing:3px;font-weight:600;color:#315942}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#8d9a80;margin:9px 0 0 32px}.nav-caption{font-size:10px;letter-spacing:2px;color:#95a08a;margin:53px 10px 20px}nav{display:grid;gap:10px}nav button{border:0;background:none;padding:15px 17px;text-align:left;border-radius:7px;font-size:12px;color:#79886f}nav button.active{background:#dfe8d6;color:var(--green);font-weight:600}.aside-note{margin-top:auto;padding:30px 10px;color:#7e8a73;font-size:11px}.aside-note>div{font-size:40px;margin-bottom:20px;color:#a4b294}.aside-note p{font-size:11px;color:#9aa48f;line-height:2}.local{font-size:9px;color:#8c9a7c;border-top:1px solid #dce3d2;padding-top:22px}main{margin-left:215px;padding:0 42px;max-width:1700px}header{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#8a9580;font-size:10px}header b{font-weight:400;color:#5e6b54}header i{font-style:normal;background:#e3eada;padding:9px;border-radius:50%;margin-left:10px}.page{display:none}.page.active{display:block}.hero{display:grid;grid-template-columns:1.3fr 1fr;padding:45px 0 30px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#899d74;font-weight:600}h1{font-size:38px;line-height:1.55;font-weight:600;letter-spacing:1px;margin:18px 0}h1 span{color:#8ba471}.hero p,.description{font-size:12px;line-height:1.9;color:#8e9983}.primary{background:var(--green);border:0;border-radius:6px;padding:14px 23px;font-size:12px;color:white}.hero .primary{margin-top:17px}.hero-meta{font-size:9px;color:#8f9d81;margin-top:23px}.hero-art{position:relative;height:275px;display:grid;place-items:center;overflow:hidden}.ring{position:absolute;width:250px;height:250px;border:1px solid #e1e8d9;border-radius:50%;box-shadow:0 0 0 24px #f8f9f4,0 0 0 25px #e7ecdf}.mini-piano{position:relative;background:#395a47;border-radius:12px;padding:23px 12px 10px;width:260px;height:122px;transform:rotate(-13deg);box-shadow:12px 20px 30px #284c3325}#mini-keys{height:88px;display:flex;position:relative}.mini-white{background:#f8f7e9;border-right:1px solid #c6ceba;border-radius:0 0 3px 3px;flex:1}.mini-black{position:absolute;width:12px;height:53px;background:#253e2f;top:0;border-radius:0 0 2px 2px}.hero-art>small{position:absolute;bottom:13px;font-size:8px;letter-spacing:3px;color:#a4b096}.floating-note{position:absolute;top:10px;left:40px;color:#9eb187;font-size:45px;transform:rotate(-15deg)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:23px 0 17px}h2{font-size:17px;font-weight:600;margin:0}.section-title span,.section-title button{font-size:10px;color:#8c9b7f}.section-title button{border:0;background:none}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson{border:1px solid var(--line);background:#fdfdf9;border-radius:9px;padding:21px;text-align:left;transition:transform .2s}.lesson:hover,.song:hover{transform:translateY(-3px);border-color:#a5b793}.lesson:first-child{background:#eef3e7;border-color:#ccd8c0}.card-top{display:flex;align-items:center;justify-content:space-between}.step{font:italic 23px Georgia;color:#adba9d}.pill{font-size:9px;border-radius:4px;padding:5px 8px;background:#e0e9d4;color:#84956e}.lesson-icon{height:38px;font-size:28px;color:#6c8855;margin-top:12px}h3{font-size:15px;font-weight:600;margin:12px 0 9px}.lesson p{font-size:10px;color:#8e9b80;margin:0 0 20px}.card-footer{display:flex;justify-content:space-between;border-top:1px solid #e0e7d7;padding-top:13px;font-size:9px;color:#8e9d7e}.song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.song{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid var(--line);background:transparent;border-radius:8px;padding:16px;transition:transform .2s}.cover{flex-shrink:0;display:grid;place-items:center;width:46px;height:52px;border-radius:5px;background:#ebe7d9;color:#a08b67;font:28px Georgia}.song:nth-child(3n+2) .cover{background:#e3e9dd;color:#7f9772}.song:nth-child(3n) .cover{background:#ebe2dc;color:#aa8b76}.song h3{font-size:12px;margin:0 0 7px}.song p{font-size:9px;color:#98a08f;margin:0}.play{margin-left:auto;color:#93a181}.piano-panel{margin-top:30px;border:1px solid #dce4d2;background:#fffefa;border-radius:10px;overflow:hidden}.piano-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 21px;border-bottom:1px solid #edf0e7;font-size:11px}.dot{font-size:10px;color:#8ca673;margin-right:5px}#mode-subtitle{margin-left:15px;font-size:9px;color:#a0aa93}.controls{display:flex;gap:15px;align-items:center}.controls label{display:flex;align-items:center;gap:7px;font-size:9px;color:#8c9b7d}select{border:1px solid #e3e9da;background:#f5f7ef;border-radius:4px;padding:5px;color:#6e805d;font-size:10px}input[type=range]{width:55px;accent-color:#76965a}#help{border:1px solid #dce4d1;border-radius:50%;width:22px;height:22px;background:none;color:#8c9a7e}.keyboard-wrap{padding:22px 25px 15px;overflow-x:auto}#keyboard{display:flex;position:relative;height:152px;min-width:580px;user-select:none;touch-action:none}.key{flex:1;border:1px solid #d8dfcf;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#f1f3e9,#fffffb 15%,#fffffb 85%,#edf0e4);box-shadow:0 3px 0 #dce2d2;display:flex;flex-direction:column;gap:5px;justify-content:flex-end;align-items:center;padding-bottom:10px;color:#99a58d}.key b{font-size:11px;font-weight:400}.key small{font-size:9px;color:#b2bbaa}.key.black{position:absolute;top:0;height:94px;width:5.3%;z-index:2;background:linear-gradient(90deg,#263b2c,#3a4c3c,#283b2d);border-color:#263b2c;color:#c8d2bd;box-shadow:0 4px 0 #192f21}.key.black small{display:none}.key.pressed{background:#c5d9ac!important;transform:translateY(2px);color:#31543a;box-shadow:0 1px 0 #9cb884}.key.target{box-shadow:inset 0 -5px 0 #8ba96e,0 3px 0 #dce2d2}.piano-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 23px 18px;font-size:9px;color:#9ba88d}.piano-bottom b{font-weight:400;color:#859872}.piano-bottom button{border:0;background:none;font-size:10px;color:#81966c}.piano-bottom button.on{background:#e5eddb;border-radius:3px;color:#315c49}#bpm{width:37px;border:0;background:none;font-size:10px;color:#81966c}footer{display:flex;justify-content:space-between;padding:24px 0;color:#a3af96;font-size:9px}.page:not(#learn){padding-top:40px;min-height:430px}.filters{display:flex;justify-content:space-between;gap:10px;margin:25px 0}.filters button{border:0;background:transparent;border-radius:20px;padding:9px 18px;font-size:12px}.filters button.active{background:#e1ead7;color:var(--green)}.filters input{border:1px solid var(--line);border-radius:5px;background:#fffefa;padding:9px 12px}.exercise{display:flex;align-items:center;gap:20px;padding:18px;margin-top:12px;background:#fffefa;border:1px solid var(--line);border-radius:8px;text-align:left;width:100%}.exercise h3{margin:0 0 6px}.exercise p{font-size:11px;color:#909f81;margin:0}.exercise .status{margin-left:auto;color:#81996a;font-size:11px}.free-message{text-align:center;padding:50px;color:#94a583}.free-message>span{font-size:50px}.free-message h2{margin:15px}.free-message p{font-size:12px}#trainer{background:#f0f5e8;padding:16px 22px}.trainer-top,.training-bottom{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#71895d}.trainer-top button{border:0;background:none;font-size:10px;color:#64824e;padding:3px 8px}#note-track{display:flex;gap:7px;overflow-x:auto;padding:18px 0}.note-chip{width:35px;flex-shrink:0;padding:7px 0;text-align:center;background:#e2ead7;color:#97a987;border-radius:5px}.note-chip b{display:block;font-size:17px}.note-chip small{font-size:9px}.note-chip.current{background:#355b44;color:white}.note-chip.done{background:#cfdfbc;color:#68854e}.training-bottom{font-size:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:8px;background:#31523d;color:white;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}dialog{border:1px solid #d7e3cc;border-radius:12px;padding:30px;max-width:480px;color:#526b40}dialog p{font-size:13px;line-height:1.8}dialog::backdrop{background:#243a2b66}@media(min-width:1450px){.hero{padding:60px 0 45px}.lesson{padding:28px}.song{padding:20px}#keyboard{height:175px}.key.black{height:108px}}@media(max-width:1100px){aside{width:180px;padding:30px 16px}main{margin-left:180px;padding:0 25px}h1{font-size:30px}.hero-meta{font-size:8px}.mini-piano{width:210px}.piano-toolbar{flex-wrap:wrap}.controls{margin-left:auto}.lesson{padding:15px}.lesson p{line-height:1.7}.song{padding:12px;gap:9px}}@media(max-width:760px){aside{position:static;width:100%;padding:16px 20px;display:block}.brand{font-size:23px}.brand small,.nav-caption,.aside-note,.local{display:none}nav{display:flex;margin-top:14px;gap:4px}nav button{padding:10px 6px;flex:1;text-align:center;font-size:10px}main{margin:0;padding:0 18px}header{height:55px}.hero{display:block;padding:30px 0}.hero-art{display:none}.hero-meta{font-size:9px}.roadmap{gap:8px}.lesson{padding:12px}.lesson h3{font-size:12px}.pill{display:none}.lesson p{font-size:9px}.card-footer{font-size:8px}.section-title h2{font-size:14px}.song-grid{grid-template-columns:1fr}.song{padding:14px}.cover{height:43px}.controls{margin-left:0}.piano-toolbar{padding:14px}#mode-subtitle{display:block;margin:8px 0 0}.keyboard-wrap{padding:14px 12px}.piano-bottom{flex-wrap:wrap;padding:14px;font-size:8px}.filters{flex-wrap:wrap}.filters button{padding:8px 14px}.trainer-top{font-size:10px}.trainer-top>div{white-space:nowrap}.trainer-top button{padding:3px}.exercise{gap:12px}.exercise p{font-size:10px}footer{font-size:8px;gap:15px}}
[hidden]{display:none!important}body.immersed{overflow:hidden}#waterfall{display:none}#lesson-room{position:fixed;inset:0;z-index:30;overflow:auto;background:#101914;color:#eae6d8;isolation:isolate;--green:#d8bd84;--line:#ffffff15;scrollbar-color:#5e6957 #111b16}#lesson-room button:focus-visible,#lesson-room a:focus-visible{outline:2px solid #dfc593;outline-offset:5px}.room-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,#b6965620,transparent 55%),radial-gradient(ellipse at 0% 100%,#42674c22,transparent 70%),linear-gradient(115deg,#0e1713,#19251c 70%,#20291e)}.moon-window{position:absolute;right:9%;top:-80px;width:320px;height:670px;border:1px solid #cfbe8c14;border-radius:180px 180px 0 0;background:linear-gradient(90deg,transparent 49.7%,#cfbe8c13 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.8%,#cfbe8c13 50%,transparent 50.2%);box-shadow:0 0 120px #c8ab6b08}.horizon{position:absolute;bottom:0;width:100%;height:30%;background:linear-gradient(0deg,#0a140e,transparent)}.room-shell{max-width:1400px;margin:auto;padding:0 6%}.room-top{height:82px;border-bottom:1px solid #e6d5a418;display:flex;align-items:center;justify-content:space-between;gap:15px}.room-top button{border:0;background:none;font-size:11px;color:#b2b7a4;padding:10px 0}.room-top>span{font-size:12px;letter-spacing:3px;color:#b6bba5}.room-top i{font-style:normal;color:#576551;margin:0 14px}.room-heading{display:flex;align-items:center;justify-content:space-between;padding:45px 0 30px}.room-heading small,.room-chapter small{font-size:9px;letter-spacing:2.5px;color:#b8a37c}.room-heading h1{font-size:43px;font-weight:400;letter-spacing:4px;line-height:1.3;margin:17px 0}.room-heading p{font-size:12px;color:#8b9985;letter-spacing:1px}.room-quote{color:#7c8b74;font:italic 14px/2.3 Georgia,'Songti SC',serif;letter-spacing:3px;text-align:right}.room-tabs{display:flex;gap:38px;border-bottom:1px solid #f6dda51b}.room-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:18px 0;font-size:12px;color:#83907d;letter-spacing:1px}.room-tabs button.active{border-bottom-color:#ddc18b;color:#ead6ad}.room-chapter{min-height:450px}#chapter-story,#chapter-listen{display:grid;grid-template-columns:1fr .9fr;gap:9%;align-items:center;padding:45px 0}.story-copy h2,.listening-copy h2{font-family:Georgia,'Songti SC',serif;font-size:28px;font-weight:400;line-height:1.6;margin:20px 0;color:#ede3cd}.story-copy>p,.listening-copy>p{font-size:13px;line-height:2.4;color:#a7b19c;max-width:520px}.story-copy a{display:block;font-size:10px;color:#9d9d80;margin:20px 0;text-underline-offset:4px}.room-primary{border:1px solid #e2c995;background:#d9bd86;color:#273324;border-radius:5px;padding:13px 22px;font-size:12px;letter-spacing:1px}.story-copy .room-primary{display:block;margin-top:30px}.story-scene{position:relative;min-height:320px;border:1px solid #cbb77f20;border-radius:180px 180px 8px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 15%,#d4b97518,transparent 70%);overflow:hidden}.story-scene:before{content:'✦';font-size:55px;color:#d1b77a;text-shadow:0 0 55px #dfbf70;position:absolute;top:35px;right:30%}.story-scene>span{font:11px Georgia;letter-spacing:4px;color:#aa976d;margin-top:70px}.scene-staff{width:100%;margin-top:20px;padding:18px 30px;font:45px Georgia;color:#b8b399;background:repeating-linear-gradient(0deg,transparent 0,transparent 13px,#e7d7ac13 14px,transparent 15px)}.scene-staff span{font-size:34px;letter-spacing:10px;margin-left:20px}.story-scene p{font-size:10px;line-height:2;color:#87947a;text-align:center;padding:0 20px}.room-link{border:0;background:none;color:#cdb989;padding:16px 0;font-size:12px}.listening-copy .recording-label{font-size:10px;color:#788b70;line-height:1.8;letter-spacing:0}.listening-orb{width:280px;height:280px;max-width:100%;border:1px solid #c7b07a26;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 25px #c7b07a05,0 0 0 50px #c7b07a03;margin:auto;background:radial-gradient(ellipse,#b496591c,transparent 70%)}.listening-orb>span{font:68px Georgia;color:#d2b87c;text-shadow:0 0 45px #e1c37c33}.listening-orb p{font-size:10px;color:#87957c;padding:20px;text-align:center}#reference-player details{margin:22px 0;border-top:1px solid #d9cc9b20;padding-top:18px;color:#afa781;font-size:11px}#reference-player summary{cursor:pointer}#reference-player details p{font-size:10px;line-height:1.8;color:#819073}#reference-player button{border:1px solid #b3ad842b;padding:10px 16px;border-radius:4px;background:#d9c48c10;color:#b9b18c;font-size:11px}#reference-player a{display:block;font-size:10px;color:#9b9d7e;margin-top:12px}#video-host iframe{border:0;width:100%;aspect-ratio:16/9;margin-top:12px}.play-intro{display:flex;justify-content:space-between;align-items:center;padding:26px 0 5px;gap:20px}.play-intro h2{font-size:20px;font-weight:400;margin:10px 0}.play-intro p{font-size:11px;color:#89997c}.view-switch{display:flex;border:1px solid #b5b28d26;border-radius:6px;padding:3px;flex-shrink:0}.view-switch button{border:0;background:none;color:#829475;padding:9px 15px;font-size:11px;border-radius:3px}.view-switch button.active{background:#b9ae7d20;color:#d3c28f}#lesson-room .piano-panel{margin-top:15px;background:#101b14;border-color:#9cad8126;border-radius:8px}#lesson-room .piano-toolbar{border-color:#c1c99c15;color:#bfc6ad;padding:14px 20px}#lesson-room .dot{color:#d2b975}#lesson-room #mode-subtitle{color:#657a5e}#lesson-room .controls label{color:#889979}#lesson-room select{background:#1e2c20;border-color:#687d4c40;color:#c0c5a7}#lesson-room input[type=range]{accent-color:#ccb77d}#lesson-room #trainer{background:#142017;padding:12px 20px}#lesson-room .trainer-top{color:#8ea47b;font-size:10px}#lesson-room .trainer-top button{color:#8ea07a}#lesson-room .training-bottom{color:#c5b888;margin-top:10px;font-size:10px}#lesson-room #help{border-color:#60704c;color:#9fae86}#lesson-room .keyboard-wrap{padding:0 20px 12px}#lesson-room .key{background:linear-gradient(90deg,#d0d2bd,#e9ead9 15%,#e9ead9 85%,#c0c8ad);border-color:#626f53;box-shadow:0 3px 0 #9aa489;color:#626f53}#lesson-room .key small{color:#929e7f}#lesson-room .key.black{background:linear-gradient(90deg,#0c170f,#29372a,#0c170f);border-color:#09150c;box-shadow:0 4px 0 #061009;color:#a5b48f}#lesson-room .key.pressed{background:#e5c381!important;box-shadow:0 0 28px #e8c88045;color:#3a472d}#lesson-room .key.target{box-shadow:inset 0 -5px 0 #dab979,0 3px 0 #a8b28e}#lesson-room .piano-bottom{color:#6e815d}#lesson-room .piano-bottom button,#lesson-room #bpm{color:#9eac85}#lesson-room #note-track{padding:15px 0}#lesson-room .note-chip{background:#233020;color:#728963}#lesson-room .note-chip.current{background:#d7bb7e;color:#35442b}#lesson-room .note-chip.done{background:#394c2e;color:#a6bd8d}#lesson-room[data-view=waterfall] #waterfall{display:block}#lesson-room[data-view=waterfall] #note-track{display:none}#waterfall{position:relative;height:260px;margin:0 20px;overflow:hidden;background:linear-gradient(0deg,#d9b96d0c,transparent 60%),repeating-linear-gradient(0deg,transparent 0,transparent 60px,#8da96c08 61px,transparent 62px);mask-image:linear-gradient(transparent,#000 16%)}.fall-lanes{position:absolute;inset:0;display:flex}.fall-lane{flex:1;border-right:1px solid #8c9d6f15}.fall-notes{position:absolute;inset:0}.fall-note{position:absolute;width:5.4%;height:46px;border:1px solid #abbc7850;border-radius:5px;background:linear-gradient(0deg,#829e5c7a,#819d5b2a);color:#d3d9af;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:0 0 20px #acbd5a09}.fall-note b{font-size:12px;font-weight:500}.fall-note small{font-size:8px;letter-spacing:1px;color:#a5b482}.fall-note.next-note{background:linear-gradient(0deg,#dfbe76aa,#c8a65d55);border-color:#e6c98990;box-shadow:0 0 28px #e1bf6a15;color:#f2dfac}.strike-line{position:absolute;bottom:2px;height:2px;background:#d5bd79a0;box-shadow:0 0 18px #c9ae5c77;width:100%;pointer-events:none}.strike-line span{position:absolute;right:9px;bottom:10px;font-size:8px;letter-spacing:2px;color:#a99c6f}.room-session-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:20px 0}.room-session-controls>button:not(.room-primary){border:0;background:none;color:#99a687;font-size:11px}.room-session-controls label{font-size:10px;color:#829872;display:flex;gap:10px;align-items:center}.room-session-controls label select{padding:8px}.room-session-controls>span{margin-left:auto;font-size:10px;color:#a9ac87}.room-foot{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid #c6c29b12;color:#5e7354;font-size:9px;letter-spacing:1px}#room-result{padding:25px;margin:0 0 25px;background:#c5b8790c;border:1px solid #c7b5762b;border-radius:8px}#room-result h2{font-size:20px;font-weight:400;margin:14px 0}#room-result p{font-size:12px;color:#a0b08c;margin-bottom:20px}body.immersed #toast{z-index:40}#lesson-room:fullscreen{background:#111c15}#lesson-room .primary{color:#263622}@media(max-width:760px){.room-shell{padding:0 20px}.room-top{height:65px}.room-top>span{font-size:8px;letter-spacing:1px}.room-top button{font-size:10px}.room-heading{padding:28px 0 20px}.room-heading h1{font-size:29px;letter-spacing:2px}.room-heading small{font-size:8px}.room-quote{display:none}.room-tabs{gap:0;justify-content:space-between}.room-tabs button{font-size:10px;letter-spacing:0}.room-chapter{min-height:380px}#chapter-story,#chapter-listen{grid-template-columns:1fr;padding:28px 0;gap:25px}.story-scene{min-height:215px;max-width:350px;width:100%;margin:auto}.story-scene:before{font-size:35px;top:15px}.story-scene>span{margin-top:40px}.scene-staff{font-size:30px;margin:10px 0}.scene-staff span{font-size:24px}.story-copy h2,.listening-copy h2{font-size:24px}.story-copy>p,.listening-copy>p{font-size:12px}.listening-orb{width:180px;height:180px;margin:25px auto}.listening-orb>span{font-size:40px}.listening-orb p{padding:8px;font-size:9px}.play-intro{flex-wrap:wrap;gap:12px}.play-intro h2{font-size:18px}.play-intro p{font-size:10px;line-height:1.8}.room-session-controls{gap:13px}.room-session-controls>span{width:100%;margin:0}.room-foot{gap:15px;font-size:8px}#waterfall{min-width:580px;margin:0 12px;height:220px}#lesson-room .piano-panel{overflow:auto}#lesson-room #trainer{min-width:580px}#lesson-room .keyboard-wrap{overflow:visible;padding:0 12px 12px}#lesson-room #keyboard{min-width:580px}#lesson-room .piano-toolbar{position:sticky;left:0;width:calc(100vw - 44px);padding:12px}#lesson-room .piano-bottom{min-width:580px}.room-quote{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.repeat-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid #d6c79515;color:#a7b394;font-size:11px}.repeat-stepper{display:flex;align-items:center;border:1px solid #a3ad7835;border-radius:5px;overflow:hidden}.repeat-stepper button{background:#b7b37b10;color:#cbbb88;border:0;width:30px;height:30px;font-size:15px}.repeat-stepper input{width:42px;height:30px;border:0;background:#0b170f55;color:#e0cba1;text-align:center;appearance:textfield;font-size:12px}.repeat-stepper input::-webkit-inner-spin-button{appearance:none}.repeat-hint{color:#76886a;font-size:10px}#repeat-status{margin-left:auto;color:#b7b18a;font-size:10px}#repeat-stop{background:#bd916c13;border:1px solid #bc9e702e;color:#d7bb8d;border-radius:5px;padding:8px 13px;font-size:11px}#lesson-room button:disabled,#lesson-room input:disabled{opacity:.4;cursor:default}#repeat-stop:not(:disabled):hover{background:#bd916c30}@media(max-width:760px){.repeat-controls{gap:9px}.repeat-hint{font-size:9px}#repeat-status{order:2;width:100%;margin:0}#repeat-stop{margin-left:auto}}