.classroom{--kid-ink: #26334b;--kid-muted: #727c8a;--kid-purple: #7162ca;--kid-border: #e1e5e8;background:#fafaf6;color:var(--kid-ink);min-height:100vh;font-size:15px;line-height:1.6;color-scheme:light}.classroom button{font-size:14px;min-height:46px;white-space:normal;background:#fff;color:var(--kid-ink);border:1px solid #dce1e5;border-radius:12px;font-weight:600;padding:11px 19px;transition:background .15s,transform .15s,box-shadow .15s}.classroom button:hover{background:#f0eff9;border-color:#a499dc}.classroom button:active{transform:translateY(1px)}.classroom button:disabled{opacity:.46}.classroom button:focus-visible,.classroom a:focus-visible,.classroom summary:focus-visible,.classroom input:focus-visible{outline:3px solid #8271db;outline-offset:4px}.classroom .kid-primary{background:#7765cc;border-color:#7765cc;color:#fff;box-shadow:0 4px #5b4ba2}.classroom .kid-primary:hover{background:#6554ba;border-color:#6554ba}.kid-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:23px 32px;border-bottom:1px solid #e8e9e5}.kid-brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:1px;font-weight:800;white-space:nowrap}.kid-brand-mark{display:flex;align-items:center;justify-content:center;background:#e5e1f7;color:#7260bd;width:43px;height:45px;border-radius:15px}.kid-brand small{display:block;font-size:11px;letter-spacing:.3px;font-weight:500;color:#7f8590;margin-top:3px}.kid-header nav{display:flex;gap:7px;flex:0 1 auto;overflow:visible}.kid-header nav button{width:auto;margin:0;font-size:13px;gap:8px;padding:11px 18px;border:0;color:#89909b;background:none;justify-content:center}.kid-header nav button svg{color:inherit}.kid-header nav button.active{background:#ebe7f9;color:#6f5cb7}.classroom .kid-help{border:0;background:none;color:#737a88;gap:7px;font-size:12px;padding:9px}.kid-main{max-width:1060px;margin:auto;padding:35px 30px 0}.kid-hero{display:flex;justify-content:space-between;align-items:center;padding:10px 35px 30px 10px;gap:40px}.kid-eyebrow{font-size:11px;font-weight:700;color:#7d75a7;letter-spacing:.7px;display:flex;align-items:center;gap:7px}.kid-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#a5a0ca}.kid-hero h1{font-size:41px;font-weight:800;line-height:1.32;letter-spacing:-1.8px;margin:17px 0 13px}.kid-hero h1 em{font-style:normal;color:#7163b4}.kid-hero p{font-size:13px;color:#818693;line-height:1.9;margin:0}.kid-step-trail{display:flex;align-items:center;gap:11px;margin-top:25px;font-size:11px;color:#787b8d}.kid-step-trail>span{display:flex;align-items:center;gap:6px}.kid-step-trail b{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ece8f5;border-radius:50%;color:#7d70b1;font-size:10px}.kid-step-trail svg{color:#b6b3bf}.kid-hero-drawing{position:relative;display:flex;align-items:center;justify-content:center;width:290px;height:245px;flex-shrink:0;border-radius:50%;background:radial-gradient(ellipse,#f3eedf,transparent 68%)}.kid-disc{width:175px;height:175px;border:9px solid #e7ded5;background:repeating-radial-gradient(circle,#414d64 0 4px,#4a566b 5px,#424e63 6px);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-17deg);box-shadow:14px 16px #e7dfd740}.kid-disc>div{border:7px solid #b8d0bf;border-radius:50%;width:74px;height:74px;background:#d0e0d1;color:#5b7567;font-size:37px;text-align:center;line-height:60px}.kid-star,.kid-note{position:absolute}.kid-star{color:#d2af61;font-size:28px}.star-a{top:10px;left:35px}.star-b{bottom:22px;left:12px;font-size:38px;color:#b4a3ce}.kid-note{color:#a18cc3;font-weight:700;font-size:37px;transform:rotate(15deg)}.note-a{right:4px;top:45px}.note-b{right:23px;bottom:11px;color:#79a78d;font-size:42px}.kid-sticker{position:absolute;bottom:5px;left:80px;border:1px solid #d4c5a3;background:#f4e7c3;color:#917748;padding:5px 10px;border-radius:7px;font-size:8px;letter-spacing:1.5px;font-weight:800;transform:rotate(-8deg)}.kid-section{margin:23px 0}.kid-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px}.classroom h2{font-size:20px;font-weight:750;letter-spacing:-.8px;line-height:1.6;margin:0;word-break:keep-all}.kid-section-title h2{display:flex;align-items:center;gap:10px}.kid-section-title>span{color:#9399a3;font-size:11px}.step-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#e7e3f5;color:#7867b8;font-size:13px;border-radius:9px}.feeling-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.classroom .feeling-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;border-radius:18px;padding:25px 11px 23px;border:2px solid transparent;min-height:165px;box-shadow:0 3px #00000005}.classroom .peach{background:#faeae1}.classroom .mint{background:#e8f1e5}.classroom .lavender{background:#efebf9}.classroom .blue{background:#e7edf6}.classroom .yellow{background:#faf0ce}.classroom .feeling-card.chosen{border-color:#9382cb;box-shadow:0 0 0 3px #e9e5f3}.classroom .feeling-card:hover{border-color:#c2b4e4;transform:translateY(-2px)}.feeling-emoji{font-size:37px;line-height:1.4}.feeling-card b{font-size:17px;letter-spacing:-.5px}.feeling-card>span:last-of-type{font-size:10px;color:#8a8591;font-weight:400;word-break:keep-all}.feeling-check{position:absolute;right:12px;top:12px;border:1px solid #d1c7e7;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chosen .feeling-check{background:#9683c9;border-color:#9683c9;color:#fff}.kid-make-options{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e6e7e8;border-radius:15px;padding:16px 22px;margin-top:24px;background:#fff}.kid-option{display:flex;align-items:center;gap:17px}.kid-option>span{font-size:12px;font-weight:650;color:#727d8c;white-space:nowrap}.kid-segments{display:flex;gap:5px}.classroom .kid-segments button{min-height:38px;font-size:11px;padding:7px 13px;background:#f5f5f7;color:#9693a2;border:0;border-radius:8px;white-space:nowrap}.classroom .kid-segments button.active{background:#eae5f7;color:#7866ad}.kid-create-row{display:flex;align-items:center;justify-content:center;gap:20px;padding:28px 0}.classroom .kid-create{font-size:16px;min-height:55px;padding:14px 29px;gap:16px;border-radius:14px}.kid-create-row p{font-size:10px;color:#9999a2;line-height:1.8;margin:0}.kid-song{display:flex;align-items:center;gap:25px;padding:27px 30px;border-radius:20px;background:#fff;border:1px solid #e0e5e6;scroll-margin-top:20px}.empty-song{background:#f3f4f0;border:1px dashed #d9dfd9;padding:23px 30px}.empty-song h2{font-size:15px;color:#7f8991}.empty-song p{font-size:11px;color:#a1a6aa;margin:6px 0}.empty-music-note{width:60px;height:60px;background:#e7e9e4;border-radius:18px;color:#bbc4b9;font-size:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kid-song-icon{display:flex;align-items:center;justify-content:center;align-self:flex-start;background:#e8e3f5;color:#8b7bbb;width:74px;height:82px;min-width:74px;border-radius:20px;font-size:43px;transform:rotate(-7deg)}.kid-song-body{flex:1;min-width:0}.kid-song h2{font-size:20px;margin:7px 0 15px;overflow-wrap:anywhere}.kid-song-time{display:flex;gap:11px;align-items:center;color:#9c9fab;font-size:10px}.kid-song-time progress{appearance:none;flex:1;border:0;border-radius:8px;height:6px;overflow:hidden;background:#efedf4}.kid-song-time progress::-webkit-progress-bar{background:#efedf4;border-radius:8px}.kid-song-time progress::-webkit-progress-value{background:#a79acb;border-radius:8px}.kid-song-time progress::-moz-progress-bar{background:#a79acb}.kid-output-meter .meter{height:3px;background:#f5f5f5;margin-top:8px}.kid-output-meter .meter i{background:#8cbda2}.kid-song-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px}.classroom .kid-save{border-color:#c8d8c9;background:#eff5ed;color:#617d60}.classroom .kid-subtle{border:0;color:#958caa;background:none;font-size:11px;padding:9px}.kid-caption{font-size:10px;line-height:1.9;color:#979da6;margin:15px 0 0}.kid-mission{display:flex;align-items:center;gap:15px;padding:18px 23px;border-radius:13px;background:#f2eedf;margin:23px 0 30px}.kid-mission>span:first-child{font-size:24px}.kid-mission b{font-size:12px;color:#94845e}.kid-mission p{font-size:11px;color:#a0967f;margin:4px 0 0}.kid-mission-tag{margin-left:auto;color:#b0a286;font-size:10px;white-space:nowrap;background:#ede6d1;border-radius:20px;padding:5px 9px}.kid-teacher{border-top:1px solid #e4e7e5;border-bottom:1px solid #e4e7e5;margin-top:34px;color:#88929b}.kid-teacher summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:17px 2px;font-size:11px;cursor:pointer}.kid-teacher summary::-webkit-details-marker{display:none}.kid-teacher[open] summary svg{transform:rotate(90deg)}.kid-teacher>div{padding:8px 17px 22px;max-width:750px}.kid-teacher h3{font-size:14px;color:#637383;margin:8px 0}.kid-teacher ol{font-size:12px;line-height:2.1;padding-left:19px}.kid-teacher p{font-size:11px;line-height:1.9;color:#818e96}.kid-advanced-link{display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:12px;padding:10px 14px;background:#eeebf8;color:#7b69b5;border-radius:9px;margin:9px 0}.kid-teacher .kid-caption{display:block}.kid-footer{padding:22px 0 28px;color:#a1aaa9;display:flex;justify-content:space-between;align-items:center;gap:20px;letter-spacing:0;font-size:9px}.kid-footer>span{display:flex;align-items:center;gap:6px;margin:0}.kid-status{display:flex;align-items:center;gap:8px;justify-content:center;min-height:36px;background:#f0f3ed;border-top:1px solid #e6eae3;color:#8a9983;font-size:10px;padding:9px 18px;line-height:1.8}.kid-status svg{flex-shrink:0}.kid-page-heading{padding:14px 0 29px}.kid-page-heading h1{font-size:34px;letter-spacing:-1.5px;margin:9px 0}.kid-page-heading>p{font-size:13px;color:#8b939e;margin:0}.kid-white-panel{padding:27px;border-radius:19px;background:#fff;border:1px solid #e1e5e8;margin-bottom:21px}.kid-description{font-size:12px;color:#919aa4;margin:7px 0 20px}.kid-pads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.classroom .kid-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:130px;border:0;border-radius:17px}.kid-pad b{font-size:33px;color:#68758b}.kid-pad small{position:absolute;left:12px;top:9px;color:#a4a2a6;font-size:9px}.kid-pad>span{font-size:10px;color:#9694a0}.kid-beat-grid{margin:24px 0;display:flex;flex-direction:column;gap:10px}.kid-beat-row{display:grid;grid-template-columns:35px repeat(8,minmax(0,1fr));gap:8px;align-items:center}.kid-beat-row b{font-size:13px;color:#8891a0}.classroom .kid-beat-row button{min-height:44px;height:44px;border:1px solid #e5e4ee;background:#f3f2f7;border-radius:9px;color:#a093ca;padding:0;font-size:16px}.classroom .kid-beat-row button.on{background:#d8d1ec;border-color:#c9bfe5;color:#8c7abb}.classroom .kid-beat-row:nth-child(2) button.on{background:#f3dacc;border-color:#e8c1a9;color:#c89d82}.classroom .kid-beat-row:nth-child(3) button.on{background:#cee3d4;border-color:#b9d2bc;color:#81a88d}.classroom .kid-beat-row button.beat-now{box-shadow:0 0 0 3px #b4a7d2;filter:brightness(.97)}.kid-row-actions{display:flex;gap:10px;flex-wrap:wrap}.classroom .kid-row-actions button{font-size:12px}.kid-effect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:21px 0}.classroom .kid-effect-grid button{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:24px 10px;min-height:150px;border-color:#e9e5ef;background:#fbf9fd}.kid-effect-grid button>span{font-size:33px;line-height:1.3}.kid-effect-grid button>b{font-size:13px}.kid-effect-grid button>small{font-size:10px;color:#a09ba9;font-weight:400}.classroom .kid-effect-grid button[aria-pressed=true]{border-color:#ac9bcf;background:#f1eaf9}.classroom .kid-outline{font-size:12px;background:#f5f2fa;color:#8c78b3;border-color:#ddd5ed}.kid-current-work{display:flex;gap:24px;align-items:center}.kid-current-work>div:last-child{flex:1;min-width:0}.kid-current-work-icon{height:112px;width:112px;background:#f0ecf8;display:flex;align-items:center;justify-content:center;border-radius:26px;font-size:45px;flex-shrink:0}.kid-title-field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#9096a3;margin:10px 0 18px}.classroom input{background:#f9f9fb;color:#536071;border:1px solid #dfe3e9;padding:11px;font-size:16px;border-radius:10px}.kid-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.kid-work-card{min-width:0;display:flex;flex-direction:column;padding:15px;border:1px solid #e0e4e5;background:#fff;border-radius:17px}.kid-work-art{height:86px;border-radius:11px;background:#f0e9f5;display:flex;align-items:center;justify-content:center;font-size:42px;color:#ab95bb}.kid-work-art.art-1{background:#e5efdf;color:#a0b295}.kid-work-art.art-2{background:#fae9de;color:#c7a18c}.kid-work-art.art-3{background:#e4edf6;color:#95aec7}.kid-work-card h3{font-size:14px;overflow-wrap:anywhere;margin:16px 0 5px;color:#6f7685}.kid-work-card>div>span{font-size:10px;color:#a0a6ae}.classroom .kid-work-card button{margin-top:16px;min-height:38px;font-size:11px;background:#f8f8fb;border-color:#e5e5ee;color:#8c81aa}.kid-backup-box{border:1px solid #e1e4d7;background:#f1f3e9;padding:26px;border-radius:18px;margin:25px 0}.kid-backup-box h2{font-size:17px;color:#7c896c}.kid-backup-box>div>p{font-size:11px;line-height:1.9;color:#919a85;margin:8px 0 18px}.classroom .kid-upload{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #d8e0cf;border-radius:12px;min-height:46px;padding:10px 16px;font-size:12px;color:#7e8b70;font-weight:600;cursor:pointer}.kid-upload input{position:absolute;width:1px;height:1px;opacity:0;padding:0}.kid-upload:focus-within{outline:3px solid #9a88cf;outline-offset:4px}.kid-empty-works{text-align:center;padding:40px 20px;border:1px dashed #dde1e6;border-radius:18px;background:#fff}.kid-empty-works>span{font-size:40px}.kid-empty-works>p{font-size:13px;color:#939da5}.kid-busy{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:14px 20px;background:#fff;border:1px solid #b5a9d6;box-shadow:0 8px 45px #6b588f26;border-radius:16px;z-index:40;max-width:95vw;font-size:12px;color:#8b7cb2}.kid-busy progress{width:55px;height:5px;accent-color:#a99bc7}.classroom .kid-busy button{min-height:34px;font-size:10px;padding:5px 9px;background:#f5f0fa;border-color:#e2d9ef;color:#9c8aaf;white-space:nowrap}.kid-spinner{width:18px;height:18px;border:2px solid #e4dfee;border-top-color:#a695ce;border-radius:50%;animation:kid-spin 1s linear infinite;flex-shrink:0}@keyframes kid-spin{to{transform:rotate(360deg)}}.classroom .kid-floating-stop{position:fixed;bottom:18px;right:20px;background:#8978bf;color:#fff;border-color:#8978bf;box-shadow:0 4px 20px #55487633;font-size:12px;z-index:25}.kid-warning{background:#f5ebd9;border:1px solid #ead2a9;color:#a78a5d;padding:17px;border-radius:14px;font-size:12px;line-height:1.8;margin-bottom:20px}.kid-loading{padding:120px 20px;text-align:center;color:#a297b4}.kid-modal-backdrop{position:fixed;inset:0;background:#4c435e60;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.kid-guide{position:relative;background:#fffef9;border:1px solid #e1dbea;box-shadow:0 12px 100px #58437433;padding:40px;max-width:510px;width:100%;border-radius:23px;max-height:90vh;overflow:auto}.kid-guide h2{font-size:25px;margin:15px 0 25px;letter-spacing:-1px}.classroom .kid-guide-close{position:absolute;right:12px;top:12px;border:0;padding:6px;background:none;color:#aaa2b6;min-height:30px}.kid-guide ol{padding-left:20px}.kid-guide li{padding-left:6px;margin-bottom:23px;color:#9c8bb8;font-size:12px}.kid-guide b{font-size:15px;color:#7f728f}.kid-guide p{font-size:12px;color:#9991a3;line-height:1.9;margin:7px 0}.kid-guide>.kid-primary{width:100%;margin-top:10px}.mode-return{display:inline-flex;align-items:center;padding:7px 10px;font-size:10px;border-radius:7px;background:#29443a;color:#a2e4ca;white-space:nowrap}@media(min-width:1500px){.kid-main{max-width:1130px}.kid-hero h1{font-size:46px}.kid-hero{padding-bottom:40px}.kid-hero-drawing{width:340px}.classroom .feeling-card{min-height:178px}.kid-section{margin-top:28px}}@media(max-width:850px){.kid-header{padding:20px;gap:10px}.kid-header nav{gap:2px}.kid-header nav button{padding:10px;font-size:11px}.kid-brand{font-size:10px;gap:7px}.kid-help span{display:none}.kid-main{padding:25px 23px 0}.kid-hero{padding:0 5px 22px;gap:20px}.kid-hero h1{font-size:35px}.kid-hero-drawing{width:220px;height:210px}.kid-disc{height:150px;width:150px}.kid-step-trail{gap:7px;font-size:10px}.kid-make-options{gap:10px;padding:16px}.kid-option{gap:9px}.classroom .kid-segments button{padding:8px 10px}.kid-song{padding:23px}.kid-song-actions{gap:7px}.classroom .kid-song-actions button{font-size:12px;padding:10px 13px}.kid-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kid-mission-tag{display:none}.kid-pads{gap:8px}.kid-current-work-icon{width:90px;height:100px}.kid-beat-row{gap:5px}}@media(max-width:600px){.kid-header{flex-wrap:wrap;padding:16px 18px 12px;gap:14px}.kid-brand{font-size:11px}.kid-brand-mark{width:38px;height:39px;border-radius:12px}.kid-brand small{font-size:10px}.classroom .kid-help{margin-left:auto;min-height:36px;padding:5px}.kid-help span{display:inline;font-size:10px}.kid-header nav{width:100%;flex-basis:100%;order:3;gap:6px;justify-content:center;background:#eeedf3;padding:4px;border-radius:12px}.kid-header nav button{flex:1;min-height:41px;border-radius:9px;font-size:11px;padding:8px 5px;white-space:nowrap;gap:6px}.kid-header nav button.active{background:#fff;color:#8d7abd;box-shadow:0 2px 4px #55555507}.kid-header nav button svg{width:16px}.kid-main{padding:23px 18px 0}.kid-hero{position:relative;display:block;padding:0 0 21px}.kid-hero>div:first-child{position:relative;z-index:2}.kid-hero h1{font-size:31px;line-height:1.38;letter-spacing:-1.1px;margin-top:15px}.kid-hero p{font-size:11px;line-height:1.9}.kid-eyebrow{font-size:9px;letter-spacing:.3px}.kid-hero-drawing{position:absolute;right:-6px;top:27px;width:146px;height:156px;opacity:.55;z-index:1}.kid-disc{width:103px;height:103px;border-width:5px}.kid-disc>div{height:45px;width:45px;border-width:4px;line-height:37px;font-size:25px}.kid-star{font-size:20px}.star-a{left:8px;top:0}.star-b{left:3px;bottom:9px;font-size:24px}.kid-note{font-size:27px}.note-a{top:20px;right:0}.note-b{font-size:27px;right:0;bottom:0}.kid-sticker{left:32px;bottom:0;font-size:5px;padding:3px 5px;letter-spacing:.8px}.kid-step-trail{gap:8px;margin-top:23px;font-size:9px}.kid-step-trail b{width:18px;height:18px;font-size:9px}.kid-step-trail svg{width:11px}.kid-step-trail>span{gap:5px}.kid-section{margin:15px 0 20px}.kid-section-title{gap:8px;margin-bottom:15px;align-items:flex-start}.classroom h2{font-size:17px;letter-spacing:-.6px}.kid-section-title h2{font-size:17px;gap:7px}.kid-section-title>span{font-size:9px;padding-top:4px}.step-number{width:23px;height:23px;font-size:11px;border-radius:7px;flex-shrink:0}.feeling-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.classroom .feeling-card{min-height:143px;padding:17px 8px;gap:6px;border-radius:16px}.feeling-emoji{font-size:31px}.feeling-card b{font-size:16px}.feeling-card>span:last-of-type{font-size:9px}.feeling-check{height:17px;width:17px;right:10px;top:10px}.kid-make-options{margin-top:20px;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px}.kid-option{justify-content:space-between;gap:8px}.kid-option>span{font-size:11px}.kid-segments{gap:4px}.classroom .kid-segments button{font-size:10px;min-height:39px;padding:8px 12px}.kid-create-row{padding:23px 0 25px;gap:12px;flex-direction:column}.classroom .kid-create{min-height:52px;width:100%;font-size:15px;padding:12px 22px;gap:12px;border-radius:13px}.kid-create-row p{font-size:9px;text-align:center;line-height:1.6}.kid-create-row p br{display:none}.kid-song{padding:21px 17px;gap:13px;border-radius:16px}.empty-song{padding:21px 16px}.empty-music-note{width:46px;height:51px;border-radius:13px;font-size:31px}.empty-song h2{font-size:13px}.empty-song p{font-size:10px;line-height:1.8}.kid-song-icon{display:none}.kid-song h2{font-size:18px;margin:8px 0 14px}.kid-song-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.classroom .kid-song-actions button{font-size:11px;padding:10px 6px;min-height:45px;gap:5px}.kid-song-actions .kid-subtle{grid-column:1/-1;min-height:35px}.kid-caption{font-size:9px;line-height:1.9}.kid-mission{padding:15px;gap:11px;margin:19px 0 24px}.kid-mission b{font-size:11px}.kid-mission p{font-size:10px;line-height:1.8}.kid-mission>span:first-child{font-size:21px}.kid-teacher{margin-top:26px}.kid-teacher summary{font-size:10px;padding:16px 1px}.kid-teacher>div{padding:0 4px 17px}.kid-teacher h3{font-size:13px}.kid-teacher ol{font-size:11px}.kid-teacher p{font-size:10px}.kid-footer{padding:20px 0 22px;gap:10px;flex-wrap:wrap;font-size:8px}.kid-status{padding:9px 14px;font-size:9px;justify-content:flex-start}.kid-page-heading{padding:0 0 23px}.kid-page-heading h1{font-size:28px;margin:10px 0}.kid-page-heading>p{font-size:11px;line-height:1.9}.kid-white-panel{padding:21px 15px;border-radius:16px;margin-bottom:17px}.kid-description{font-size:11px;line-height:1.9;margin-bottom:17px}.kid-pads{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.classroom .kid-pad{min-height:93px;padding:14px 3px 8px;border-radius:12px;gap:9px}.kid-pad b{font-size:25px}.kid-pad small{top:5px;left:8px;font-size:8px}.kid-pad>span{font-size:8px;word-break:keep-all}.kid-beat-row{grid-template-columns:22px repeat(8,minmax(0,1fr));gap:4px}.kid-beat-row b{font-size:11px}.classroom .kid-beat-row button{min-height:34px;height:34px;border-radius:6px;font-size:11px}.kid-beat-grid{gap:8px;margin:20px 0}.kid-white-panel .kid-section-title{display:block}.kid-white-panel .kid-section-title>span{display:block;margin-top:6px;font-size:10px}.classroom .kid-row-actions button{font-size:11px;min-height:43px;padding:10px 12px}.kid-row-actions{gap:8px}.kid-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classroom .kid-effect-grid button{min-height:132px;padding:19px 8px}.kid-effect-grid button>b{font-size:12px}.kid-current-work{display:block}.kid-current-work-icon{display:none}.kid-title-field{margin:12px 0 18px}.kid-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.kid-work-card{padding:11px;border-radius:14px}.kid-work-art{height:71px;font-size:35px}.kid-work-card h3{font-size:12px;margin-top:12px;line-height:1.8}.kid-work-card>div>span{font-size:8px}.classroom .kid-work-card button{font-size:10px;padding:7px;min-height:37px;gap:6px}.kid-work-card button svg:last-child{display:none}.kid-backup-box{padding:21px 17px;border-radius:16px}.kid-backup-box h2{font-size:16px}.kid-backup-box>div>p{font-size:10px}.classroom .kid-upload{font-size:11px;padding:10px 12px;min-height:43px}.kid-empty-works{padding:30px 15px}.kid-empty-works>p{font-size:11px}.kid-busy{bottom:13px;width:calc(100% - 24px);gap:8px;padding:12px;font-size:10px;border-radius:12px}.kid-busy progress{width:33px}.classroom .kid-busy button{font-size:9px;min-height:35px;max-width:94px}.kid-floating-stop{bottom:11px;right:12px}.kid-guide{padding:34px 24px}.kid-guide h2{font-size:23px;margin:18px 0 26px}.kid-guide b{font-size:14px}.kid-guide p{font-size:11px}.mode-return{padding:7px;font-size:9px}}@media(prefers-reduced-motion:reduce){.classroom *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.classroom .kid-hero p,.classroom .kid-description,.classroom .kid-page-heading>p{color:#626e80}.classroom .feeling-card>span:last-of-type{color:#6c6374}.classroom .kid-segments button{color:#625a74}.classroom .kid-option>span{color:#5d697b}.classroom .kid-caption{color:#74808b}.classroom .kid-mission b{color:#7d693d}.classroom .kid-mission p{color:#7e735c}.classroom .kid-song-time{color:#71798b}.classroom .kid-pad>span{color:#6b6575}.classroom .kid-work-card>div>span{color:#707b88}@media(max-width:600px){.kid-header nav button{font-size:13px}.classroom .kid-segments button{font-size:12px;padding:8px 10px}.classroom .kid-song-actions button{font-size:13px}.classroom .kid-row-actions button,.classroom .kid-upload{font-size:12px}.feeling-card>span:last-of-type{font-size:10px}.kid-hero p,.kid-description,.kid-page-heading>p{font-size:12px}.kid-pad>span{font-size:10px}.classroom .kid-beat-row button{min-height:42px;height:42px}.kid-guide p{font-size:12px}}.kid-customize{margin-top:22px;border:1px solid #e2e3e7;border-radius:13px;background:#fff}.kid-customize summary{display:flex;gap:9px;align-items:center;list-style:none;padding:13px 19px;cursor:pointer;font-size:12px;color:#6f6689;font-weight:600}.kid-customize summary::-webkit-details-marker{display:none}.kid-customize summary>span{margin-left:auto;font-size:10px;color:#92909b}.kid-customize[open] summary>svg{transform:rotate(90deg)}.kid-customize .kid-make-options{border:0;border-top:1px solid #eeeef1;border-radius:0 0 13px 13px;margin-top:0}.kid-customize summary:focus-visible{outline:3px solid #9382cb;outline-offset:3px}@media(max-width:600px){.kid-customize{margin-top:16px}.kid-customize summary{font-size:12px;padding:13px 15px}}@media(max-width:600px){.kid-main{padding-top:20px}.kid-hero{padding-bottom:14px}.kid-hero h1{font-size:28px;line-height:1.35}.kid-hero p>span:last-child,.kid-hero p>br{display:none}.kid-step-trail{margin-top:12px}.kid-hero-drawing{top:15px;opacity:.32}}.classroom{--kid-ink: #3d3327;--kid-muted: #796d5d;--kid-purple: #94723d;--kid-border: #d8ccb6;--atelier-gold: #b3945d;--atelier-dark: #302116;color:var(--kid-ink);background-color:#302116;background-image:linear-gradient(#1d130a52,#1d130a52),url(../images/atelier/walnut-texture-512.webp);background-size:auto,640px auto;color-scheme:light}.classroom button{border-color:#d3c6af;border-radius:8px;color:#574735;background-color:#fffdf8;box-shadow:0 1px #fff9}.classroom button:hover{background-color:#f2eadb;border-color:#b39761}.classroom button:focus-visible,.classroom a:focus-visible,.classroom summary:focus-visible,.classroom input:focus-visible{outline:3px solid #c6a160;outline-offset:3px}.classroom .kid-primary{color:#382715;border:1px solid #aa8349;background-color:#dbc18c;background-image:linear-gradient(#fff6cf55,#9a6f3226),url(../images/atelier/metal-texture-512.webp);background-size:auto,360px auto;box-shadow:inset 0 1px #fff9,0 3px #7c5b2c,0 5px 14px #7356291a;text-shadow:0 1px 0 #fff5}.classroom .kid-primary:hover{background-color:#e0c792;filter:brightness(1.055);border-color:#9b7540}.classroom .kid-primary:active{box-shadow:inset 0 2px 6px #5d3b2544,0 1px #7c5b2c}.classroom .kid-header{max-width:1160px;padding:18px 30px;gap:24px;border-bottom:1px solid #b79b6638;background:none}.classroom .kid-brand{color:#f0e2c4;letter-spacing:1.8px;font-size:12px}.classroom .kid-brand small{color:#cbbca4;letter-spacing:1px;font-size:10px}.classroom .kid-brand-mark,.atelier-metal-badge{background-color:#c8ac78;background-image:linear-gradient(#fff9d54d,#69481d22),url(../images/atelier/metal-texture-512.webp);background-size:auto,300px auto;color:#5a3d1c;border:1px solid #c7ad79;border-radius:7px;box-shadow:inset 0 1px #fff7,0 3px 10px #0003}.classroom .kid-header nav{background:#0c090629;border:1px solid #a48b5a52;border-radius:9px;padding:4px;gap:4px}.classroom .kid-header nav button{color:#d0c0a6;border-radius:6px;font-size:12px;letter-spacing:.2px;box-shadow:none;min-height:40px;padding:10px 18px}.classroom .kid-header nav button.active{background-color:#d5bb83;background-image:linear-gradient(#fffad33d,#9d782329),url(../images/atelier/metal-texture-512.webp);background-size:auto,350px auto;color:#4e371b;box-shadow:inset 0 1px #fff7,0 2px 6px #0002}.classroom .kid-header nav button:not(.active):hover{background:#ffffff0c;color:#f1dfbc}.classroom .kid-help{color:#dfcfb2;background:transparent;box-shadow:none;font-size:11px}.classroom .kid-help:hover{background:#ffffff0b;border-color:transparent}.classroom .kid-main{max-width:1100px;width:calc(100% - 56px);margin:24px auto 0;padding:27px 32px 0;border:1px solid #cbb994;border-radius:14px 14px 0 0;background:linear-gradient(120deg,#fffdf7,#f6f1e7);box-shadow:0 16px 75px #0906045c,inset 0 1px #fff}.classroom .kid-hero{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:260px;padding:28px 34px;margin-bottom:28px;border-radius:10px;border:1px solid #ad8b5266;background:#22140b;box-shadow:0 6px 22px #3f2c1c24}.classroom .kid-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#150d08e8,#201208b8 40%,#1d100919 77%,#1b0c0600)}.atelier-photo{display:block;width:100%;height:100%;object-fit:cover}.classroom .atelier-hero-image{position:absolute;inset:0;z-index:0;object-position:center;opacity:1}.classroom .atelier-hero-copy{position:relative;z-index:2;max-width:65%}.classroom .kid-hero .kid-eyebrow{color:#e1cda3;font-size:10px;letter-spacing:1px}.classroom .kid-hero .kid-eyebrow>span{background:#d7b875;box-shadow:0 0 0 3px #d7b87515}.classroom .kid-hero h1{font-family:"Noto Serif KR",Batang,Georgia,serif;font-weight:500;font-size:37px;letter-spacing:-1.4px;line-height:1.4;color:#fff8e9;margin:14px 0 10px;text-shadow:0 2px 14px #0005}.classroom .kid-hero h1 em{color:#e4c790;font-weight:500}.classroom .kid-hero p{color:#dfd0b8;font-size:12px;line-height:1.9}.classroom .kid-step-trail{color:#d8c5a4;margin-top:20px;font-size:10px}.classroom .kid-step-trail b{background:#c4a77121;color:#ecd3a0;border:1px solid #d0ad6240}.classroom .kid-step-trail>svg{color:#ab8d56}.atelier-hero-signature{position:absolute;right:22px;bottom:18px;z-index:2;display:flex;align-items:center;gap:10px;color:#e4cda1;font-size:8px;letter-spacing:2.5px;text-shadow:0 1px 6px #000;pointer-events:none}.atelier-hero-signature i{width:34px;height:1px;background:#d9bb76}.classroom .kid-section-title h2,.classroom .kid-white-panel h2{font-weight:650;color:#4c3b27;font-size:19px;letter-spacing:-.6px}.classroom .kid-section-title>span{color:#897963;font-size:10px}.classroom .step-number{background:#e8ddc8;color:#8a682f;border:1px solid #d6c299;border-radius:6px;box-shadow:inset 0 1px #fff9;font-size:12px}.classroom .feeling-grid{gap:15px}.classroom .feeling-card{position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:flex-start;gap:0;padding:0 0 17px;min-height:182px;border:1px solid #d8cbb7;border-radius:10px;background:#fffdf8;box-shadow:0 3px 10px #7454320b;text-align:center}.classroom .feeling-card:hover{border-color:#ad8b52;background:#fffcf4;box-shadow:0 7px 20px #6b4b1d19;transform:translateY(-2px)}.classroom .feeling-card.chosen{background:#fcf5e6;border-color:#9f7a3d;box-shadow:0 0 0 2px #b6975b,0 4px 15px #66451d15}.classroom .feeling-photo{position:relative;display:block;flex:none;width:100%;height:111px;overflow:hidden;background:#342419;margin-bottom:15px;border-bottom:1px solid #d9c6a5}.feeling-photo .atelier-photo{transition:transform .3s;object-position:center}.feeling-card:hover .feeling-photo .atelier-photo{transform:scale(1.035)}.feeling-photo:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -20px 22px #25160822}.classroom .feeling-seal{position:absolute;left:11px;bottom:9px;display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:#ead6a8;border:1px solid #f1dfb9;color:#72512b;box-shadow:0 2px 7px #24170d30;border-radius:50%;z-index:2}.classroom .feeling-card>b{font-size:16px;letter-spacing:-.3px;font-weight:700;line-height:1.5;color:#55402b;padding:0 8px}.classroom .feeling-card>.feeling-hint,.classroom .feeling-card>span:last-of-type{color:#7b6b57;font-size:10px;line-height:1.6;padding:0 7px;margin-top:5px;font-weight:400}.classroom .feeling-check{z-index:3;inset:10px 10px auto auto;width:22px;height:22px;border-color:#d3bc8a;background:#1c120a73;color:#fff1d5;box-shadow:0 1px 6px #140d0633}.classroom .chosen .feeling-check{background:#d5b775;border-color:#e8cb8e;color:#4d3314}.classroom .kid-customize{border-color:#d9cbb3;border-radius:8px;background:#fffdf8;box-shadow:inset 0 1px #fff}.classroom .kid-customize summary{color:#76603f;font-size:12px;padding:12px 17px}.classroom .kid-customize summary>span{color:#8c7e6c}.classroom .kid-customize .kid-make-options{background:#faf6ee;border-top-color:#e6dccb;border-radius:0 0 8px 8px}.classroom .kid-option>span{color:#6a583e}.classroom .kid-segments button{background:#efe8da;color:#7d6a4c;border-radius:5px;font-size:11px;box-shadow:none}.classroom .kid-segments button.active{background:#ddc694;color:#4d361c;box-shadow:inset 0 1px #fff8}.classroom .kid-create-row{padding:24px 0 27px;gap:21px}.classroom .kid-create{font-size:16px;min-height:54px;border-radius:8px;padding:13px 32px;letter-spacing:.3px}.classroom .kid-create-row p{color:#8d7c62;font-size:10px}.classroom .kid-song{border:1px solid #d3c1a0;border-radius:10px;background:#fffcf6;box-shadow:0 4px 18px #5a40130a,inset 0 1px #fff;padding:26px 28px}.classroom .empty-song{background:#f4eee2;border:1px dashed #cbb99a;box-shadow:inset 0 1px #fff8}.classroom .empty-song h2{color:#7b6849;font-size:15px}.classroom .empty-song p{color:#87785f}.classroom .empty-music-note{background:#e7dcc6;color:#92723f;border:1px solid #d5c299;border-radius:9px;box-shadow:inset 0 1px #fff9}.classroom .kid-song-icon{background-color:#dfcb9a;background-image:linear-gradient(#fff8d255,#835e2222),url(../images/atelier/metal-texture-512.webp);background-size:auto,350px auto;border:1px solid #c3a66d;color:#795831;border-radius:10px;transform:none;box-shadow:inset 0 1px #fff8,0 2px 8px #48300f14}.classroom .kid-song .kid-eyebrow{color:#9b7a43}.classroom .kid-song h2{font-family:"Noto Serif KR",Batang,Georgia,serif;font-weight:600;font-size:22px;color:#4c3620;letter-spacing:-.3px}.classroom .kid-song-time{color:#8d7655}.classroom .kid-song-time progress,.classroom .kid-song-time progress::-webkit-progress-bar{background:#eee4d3}.classroom .kid-song-time progress::-webkit-progress-value{background:linear-gradient(90deg,#b49051,#d0b477)}.classroom .kid-song-time progress::-moz-progress-bar{background:#b99a60}.classroom .kid-output-meter .meter{background:#f2ebdd}.classroom .kid-output-meter .meter i{background:#b49a63}.classroom .kid-save{background:#eee3ce;border-color:#cdb587;color:#72552a;box-shadow:inset 0 1px #fff8}.classroom .kid-subtle{color:#8b724c;background:transparent;box-shadow:none}.classroom .kid-caption{color:#8b7a62}.classroom .kid-mission{background:#e9e0cf;border:1px solid #d9c7a6;border-radius:8px;padding:17px 21px}.classroom .kid-mission>span:first-child{color:#987137;background:#e3d1aa;border:1px solid #d1b67e;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:7px;flex-shrink:0;box-shadow:inset 0 1px #fff7}.classroom .kid-mission b{color:#715b36}.classroom .kid-mission p{color:#7c694d}.classroom .kid-mission-tag{background:#dfd0b2;color:#7c6137;border:1px solid #d2bb91;font-size:9px}.classroom .kid-teacher{border-color:#d5c7ae;color:#8e7959}.classroom .kid-teacher summary{color:#7e6847;font-size:11px}.classroom .kid-teacher h3{color:#755b34}.classroom .kid-teacher p{color:#827059}.classroom .kid-advanced-link{background:#e8dcc3;color:#805e2c;border:1px solid #d4bc8d;border-radius:6px}.classroom .kid-footer{position:relative;margin-top:15px;padding:22px 0 25px;color:#99866a;font-size:8px;letter-spacing:.4px}.classroom .kid-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;opacity:.25;background:repeating-linear-gradient(90deg,#f4ecda 0 11px,#6a5841 11px 12px,#f4ecda 12px 22px,#322b23 22px 27px,#f4ecda 27px 34px,#6a5841 34px 35px);border:1px solid #b8a17c}.classroom .kid-status{background:#2b2017;border-color:#ad8d4f44;color:#d0bea0;font-size:10px}.classroom .kid-page-heading .kid-eyebrow{color:#a4844a;letter-spacing:1px}.classroom .kid-page-heading h1{font-family:"Noto Serif KR",Batang,Georgia,serif;font-weight:500;color:#5a4024;letter-spacing:-.5px}.classroom .kid-page-heading>p,.classroom .kid-description{color:#7d6c55}.classroom .kid-white-panel{position:relative;border-radius:10px;border-color:#d8c7a7;background:#fffcf5;box-shadow:0 4px 14px #6b4b2410;padding:25px}.classroom .kid-pads{gap:11px}.classroom .kid-pad{background-color:#4a3020;background-image:linear-gradient(#160d0311,#160d0355),url(../images/atelier/walnut-texture-512.webp);background-size:auto,350px auto;border:2px solid #8a673d;border-radius:9px;min-height:124px;box-shadow:inset 0 1px #c3a17066,inset 0 -4px 8px #160a0444,0 3px #2e1d10,0 6px 12px #40280f22}.classroom .kid-pad:hover{background-color:#604128;filter:brightness(1.08);border-color:#b2935a}.classroom .kid-pad:active{box-shadow:inset 0 3px 16px #1208048c,0 1px #342312}.classroom .kid-pad b{color:#e4cf9f;font-size:31px;text-shadow:0 1px 4px #130a02}.classroom .kid-pad>span{color:#d1b98e;font-size:10px}.classroom .kid-pad small{color:#b69863}.classroom .kid-pad:after{content:"";position:absolute;right:8px;top:8px;width:4px;height:4px;border:1px solid #b8985b;border-radius:50%;background:#614326}.classroom .kid-beat-row b{color:#806137}.classroom .kid-beat-row button{border-color:#ddd0b8;background:#efe7d8;color:#aa8950;border-radius:6px}.classroom .kid-beat-row button.on{background-image:url(../images/atelier/metal-texture-512.webp);background-size:350px auto;background-color:#c8b281;border-color:#a68a53;color:#5d451f;box-shadow:inset 0 1px #fff9,0 1px 4px #6341171c}.classroom .kid-beat-row:nth-child(2) button.on{background-color:#b58959;background-image:linear-gradient(#8b552332,#8b552332),url(../images/atelier/metal-texture-512.webp);border-color:#a68251;color:#604321}.classroom .kid-beat-row:nth-child(3) button.on{background-color:#b5b4a3;background-image:linear-gradient(#6e7b7555,#6e7b7555),url(../images/atelier/metal-texture-512.webp);border-color:#98947a;color:#4d5345}.classroom .kid-beat-row button.beat-now{box-shadow:0 0 0 3px #ac8246,0 0 12px #ba945d66}.classroom .kid-effect-grid button{background:linear-gradient(#fffaf0,#f0e5d0);border-color:#d9c8a7;border-radius:8px;box-shadow:inset 0 1px #fff,0 3px 9px #5b3a1410}.classroom .kid-effect-grid button>span{background-image:url(../images/atelier/metal-texture-512.webp);background-size:250px auto;color:#80582c;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #c2a771;border-radius:50%;box-shadow:inset 0 1px #fff8,0 3px 8px #56340e18}.classroom .kid-effect-grid button>b{color:#6c512f}.classroom .kid-effect-grid button>small{color:#8b775a}.classroom .kid-effect-grid button[aria-pressed=true]{background:#eaddc3;border-color:#a48243;box-shadow:0 0 0 1px #b59864}.classroom .kid-outline{background:#eee2ca;border-color:#cfb784;color:#72552c}.atelier-panel-image{position:relative;height:120px;margin:-25px -25px 23px;overflow:hidden;border-radius:9px 9px 0 0;border-bottom:1px solid #b69b6e}.atelier-panel-image .atelier-photo{object-position:center 45%}.atelier-panel-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#23150bd9,#23150b00 80%)}.atelier-panel-image>span{display:flex;align-items:center;gap:10px;position:absolute;bottom:16px;left:23px;z-index:1;color:#e4c998;font-size:10px;letter-spacing:3px}.atelier-keyboard-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.atelier-metal-badge{display:flex;align-items:center;justify-content:center;width:45px;height:48px;flex-shrink:0}.classroom .atelier-keyboard-heading .kid-description{margin:5px 0 0;font-size:11px}.atelier-engraving{margin-left:auto;color:#a58a5e;letter-spacing:2px;font-size:8px;white-space:nowrap}.atelier-piano-case{background-color:#442b1a;background-image:linear-gradient(#21100720,#21100744),url(../images/atelier/walnut-texture-512.webp);background-size:auto,580px auto;padding:14px 21px 23px;border:3px solid #6f4c2b;border-radius:9px;box-shadow:inset 0 1px #b48d5a,0 5px 12px #46260d26}.atelier-piano-name{font-family:Georgia,serif;font-size:9px;letter-spacing:3px;text-align:center;color:#c5a56e;margin:0 0 12px;text-shadow:0 1px 0 #0008}.atelier-keyboard{position:relative;height:158px;border-top:5px solid #2b1d14;isolation:isolate}.atelier-white-keys{display:flex;gap:1px;height:100%;padding:0;background:#37291a}.classroom .atelier-white-key{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 0 10px;min-width:0;min-height:0;height:100%;flex:1;border:1px solid #bfb39d;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#ddd6c8,#fffdf4 16%,#f6f2e6 80%,#d9d1c0);box-shadow:inset 0 13px 15px #5c492015,0 5px #a99672;touch-action:none;color:#b8ac93;transition:transform .08s,box-shadow .08s}.classroom .atelier-white-key>span{font-size:9px;font-family:Georgia,serif;font-weight:400;color:#a59b88}.classroom .atelier-white-key:hover{background:linear-gradient(90deg,#e1d5bc,#fff8e2 20%,#f6edda 80%,#d9c8a4);border-color:#b5a071}.classroom .atelier-white-key.key-held{background:linear-gradient(90deg,#dacba9,#f0e2c4 20%,#e9d7ae 80%,#cfbb91);box-shadow:inset 0 4px 13px #8e6c3533,0 1px #a79168;transform:translateY(3px)}.classroom .atelier-black-key{position:absolute;top:-1px;z-index:3;width:7%;min-width:0;min-height:0;height:62%;padding:0;border:1px solid #080705;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#151512,#393934 28%,#22221e 70%,#0b0b09);box-shadow:inset 1px 0 #73736a88,inset -1px 0 #060604,0 5px #080704,0 7px 7px #2016077d;touch-action:none;transition:transform .08s,box-shadow .08s}.classroom .atelier-black-key:after{content:"";position:absolute;left:3px;right:3px;bottom:7px;height:2px;background:#ffffff0d}.classroom .atelier-black-key:hover{background:linear-gradient(90deg,#1e1b15,#514631 35%,#2c281d 70%,#121009);border-color:#100d06}.classroom .atelier-black-key.key-held{background:linear-gradient(90deg,#292012,#615035,#302516);box-shadow:inset 1px 0 #8b724a88,0 1px #080704,0 3px 4px #20160766;transform:translateY(3px)}.classroom .kid-current-work-icon{color:#876536;background-image:linear-gradient(#fff8dd55,#ad8b501c),url(../images/atelier/metal-texture-512.webp);background-size:auto,450px auto;border:1px solid #ccb27e;border-radius:11px;box-shadow:inset 0 1px #fff9}.classroom .kid-title-field{color:#8a714e}.classroom input{background:#fffdf7;border-color:#d8c9b0;color:#624b30;border-radius:6px}.classroom .kid-work-card{background:#fffdf7;border-color:#d5c3a3;border-radius:10px;box-shadow:0 3px 10px #66441b0c}.classroom .kid-work-art{height:115px;overflow:hidden;border-radius:5px;border:1px solid #c8b48f;background:#3d2b1d}.classroom .kid-work-card h3{font-family:"Noto Serif KR",Batang,Georgia,serif;font-weight:600;font-size:15px;color:#604627}.classroom .kid-work-card>div>span{color:#8c795e}.classroom .kid-work-card button{background:#f3ead9;border-color:#dcc7a1;color:#846335;border-radius:6px;box-shadow:inset 0 1px #fff9}.classroom .kid-backup-box{background:#eae1ce;border-color:#cfb991;border-radius:9px}.classroom .kid-backup-box h2{color:#765c35}.classroom .kid-backup-box>div>p{color:#7d6b4e}.classroom .kid-upload{background:#fffcf5;border-color:#cdb58a;border-radius:8px;color:#7f623a}.classroom .kid-empty-works{background:#f5efe3;border-color:#cfbd9d;border-radius:10px}.classroom .kid-empty-works>p{color:#8b775c}.classroom .kid-busy{color:#7d6033;border-color:#bba16e;background:#fffcf4;border-radius:9px;box-shadow:0 8px 40px #31200c4a}.classroom .kid-busy button{color:#806034;border-color:#d8c3a0;background:#f0e6d2;border-radius:6px}.classroom .kid-busy progress{accent-color:#a98649}.classroom .kid-spinner{border-color:#e1d3b7;border-top-color:#a78346}.classroom .kid-floating-stop{background:#6b4c26;border-color:#b4945b;color:#efddba;border-radius:8px}.classroom .kid-warning{background:#f3e5c4;border-color:#cfb171;color:#795a29}.classroom .kid-modal-backdrop{background:#191008ad}.classroom .kid-guide{background:#fbf7ed;border-color:#bfa06a;border-radius:13px;box-shadow:0 15px 90px #08050266}.classroom .kid-guide:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:13px 13px 0 0;background-image:url(../images/atelier/metal-texture-512.webp);background-size:400px auto}.classroom .kid-guide .kid-eyebrow{color:#a2824c}.classroom .kid-guide h2{font-family:"Noto Serif KR",Batang,Georgia,serif;font-weight:600;color:#6a4d28}.classroom .kid-guide b{color:#785a30}.classroom .kid-guide p{color:#887254}.classroom .kid-guide-close{color:#8c744e}.classroom .kid-loading{color:#b79c6a}@media(min-width:1500px){.classroom .kid-main{max-width:1140px}.classroom .kid-hero{min-height:280px;padding:32px 38px}.classroom .kid-hero h1{font-size:42px}.classroom .feeling-photo{height:121px}.classroom .feeling-card{min-height:192px}}@media(max-width:850px){.classroom .kid-header{padding:17px 22px;gap:13px}.classroom .kid-header nav button{padding:9px 12px;font-size:11px}.classroom .kid-brand{font-size:10px}.classroom .kid-main{width:calc(100% - 30px);padding:22px 24px 0;margin-top:17px}.classroom .kid-hero{min-height:245px;padding:25px}.classroom .kid-hero h1{font-size:34px}.classroom .kid-hero p{font-size:11px}.classroom .feeling-grid{gap:10px}.classroom .feeling-photo{height:96px}.classroom .feeling-card{min-height:168px;padding-bottom:14px}.classroom .feeling-card>b{font-size:15px}.classroom .feeling-card>span:last-of-type{font-size:9px}.classroom .feeling-seal{width:27px;height:27px;left:8px;bottom:8px}.classroom .feeling-seal svg{width:17px}.classroom .kid-white-panel{padding:21px}.atelier-panel-image{margin:-21px -21px 21px;height:110px}.atelier-engraving{display:none}.classroom .kid-song-actions button{font-size:12px}.classroom .kid-work-art{height:108px}}@media(max-width:600px){.classroom .kid-header{padding:14px 18px 10px;gap:12px}.classroom .kid-brand{font-size:10px;letter-spacing:1.3px}.classroom .kid-brand-mark{width:37px;height:39px;border-radius:6px}.classroom .kid-brand small{font-size:9px;letter-spacing:.5px}.classroom .kid-help{font-size:10px}.classroom .kid-header nav{gap:4px;padding:4px;border-radius:7px}.classroom .kid-header nav button{min-height:39px;font-size:12px;padding:8px 5px;border-radius:5px;gap:6px;white-space:nowrap}.classroom .kid-header nav button.active{box-shadow:inset 0 1px #fff7,0 2px 4px #0002}.classroom .kid-main{width:calc(100% - 20px);padding:14px 12px 0;margin-top:12px;border-radius:10px 10px 0 0}.classroom .kid-hero{min-height:178px;margin-bottom:20px;padding:19px 18px;border-radius:7px}.classroom .atelier-hero-copy{max-width:86%}.classroom .atelier-hero-image{object-position:70% center}.classroom .kid-hero:after{background:linear-gradient(90deg,#120b05eb,#1b0d06bf 55%,#1f100835)}.classroom .kid-hero h1{font-size:27px;line-height:1.35;letter-spacing:-.7px;margin:10px 0 8px}.classroom .kid-hero .kid-eyebrow{font-size:8px;letter-spacing:.3px}.classroom .kid-hero p{font-size:10px;color:#dfceb1}.classroom .kid-step-trail{margin-top:13px;gap:6px;font-size:8px;color:#e3ceaa}.classroom .kid-step-trail b{height:17px;width:17px;font-size:8px}.classroom .kid-step-trail>span{gap:4px}.classroom .kid-step-trail>svg{width:10px}.atelier-hero-signature{display:none}.classroom .kid-section{margin:17px 0 18px}.classroom .kid-section-title{margin-bottom:14px;gap:6px}.classroom .kid-section-title h2,.classroom .kid-white-panel h2{font-size:16px;letter-spacing:-.5px}.classroom .kid-section-title>span{font-size:8px;white-space:nowrap}.classroom .step-number{height:23px;width:23px;font-size:10px;border-radius:5px}.classroom .feeling-grid{gap:10px}.classroom .feeling-card{min-height:136px;padding-bottom:11px;border-radius:8px}.classroom .feeling-photo{height:77px;margin-bottom:9px}.classroom .feeling-card>b{font-size:14px;padding:0 4px;line-height:1.5}.classroom .feeling-card>span:last-of-type{font-size:8px;margin-top:3px;line-height:1.5;padding:0 3px}.classroom .feeling-seal{width:23px;height:23px;left:7px;bottom:7px}.classroom .feeling-seal svg{height:15px;width:15px}.classroom .feeling-check{height:19px;width:19px;right:7px;top:7px}.classroom .feeling-check svg{width:12px}.classroom .kid-customize{margin-top:15px;border-radius:7px}.classroom .kid-customize summary{padding:11px 12px;font-size:11px;gap:6px}.classroom .kid-customize summary>span{font-size:9px}.classroom .kid-customize .kid-make-options{padding:15px 12px}.classroom .kid-segments button{font-size:11px;padding:8px 10px}.classroom .kid-create-row{padding:19px 0 23px;gap:12px}.classroom .kid-create{width:100%;min-height:51px;padding:12px 18px;font-size:15px;letter-spacing:0;border-radius:7px;gap:12px}.classroom .kid-create-row p{font-size:8px}.classroom .kid-song{padding:20px 15px;border-radius:8px;gap:12px}.classroom .kid-song h2{font-size:19px}.classroom .kid-song .kid-eyebrow{font-size:9px}.classroom .empty-song{padding:19px 13px}.classroom .empty-music-note{width:43px;height:48px;border-radius:7px}.classroom .empty-music-note svg{width:24px}.classroom .empty-song h2{font-size:12px}.classroom .empty-song p,.classroom .kid-caption{font-size:9px}.classroom .kid-song-actions button{font-size:12px;min-height:44px}.classroom .kid-mission{padding:14px 13px;gap:11px;border-radius:7px;margin:18px 0 24px}.classroom .kid-mission>span:first-child{height:32px;width:32px;border-radius:6px}.classroom .kid-mission>span:first-child svg{width:20px}.classroom .kid-mission b{font-size:10px}.classroom .kid-mission p{font-size:9px}.classroom .kid-teacher{margin-top:25px}.classroom .kid-teacher summary{font-size:9px}.classroom .kid-footer{font-size:7px;padding:20px 0 22px;gap:9px}.classroom .kid-footer:before{height:4px}.classroom .kid-status{font-size:9px;padding:9px 15px}.classroom .kid-page-heading{padding:1px 0 22px}.classroom .kid-page-heading h1{font-size:28px}.classroom .kid-page-heading .kid-eyebrow{font-size:8px}.classroom .kid-page-heading>p,.classroom .kid-description{font-size:11px}.classroom .kid-white-panel{padding:20px 14px;border-radius:8px;margin-bottom:17px}.classroom .kid-pads{gap:6px}.classroom .kid-pad{min-height:96px;padding:15px 3px 10px;border-radius:6px;border-width:1px;gap:10px}.classroom .kid-pad b{font-size:25px}.classroom .kid-pad>span{font-size:8px}.classroom .kid-pad small{font-size:8px}.classroom .kid-pad:after{width:3px;height:3px;right:6px;top:7px}.atelier-panel-image{height:86px;margin:-20px -14px 20px;border-radius:7px 7px 0 0}.atelier-panel-image>span{font-size:8px;letter-spacing:2px;left:15px;bottom:12px}.atelier-panel-image>span svg{width:18px}.classroom .kid-beat-row button{border-radius:5px;min-height:40px;height:40px}.classroom .kid-row-actions button{font-size:11px;padding:10px 11px;min-height:43px}.classroom .kid-effect-grid{gap:9px}.classroom .kid-effect-grid button{padding:18px 8px;min-height:139px;border-radius:7px}.classroom .kid-effect-grid button>span{width:49px;height:49px}.classroom .kid-effect-grid button>span svg{width:27px}.classroom .kid-effect-grid button>b{font-size:12px}.classroom .kid-effect-grid button>small{font-size:9px}.classroom .kid-outline{font-size:11px}.atelier-keyboard-heading{gap:9px;margin-bottom:15px}.atelier-metal-badge{width:36px;height:40px;border-radius:6px}.classroom .atelier-keyboard-heading h2{font-size:15px}.classroom .atelier-keyboard-heading .kid-description{font-size:9px;line-height:1.8;margin-top:3px}.atelier-piano-case{padding:10px 10px 15px;border-width:2px;border-radius:7px}.atelier-piano-name{font-size:6px;letter-spacing:1.8px;margin-bottom:9px}.atelier-keyboard{height:111px;border-top-width:3px}.classroom .atelier-white-key{padding-bottom:7px;border-radius:0 0 3px 3px;box-shadow:inset 0 8px 12px #5c492015,0 3px #a99672}.classroom .atelier-white-key>span{font-size:7px}.classroom .atelier-black-key{border-radius:0 0 3px 3px;box-shadow:inset 1px 0 #73736a88,0 3px #080704,0 4px 5px #2016077d}.classroom .atelier-white-key.key-held{transform:translateY(2px)}.classroom .kid-work-art{height:90px;border-radius:4px}.classroom .kid-work-card{padding:10px;border-radius:8px}.classroom .kid-work-card h3{font-size:13px}.classroom .kid-work-card>div>span{font-size:8px}.classroom .kid-work-card button{font-size:10px;border-radius:5px}.classroom .kid-backup-box{padding:20px 15px;border-radius:8px}.classroom .kid-backup-box h2{font-size:15px}.classroom .kid-upload{font-size:11px;min-height:43px;padding:10px;border-radius:7px}.classroom .kid-guide{padding:34px 24px;border-radius:10px}.classroom .kid-guide h2{font-size:23px}.classroom .kid-guide p{font-size:12px}.classroom .kid-busy{border-radius:7px;font-size:10px;padding:12px;gap:8px}.classroom .kid-busy button{font-size:9px}.classroom .kid-current-work-icon{border-radius:9px}}@media(prefers-reduced-motion:reduce){.classroom .feeling-card:hover,.classroom .feeling-card:hover .atelier-photo{transform:none}}.atelier-keyboard-output{width:62px;flex-shrink:0}.atelier-keyboard-output .meter{height:4px;background:#e9dec9;margin:0}.atelier-keyboard-output .meter i{background:linear-gradient(90deg,#a6874e,#d8be88)}@media(max-width:600px){.atelier-keyboard-output{width:32px;margin-left:auto}.classroom .feeling-card>span:last-of-type{font-size:9px}}.classroom .kid-header nav button svg{color:inherit}.app{--bg: #181613;--panel: #25221c;--line: #493f2e;--muted: #ada08a;--text: #e7ddc9;background:#181613;color:#e7ddc9}.app .sidebar{background-color:#38271a;background-image:linear-gradient(#160d08a8,#160d08c4),url(../images/atelier/walnut-texture-512.webp);background-size:auto,530px auto;border-color:#80643a66}.app .brand{color:#f0dfb9}.app .brand-mark{background-color:#d0b67f;background-image:url(../images/atelier/metal-texture-512.webp);background-size:250px auto;border:1px solid #d7c08b;color:#5b3c1a;border-radius:6px;box-shadow:inset 0 1px #fff6}.app .brand small span{color:#d3b67c;border-color:#a0804a66}.app .nav-label{color:#ae936a}.app nav button{color:#c8b99f}.app nav button svg{color:#b69c73}.app nav button.active{color:#eed19b;background:#b1904d30;border:1px solid #a5813d40}.app nav button.active svg,.app nav button.active small{color:#e4c385}.app nav button:hover{background:#bea16a12}.app .sidebar-footer{color:#d1bd99;border-color:#9c7b4b44}.app .sidebar-footer svg{color:#c7a46a}.app .sidebar-footer small{color:#ae9470}.app .workspace{background:#191713}.app .topbar,.app .transport{background-color:#242019;background-image:linear-gradient(#211d17f0,#211d17f0),url(../images/atelier/metal-texture-512.webp);background-size:auto,500px auto;border-color:#79613d55}.app .primary{background-color:#d2b57b;background-image:linear-gradient(#fff7cc44,#815a1c11),url(../images/atelier/metal-texture-512.webp);background-size:auto,320px auto;color:#4e3518;border-color:#b3945c;box-shadow:inset 0 1px #fff6,0 2px #6c4b23}.app .primary:hover{filter:brightness(1.06);color:#4e3518;background-color:#d9bc83}.app .play-button{color:#493016;background:#d0b076;box-shadow:inset 0 1px #fff8}.app .play-button.playing{background:#edcb87}.app .play-button:hover{background:#e3c48b}.app button{border-color:#625134;background-color:#2e281f;color:#d5c3a0}.app button:hover{background-color:#3b3124;border-color:#967545}.app .icon-button{background:transparent;border:0;color:inherit}.app .local-pill{color:#cbb891}.app .local-pill i,.app .status-dot{background:#c6a25f}.app .tempo input{background:none;color:#e2cfa9}.app input,.app select,.app textarea{background:#201c16;border-color:#625035;color:#e1cfae;border-radius:5px}.app input[type=range]{accent-color:#bf9e5f}.app .field>span{color:#b7a27e}.app .page-intro h2{color:#ead8b4}.app .eyebrow{color:#b39766}.app .panel{background:#25211b;border-color:#55452d;border-radius:8px;box-shadow:inset 0 1px #ffffff04}.app .hero{display:block;background-color:#25180e;background-image:linear-gradient(90deg,#160c06ed,#1b1007b3 50%,#1b100718),url(../images/atelier/atelier-hero-1600.webp);background-size:cover;background-position:center;border-color:#9473468c;border-radius:9px;min-height:285px}.app .hero>div:first-child{position:relative;z-index:1;max-width:75%}.app .hero-art{display:none}.app .hero h1{font-family:"Noto Serif KR",Batang,Georgia,serif;color:#fff6e4;font-weight:500}.app .hero h1 strong{color:#e2c489;font-weight:500}.app .hero p{color:#d3c0a0}.app .hero .eyebrow{color:#d7bb86}.app .hero .eyebrow>span{background:#d7bb86}.app .genre{background:#29231b;border-color:#55452d;border-radius:7px}.app .genre>span{color:#c6a96e}.app .genre:nth-child(3n)>span{color:#d4b984}.app .genre:nth-child(3n+1)>span{color:#bc9e68}.app .genre small{color:#b39f7b}.app .selected{background:#493a23!important;border-color:#bc9b59!important;color:#f0d59b!important}.app .chips button{background:#30291f;border-color:#645134;color:#d0bc97;border-radius:5px}.app .panel>p{color:#bba682}.app .hint{color:#b49e78!important}.app .section-head>span{color:#ab9168}.app .badge{color:#dfc187;background:#463920;border:1px solid #79603b;border-radius:4px}.app .overview{border-color:#675235}.app .overview-row{border-color:#443724}.app .overview-row>span{color:#d0bc98}.app .overview-lane{background-color:#1e1a14}.app .project-facts{color:#ac946c}.app .project-facts b{color:#dbc7a2}.app .inspector input{background:#211b13;border-color:#655035}.app .tip-card{border-color:#75603c;background:linear-gradient(130deg,#4a3a23,#31281b);color:#d2b47a}.app .tip-card h3{color:#e4cc9c}.app .tip-card p{color:#c2ab80}.app .tip-card button{color:#d8bc80;background:none}.app .privacy{color:#b99b67}.app .privacy p{color:#a88e66}.app .example-button,.app .full-button{border-color:#655032;background:#30271b;color:#c9b082}.app .meter{background:#483a25}.app .meter i{background:linear-gradient(90deg,#9eae74,#c8b56a,#d69c63)}.app .statusbar{background:#201911;border-color:#665132;color:#bfa77b}.app .statusbar small{color:#9c8158}.app .saved{background:#b1a56a}.app .unsaved{background:#d0a357}.app .mode-return{background:#594429;color:#edcf97;border:1px solid #967746;border-radius:5px}.app .waveform{background:#1d1913;border-color:#675132}.app .file-button{background:#4a3a23;border-color:#806039;color:#dbc28e;border-radius:5px}.app .track-strip{border-color:#59452b}.app .track-number{color:#d6b374}.app .clip-properties{border-color:#735735}.app .keyboard{background-image:linear-gradient(#29150b55,#29150b55),url(../images/atelier/walnut-texture-512.webp);background-size:auto,430px auto;border:2px solid #785531;border-radius:7px;padding:19px 12px 24px}.app .keyboard .white{background:linear-gradient(90deg,#d5cbb5,#fcf6e6 15%,#eee5d0 85%,#bbae94);border-color:#bca980;color:#796344}.app .keyboard .black{background:linear-gradient(90deg,#0c0b08,#3c362b 35%,#17150f);border-color:#100d07;color:#c5af80;box-shadow:0 3px 4px #0007}.app .keyboard .held{background:#caab6d;color:#463012}.app .library-row{border-color:#644c2e}.app .library-row small{color:#b29665}.app .scale-notes{color:#d3b987!important}.app .tuner{color:#dbc18c}.app .record-dot{background:#513b2e;border-color:#927051;color:#d1ad84}.app .record-dot.active{background:#8e4e33;color:#f0cb9b}.app .modal{background:#302519;border-color:#9f7a47;color:#e5d0a8;border-radius:11px}.app .modal p{color:#c0a37a}.app .modal li::marker{color:#c59d5b}.app .busy{border-color:#ad884c;background:#403018;color:#ebd0a0}.app .busy progress{accent-color:#c3a465}.app .spinner{border-color:#7a6038;border-top-color:#e5c58a}.app.light{--bg: #f4eee2;--panel: #fffcf5;--line: #d6c3a2;--muted: #8b7654;--text: #594229;color:#594229}.app.light .workspace{background:#f3eee4}.app.light .topbar,.app.light .transport{background-color:#e4d5b6;background-image:linear-gradient(#fff7e8e8,#f0e4c9e8),url(../images/atelier/metal-texture-512.webp);color:#70522b;border-color:#c8ad7c}.app.light .panel{background:#fffcf5;border-color:#d3bd95}.app.light .page-intro h2,.app.light .section-head h2,.app.light .inspector h3{color:#70512b}.app.light .genre{background:#fbf7ee;color:#6a4e2d;border-color:#d7c3a0}.app.light .selected{background:#e9d8b5!important;border-color:#b28e51!important;color:#735121!important}.app.light input,.app.light select,.app.light textarea{background:#fffcf5;border-color:#cbb083;color:#72522c}.app.light .tempo input{background:transparent}.app.light .field>span,.app.light .panel>p,.app.light .hint,.app.light .project-facts{color:#876c44!important}.app.light .project-facts b,.app.light .overview-row>span{color:#72522d}.app.light .overview-lane{background-color:#f0e6d2}.app.light .full-button,.app.light .example-button{background:#eadcc2;color:#896632;border-color:#ccb081}.app.light .privacy p{color:#91734a}.app.light .tip-card{background:#e6d3ad;border-color:#c4a56c}.app.light .tip-card h3,.app.light .tip-card p,.app.light .tip-card button{color:#84602c}.app.light .chips button{background:#eee3ce;color:#876333;border-color:#d3bc94}.app.light .section-head>span{color:#9c7c4b}.app.light .statusbar{background:#e6d6b8;color:#856230;border-color:#ccb180}.app.light .local-pill{color:#856638}.app.light .waveform{background:#f2ead9;border-color:#c9ac7a}@media(max-width:650px){.app .hero{min-height:267px;background-position:60% center}.app .hero>div:first-child{max-width:93%}.app .hero h1{font-size:25px}.app .hero p{font-size:10px}.app .mode-return{font-size:8px;padding:6px}.app .keyboard{padding:16px 8px 21px}}.classroom .song-practice{display:grid;gap:20px;margin-bottom:24px}.classroom .song-practice .kid-white-panel{margin:0}.classroom .song-library h2{display:flex;align-items:center;gap:10px}.classroom .lesson-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.classroom .lesson-catalog button{display:flex;align-items:center;gap:10px;text-align:left;min-height:86px;padding:14px 10px;background:#fcf8ee;border:1px solid #d8c5a1;border-radius:7px;color:#624521;box-shadow:0 3px 9px #4d301006}.classroom .lesson-catalog button[aria-pressed=true]{border-color:#a98542;background:#f1e5c8;box-shadow:inset 0 0 0 1px #b79a64}.classroom .lesson-catalog button>span:nth-child(2){flex:1}.classroom .lesson-catalog b{display:block;font-size:13px;word-break:keep-all}.classroom .lesson-catalog small{display:block;font-size:10px;color:#927951;margin-top:5px}.classroom .lesson-number{font:17px Georgia,serif;color:#ab8a4c}.classroom .lesson-selected{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border:1px solid #d5c09b;border-radius:8px;background:linear-gradient(120deg,#eee1c9,#faf6eb)}.classroom .lesson-selected h3{margin:6px 0;font-family:Batang,Georgia,serif;font-size:23px;color:#62421e}.classroom .lesson-selected small{font-size:11px;color:#8a7049}.classroom .lesson-selected label{white-space:nowrap;display:grid;gap:6px;flex-shrink:0;font-size:11px;color:#7f633c}.classroom .lesson-selected select,.classroom .lesson-track select{min-width:0;background:#fffaf0;border:1px solid #bea373;border-radius:5px;padding:9px;color:#684a22;max-width:100%}.classroom .song-library .kid-row-actions{margin-top:18px}.classroom .lesson-feedback{margin-top:16px;padding:14px;background:#efe6d5;border-left:3px solid #b69758;color:#73552d;line-height:1.6;font-size:13px}.classroom .lesson-complete{background:#e8ecdc;border-color:#87945f;color:#4f5a32}.classroom .lesson-progress{display:flex;align-items:center;gap:14px;padding:16px 0 0}.classroom .lesson-progress progress{width:100%;height:12px;accent-color:#b5914e}.classroom .lesson-progress b{white-space:nowrap;font-size:12px;color:#8d713e}.classroom .lesson-import{margin-top:20px;border-top:1px solid #d9c5a0;padding-top:16px;color:#84653a}.classroom .lesson-import summary{cursor:pointer;font-size:13px;font-weight:700}.classroom .lesson-import summary svg{vertical-align:middle;margin-right:8px}.classroom .lesson-import p{font-size:12px;line-height:1.8}.classroom .lesson-upload{position:relative;display:inline-flex;gap:8px;align-items:center;border:1px solid #c1a16b;border-radius:5px;background:#f1e4ca;padding:12px;font-size:12px;cursor:pointer;overflow:hidden}.classroom .lesson-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.classroom .lesson-upload:focus-within{outline:2px solid #785723;outline-offset:3px}.classroom .lesson-track{display:grid;gap:8px;margin-top:15px;font-size:12px}.classroom .lesson-import a{display:inline-flex;align-items:center;gap:7px;color:#79531e;font-size:12px;text-decoration:underline}.classroom .lesson-import>small{display:block;margin-top:9px;font-size:10px;line-height:1.7}.classroom .atelier-white-key.key-guide{background:linear-gradient(90deg,#d8b66e,#ffe7a9 45%,#e4c37d);box-shadow:inset 0 0 0 2px #ad7a28,0 0 20px #e5bc6866}.classroom .atelier-black-key.key-guide{background:linear-gradient(90deg,#7d5a25,#cba356,#87612a);box-shadow:inset 0 0 0 2px #edce89,0 0 18px #d5b16588}.classroom .key-guide:after{content:"●";position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:#805819;font-size:18px}.classroom .atelier-black-key.key-guide:after{color:#ffedbb;bottom:15px}@media(max-width:850px){.classroom .lesson-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.classroom .song-library h2{font-size:18px}.classroom .lesson-selected{align-items:stretch;flex-direction:column;padding:14px}.classroom .lesson-selected label{display:flex;align-items:center;gap:10px}.classroom .lesson-catalog button{min-height:78px;padding:10px 7px;gap:7px}.classroom .lesson-catalog b{font-size:12px}.classroom .lesson-catalog svg{width:14px}.classroom .lesson-number{font-size:14px}.classroom .song-library .kid-row-actions{gap:7px}.classroom .song-library .kid-row-actions button{padding:12px 10px;font-size:12px}}.global-shell{padding-top:56px}.mode-bar{position:fixed;inset:0 0 auto;z-index:80;height:56px;background:linear-gradient(115deg,#2a1b10,#49321a,#24180f);border-bottom:1px solid #bba06b;box-shadow:0 2px 12px #0005;color:#f5e4bc;font-family:Arial,Malgun Gothic,sans-serif}.mode-bar-inner{height:100%;max-width:1440px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:22px}.mode-bar-label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.mode-bar nav{display:flex;gap:6px;align-items:center}.mode-bar nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 20px;border:1px solid #8f713f;border-radius:6px;color:#e6cc98;background:#fff1c50a;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}.mode-bar nav a[aria-current=page]{color:#4a3014;background:linear-gradient(#f4e2b4,#cbb079);border-color:#e9d19b;box-shadow:inset 0 1px #fff8,0 2px 5px #0004}.mode-bar a:focus-visible{outline:3px solid #fff0b4;outline-offset:2px}.mode-bar-inner>small{margin-left:auto;font-size:11px;color:#cdb486}.global-shell>.app .sidebar{top:56px}.global-shell .app{min-height:calc(100vh - 56px)}.global-shell .busy{top:67px}.instrument-room{padding:26px;margin:0 0 24px;border:1px solid #d5bf93;border-radius:10px;background:#fffcf5;color:#5a3e20;box-shadow:0 6px 22px #55320e0b;font-family:Arial,Malgun Gothic,sans-serif}.instrument-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;margin-bottom:20px;background:none;border:0}.instrument-heading h2{display:flex;align-items:center;gap:8px;font-size:22px;margin:7px 0;color:#67471f}.instrument-heading p{color:#947751;font-size:12px;line-height:1.7;margin:7px 0}.instrument-eyebrow{color:#ab8748;font-size:9px;letter-spacing:1.6px}.instrument-sample-tag{display:flex;align-items:center;gap:6px;border:1px solid #cfb477;border-radius:30px;padding:8px 12px;font-size:10px;white-space:nowrap;color:#937036}.instrument-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.instrument-room .instrument-choices button{display:block;padding:0;overflow:hidden;background:#fbf6eb;border:1px solid #d5c19a;border-radius:7px;color:#63431e;text-align:left;box-shadow:0 3px 8px #5a350e09}.instrument-choices img{width:100%;height:116px;object-fit:cover;display:block}.instrument-choices button>span{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:5px}.instrument-choices b{font-size:14px}.instrument-choices small{font-size:10px;color:#a38656}.instrument-room .instrument-choices button.chosen{border:2px solid #aa823f;box-shadow:0 0 0 2px #ad8f4d22}.instrument-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:20px}.instrument-room .instrument-main-photo{position:relative;padding:0;overflow:hidden;border:1px solid #947039;border-radius:8px;min-height:285px;background:#342215;color:#fff4da;width:100%;touch-action:manipulation}.instrument-main-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;transition:transform .3s}.instrument-main-photo:hover img{transform:scale(1.025)}.instrument-main-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100900eb,transparent 65%);pointer-events:none}.instrument-touch{position:absolute;z-index:1;top:13px;left:13px;display:flex;align-items:center;gap:7px;background:#1c100ccc;color:#f5d998;padding:8px 11px;border:1px solid #f4d49744;border-radius:30px;font-size:11px}.instrument-photo-title{position:absolute;z-index:1;bottom:24px;left:24px;right:16px;text-align:left;font-family:Batang,Georgia,serif;font-size:29px;color:#fff3d4}.instrument-photo-title small{display:block;font-family:Arial,Malgun Gothic,sans-serif;margin-top:7px;font-size:12px;color:#ddc698}.instrument-main-photo.performing{box-shadow:0 0 0 3px #d4b16b77}.instrument-console{padding:19px;border:1px solid #d9c4a0;border-radius:7px;background:linear-gradient(140deg,#eee0c3,#fcf8ef)}.instrument-console h3{font-size:21px;color:#745025;font-family:Batang,Georgia,serif;margin:8px 0 18px}.instrument-console label{display:grid;gap:6px;font-size:11px;color:#876b43;margin:11px 0;white-space:nowrap}.instrument-console select{min-width:0;width:100%;background:#fffcf5;color:#725028;border:1px solid #bfa477;padding:9px;border-radius:4px;font-size:12px}.instrument-actions{display:flex;gap:8px;margin-top:16px}.instrument-room .instrument-actions button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 13px;min-height:42px;border:1px solid #b49761;border-radius:5px;background:#faf5e9;color:#7f5d2a;font-size:12px;white-space:nowrap}.instrument-room .instrument-actions .instrument-auto{color:#4e3518;background-image:linear-gradient(#fff2c433,#9a702611),url(../images/atelier/metal-texture-512.webp);background-size:auto,250px auto;font-weight:700}.instrument-output{margin-top:15px}.instrument-output .meter{height:5px;background:#d9cbb0}.instrument-output .meter i{background:#b18a42}.instrument-console p{font-size:11px;line-height:1.7;color:#8a6c41;min-height:36px;margin:10px 0 0}.instrument-notes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:20px}.instrument-room .instrument-notes button{display:grid;gap:5px;padding:12px 4px;min-width:0;min-height:70px;border:1px solid #bea373;border-radius:5px;background:linear-gradient(#fffaf0,#e8dab9);color:#735125}.instrument-notes small{font-size:10px;opacity:.6}.instrument-notes b{font-size:15px;white-space:nowrap}.instrument-room .instrument-notes button.sounding{background:linear-gradient(#f3dc9b,#c7a05a);box-shadow:inset 0 0 0 2px #a67c31;color:#5b3812}.instrument-room>footer{font-size:10px;line-height:1.8;color:#a28a62;padding-top:14px}.instrument-room button:focus-visible{outline:3px solid #aa823f;outline-offset:3px}.instrument-room button:disabled{opacity:.55}.app .instrument-room{margin-bottom:24px}.app .instrument-room .instrument-heading h2{color:#67471f}.app .instrument-room .instrument-main-photo{background:#342215}.app .instrument-room .instrument-console h3{color:#745025}@media(max-width:800px){.mode-bar-inner{padding:0 12px;gap:10px}.mode-bar-inner>small{display:none}.instrument-stage{grid-template-columns:1fr}.instrument-main-photo{aspect-ratio:16/9}.instrument-heading{flex-direction:column;align-items:flex-start}.instrument-choices button>span{display:grid;gap:3px}.instrument-choices img{height:95px}}@media(max-width:500px){.mode-bar{height:52px}.global-shell{padding-top:52px}.mode-bar-inner{justify-content:center;gap:8px;padding:0 8px}.mode-bar-label{font-size:10px;gap:4px}.mode-bar-label svg{width:13px}.mode-bar nav{gap:5px}.mode-bar nav a{padding:8px 10px;gap:5px;font-size:11px;min-height:38px}.mode-bar nav a svg{width:15px}.global-shell>.app .sidebar{top:52px}.global-shell .kid-header{padding-top:12px;padding-bottom:12px}.global-shell .kid-main{margin-top:14px}.global-shell .kid-hero{min-height:165px}.instrument-room{padding:17px 13px}.instrument-heading h2{font-size:18px}.instrument-choices{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.instrument-choices img{height:90px}.instrument-choices button>span{display:flex;padding:10px}.instrument-choices b{font-size:13px}.instrument-choices small{font-size:9px}.instrument-room .instrument-main-photo{min-height:215px}.instrument-photo-title{font-size:24px;left:18px;bottom:18px}.instrument-photo-title small{font-size:11px}.instrument-notes{gap:4px}.instrument-room .instrument-notes button{min-height:59px;padding:10px 1px}.instrument-notes b{font-size:12px}.instrument-console{padding:16px}.instrument-stage{gap:12px}}@media(prefers-reduced-motion:reduce){.instrument-main-photo img{transition:none}.instrument-main-photo:hover img{transform:none}}@media(max-width:500px){.global-shell .classroom .kid-hero{padding:12px 16px;margin-bottom:14px}.global-shell .classroom .kid-hero h1{font-size:25px}.global-shell .classroom .kid-step-trail{margin-top:8px}.global-shell .classroom .kid-main{margin-top:10px}}.instrument-room{scroll-margin-top:74px}html{scroll-padding-top:68px}.performance-page{--performance-ink: #d9d1bf;--performance-muted: #a69b84}.performance-page .kid-page-heading{padding:8px 0 15px;margin-bottom:10px}.performance-page .kid-page-heading h1{font-family:Batang,Georgia,serif;font-size:28px;margin:6px 0}.performance-page .kid-page-heading p{font-size:12px}.performance-page .song-practice{gap:12px}.performance-eyebrow{font-size:9px;letter-spacing:1.8px;color:#9a824d}.classroom .concert-piano{padding:20px 20px 14px;background:#191816;border:1px solid #4f4432;border-radius:7px;box-shadow:0 14px 30px #281b1222;color:#ded3bf}.concert-piano-heading{display:flex;align-items:center;gap:20px;padding:0 0 16px;border:0;background:none}.concert-piano-heading h2{font-family:Batang,Georgia,serif;font-size:21px;color:#e6d9bf;margin:6px 0 0;letter-spacing:1px}.piano-range{display:flex;align-items:center;gap:10px;margin-left:auto}.classroom .piano-range button{padding:5px;min-height:30px;border:1px solid #62543c;background:#28241c;color:#cebd9b;border-radius:3px}.piano-range>span{font-size:12px;color:#ddcfb3;text-align:center;white-space:nowrap}.piano-range small{display:block;font-size:8px;letter-spacing:1.4px;color:#a68c59;margin-top:3px}.piano-label-toggle{font-size:10px;color:#a79b85;display:flex;align-items:center;gap:5px;white-space:nowrap}.piano-label-toggle input{accent-color:#bb9a5a}.classroom .concert-case{padding:0 13px;border:1px solid #6b4d2c;border-radius:5px;background:linear-gradient(90deg,#160d09,#493020 2%,#25170f 3%,#342117 97%,#493020 98%,#140b07);box-shadow:inset 0 0 0 2px #bc995231,inset 0 0 15px #0009,0 3px #0b0705}.concert-fallboard{height:54px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(#0a0908,#25211a 38%,#161310 60%,#0b0907);border-bottom:1px solid #5e4027;box-shadow:inset 0 1px #fff1}.concert-fallboard>span{font-family:Georgia,serif;font-size:13px;letter-spacing:4px;color:#c1a56e;text-shadow:0 1px 0 #000}.concert-fallboard small{font-size:6px;letter-spacing:3px;color:#80704e;margin-top:7px}.concert-felt{height:4px;background:linear-gradient(#321719,#7c3133,#391516);border-top:1px solid #090706}.concert-key-viewport{width:100%;overflow:hidden}.classroom .concert-keybed{border:0;margin:0;padding:0;position:relative;isolation:isolate;background:#0b0907}.classroom .concert-keybed .atelier-white-keys{display:flex;gap:0;padding:0;height:100%;background:#0b0907}.classroom .concert-piano .concert-white{flex:none;position:relative;height:100%;min-height:0;min-width:0;padding:0;border:0;border-right:1px solid #9f9786;border-left:1px solid #fffcf3;border-radius:0 0 1.5px 1.5px;background:linear-gradient(90deg,#cec8bb,#f0ece1 6%,#fffdf5 25%,#f3f0e5 76%,#e0dacd 97%,#bdb4a5);box-shadow:inset 0 12px 16px #392b2020,inset 0 -6px 2px #d0c7b5,inset 0 -7px #fdf8e8,0 2px 2px #0007;touch-action:none;transition:transform 65ms,box-shadow 65ms;transform-origin:center top;color:#928574}.classroom .concert-piano .concert-white.key-held{transform:translateY(2px) scaleY(.985);background:linear-gradient(90deg,#c1b9aa,#ede5d5 14%,#e4dccb 88%,#b6aa95);box-shadow:inset 0 5px 20px #281a1833,inset 0 -2px 1px #bcae95}.concert-key-label{position:absolute;bottom:14px;left:0;right:0;font-size:9px!important;color:#8d8370!important;pointer-events:none;font-family:Georgia,serif}.concert-key-label small{display:block;font-size:7px;opacity:.55;margin-top:4px}.classroom .concert-piano .concert-black{position:absolute;top:0;min-height:0;min-width:0;padding:0;z-index:3;max-width:none;border:0;border-left:1px solid #4b4944;border-right:1px solid #080807;border-top:1px solid #858078;border-radius:1px 1px 3px 3px;background:linear-gradient(90deg,#090909,#42413b 9%,#171817 15%,#252622 73%,#080908 91%,#000);box-shadow:inset 0 -7px #111310,inset 0 -8px 1px #5f5c51,3px 5px 3px #100d0ac7,-1px 2px 2px #0009;transition:transform 65ms,box-shadow 65ms;touch-action:none;transform-origin:center top}.classroom .concert-piano .concert-black:after{content:"";left:12%;right:12%;bottom:10px;height:1px;background:#a19b842b}.classroom .concert-piano .concert-black.key-held{transform:translateY(3px) scaleY(.985);background:linear-gradient(90deg,#080908,#302f29 13%,#171813 85%,#020302);box-shadow:inset 0 -2px #141610,1px 1px 2px #0008}.classroom .concert-piano .concert-white.key-guide{background:linear-gradient(90deg,#c8b888,#e9d79f 20%,#ecdbac 80%,#bfaa76);box-shadow:inset 0 0 0 1px #b0955d,inset 0 -5px 1px #b89f6c}.classroom .concert-piano .concert-black.key-guide{background:linear-gradient(90deg,#392e17,#867144 14%,#5e4b2a 80%,#261c0d)}.classroom .concert-piano .key-guide:after{display:none}.concert-keyslip{height:13px;background:linear-gradient(#1f140c,#4a3221 25%,#27180e 50%,#0e0906);border-top:3px solid #100b08;box-shadow:0 -1px #b18a4733}.piano-footer{display:flex;justify-content:space-between;gap:10px;color:#8e826a;font-size:9px;padding-top:12px;letter-spacing:.2px}.performance-page .song-library{padding:17px 20px!important}.performance-page .song-library h2{font-size:17px}.performance-page .song-library .kid-description{font-size:11px;margin:7px 0}.performance-page .lesson-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0}.performance-page .lesson-catalog button{min-height:52px;padding:9px;gap:8px;border-radius:3px;box-shadow:none}.performance-page .lesson-catalog small{font-size:9px;margin-top:3px}.performance-page .lesson-catalog b{font-size:11px}.performance-page .lesson-number{font-size:13px}.performance-page .lesson-selected{padding:11px 14px;min-height:0;flex-direction:row;align-items:center;border-radius:4px}.performance-page .lesson-selected h3{font-size:18px;margin:4px 0}.performance-page .lesson-selected small{font-size:9px}.performance-page .song-library .kid-row-actions{margin-top:12px}.performance-page .lesson-feedback{font-size:11px;padding:9px 12px;margin-top:12px}.performance-page .lesson-import{margin-top:12px;padding-top:12px}.performance-page .instrument-room{margin-top:18px;padding:20px;border-radius:6px;background:#1d1b17;border-color:#514632;color:#d6c6a6}.performance-page .instrument-heading h2{color:#d9c7a1;font-size:21px;font-family:Batang,Georgia,serif}.performance-page .instrument-heading p{color:#a99a7b;font-size:11px}.performance-page .instrument-sample-tag{border-color:#665339;color:#a58e60;border-radius:3px}.instrument-room .instrument-choices{gap:0;margin-bottom:14px;border-bottom:1px solid #695234;display:flex}.instrument-room .instrument-choices button{display:flex;align-items:center;padding:9px 14px;gap:9px;border-radius:0;background:none;border:0;border-bottom:2px solid transparent;box-shadow:none;min-height:48px;color:#c6b496}.instrument-choices button img{width:34px;height:28px;object-fit:cover;filter:saturate(.6);border-radius:2px}.instrument-choices button>span{padding:0;display:block}.instrument-choices button small{display:none}.instrument-choices button b{font-size:12px}.instrument-room .instrument-choices button.chosen{border:0;border-bottom:2px solid #c4a36b;background:#bda36f13;box-shadow:none;color:#e3c78e}.instrument-room .instrument-stage{grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:14px}.instrument-room .instrument-console{border-radius:3px;background:#29251c;border-color:#59472e}.instrument-room .instrument-console h3{color:#d9c396;font-size:20px}.instrument-room .instrument-console label,.instrument-room .instrument-console p{color:#aa9672}.instrument-room .instrument-console select{background:#1c1914;color:#d6c29b;border-color:#6b5534}.instrument-room .instrument-notes{gap:5px;margin-top:12px}.instrument-room .instrument-notes button{background:linear-gradient(#343027,#211c15);color:#bfaa83;min-height:48px;border-color:#6d5735;border-radius:2px;padding:7px 3px}.instrument-room .instrument-notes small{font-size:8px}.instrument-room .instrument-notes b{font-size:12px}.instrument-room>footer{font-size:9px;color:#8e7e62}.physical-instrument{background:#11100e;border:1px solid #5b4630;border-radius:4px;overflow:hidden;min-width:0}.surface-toolbar{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;background:#242018;border-bottom:1px solid #5c472d;color:#bba47b}.surface-toolbar>strong{font-size:11px;font-weight:500;white-space:nowrap}.surface-toolbar label{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap}.surface-toolbar select{padding:5px;background:#1c1811;border:1px solid #5d472c;color:#c7ad7e;border-radius:2px;font-size:10px}.surface-pitch{margin-left:auto;font:12px Georgia,serif;color:#dabd7a;white-space:nowrap}.physical-stage{position:relative;aspect-ratio:3/2;isolation:isolate;touch-action:none;user-select:none}.physical-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.classroom .physical-stage button,.app .physical-stage button{position:absolute;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#dfcba3;touch-action:none;-webkit-tap-highlight-color:transparent}.classroom .physical-stage button:focus-visible,.app .physical-stage button:focus-visible{outline:1px solid #e2cc96;outline-offset:3px}.physical-stage .mechanical-valve{top:23.6%;width:8%;height:18%;transform:translate(-50%)}.valve-cap{position:absolute;left:30%;top:46%;width:40%;height:14%;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#fffef3,#d8d4c8 55%,#7b7567 75%,#e6c776 82%,#5b4722 95%);box-shadow:0 2px 1px #f3d9a288,0 4px 1px #281708bd;transition:transform .09s,filter .09s}.valve-stem{position:absolute;left:47%;top:58%;width:7%;height:20%;background:linear-gradient(90deg,#4b483e,#d4cbb7,#6d6653)}.valve-number{position:absolute;top:8%;left:0;right:0;text-align:center;font:10px Georgia,serif;color:#c3a878;opacity:.75}.mechanical-valve.depressed .valve-cap{transform:translateY(150%);filter:brightness(.82);box-shadow:0 1px 1px #b1995a}.mechanical-valve.depressed .valve-stem{transform:scaleY(.3);transform-origin:bottom}.physical-stage .trumpet-air{left:2%;top:32%;width:13%;height:15%;border-radius:50%}.trumpet-air span{position:absolute;bottom:-10px;left:0;right:0;font-size:8px;color:#b29974}.physical-stage .mechanical-flute-key{top:47.8%;width:5.5%;height:8.25%;transform:translate(-50%,-50%);border-radius:50%!important}.flute-key-cup{position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 35% 27%,#fcfcf2,#a8a8a0 40%,#515753 60%,#e0d9bb,#777f78 74%,#262c28 85%,#e1d8b7 95%);box-shadow:1px 2px 2px #000b;transition:transform .09s,filter .09s}.mechanical-flute-key.depressed .flute-key-cup{transform:translateY(15%) scale(.95);filter:brightness(.65);box-shadow:inset 0 2px 3px #0007}.flute-key-number{position:absolute;bottom:-20%;left:0;right:0;text-align:center;font-size:7px;color:#b5ad96;opacity:.7}.physical-stage .violin-touch-string{left:26.3%;width:64%;height:3%;transform:translateY(-50%) rotate(var(--string-slope));transform-origin:left center;z-index:2}.violin-touch-string>span{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,#aaa69a55,#e0dac388,#aaa69a55);pointer-events:none}.violin-touch-string.vibrating>span{background:#ddc891;box-shadow:0 0 3px #ebd29788;animation:string-vibrate 85ms linear infinite alternate}.violin-finger{position:absolute;width:12px;height:12px;border-radius:50%;border:1px solid #edd7a0;background:#a4823f77;box-shadow:0 0 0 5px #d0a75a20;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.violin-string-select{display:flex;gap:5px;margin-left:auto}.physical-instrument .violin-string-select button{padding:4px 8px;min-height:30px;border:1px solid #6c5532;border-radius:2px;background:#19150e;color:#c5b494;font:12px Georgia,serif}.violin-string-select button small{font-size:7px;margin-left:5px;opacity:.6}.physical-instrument .violin-string-select button[aria-pressed=true]{background:#776039;color:#fff0cf;border-color:#b99e66}.surface-instructions{padding:10px 12px;color:#928368;font-size:10px;line-height:1.7;border-top:1px solid #3f3220}.performance-tools{border-top:1px solid #cdbb97;margin-top:22px}.performance-tools>summary{padding:18px 0;font-size:15px;color:#6b502c;cursor:pointer;font-weight:600}.performance-tools>summary>span{float:right;font-size:10px;font-weight:400;color:#9a8461}.performance-tools-content{display:grid;grid-template-columns:1fr;gap:0}.performance-tools .atelier-panel-image{display:none}.performance-tools .kid-white-panel{border-radius:4px}.performance-tools .kid-pads .kid-pad{border-radius:3px;min-height:90px}.performance-tools h2{font-size:19px}@keyframes string-vibrate{0%{transform:translateY(-.6px)}to{transform:translateY(.6px)}}@media(max-width:850px){.instrument-room .instrument-stage{grid-template-columns:1fr}.instrument-room .instrument-console{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px}.instrument-console>.instrument-eyebrow,.instrument-console>h3{display:none}.instrument-console .instrument-actions,.instrument-console .instrument-output{margin:0;align-self:center}.instrument-console>p{grid-column:1/-1;min-height:0;margin:0}.performance-page .lesson-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.concert-piano-heading{gap:10px}.piano-label-toggle{display:none}}@media(max-width:500px){.performance-page .kid-page-heading{padding:2px 0 8px}.performance-page .kid-page-heading h1{font-size:24px}.performance-page .kid-page-heading p{font-size:10px}.classroom .concert-piano{padding:12px 9px 10px}.concert-piano-heading{padding-bottom:12px;flex-wrap:wrap;gap:8px}.concert-piano-heading h2{font-size:18px}.concert-piano-heading .performance-eyebrow{font-size:7px;letter-spacing:1px}.piano-range{gap:6px}.piano-range>span{font-size:10px}.piano-range small{font-size:7px}.concert-piano .atelier-keyboard-output{display:none}.classroom .concert-case{padding:0 6px}.concert-fallboard{height:43px}.concert-fallboard>span{font-size:10px;letter-spacing:2.5px}.concert-fallboard small{font-size:5px}.piano-footer{font-size:8px;display:block;line-height:1.8}.piano-footer>span{display:block}.classroom .concert-piano .concert-key-label{font-size:8px!important;bottom:12px}.performance-page .song-library{padding:13px 11px!important}.performance-page .song-library h2{font-size:14px}.performance-page .lesson-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.performance-page .lesson-catalog button{min-height:47px;padding:7px}.performance-page .lesson-selected{flex-direction:column;align-items:stretch;gap:9px}.performance-page .instrument-room{padding:13px 10px}.instrument-room .instrument-choices button{padding:9px 7px;gap:5px}.instrument-choices button img{width:22px;height:22px}.instrument-choices button b{font-size:11px}.surface-toolbar{gap:6px;padding:7px 8px;flex-wrap:wrap}.surface-toolbar>strong{font-size:10px}.surface-instructions{font-size:9px;padding:9px}.violin-string-select{gap:3px}.physical-instrument .violin-string-select button{padding:4px 7px;min-height:32px}.violin-string-select button small{display:none}.physical-stage .valve-number{font-size:8px}.physical-stage .flute-key-number{font-size:6px}.instrument-room .instrument-notes button{min-height:43px}.instrument-notes b{font-size:10px}.performance-tools>summary{font-size:13px}.performance-tools>summary>span{float:none;display:block;margin-top:6px}}@media(prefers-reduced-motion:reduce){.valve-cap,.flute-key-cup,.classroom .concert-piano button{transition:none}.violin-touch-string.vibrating>span{animation:none;box-shadow:0 0 4px #efcb79}}.performance-page .song-practice{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.performance-page .song-practice>div{min-width:0;max-width:100%}.classroom .concert-piano{min-width:0;max-width:100%}.concert-key-viewport{min-width:0}.classroom .concert-piano .concert-piano-heading h2{color:#e6d9bf}.surface-note-controls{margin-top:12px;border-top:1px solid #5a472d}.surface-note-controls>summary{padding:10px 0 0;color:#9d8b6a;font-size:10px;cursor:pointer}.performance-page .lesson-catalog{grid-template-columns:repeat(8,minmax(0,1fr))}.performance-page .lesson-catalog button{gap:5px;padding:8px 6px;min-height:52px}.performance-page .lesson-catalog b{font-size:10px}.performance-page .lesson-catalog small{font-size:8px}.performance-page .lesson-catalog .lesson-number{display:none}.performance-page .lesson-catalog svg{width:11px;flex-shrink:0}@media(max-width:850px){.performance-page .lesson-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:500px){.performance-page .lesson-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-page .lesson-catalog small{display:none}.performance-page .lesson-catalog b{font-size:10px}.performance-page .lesson-catalog button{padding:6px;min-height:47px}.performance-page .lesson-catalog svg{display:none}}.classroom .physical-stage .mechanical-valve:active,.app .physical-stage .mechanical-valve:active{transform:translate(-50%)}.classroom .physical-stage .mechanical-flute-key:active,.app .physical-stage .mechanical-flute-key:active{transform:translate(-50%,-50%)}.classroom .physical-stage .violin-touch-string:active,.app .physical-stage .violin-touch-string:active{transform:translateY(-50%) rotate(var(--string-slope))}.app .instrument-room{background:#1d1b17;color:#d6c6a6;border-color:#514632}.app .instrument-room .instrument-heading h2{color:#d9c7a1}.app .instrument-room .instrument-heading p{color:#a99a7b}.app .instrument-room .instrument-sample-tag{border-color:#665339;color:#a58e60;border-radius:3px}:root{font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e8ee;background:#101217;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:inherit;background:#252832;border:1px solid #363a46;border-radius:7px;padding:10px 13px;min-height:38px;transition:background .15s,border-color .15s;white-space:nowrap}button:hover{background:#343846;border-color:#647384}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #72dfc8;outline-offset:3px}button.primary{background:#76e3c8;border-color:#76e3c8;color:#142d29;font-weight:700}button.primary:hover{background:#a3f2df}.selected{border-color:#76e3c8!important;background:#223b35!important;color:#8fecd5!important}.danger{color:#ffadba;border-color:#7b404c}input,select,textarea{min-width:0;width:100%;background:#171a21;border:1px solid #373b46;color:inherit;border-radius:6px;padding:10px}input[type=range]{padding:0;accent-color:#73ddc5;border:0;min-height:32px}input[type=checkbox]{width:17px;height:17px;accent-color:#72dec4}a{color:inherit;text-decoration:none}.app{--bg: #101217;--panel: #1b1e26;--line: #2c303b;--muted: #999fac;--text: #e5e8ee;background:var(--bg);color:var(--text);min-height:100vh}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#16191f;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 16px 18px;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:1px;padding:0 10px 32px}.brand-mark{background:#72dfc6;color:#17372f;border-radius:10px;padding:9px;display:flex}.brand small{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:4px;margin-top:5px}.brand small span{letter-spacing:1px;font-size:8px;color:#89e1cb;border:1px solid #33564b;border-radius:3px;padding:2px 4px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#7e8594;margin:4px 14px 14px}nav{overflow:auto;scrollbar-width:thin;flex:1}nav button{display:flex;width:100%;justify-content:flex-start;border:0;background:none;border-radius:6px;padding:11px 12px;margin-bottom:3px;font-size:12px;color:#a1a8b5;gap:12px;min-height:40px}nav button svg{color:#8c94a2;flex-shrink:0}nav button small{font-size:9px;margin-left:auto;color:#747c8b}nav button.active{background:#233932;color:#8ce7cf}nav button.active svg,nav button.active small{color:#8ce7cf}.sidebar-footer{margin:15px 10px 0;padding-top:17px;border-top:1px solid var(--line);display:flex;gap:9px;color:#b8bfca;font-size:10px;line-height:1.5}.sidebar-footer svg{color:#6fcbb4;flex-shrink:0}.sidebar-footer small{display:block;font-size:9px;color:#737d8a;margin-top:3px}.workspace{margin-left:240px}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#14171d}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px}.breadcrumb span{color:var(--muted)}.breadcrumb b{font-weight:500}.top-actions{display:flex;align-items:center;gap:14px}.icon-button{border:0;background:none;padding:7px;min-width:34px;min-height:34px}.local-pill{font-size:10px;color:#a9b5b9;display:flex;align-items:center;gap:6px}.local-pill i,.status-dot{width:5px;height:5px;border-radius:50%;background:#7cdec4}.transport{min-height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:13px 32px;background:#181b22;position:sticky;top:0;z-index:10}.transport-play{display:flex;align-items:center;gap:8px}.play-button{border:0;border-radius:50%;width:39px;height:39px;min-width:39px;background:#74e1c5;color:#17372e;padding:0}.play-button.playing{background:#b59ee8}.time-display{font-family:monospace;font-size:21px;letter-spacing:1px;min-width:99px;margin-left:5px}.time-display small{font-size:9px;color:var(--muted);display:block;letter-spacing:0;margin-top:3px}.tempo{display:flex;gap:8px;align-items:center;padding-left:20px;border-left:1px solid var(--line)}.tempo input{width:55px;border:0;padding:4px;font-size:18px;background:none;text-align:center}.tempo span{font-size:8px;color:var(--muted)}.tempo b{font-weight:400;font-size:11px;padding-left:12px}.transport-meter{width:100px}.transport-meter>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.meter{height:6px;width:100%;background:#2f353b;border-radius:2px;margin-top:7px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#65d7ab,#cbd56b,#e79875)}.transport-actions{display:flex;gap:9px;margin-left:auto}.transport-actions button{font-size:11px}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:25px;padding:29px 30px 0;max-width:1740px;margin:auto}main{min-width:0}.page-intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.eyebrow{font-size:9px;color:#96a1b3;letter-spacing:2px;font-weight:600;display:flex;gap:8px;align-items:center}.eyebrow span{width:5px;height:5px;border-radius:50%;background:#83dfc6}.page-intro h2{font-size:19px;letter-spacing:-.7px;margin:9px 0 0}.version-tag{font-size:9px;letter-spacing:2px;color:#69717f}.hero{min-height:286px;position:relative;overflow:hidden;border:1px solid #34483f;border-radius:12px;padding:33px 34px;background:radial-gradient(ellipse at 100% 50%,#2e324a 0%,transparent 65%),linear-gradient(115deg,#1b302b,#1a2328 55%,#28263b);display:grid;grid-template-columns:1.3fr 1fr;gap:15px;margin-bottom:31px}.hero h1{font-size:clamp(23px,2.1vw,35px);font-weight:600;line-height:1.5;letter-spacing:-1.5px;margin:15px 0 10px}.hero h1 strong{font-weight:600;color:#a7ecda}.hero p{font-size:11px;line-height:1.9;color:#a6b6b2;margin:0 0 21px}.hero .primary{font-size:12px;padding:11px 17px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:120px}.record{width:190px;height:190px;border-radius:50%;background:repeating-radial-gradient(circle,#1c2632 0 2px,#38414b 3px,#222b35 4px);box-shadow:0 0 60px #9b8ed21b,16px 17px 30px #080c1e44;display:flex;justify-content:center;align-items:center;transform:rotate(-18deg);border:1px solid #607276}.record-core{width:74px;height:74px;background:linear-gradient(135deg,#a5e4cc,#76b7ba 50%,#a49ccf);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#24424a;box-shadow:inset 0 0 0 8px #ffffff16}.orbit{position:absolute;color:#a7cebd;font-size:31px;transform:rotate(12deg)}.orbit.one{right:1%;top:11%}.orbit.two{left:2%;bottom:17%;font-size:22px;color:#aea2cf}.sound-bars{position:absolute;display:flex;align-items:center;gap:4px;height:70px;bottom:8%;right:0;opacity:.8}.sound-bars i{width:3px;background:linear-gradient(#8ec9b9,#9a8dbd);border-radius:3px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px}.section-head h2{font-size:15px;font-weight:600;margin:0;display:flex;gap:8px;align-items:center;letter-spacing:-.4px}.section-head>span{font-size:9px;color:#8f97a6;letter-spacing:.8px}.genre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 25px}.genre{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:9px;padding:16px 15px;background:#1c2028;border:1px solid #2e3440;border-radius:9px;white-space:normal;text-align:left;min-height:120px}.genre>span{font-size:25px;color:#b2a5df;line-height:1.3}.genre:nth-child(3n)>span{color:#d8b788}.genre:nth-child(3n+1)>span{color:#88d7bf}.genre b{font-size:12px;font-weight:600;word-break:keep-all}.genre small{font-size:9px;color:#9ca4b0;line-height:1.6;word-break:keep-all}.genre.selected{border-color:#608b7d!important;background:#23362f!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:23px;margin-bottom:20px}.panel>h2{font-size:18px;margin:0 0 15px;display:flex;align-items:center;gap:9px}.panel>p{font-size:12px;line-height:1.9;color:#a5adba}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.chips button{font-size:11px;min-height:34px;padding:7px 13px;background:#242832;color:#bbc0cb;border-color:#363b47}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:19px}.field{display:flex;flex-direction:column;gap:9px;font-size:11px;min-width:0;line-height:1.5}.field>span{color:#a4adba}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.actions button,.file-button{font-size:11px}.hint{font-size:10px!important;line-height:1.8!important;color:#919caa!important;margin:16px 0 0}.badge{display:inline-block;background:#293c35;color:#89d8bf;font-size:8px;padding:4px 7px;border-radius:4px;letter-spacing:.4px;font-weight:500}.overview{border-top:1px solid #303642}.overview-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #2a303a;min-height:50px}.overview-row>span{font-size:10px;color:#adb7c5;display:flex;align-items:center;gap:7px}.overview-row>span i{width:4px;height:19px;border-radius:3px}.overview-lane{position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),#38404b66 calc(12.5% - 1px) 12.5%);height:35px;border-radius:3px}.overview-lane b{position:absolute;height:4px;min-width:2px;border-radius:1px;opacity:.85}.overview-lane em{position:absolute;top:3px;height:29px;background:#3c685a;border:1px solid #60a892;border-radius:4px;font-size:9px;padding:6px;white-space:nowrap;overflow:hidden}.inspector{padding-top:59px;min-width:0}.inspector .panel{padding:19px}.inspector h3{font-size:12px;margin:0;font-weight:600}.inspector input{font-size:11px}.inspector .field{font-size:10px;margin-top:14px}.project-facts{display:flex;flex-direction:column;gap:14px;margin:23px 0;color:#8792a1;font-size:10px}.project-facts>span{display:flex;justify-content:space-between}.project-facts b{color:#c1c8d2;font-weight:400}.full-button{margin-top:20px;width:100%;font-size:10px;justify-content:space-between;background:#252932}.tip-card{padding:22px 20px;background:linear-gradient(135deg,#243431,#272b3e);border:1px solid #3c4b4a;border-radius:10px;color:#98d7c6}.tip-card h3{font-size:12px;line-height:1.8;color:#c5ddd5;margin:13px 0 6px}.tip-card p{font-size:10px;color:#a6b6b8;line-height:1.9}.tip-card button{font-size:10px;color:#a4e4ce;background:none;border:0;justify-content:flex-start;padding:0;margin-top:5px}.privacy{display:flex;gap:9px;padding:20px 3px 15px;color:#83958e}.privacy svg{flex-shrink:0;margin-top:3px}.privacy p{margin:0;font-size:10px;line-height:1.9;color:#8f9b9e}.example-button{width:100%;font-size:10px;margin-top:8px;background:#1b2029;color:#9facc1;border-color:#343c4a}footer{display:flex;gap:9px;align-items:center;padding:16px 0 25px;font-size:8px;color:#646f7e;letter-spacing:1.3px}footer span{margin-left:auto;font-size:9px;letter-spacing:0}.statusbar{border-top:1px solid #2d3440;background:#15181f;min-height:31px;padding:9px 30px;display:flex;gap:8px;align-items:center;font-size:9px;color:#a9b5bf}.statusbar>span{width:5px;height:5px;border-radius:50%;flex-shrink:0}.saved{background:#78d4ae}.unsaved{background:#d5ac71}.statusbar small{margin-left:auto;font-size:8px;color:#7d8898}.busy{position:fixed;bottom:45px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:12px;background:#263c37;border:1px solid #72d8bf;box-shadow:0 8px 50px #0009;font-size:12px;max-width:95vw}.busy progress{width:65px;height:6px;accent-color:#79e0c6}.spinner{width:17px;height:17px;border:2px solid #5b8a7c;border-top-color:#b6f4e1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.warning{border:1px solid #9c7943;background:#3b3024;color:#ecd8b7;padding:17px;line-height:1.7;margin-bottom:20px;font-size:12px}.empty{padding:30px 10px;color:#9ba8b7;font-size:12px;text-align:center}.waveform{display:block;width:100%;height:120px;margin:24px 0;background:#13181f;border:1px solid #35414a;border-radius:6px}.file-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #43594f;background:#273b33;border-radius:7px;color:#b5e5ce;padding:10px;min-height:40px;white-space:nowrap}.file-button input{width:1px;height:1px;position:absolute;opacity:0}.file-button:focus-within{outline:2px solid #8be4cb;outline-offset:3px}.step-scroll,.roll-scroll{overflow:auto;padding-bottom:12px}.step-row{display:flex;align-items:center;gap:5px;margin-bottom:8px;width:max-content}.step-row>span{display:flex;align-items:center;width:155px;font-size:12px;gap:5px}.step-row>span button{padding:4px;min-height:30px;min-width:27px;font-size:10px}.step-row>button{min-width:27px;width:27px;min-height:32px;padding:0;background:#303541;border-color:#3b4352}.step-row>button.bar{margin-left:8px}.step-row>button.on{background:#78d9bb;border-color:#a0efd4}.step-row:nth-child(2)>.on{background:#b29cdd}.step-row:nth-child(3)>.on{background:#d7b475}.keyboard{display:flex;overflow:auto;padding:24px 0;touch-action:pan-x}.keyboard button{min-width:37px;width:37px;border-radius:0 0 5px 5px;min-height:160px;align-items:flex-end;flex-direction:column;justify-content:flex-end;gap:10px;padding:9px 4px;touch-action:none}.keyboard .white{background:#e2e7e4;color:#47514f;border-color:#9aa7a4}.keyboard .black{background:#252a35;color:#a6b8c9;min-height:100px;height:100px;min-width:27px;width:27px;margin:0 -13.5px;position:relative;z-index:1;align-items:center}.keyboard .held{background:#78ddbb}.keyboard small{font-size:8px}.check{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.7}.record-zone{display:flex;flex-direction:column;align-items:center;gap:17px;margin:40px 0}.record-dot{display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background:#342833;color:#c891a6;border:1px solid #79566d}.record-dot.active{background:#713d46;color:#ffd5d9;animation:pulse 1.2s infinite alternate}@keyframes pulse{to{box-shadow:0 0 0 14px #fda4ac12}}.record-zone strong{font-size:30px;font-family:monospace}.record-zone span{color:#9daab7;font-size:11px}.record-zone .meter{width:60%}.track-strip{display:flex;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid #333b47}.track-strip>input:first-of-type{width:130px;font-size:11px}.track-strip>input[type=range]{width:100px;flex:1}.track-strip button{padding:5px 8px;font-size:10px;min-height:32px}.track-number{color:#8edabe}.clip-properties{border-top:1px solid #39414d;margin-top:20px;padding-top:18px}.clip-properties>b{display:block;margin-bottom:16px;font-size:12px}.piano-roll{width:1400px}.roll-row{display:flex;gap:1px;height:23px}.roll-row>span{width:48px;font-size:9px;padding:4px;background:#2e3743}.roll-row>button{flex:1;min-height:22px;height:22px;border-radius:0;padding:0;border:0;background:#252b35;min-width:0}.roll-row>button.bar{border-left:1px solid #6c7d88}.roll-row>button.note{background:#70cbb0}.roll-row>button.selected{box-shadow:inset 0 0 0 2px #fff}.score{background:#f2f3ed;color:#17221f;border-radius:8px;padding:10px;margin-top:20px;overflow:auto}.tuner{font-size:28px;color:#8be0c3;text-align:center;padding:35px}.scale-notes{font-size:23px!important;color:#b6d9cf!important;word-spacing:9px}.library-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #35404a;padding:15px 0}.library-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.library-row b{font-size:12px}.library-row small{display:block;color:#8da09b;font-size:10px;margin-top:6px}.library-row button{font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#060b13b8;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;max-width:570px;width:100%;max-height:90vh;overflow:auto;background:#1c242a;border:1px solid #48605a;border-radius:18px;padding:40px;color:#dceae3}.modal h1{font-size:28px;margin:20px 0 25px}.modal ol{padding-left:22px}.modal li{padding-left:10px;margin-bottom:25px}.modal li::marker{color:#86d4b9}.modal b{font-size:15px}.modal p{font-size:12px;line-height:1.9;color:#a6bbb2}.modal-close{position:absolute;top:12px;right:12px}.mobile-toggle{display:none}.light{--bg: #eef1f2;--panel: #fff;--line: #d3dbdf;--muted: #586770;--text: #26343b;color-scheme:light}.light .sidebar,.light .topbar,.light .transport,.light .statusbar{background:#f9fbfc}.light .genre,.light .chips button,.light .example-button,.light .full-button{background:#f0f4f4;color:#394d52}.light input,.light select,.light textarea{background:#f5f8f8;color:#263e42;border-color:#bcc9cd}.light .hero{color:#e6f0ed}.light .inspector h3{color:#2a4546}.light .tip-card{background:#d7e7e3}.light .tip-card h3,.light .tip-card p,.light .tip-card button{color:#365c50}.light nav button{color:#46575e}.light nav button.active{background:#d9ece4;color:#285943}.light .panel p,.light .field>span,.light .project-facts,.light .hint{color:#596d75!important}.light button:not(.primary):not(.genre):not(.selected):not(.on):not(.note):not(.white):not(.black){color:#365057;background:#edf2f2;border-color:#bcc9cd}.light .overview-row>span,.light .project-facts b{color:#48636b}.light .overview-lane{background-color:#e7eeed}.light .panel .badge{color:#91e4cb}.light .section-head>span{color:#53656c}@media(min-width:1650px){.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:320px}.record{width:220px;height:220px}.hero h1{font-size:36px}}@media(max-width:1250px){.sidebar{width:217px;padding-left:10px;padding-right:10px}.workspace{margin-left:217px}.main-layout{grid-template-columns:minmax(0,1fr);padding:25px}.inspector{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:0}.inspector .privacy{display:none}.inspector .hint{grid-column:1/-1}.inspector .example-button{margin:0}.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.transport-meter{display:none}.transport{gap:13px;padding:12px 22px}.topbar{padding:0 24px}.hero{grid-template-columns:1.3fr 1fr}}@media(max-width:850px){.sidebar{width:195px}.workspace{margin-left:195px}.brand{font-size:11px;padding-left:4px;gap:7px}.brand small{font-size:9px;gap:4px}.brand-mark{padding:6px}nav button{font-size:10px;padding:10px 8px;gap:7px}.transport{flex-wrap:wrap;gap:10px}.transport-actions{margin-left:auto}.transport-actions>button:first-child{display:none}.tempo{padding-left:10px}.tempo b{display:none}.time-display{min-width:70px;font-size:18px}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art .record{width:130px;height:130px}.sound-bars{gap:3px}.hero{padding:26px 22px}.hero h1{font-size:25px}.panel{padding:19px}.track-strip{flex-wrap:wrap}.track-strip input[type=range]{min-width:100px}.inspector{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.sidebar{display:none;top:59px;width:245px;box-shadow:18px 0 50px #0008}.sidebar.open{display:flex}.workspace{margin-left:0}.mobile-toggle{display:flex}.topbar{height:59px;padding:0 14px;position:relative;z-index:30}.breadcrumb{gap:7px;font-size:11px}.top-actions{gap:5px}.local-pill{font-size:9px}.transport{padding:10px 14px;gap:8px;min-height:105px;top:0}.transport-play{gap:4px}.tempo{margin-left:auto}.tempo input{font-size:17px;width:48px}.transport-actions{width:100%;justify-content:flex-end;border-top:1px solid #303641;padding-top:8px}.transport-actions button{min-height:36px}.transport-actions>button:first-child{display:flex;margin-right:auto}.transport-actions .primary{padding:8px 14px}.time-display{display:flex;align-items:baseline;gap:8px;min-width:110px}.time-display small{display:inline}.main-layout{padding:22px 14px 0;gap:10px}.page-intro{margin-bottom:20px}.page-intro h2{font-size:18px}.hero{min-height:273px;padding:25px 21px;display:block}.hero>div:first-child{position:relative;z-index:2}.hero-art{position:absolute;right:-28px;bottom:1px;width:170px;height:180px;opacity:.32;z-index:1}.hero h1{font-size:26px;line-height:1.45}.hero p{font-size:10px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:23px}.genre{min-height:112px;padding:13px}.genre small{font-size:10px}.section-head h2{font-size:14px}.section-head>span{font-size:8px}.panel{padding:17px;margin-bottom:16px;border-radius:9px}.chips{gap:6px;margin-bottom:18px}.chips button{padding:7px 10px;min-height:38px;font-size:11px}.form-grid{gap:12px}.field{font-size:11px}.actions button{min-height:42px;white-space:normal}.overview-row{grid-template-columns:87px minmax(0,1fr);gap:5px}.overview-row>span{font-size:9px}.inspector{display:block;padding-top:8px}.inspector .privacy{display:flex}.inspector .tip-card{margin-bottom:15px}.inspector .example-button{margin-top:10px}.inspector .hint{margin-bottom:20px}.statusbar{padding:10px 14px;line-height:1.8}.statusbar small{display:none}.step-row>button{min-width:32px;min-height:38px}.library-row{flex-wrap:wrap}.library-row>div{flex-basis:100%}.busy{bottom:14px;padding:12px;gap:8px;font-size:10px;width:calc(100% - 24px)}.busy progress{width:35px}.modal{padding:30px 23px}.modal h1{font-size:25px}footer{font-size:7px;letter-spacing:.6px}footer span{font-size:8px}.track-strip>input:first-of-type{flex:1;min-width:120px}.section-head .file-button{font-size:10px;padding:9px}.keyboard button{min-width:42px}.panel>h2{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}.piano-roll,.roll-row{position:relative}.roll-row>.roll-note{position:absolute;top:3px;height:17px;min-height:17px;z-index:2;border:1px solid #9be9ce;background:#57bda0;border-radius:3px;flex:none}.roll-cursor{position:absolute;top:0;bottom:0;width:2px;background:#f3ce83;z-index:4;pointer-events:none}.step-row>.current-step{box-shadow:0 0 0 2px #f1d99a;filter:brightness(1.25)}.section-head>select{width:auto;min-width:100px;max-width:50%}.section-head h2{word-break:keep-all;flex-shrink:0}.tempo input{width:64px;appearance:textfield}.tempo input::-webkit-inner-spin-button,.tempo input::-webkit-outer-spin-button{appearance:none;margin:0}