@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e1dfcc;background:#0b0f0d;--gold:#ceb16a;color-scheme:dark;font-synthesis:none;font-weight:400;--green:#345f4b;--muted:#b3bea7;--line:#c3a25d33;--lime:#ceb16a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#284a3226,transparent 45%)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button,input,select,a{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #ceb16a}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}html{scroll-behavior:smooth}.topbar{max-width:1440px;margin:auto;height:92px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.8px}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--lime);width:39px;height:39px;border-radius:13px;transform:rotate(-7deg)}.brand-dot{color:#c5aa68}.brand-sub{font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:1.5px;font-weight:600;margin-left:13px;padding-left:22px;border-left:1px solid #c3a25d33;line-height:26px;color:#b3bea7}.header-right{display:flex;align-items:center;gap:31px;font-size:12px}.header-right a{display:flex;align-items:center;gap:9px;font-weight:600}.local-badge{color:#b3bea7;display:flex;align-items:center;gap:7px}.local-badge i,.library-label>span{width:5px;height:5px;border-radius:50%;background:#80b397}main{max-width:1320px;margin:auto;padding:0 60px}.intro{display:flex;align-items:center;justify-content:space-between;padding:47px 0 35px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#b3bea7;margin-bottom:17px}.eyebrow>span{width:17px;height:1px;background:#cfbb82}h1{font-family:Manrope,sans-serif;font-size:45px;font-weight:500;line-height:1.17;letter-spacing:-2.1px;color:#ecd9a6}h1 em{font-style:normal;color:#80b397;position:relative}h1 em:after{content:"";position:absolute;width:102%;height:6px;bottom:-4px;left:0;border-top:2px solid #ceb16a;border-radius:50%;transform:rotate(-3deg)}.intro-copy{font-size:13px;color:#b3bea7;margin-top:17px}.intro-stamp{margin-right:22px;padding:11px 0 0 22px;border-left:1px solid #c3a25d33;color:#b3bea7;transform:rotate(3deg)}.intro-stamp svg{margin-bottom:7px}.intro-stamp p{font-size:16px;line-height:1.5;color:#d7c28d}.intro-stamp strong{font-weight:500}.intro-stamp>span{font-size:10px;margin-top:9px;display:block}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.tabs{display:flex;gap:5px;background:#1d281f;padding:5px;border-radius:12px}.tabs button{padding:10px 16px;font-size:12px;background:transparent;border-radius:8px;color:#b3bea7;font-weight:500}.tabs button.selected{color:#d7c28d;background:#233b2e;box-shadow:0 2px 5px #00000030}.new-label{font-size:7px;letter-spacing:.8px;border-radius:4px;background:#294d38;color:#c5aa68;padding:3px 5px}.studio-hint{display:flex;align-items:center;gap:7px;font-size:11px;color:#b3bea7}.studio-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);gap:18px}.instrument-panel{background:#111b15;color:#e1dfcc;border-radius:20px;overflow:hidden;position:relative;border:1px solid #315644}.instrument-top{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;position:relative;z-index:2}.panel-kicker{font-size:8px;letter-spacing:1.7px;font-weight:700;display:block;color:#b3bea7}.instrument-top .panel-kicker{color:#cfbb82;font-size:7px}.instrument-top h2{font-family:Manrope,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.3px;margin-top:6px}.tuning-badge{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #c3a25d33;border-radius:6px;color:#cfbb82;font-size:8px}.tuning-badge i{height:3px;width:3px;background:#4d7050;border-radius:50%}.instrument-scene{height:298px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#436e443a,transparent 65%)}.scene-orbit{position:absolute;border:1px solid #baa15b14;z-index:-1;border-radius:50%}.orbit-one{width:370px;height:370px;top:-70px}.orbit-two{width:465px;height:465px;top:-117px}.scene-orbit:after{content:"";width:5px;height:5px;background:#c3a25d60;position:absolute;left:22%;top:9%;border-radius:50%}.scene-caption{position:absolute;top:0;font-size:6px;letter-spacing:2px;color:#cfbb82}.ocarina-wrap{position:relative;width:min(100%,570px);aspect-ratio:640/360;filter:drop-shadow(0 14px 10px #0000003a);margin-top:-20px}.ocarina-art{width:100%;height:100%;display:block}.hole{position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;border:3px solid #927d434a;border-bottom-color:#c6a66699;border-radius:50%;background:radial-gradient(circle at 50% 80%,#171e18,#070e0b);box-shadow:inset 0 3px 5px #000000b3,0 2px 2px #00000040;flex-direction:column;gap:0;color:#d1b675;touch-action:none;-webkit-user-select:none;user-select:none}.hole>span{font-size:10px;line-height:13px;font-weight:600}.hole kbd{font-size:7px;color:#cfbb82;font-family:inherit;line-height:10px}.hole.pressed{background:#ceb16a;color:#101a10;box-shadow:0 0 0 6px #c5a65f2f,0 0 30px #c5a65f70;border-color:#ceb16a;transform:scale(.96)}.hole.pressed kbd{color:#101a10}.hole:hover:not(:disabled){border-color:#ceb16a}.hole:disabled{opacity:.65}.note-readout{position:absolute;bottom:11px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;color:#cfbb82}.note-readout>span{font-family:Manrope,sans-serif;font-size:19px}.note-readout small{font-size:6px;letter-spacing:1.4px}.note-readout.lit{color:#ceb16a}.instrument-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 28px 21px}.key-hint{font-size:9px;display:flex;align-items:center;gap:5px;color:#cfbb82}.key-hint kbd{border:1px solid #927d434a;background:#b1934d18;border-radius:3px;padding:3px 5px;font:8px DM Sans,sans-serif;color:#cfbb82}.volume-control{display:flex;align-items:center;gap:9px;color:#cfbb82}.volume-control input{width:70px;accent-color:#ceb16a;height:3px}.record-strip{padding:15px 28px;display:flex;align-items:center;justify-content:space-between;background:#0a100cb3;border-top:1px solid #c3a25d33}.record-info{font-size:10px;color:#cfbb82;display:flex;align-items:center;gap:7px}.record-light{width:6px;height:6px;border-radius:50%;background:#cfbb82}.record-light.on{background:#efab9d;box-shadow:0 0 0 4px #efab9d20;animation:pulse 1s infinite}.record-button{background:#b1934d18;color:#ceb16a;border:1px solid #c3a25d33;border-radius:7px;font-size:10px;padding:8px 11px}.record-button:hover{background:#b1934d30}.hum-panel{padding:28px 28px 21px;border:1px solid #c3a25d33;border-radius:20px;background:#1a211b;position:relative;overflow:hidden;display:flex;flex-direction:column}.hum-panel h2{font-family:Manrope,sans-serif;font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin-top:12px}.hum-panel>p{font-size:11px;line-height:1.7;max-width:260px;color:#b3bea7;margin-top:12px}.mic-visual{position:relative;height:136px;display:grid;place-items:center;margin-top:3px}.mic-ring{border:1px solid #c3a25d33;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-outer{height:125px;width:125px;border-style:dashed}.ring-inner{width:97px;height:97px}.mic-circle{width:71px;height:71px;border:1px solid #c3a25d33;background:#294d38;display:grid;place-items:center;border-radius:50%;color:#cfad62;box-shadow:0 4px 12px #00000030}.mic-star{position:absolute;color:#c5aa68}.star-one{left:23%;top:22%;font-size:21px}.star-two{right:24%;bottom:19%;font-size:11px}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:35px}.waveform span{width:3px;border-radius:3px;background:#cfbb82;transition:height .08s}.pitch-label{color:#b3bea7;font-size:9px;text-align:center;margin:3px 0 18px;min-height:12px}.primary{background:var(--gold);color:#111b15;border-radius:8px;padding:12px 16px;font-size:11px;font-weight:500}.primary:hover:not(:disabled){background:#e1c680}.hum-button{margin-top:auto;width:100%;padding:13px}.hum-button svg:last-child{margin-left:auto}.privacy-note{font-size:7px;text-align:center;color:#b3bea7;margin-top:12px}.listening .mic-circle{background:#365f43;box-shadow:0 0 0 10px #c5a65f2f;animation:pulse 1.5s infinite}.listening .waveform span{background:#80b397}.mode-hum .hum-panel{border-color:#c3a25d33}.message{display:flex;align-items:center;gap:9px;font-size:12px;background:#233b2e;border:1px solid #c3a25d33;border-radius:10px;padding:12px 16px;margin-top:16px}.message>button{background:transparent;margin-left:auto;padding:4px}.melody-panel{margin-top:24px;border:1px solid var(--line);border-radius:16px;background:#121713}.section-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px 20px}.section-head h2{font-family:Manrope,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.4px;display:flex;align-items:center;gap:9px;margin-top:5px}.section-head .panel-kicker{font-size:7px;letter-spacing:1.4px}.count{font-family:DM Sans,sans-serif;font-size:9px;background:#1d281f;color:#b3bea7;padding:3px 6px;border-radius:5px;font-weight:500}.sequence-actions{display:flex;align-items:center;gap:12px}.icon-button{background:transparent;border-radius:6px;padding:7px;color:#b3bea7}.icon-button:hover:not(:disabled){background:#28442f}.icon-button.enabled{color:#d7c28d;background:#233b2e}.secondary{border:1px solid #c3a25d33;background:#1d281f;color:#d7c28d;padding:9px 13px;font-size:10px;border-radius:7px}.note-track{height:124px;position:relative;background:#121713;margin:0 25px;border:1px solid #c3a25d33;border-radius:9px;overflow-x:auto}.staff{position:absolute;inset:16px 0;opacity:.6;background:repeating-linear-gradient(to bottom,transparent 0,transparent 17px,#c3a25d33 17px,#c3a25d33 18px);pointer-events:none}.note-chips{position:relative;display:flex;align-items:center;gap:7px;padding:20px 17px;height:100%;width:max-content;min-width:100%}.note-chip{border-radius:8px;border:1px solid #c3a25d33;background:#294d38;min-width:var(--note-width);height:56px;transform:translateY(var(--note-offset));flex-direction:column;gap:5px}.note-chip strong{font-size:13px;font-weight:500}.note-chip sup{color:#b3bea7;font-size:8px;margin-left:2px}.note-chip small{font-size:7px;color:#b3bea7}.note-chip.now,.note-chip.editing{background:#ceb16a;border-color:#80b397;color:#101a10}.note-chip.now{box-shadow:0 0 0 3px #c5a65f2f;opacity:1}.track-empty{height:100%;position:relative;display:flex;align-items:center;padding:0 21px;gap:15px}.empty-note{color:#c5aa68}.track-empty strong{font-size:11px;font-weight:500}.track-empty p{color:#b3bea7;font-size:10px;margin-top:5px}.track-empty button{font-size:9px;white-space:nowrap;color:#c5aa68;background:#1d281f;padding:8px 11px;border-radius:6px;margin-left:auto}.note-editor{display:flex;align-items:center;gap:14px;margin:12px 25px 0;font-size:11px;background:#1d281f;border-radius:6px;padding:8px 12px}.note-editor label{display:flex;align-items:center;gap:8px}.note-editor select{font-size:11px;padding:4px;border:1px solid #c3a25d33;background:#233b2e;border-radius:4px}.note-editor button{background:transparent;font-size:10px}.note-editor .icon-button{margin-left:auto}.melody-toolbar{display:flex;justify-content:space-between;gap:15px;padding:18px 25px 20px;align-items:center}.playback-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.playback-options label{font-size:9px;color:#b3bea7;display:flex;gap:8px;align-items:center}.playback-options select{font-size:9px;border:0;background:transparent;color:#d7c28d;max-width:110px;outline-offset:2px}.toolbar-divider{height:13px;width:1px;background:#c3a25d33}.sequence-duration{font-size:9px;color:#b3bea7}.save-controls{display:flex;gap:9px;align-items:center}.save-controls input{font-size:10px;background:#1a211b;border:1px solid #c3a25d33;border-radius:7px;padding:11px 12px;width:190px;color:#ebdeb9}.save-controls input::placeholder{color:#b3bea7}.save-controls .primary{font-size:10px;padding:10px 13px}.library{margin-top:20px;scroll-margin-top:20px}.library .section-head{padding:17px 0 18px}.library-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#b3bea7}.library-label>span{width:4px;height:4px}.library-empty{padding:24px;display:flex;align-items:center;gap:18px;border:1px dashed #c3a25d33;border-radius:12px;background:#1a211b}.library-empty>span:first-child{color:#c5aa68;border:1px solid #c3a25d33;padding:10px;border-radius:11px;background:#233b2e;display:grid;place-items:center}.library-empty p{font-size:11px;color:#b3bea7;line-height:1.8}.library-empty strong{font-weight:400;color:#b3bea7}.empty-doodle{margin-left:auto;font-size:35px;color:#c5aa68;transform:rotate(-16deg);padding-right:12px}.song-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.song-card{display:flex;align-items:center;gap:14px;background:#121713;border:1px solid #c3a25d33;border-radius:12px;padding:17px;min-width:0}.song-cover{height:60px;width:60px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;background:#294d38;color:#c5aa68;position:relative}.song-cover span{position:absolute;bottom:5px;left:6px;font-size:6px;opacity:.6}.song-text{min-width:0}.song-text h3{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.song-text p{font-size:9px;color:#b3bea7;margin-top:5px}.song-text p span{margin:0 5px}.song-text button{font-size:8px;color:#c5aa68;background:transparent;padding:0;margin-top:8px}.song-actions{display:flex;gap:0;margin-left:auto}.song-actions .icon-button{padding:5px}footer{display:flex;align-items:center;gap:22px;border-top:1px solid #c3a25d33;margin-top:35px;padding:22px 0 30px;font-size:9px;color:#b3bea7}.footer-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-1px;color:#c5aa68}footer>span:last-child{margin-left:auto;font-size:8px}@keyframes pulse{50%{opacity:.6}}.voice-reference{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 15px;margin:0 25px 15px;border:1px solid #c3a25d33;background:#1d281f;border-radius:8px}.voice-reference>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#d7c28d}.voice-reference small{display:block;color:#b3bea7;font-size:9px;margin-top:4px}.voice-reference audio{height:32px;width:230px;max-width:100%}@media(max-width:600px){.voice-reference{margin:0 20px 15px;flex-wrap:wrap}.voice-reference audio{width:100%}}@media(min-width:1450px){main{padding:0 40px}.intro{padding-top:55px;padding-bottom:42px}.instrument-scene{height:320px}.hum-panel>p{max-width:290px}.hum-panel .mic-visual{height:155px}.hole{width:46px;height:46px;margin-left:-23px;margin-top:-23px}.hole>span{font-size:11px}}@media(max-width:1100px){main{padding:0 35px}.topbar{padding:0 35px}.studio-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.ocarina-wrap{width:100%}.hole{width:35px;height:35px;margin-left:-17.5px;margin-top:-17.5px;border-width:2px}.hole>span{font-size:9px}.hole kbd{font-size:6px}.instrument-top{padding:25px 20px}.instrument-bottom,.record-strip{padding-left:20px;padding-right:20px}.melody-toolbar{flex-wrap:wrap}.save-controls{margin-left:auto}.hum-panel{padding:26px 22px}.tuning-badge{font-size:7px}.intro-stamp{margin-right:0}.track-empty{gap:11px;padding:0 13px}.track-empty p{max-width:230px;line-height:1.5}}@media(max-width:800px){.topbar{height:78px;padding:0 24px}.brand{font-size:28px}.brand-sub,.local-badge{display:none}main{padding:0 24px}.intro{padding:33px 0 28px}h1{font-size:36px;letter-spacing:-1.5px}.intro-copy{font-size:11px;max-width:340px;line-height:1.6}.intro-stamp{display:none}.studio-grid{grid-template-columns:1fr}.hum-panel,.mode-hum .instrument-panel{display:none}.mode-hum .hum-panel{display:flex;min-height:435px;padding:28px}.hum-panel h2 br{display:none}.hum-panel>p{max-width:none}.hum-panel .mic-visual{height:150px}.hum-panel .primary{max-width:320px;align-self:center}.ocarina-wrap{width:min(100%,550px)}.instrument-scene{height:315px}.hole{width:42px;height:42px;margin-left:-21px;margin-top:-21px}.hole>span{font-size:10px}.hole kbd{font-size:7px}.song-grid{grid-template-columns:1fr}.melody-toolbar{padding:17px 20px;gap:20px}.save-controls{width:100%;margin-left:0}.save-controls input{flex:1;width:0}.save-controls button{padding:12px 17px}.track-empty button{padding:8px}.track-empty p{max-width:none}.section-head{padding:20px}.note-track{margin:0 20px}.library-label{font-size:8px}footer{flex-wrap:wrap;gap:12px}footer>span:last-child{margin-left:0;flex-basis:100%}}@media(max-width:450px){main{padding:0 16px}.topbar{padding:0 16px}.header-right{font-size:10px}.brand-mark{width:33px;height:33px;border-radius:10px}.intro{padding-top:28px}h1{font-size:33px}.eyebrow{font-size:7px;letter-spacing:1.3px}.tabs button{padding:9px 11px;font-size:11px}.studio-hint{font-size:8px;gap:4px}.studio-hint svg{width:13px}.instrument-top h2{font-size:14px}.tuning-badge{font-size:6px;gap:5px}.instrument-top{padding:21px 17px}.instrument-scene{height:235px}.ocarina-wrap{margin-top:-10px}.hole{width:34px;height:34px;margin-left:-17px;margin-top:-17px}.hole>span{font-size:8px}.hole kbd{font-size:6px}.scene-caption{font-size:5px;letter-spacing:1.6px}.key-hint{font-size:7px}.key-hint kbd{font-size:6px;padding:2px 4px}.volume-control input{width:50px}.record-strip{padding:13px 17px}.record-info{font-size:8px}.record-button{font-size:9px}.instrument-bottom{padding:7px 17px 15px}.note-readout{bottom:0}.record-button svg{width:14px}.track-empty{gap:9px;flex-wrap:wrap;align-content:center;justify-content:center;text-align:center}.track-empty .empty-note{display:none}.track-empty p{font-size:8px}.track-empty button{margin-left:0;font-size:8px;padding:6px 10px;margin-top:2px}.section-head h2{font-size:15px}.sequence-actions{gap:5px}.secondary{padding:8px 10px;font-size:9px}.playback-options{gap:9px}.playback-options label{font-size:8px;gap:4px}.library-label{max-width:100px;line-height:1.4}.song-text h3{max-width:150px}.song-card{gap:10px;padding:13px}.song-cover{width:47px;height:52px}.song-actions{flex-direction:column}.song-actions .icon-button{padding:4px}.note-editor{gap:8px;margin:12px 15px 0;padding:8px}.note-editor>span{font-size:9px}.note-editor label{gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.language-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#101811;flex-shrink:0}.language-switch button{background:transparent;color:#8c9b85;border-radius:4px;padding:5px 7px;font-size:9px;font-weight:600;letter-spacing:.5px}.language-switch button[aria-pressed=true]{background:#2b3d2c;color:var(--gold)}.radio-launch{background:#262a1c;border:1px solid #aa914a55;color:#d5bd7a;border-radius:8px;padding:9px 12px;font-size:10px}.radio-launch:hover:not(:disabled){background:#333b25}.header-right{gap:18px}.header-right .local-badge{display:none}.note-track{height:155px}.note-chip{height:85px;gap:4px}.note-rhythm{display:flex;align-items:center;flex-direction:column;gap:0;color:#cabc93}.note-rhythm>span{font-size:7px;max-width:95px;line-height:1.3}.note-figure{height:23px;width:24px}.note-chip.now .note-rhythm,.note-chip.editing .note-rhythm,.note-chip.now small,.note-chip.editing small{color:#31452c}.rest-chip{display:flex;flex-direction:column;align-items:center;gap:6px;color:#7b886d;min-width:24px}.rest-chip>span{font:19px Apple Symbols,Segoe UI Symbol,serif}.rest-chip small{font-size:6px}.rhythm-help{display:flex;align-items:center;gap:15px;padding:11px 25px 0;color:#97a28b;font-size:9px}.rhythm-help>label{display:flex;align-items:center;gap:5px;flex-shrink:0;color:#cfbb82}.rhythm-help input{width:54px;padding:5px 4px 5px 7px;background:#1b281d;border:1px solid var(--line);border-radius:5px;font-size:10px;color:#e5d9b3}.rhythm-help>label>span{font-size:7px}.rhythm-help>span{font-size:8px;line-height:1.5}.note-editor{flex-wrap:wrap}.radio-mode{position:fixed;inset:0;z-index:50;background:#090e0b;overflow:auto;height:100dvh;min-height:0}.radio-mode:fullscreen{position:static;width:100%;height:100dvh}.radio-shell{min-height:100%;display:flex;flex-direction:column;padding:0 42px;background:radial-gradient(ellipse at 24% 42%,#2c583427,transparent 55%)}.radio-header{display:flex;align-items:center;gap:18px;min-height:90px;border-bottom:1px solid #c3a25d26;flex-shrink:0}.radio-brand{display:flex;align-items:center;gap:12px}.radio-brand strong{font:800 27px Manrope,sans-serif;letter-spacing:-1.2px;line-height:1}.radio-brand strong span{color:var(--gold)}.radio-brand small{display:block;margin-top:6px;letter-spacing:1.5px;font-size:6px;color:#98a58c}.radio-brand .brand-mark{background:#284f38;box-shadow:0 0 35px #3b663820;border:1px solid #bca66535;transform:none;border-radius:10px}.station-label{font-size:8px;letter-spacing:1.7px;color:#8d987f;margin-left:auto}.station-label>span{color:var(--gold);font-size:11px;margin-left:9px}.radio-exit{font-size:10px;padding:9px 11px;border:1px solid #c3a25d33;border-radius:7px;background:#182219;color:#c6cbb2}.radio-exit kbd{font:6px DM Sans,sans-serif;color:#9d9e7e;border:1px solid #89865533;border-radius:3px;padding:3px 4px;margin-left:4px}.radio-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:35px;flex:1;min-height:0;max-width:1440px;width:100%;margin:auto;padding:29px 0 24px}.radio-deck{position:relative;display:flex;flex-direction:column;min-width:0}.deck-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#869b80;padding:0 13px}.deck-top>span:last-child span{color:#c3a25d55;margin:0 7px}.on-air{display:flex;align-items:center;gap:7px;color:#b5b89b}.on-air>i{width:5px;height:5px;border-radius:50%;background:#798665}.on-air.live{color:#c7d798}.on-air.live>i{background:#b8d587;box-shadow:0 0 0 4px #b8d58715;animation:pulse 1.8s infinite}.radio-instrument{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;flex:1;min-height:330px;overflow:hidden}.radio-instrument .ocarina-wrap{width:min(100%,760px);margin-top:-28px;z-index:1}.radio-instrument .hole{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.radio-instrument .hole>span{font-size:13px}.radio-instrument .hole kbd{font-size:8px}.radio-orbit{position:absolute;width:410px;height:410px;border:1px solid #c1a56315;border-radius:50%;z-index:-1}.radio-orbit.outer{width:530px;height:530px;border-style:dashed;border-color:#c1a5630c}.radio-orbit:after{content:"";position:absolute;top:10%;left:21%;width:4px;height:4px;border-radius:50%;background:#bda35c70}.radio-pitch{position:absolute;bottom:11px;display:flex;flex-direction:column;align-items:center;gap:8px}.radio-pitch strong{font:500 25px Manrope,sans-serif;color:#d2c086;min-height:35px}.radio-pitch span{font-size:6px;letter-spacing:2px;color:#9caa85}.radio-now{text-align:center;padding:13px 14px 18px}.radio-now .panel-kicker{font-size:7px;letter-spacing:2px;color:#a89d72}.radio-now h1{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:8px 0;color:#e6d4a0;overflow-wrap:anywhere}.radio-now p{font-size:10px;color:#879780}.radio-transport{max-width:590px;width:100%;margin:0 auto;padding:0 18px 5px}.radio-progress{height:3px;border-radius:3px;background:#2c3524;overflow:hidden}.radio-progress>span{display:block;height:100%;background:#cbb46e;border-radius:3px;transition:width .1s linear}.radio-times{display:flex;justify-content:space-between;font-size:8px;color:#8e9c81;padding:9px 0}.radio-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.transport-buttons{display:flex;align-items:center;gap:17px}.radio-play{height:55px;width:55px;border-radius:50%;background:#c7ab63;color:#101b11;box-shadow:0 0 0 5px #ba9f5120}.radio-play:hover:not(:disabled){background:#e0c583;box-shadow:0 0 0 7px #ba9f5125}.radio-controls>.volume-control input{width:65px}.radio-controls>.icon-button{width:90px;justify-content:flex-end}.radio-controls .icon-button{color:#aaba97}.radio-library{border:1px solid #a890492e;border-radius:14px;background:linear-gradient(160deg,#1d2a1d,#121a12);display:flex;flex-direction:column;align-self:stretch;min-height:340px;max-height:calc(100dvh - 180px);overflow:hidden}.radio-library-head{padding:27px 24px 21px;border-bottom:1px solid #b7a15c1c}.radio-library-head .panel-kicker{font-size:6px;letter-spacing:2px;color:#9aaa88}.radio-library-head h2{font:500 19px Manrope,sans-serif;letter-spacing:-.5px;color:#ddd3af;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.radio-library-head h2>span{font-size:10px;letter-spacing:0;color:#8e9c77;border:1px solid #a8904933;padding:4px 6px;border-radius:4px}.radio-library-head p{font-size:9px;color:#8b9a7d;margin-top:9px}.radio-tracks{flex:1;overflow-y:auto;padding:12px;scrollbar-color:#5d633a #182419}.radio-track{width:100%;text-align:left;justify-content:flex-start;gap:13px;padding:17px 12px;border:1px solid transparent;border-radius:8px;background:transparent;margin-bottom:5px}.radio-track:hover{background:#293c252e}.radio-track.tuned{background:#30442a66;border-color:#bca16040}.track-number{width:23px;min-width:23px;text-align:center;font-size:9px;letter-spacing:.5px;color:#778d6d}.track-info{display:flex;flex-direction:column;gap:7px;min-width:0}.track-info strong{font-size:11px;font-weight:500;color:#cbd1b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info small{font-size:8px;color:#899e79}.track-info small>span{padding:0 4px}.radio-track>svg{margin-left:auto;color:#c4ae73;flex-shrink:0}.radio-track.tuned .track-info strong{color:#e0d2a3}.radio-library-foot{padding:16px 22px;border-top:1px solid #b7a15c1c;display:flex;align-items:center;gap:7px;font-size:8px;color:#94a585}.radio-library-foot>span:first-child{height:4px;width:4px;border-radius:50%;background:#80a368}.radio-library-foot>svg{margin-left:auto;color:#7d956c}.equalizer{display:flex;align-items:center;justify-content:center;gap:2px;height:20px}.equalizer i{height:13px;width:2px;background:#bdb474;border-radius:2px;animation:equalize .7s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.2s;height:19px}.equalizer i:nth-child(3){animation-delay:.4s;height:9px}.radio-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:30px 14px;gap:16px;min-height:235px;color:#aab390}.radio-empty>svg{color:#c2a768}.radio-empty h3{font:500 16px Manrope,sans-serif;color:#d8c994}.radio-empty p{font-size:10px;line-height:1.8;max-width:230px;color:#8fa07c}.radio-empty .secondary{font-size:9px;margin-top:5px}.radio-footer{padding:15px 0 23px;margin:0;border-top:1px solid #b7a15c1c;justify-content:space-between;gap:12px;flex-shrink:0}.radio-footer span{font-size:6px;letter-spacing:1.4px;color:#768668}.radio-footer kbd{font:6px DM Sans,sans-serif;color:#b6ab7a;border:1px solid #a28f4a33;border-radius:3px;padding:3px 5px;margin:0 5px}.radio-footer>span:last-child{margin-left:0;font-size:6px;flex-basis:auto}.radio-message{display:flex;justify-content:space-between;gap:10px;background:#243d2a;border:1px solid #a8904933;border-radius:6px;padding:10px 14px;font-size:10px;margin-bottom:12px}.radio-message>button{background:transparent;color:#b6c4a2}@keyframes equalize{to{height:4px}}@media(min-width:1600px){.radio-shell{padding:0 6vw}.radio-instrument{min-height:440px}.radio-instrument .ocarina-wrap{width:850px}.radio-instrument .hole{width:58px;height:58px;margin-left:-29px;margin-top:-29px}.radio-now h1{font-size:34px}.radio-pitch{bottom:20px}}@media(max-width:1000px){.radio-shell{padding:0 25px}.radio-layout{gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.radio-header{min-height:78px;gap:12px}.station-label{display:none}.radio-header>.language-switch{margin-left:auto}.radio-instrument .hole{width:38px;height:38px;margin-left:-19px;margin-top:-19px}.radio-instrument .hole>span{font-size:11px}.radio-now h1{font-size:23px}.radio-controls>.volume-control input{width:45px}.radio-controls>.icon-button{width:65px}.transport-buttons{gap:10px}.radio-transport{padding:0 0 5px}.radio-library-head{padding:24px 18px}.radio-tracks{padding:10px 7px}.radio-track{gap:9px;padding:15px 10px}}@media(max-width:700px){.topbar{padding:0 16px}.topbar .brand-sub,.header-right>a{display:none}.header-right{gap:8px}.radio-launch{padding:8px;font-size:9px}.radio-launch svg{width:13px}.language-switch button{padding:5px;font-size:8px}.radio-shell{padding:0 18px}.radio-header{min-height:72px;gap:10px}.radio-brand .brand-mark{width:33px;height:33px}.radio-brand strong{font-size:22px}.radio-brand small{font-size:5px;letter-spacing:.8px}.radio-exit{font-size:8px;padding:7px;gap:4px}.radio-exit kbd{display:none}.radio-exit svg{width:14px}.radio-header>.language-switch{display:none}.radio-layout{grid-template-columns:1fr;gap:24px;padding-top:20px;flex:initial}.radio-instrument{height:270px;min-height:270px;flex:initial}.radio-instrument .ocarina-wrap{width:min(100%,540px)}.radio-instrument .hole{width:39px;height:39px;margin-left:-19.5px;margin-top:-19.5px}.radio-now{padding:10px 0 18px}.radio-now h1{font-size:23px}.radio-library{max-height:350px;min-height:180px}.radio-library-head{padding:17px 18px}.radio-library-head p{display:none}.radio-library-head h2{font-size:17px;margin-top:8px}.radio-footer{margin-top:0;padding:18px 0}.radio-footer>span:last-child{display:none}.radio-pitch{bottom:0}.radio-controls>.volume-control input{width:60px}.radio-controls>.icon-button{width:85px}.rhythm-help{flex-wrap:wrap;gap:8px;padding:11px 20px 0}.note-editor{gap:10px}.note-editor>label{flex-wrap:wrap}.note-editor select{max-width:190px}}@media(max-width:400px){.radio-brand small{max-width:92px;line-height:1.6}.radio-header>.language-switch{display:flex}.radio-header{gap:7px}.radio-exit{font-size:7px}.radio-instrument{height:225px;min-height:225px}.radio-instrument .hole{width:32px;height:32px;margin-left:-16px;margin-top:-16px}.radio-instrument .hole>span{font-size:9px}.radio-instrument .hole kbd{font-size:6px}.radio-controls>.volume-control input{width:40px}.radio-controls>.icon-button{width:60px}.radio-progress{height:2px}.radio-footer span{font-size:5px}.header-right{gap:5px}.radio-launch{font-size:8px;padding:7px}.topbar .brand{font-size:25px}}@media(max-height:730px)and (min-width:701px){.radio-header{min-height:70px}.radio-layout{padding:17px 0}.radio-instrument{min-height:260px}.radio-instrument .ocarina-wrap{width:min(100%,570px)}.radio-now{padding:5px 0 12px}.radio-library{max-height:calc(100dvh - 140px)}.radio-footer{padding:13px 0}}.library .section-head>.secondary{margin-left:auto;margin-right:17px}.radio-import{display:flex;align-items:center;gap:5px;border:1px solid #b9a15844;background:#2a3822;border-radius:5px;padding:6px 8px;font-size:8px;color:#d4bf82;margin-right:auto}.radio-library-foot>svg{display:none}.rom-dialog{width:min(92vw,600px);max-height:90dvh;padding:25px 28px;border:1px solid #b9a15866;border-radius:18px;background:#131d15;color:#dbe1c8;box-shadow:0 30px 100px #000b;overflow:auto;scrollbar-color:#626e42 #142014}.rom-dialog::backdrop{background:#040a06c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.rom-dialog-head{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.7px;color:#aaac7e}.rom-dialog-head .icon-button{font-size:25px;line-height:1;padding:1px 7px}.rom-dialog h2{font:500 26px Manrope,sans-serif;letter-spacing:-.9px;color:#e4d09b;margin-top:14px;line-height:1.2}.rom-intro{font-size:11px;line-height:1.8;margin-top:13px;color:#a7b299}.rom-file-area{border:1px dashed #9c9e6055;border-radius:10px;background:radial-gradient(ellipse at center,#314c2d44,#1c291c);padding:24px 18px;text-align:center;margin:20px 0;display:flex;flex-direction:column;align-items:center}.rom-file-icon{font-size:28px;color:#d1b773;line-height:1.2;margin-bottom:10px}.rom-file-area strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;max-width:100%;color:#d8d9b7}.rom-file-area p{font-size:9px;line-height:1.7;color:#9aaa87;margin:9px 0 15px;max-width:330px}.rom-file-area .primary{font-size:10px;padding:10px 19px}.rom-progress{font-size:10px;color:#c8bd81;display:flex;flex-direction:column;gap:10px;margin:0 0 20px}.rom-progress progress{width:100%;height:5px;accent-color:#c9b575}.rom-error{border:1px solid #bb906b4a;background:#6a3d1929;padding:12px 15px;border-radius:8px;color:#e5c59d;font-size:11px;line-height:1.7;margin-bottom:18px}.rom-compatibility h3{font-size:10px;font-weight:500;margin:0 0 13px;color:#c2c49c}.rom-compatibility dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.rom-compatibility dt{font-size:10px;color:#c4cda8;margin-bottom:6px}.rom-compatibility dd{margin:0;font-size:8px;line-height:1.6;color:#9ea88b}.rom-compatibility dd span{display:block;font-size:7px;color:#b5a570;margin-top:3px}.rom-private{font-size:8px;color:#879976;line-height:1.7;border-top:1px solid #899b5322;padding-top:15px;margin-top:19px}.rom-result>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:9px;background:#273c255c;padding:12px;border-radius:7px;color:#b6c6a2}.rom-result>div>span{font-size:8px;border:1px solid #8d9c5266;border-radius:4px;padding:3px 6px;color:#d0bd7e}.rom-result strong{font-size:9px;font-weight:500}.rom-result small{margin-left:auto;font-size:8px;color:#a2b688}.rom-result ol{list-style:none;padding:0;margin:11px 0 17px;max-height:210px;overflow:auto;scrollbar-color:#626e42 #142014}.rom-result li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #899b531c;font-size:10px;padding:9px 6px;color:#bbc6a1}.rom-result li small{font-size:8px;color:#93a77b}.rom-result>.primary{width:100%;font-size:11px}.wav-export{white-space:nowrap}@media(max-width:700px){.library .section-head{flex-wrap:wrap;gap:12px}.library .section-head>.secondary{margin-right:0}.library-label{flex-basis:100%;max-width:none}.melody-panel .section-head{gap:12px;flex-wrap:wrap}.sequence-actions{margin-left:auto}.rom-dialog{padding:21px}.rom-dialog h2{font-size:22px}.rom-compatibility dl{gap:13px}.rom-compatibility dt{font-size:9px}.rom-file-area{padding:20px 12px}.rom-result>div{gap:6px}.rom-result small{margin-left:0}.radio-import{font-size:8px}}.rom-guide{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.rom-guide li{display:flex;align-items:center;gap:10px;font-size:11px;color:#9aaa87}.rom-guide li>span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #9c9e6055;border-radius:50%;font-size:10px}.rom-guide li[aria-current=step]{color:#e4d09b}.rom-guide li[aria-current=step]>span{background:#c9b575;color:#131d15}.rom-file-area.dragging{border-color:#e4d09b;background:#314c2d88;box-shadow:0 0 0 3px #c9b57522}.rom-compatibility summary{cursor:pointer;color:#c2c49c;font-size:11px;padding:8px 0}.rom-compatibility details[open] summary{margin-bottom:12px}.rom-support{border-top:1px solid #899b5322;margin-top:16px;padding-top:17px;display:flex;align-items:center;flex-direction:column;gap:8px}.rom-support a,.rom-support button{display:inline-flex;align-items:center;gap:9px;color:#d5bb7e;text-decoration:none;font-size:12px;background:transparent;border:0;padding:8px 12px;border-radius:6px}.rom-support a:hover{background:#c9b57515}.rom-support a:focus-visible{outline:2px solid #d5bb7e;outline-offset:3px}.rom-support button:disabled{opacity:.6}.pixel-heart{width:20px;height:18px;color:#d79789;flex-shrink:0}.rom-support small{font-size:9px;color:#879976;text-align:center}footer .support-link{display:inline-flex;align-items:center;gap:8px;color:#d5bb7e;text-decoration:none;font-size:11px;padding:8px;border-radius:6px;white-space:nowrap}footer .support-link:hover{background:#c9b57515}footer .support-link:focus-visible{outline:2px solid #d5bb7e;outline-offset:3px}