@font-face{font-family:Archivo;src:url(/assets/archivo-latin-DY7AcnAa.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--paper:#f6f4ee;--ink:#19221f;--muted:#565e57;--rule:#c8ccc1;--amber:#ffbd78;--ice:#91d9e7;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--sense:Archivo, Arial, sans-serif;font:16px/1.45 var(--sense);color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{isolation:isolate;min-height:100svh;margin:0;display:flow-root;position:relative;overflow-x:clip}body:before,.credits:before{content:"";z-index:-1;opacity:.18;pointer-events:none;background-image:url(/assets/alpine-meadow-1vw4FKBp.webp);background-repeat:no-repeat;position:absolute}body:before{background-size:100%;height:30vw;inset:0 0 auto;-webkit-mask-image:linear-gradient(#0000,#000 34% 72%,#0000);mask-image:linear-gradient(#0000,#000 34% 72%,#0000)}.credits:before{background-position:bottom;background-size:110%;height:max(70px,12vw);inset:auto calc(50% - 50vw) -12px;-webkit-mask-image:linear-gradient(#0000,#000 25%);mask-image:linear-gradient(#0000,#000 25%)}@media (max-width:630px){body:before{top:84px}}@media (forced-colors:active),print{body:before,.credits:before{display:none}}button,input,select{font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline-offset:3px;outline:3px solid #df7842}button{touch-action:manipulation}[hidden]{display:none!important}.wrap{width:min(1216px,100% - clamp(36px,8vw,128px));margin-inline:auto}.mast{border-bottom:1px solid var(--rule)}.mast-inner{align-items:center;gap:16px;min-height:52px;display:flex}.brand{color:var(--ink);letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:10px;font-size:clamp(22px,2.1vw,28px);font-weight:650;line-height:1.1;text-decoration:none;display:flex}.alpine-mark{transform-origin:50%;width:32px;height:27px;clip-path:path("M6.8 17.9 10.3 8.2Q10.9 6.4 12.8 7.2L15.8 8.5 19.2 6.2Q20.8 5.2 21.5 7.2L24.4 16.3Q16.8 19.5 6.8 17.9Z     M2.2 18.9C8.6 21.5 21.1 20.5 27.6 16.8Q30.6 15.1 29.8 18.1C26.5 25.6 8.7 28.3 1.6 21.3Q0.1 19.2 2.2 18.9Z     M22.9 12.8C23.6 7.3 26.7 2.7 31.2 1.4Q31.7 6.7 27.7 10.3L27.1 9.4 26.8 11.2Q25.4 12.6 24 13.3L23.4 15.3Z");background:#ba532c;flex:none}@media (forced-colors:active){.alpine-mark{forced-color-adjust:none;background:linktext}}.catalog{color:var(--muted);border-left:1px solid var(--rule);padding-left:16px;font-size:12px}.song-tools{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.mast .preset{min-width:0;position:relative}.mast .preset:after{content:"";inset-inline-end:14px;pointer-events:none;border:1.5px solid;border-width:0 1.5px 1.5px 0;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-75%)rotate(45deg)}.mast .preset select{appearance:none;text-overflow:ellipsis;width:clamp(145px,16vw,220px);height:34px;padding-inline-end:36px;display:block}.song-action,.dialog-actions button{min-height:34px;color:var(--ink);border:1px solid var(--rule);background:0 0;border-radius:5px;padding:5px 11px;font-size:13px;font-weight:550}.song-action:hover,.dialog-actions button:hover{background:#eaece3}.sound{background:0 0;border:0;align-items:center;gap:8px;padding:8px 0 8px 10px;font-size:13px;font-weight:550;display:flex}.repo-link{width:36px;height:40px;color:var(--muted);border-radius:6px;flex:none;place-items:center;display:grid}.repo-link:hover,.repo-link:focus-visible{color:var(--ink);background:#eaece3}.repo-link:focus-visible{outline-offset:1px;outline:2px solid #b24e2b}.level{color:#317658;justify-content:center;align-items:center;gap:2px;height:14px;display:inline-flex}.level i{background:currentColor;border-radius:2px;width:2px;height:5px}.level i:nth-child(2){height:10px}.level i:nth-child(3){height:14px}.level i:nth-child(4){height:8px}.sound[aria-pressed=true] .level{color:var(--muted)}.sound[aria-pressed=true] .level i{height:2px}h1,h2,p{margin:0}#instrument{padding-top:10px}.console{color:#eff3ee;background:#101b20;border:1px solid #172328;border-radius:11px;overflow:hidden;box-shadow:0 5px 15px #1d28150c}.stage{background:#10191d;grid-template-columns:64% 36%;display:grid}.singer-panel,.fold-panel{isolation:isolate;min-width:0;position:relative}.singer-panel{background-image:radial-gradient(at 51% 48%,#19303a65,#0000 69%),linear-gradient(#75999a0b 1px,#0000 1px),linear-gradient(90deg,#75999a0b 1px,#0000 1px);background-size:auto,32px 32px,32px 32px;height:clamp(325px,29vw,405px)}.panel-heading{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;padding:18px 23px;display:flex;position:absolute;inset:0 0 auto}.panel-heading h2{letter-spacing:-.025em;font-size:16px;font-weight:520}.panel-heading>span,.micro{font:10px/1.25 var(--mono);letter-spacing:.09em;color:#a6b6b8}.panel-heading .handle-hint{color:#c1cccc;font:12px var(--sense);letter-spacing:0;margin-right:auto}.portrait{touch-action:pan-y;mix-blend-mode:screen;position:absolute;inset:15px 0 7px}.head-image{touch-action:pan-y;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.head-image.can-rotate{cursor:grab;touch-action:none}.head-image.can-rotate:active{cursor:grabbing}.head-image canvas{width:100%;height:100%;display:block}.pin{--tint:#a4e2e9;touch-action:none;cursor:move;width:27px;height:27px;color:var(--tint);z-index:2;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.pin i{border:1px solid var(--tint);background:#13272c;border-radius:50%;width:13px;height:13px;position:relative;box-shadow:0 0 0 3px #101a1c90}.pin i:after{content:"";background:var(--tint);border-radius:100%;position:absolute;inset:4px}.pin span{top:calc(50% + var(--label-y));left:calc(50% + var(--label-x));white-space:nowrap;color:#d2dcda;font:10px/1 var(--mono);pointer-events:auto;text-shadow:0 1px 4px #091112;background:#0a1419d9;border-radius:3px;align-items:center;padding:0 5px;display:flex;position:absolute;transform:translateY(-50%)}.pin:before{content:"";transform-origin:0;transform:rotate(var(--leader-angle));width:var(--leader-length);background:var(--tint);opacity:.68;pointer-events:none;height:1px;position:absolute;top:50%;left:50%}.pin[data-side=left] span{transform:translate(-100%,-50%)}.pin:hover i,.pin:focus-visible i{box-shadow:0 0 0 5px #d3f5f32b}.larynx{--tint:var(--amber);cursor:ns-resize}.tract-footer{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 22px 16px}.micro{font-size:9px;display:block}.tract-footer b{letter-spacing:-.05em;margin-top:4px;font-size:35px;font-weight:500;line-height:1.1;display:block}.trace-block{text-align:right}#trace{width:105px;height:26px;margin-top:3px;display:block}.fold-panel{background:radial-gradient(at 48% 45%,#243233 0%,#162124 47%,#131e22 83%);border-left:1px solid #445151}.fold-pad{cursor:ns-resize;touch-action:none;border-radius:5px;position:absolute;inset:46px 18px 85px}#folds{width:100%;height:100%;display:block}.drag-scale{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:15%;bottom:12%;right:4px}.drag-scale span{font:8px/1 var(--mono);letter-spacing:.14em;color:#a4b4b3}.drag-scale i{background:repeating-linear-gradient(0deg,#9bb4b980 0 1px,#0000 1px 9px);border-right:1px solid #526064;flex:1;width:6px;position:relative}.drag-scale i:after{content:"";top:var(--marker,75%);background:var(--marker-color,var(--amber));width:12px;height:2px;position:absolute;right:-3px}.fold-footer{justify-content:space-between;align-items:baseline;gap:4px;display:flex;position:absolute;bottom:43px;left:23px;right:23px}.pitch-number{align-items:baseline;gap:9px;display:flex}.pitch-number b{letter-spacing:-.05em;font-size:33px;font-weight:530;line-height:1}.pitch-number span{font:12px var(--mono);color:#bdc9c8}.register{color:var(--amber);white-space:nowrap;font-size:13px}.register:before{content:"";background:currentColor;border-radius:100%;width:7px;height:7px;margin-right:6px;display:inline-block}.register.high{color:var(--ice)}.fold-help{color:#bbc7c6;font-size:12px;position:absolute;bottom:13px;left:23px;right:14px}.fold-help span{color:var(--amber);margin-right:5px}.transport{background:#1c282a;border-top:1px solid #42504f;align-items:center;gap:13px;padding:13px 18px;display:flex}.play,.mode{border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:40px;font-size:14px;font-weight:580;line-height:1;display:inline-flex}.play{color:#2a211b;background:#ffc18a;border:1px solid #ffc18a;min-width:137px;padding:0 19px}.play:hover{background:#ffcfaa}.play-icon{border:6px solid #0000;border-left:9px solid;border-right-width:0;width:0;height:0}.play.is-playing .play-icon{border:0 solid;border-width:0 3px;width:10px;height:12px}.modes{align-items:center;gap:5px;display:flex}.mode{color:#c5cfcb;background:0 0;border:1px solid #0000;padding:0 11px;font-size:13px;font-weight:480}.mode span{font-size:21px;line-height:12px}.mode[aria-pressed=true]{color:#d4ebd8;background:#32443e;border-color:#567168}.mode:hover:not(:disabled){background:#344346}input[type=range]{accent-color:var(--amber);cursor:pointer;width:clamp(65px,9vw,142px);height:18px}.editor{margin-top:11px;scroll-margin-top:16px}#edit-help{color:var(--muted);font-size:12px}select,.edit-controls input{color:var(--ink);border:1px solid var(--rule);background:#fbfaf6;border-radius:5px;height:34px;padding:3px 7px;font-size:13px}.preset select{max-width:100%;height:38px;padding-inline:12px;font-size:14px}.score-shell{background:#efeee7;border:1px solid #c5cabe;border-radius:6px 6px 0 0;display:flex;overflow:hidden}.pitch-axis{width:42px;font:10px var(--mono);color:#626b63;border-right:1px solid var(--rule);background:#e9ebe2;flex-direction:column;flex:none;justify-content:space-between;align-items:center;padding:13px 0 12px;display:flex}.score-scroll{scrollbar-width:thin;scrollbar-color:#a4ada1 #e8e9e0;flex:1;min-width:0;overflow:auto}.score{isolation:isolate;background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#686f601b calc(25% - 1px) 25%);width:max-content;min-width:100%;height:105px;display:flex;position:relative}.cell{flex:var(--weight) 0 var(--min);touch-action:pan-x;text-align:left;background:0 0;border:0;border-right:1px solid #727b681c;padding:0;font-size:12px;position:relative}.cell:last-child{border-right:none}.cell[aria-pressed=true]{background:#d9995516}.cell.playing{background:#3f887b1d}.cell.playing:after{content:"";pointer-events:none;background:#39856e;width:2px;position:absolute;top:0;bottom:0;left:0}.note-bar{top:var(--top);white-space:nowrap;color:#513820;cursor:grab;touch-action:none;background:#f0c795;border:1px solid #b58049;border-radius:3px;justify-content:space-between;align-items:center;gap:4px;height:23px;padding:0 5px;display:flex;position:absolute;left:2px;right:2px;transform:translateY(-50%)}.cell.high .note-bar{color:#294f55;background:#b9d9db;border-color:#78a3a9}.cell[aria-pressed=true] .note-bar{outline-offset:1px;outline:1px solid #343c33}.cell.dragging .note-bar{cursor:grabbing;filter:brightness(.93)}.note-bar b{font-size:12px;font-weight:620}.note-bar small{font:9px var(--mono);opacity:.85}.edit-controls{background:#f0f0e9;border:1px solid #c5cabe;border-top:none;border-radius:0 0 6px 6px;flex-wrap:wrap;align-items:center;gap:13px;padding:9px 13px;display:flex}.selected-note{font:11px var(--mono);color:#5c6257;text-transform:uppercase;letter-spacing:.035em}.edit-controls label{color:#465048;align-items:center;gap:5px;font-size:12px;display:flex}.edit-controls input{width:61px}.edit-actions{gap:5px;margin-left:auto;display:flex}.edit-actions button{background:0 0;border:1px solid #c5cabd;border-radius:4px;min-height:31px;padding:5px 9px;font-size:12px}.edit-actions button:hover:not(:disabled){background:#e0e4d9}.credits{color:var(--muted);font-size:11px;position:relative}.credits a{color:inherit;text-underline-offset:.18em}.credits a:hover{color:var(--ink)}.credits{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:28px 0 17px;padding-top:13px;display:flex}#error{background:#ffe1ce;border:1px solid #c27949;border-radius:5px;margin-top:10px;padding:12px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:800px){.stage{grid-template-columns:56% 44%}.panel-heading{padding:15px 16px}.panel-heading>span{font-size:8px}.transport{gap:6px;padding:11px}.wrap{width:calc(100% - 36px)}.edit-controls{gap:9px}.edit-actions{margin-left:0}}@media (max-width:630px){.stage{grid-template-columns:1fr}.singer-panel{height:260px}.portrait{inset:4px 0 -1px}.fold-panel{border-top:1px solid #42504f;border-left:0;height:174px}.fold-pad{inset:10px 49% 7px 6px}.fold-panel .panel-heading,.fold-footer,.fold-help{left:51%;right:10px}.fold-panel .panel-heading{flex-direction:column;align-items:start;gap:2px;padding:0;top:21px}.fold-footer{flex-direction:column;align-items:start;gap:6px;top:70px;bottom:auto}.fold-help{font-size:11px;line-height:1.3;bottom:9px}.pitch-number b{font-size:27px}.drag-scale{right:0}.tract-footer{inset:auto 14px 11px}.tract-footer b{font-size:27px}#trace{width:72px}.transport{flex-wrap:wrap;gap:7px}.play{min-width:121px}.modes{margin-left:auto}.mode{padding:0 8px}.score{height:109px}.edit-controls{gap:8px 12px;padding:8px}.selected-note{width:100%}.edit-actions{justify-content:flex-start;width:100%}.credits{flex-wrap:wrap}.wrap{width:calc(100% - 28px)}}@media (max-width:345px){.mode{padding:0 5px;font-size:12px}.play{min-width:108px;padding-inline:10px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}.view-switch{pointer-events:auto;font:11px var(--sense);color:#daefed;cursor:pointer;background:#162529e8;border:1px solid #506260;border-radius:20px;min-height:30px;padding:4px 12px}.view-switch:hover{background:#253a3d}#rotate[aria-pressed=true]{color:#e0f3de;background:#32443e;border-color:#88a898}.singer-panel{height:clamp(218px,100svh - 362px,470px);overflow:hidden}.panel-heading{z-index:3;background:linear-gradient(#131f24ba,#0000);align-items:center}.pin{width:34px;height:34px}.pin span{pointer-events:auto;min-height:30px;font:12px var(--sense);text-shadow:0 1px 4px #000,0 1px 3px #000}.pin i{width:16px;height:16px}.pin i:after{inset:5px}.throat{--tint:#8ed8e5;cursor:ew-resize}.tongue{--tint:#a1eaa5}.lips{--tint:#f0a3d7}.jaw{--tint:#ff9d82;cursor:ns-resize}.velum{--tint:#e3e9e4;cursor:ns-resize}.transport{gap:12px;padding:8px 16px}.voice-sliders{flex:0 400px;grid-template-columns:repeat(2,minmax(116px,180px));column-gap:26px;margin-left:auto;display:grid}.live-slider{color:#e8ece5;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;font-size:13px;display:grid}.live-slider output{font:11px var(--mono);color:#c8d2cd}.live-slider input{grid-column:1/-1;width:100%;height:19px;margin:1px 0 0}.editor{border-top:1px solid var(--rule)}.credits{border-top:0;margin-top:6px}@media (max-width:800px){.singer-panel .handle-hint{display:none}.singer-panel .panel-heading h2{margin-right:auto}.singer-panel .view-switch{padding-inline:8px}.catalog{display:none}.voice-sliders{flex-basis:230px;grid-template-columns:repeat(2,minmax(75px,1fr));column-gap:16px}.transport{gap:7px;padding:11px}.pin span{font-size:11px}}@media (max-width:630px){.mast-inner{gap:8px}.singer-panel{height:278px}.transport{gap:8px;padding:10px}.voice-sliders{border-top:1px solid #42504f;flex-basis:100%;grid-template-columns:1fr 1fr;gap:18px;min-width:0;margin:0;padding:8px 3px 0}.fold-panel .panel-heading{background:0 0}.fold-panel .drag-scale{right:7px}.editor{margin-top:14px}.view-switch{min-height:28px}.credits{margin-top:0}}.mast .reset-all{border:1px solid var(--rule);background:0 0;border-radius:5px;align-items:center;gap:6px;min-height:32px;padding:5px 10px;font-size:13px;display:inline-flex}.reset-all span{font-size:17px;line-height:1}.reset-all:hover{background:#eaece3}.editor-title-row{flex-wrap:wrap;align-items:center;gap:4px 14px;padding:8px 0;display:flex}.editor-title-row h2{letter-spacing:-.05em;font-size:clamp(21px,2vw,27px);font-weight:550;line-height:1.12}#phrase-info{font:11px var(--mono);color:var(--muted)}#original-performance,.rename-song{color:var(--muted);text-underline-offset:.18em;margin-left:auto;font-size:12px}.rename-song{background:0 0;border:0;padding:4px 0;text-decoration:underline}.song-status:not(:empty){padding-block:6px;font-size:13px}.song-dialog{color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:12px;width:min(390px,100% - 32px);padding:22px;box-shadow:0 12px 56px #101b2038}.song-dialog::backdrop{background:#101b2066}.song-dialog h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:16px;font-size:22px;font-weight:600;line-height:1.2}.song-dialog label,#share-status{color:var(--muted);font-size:13px;display:block}.song-dialog input{width:100%;color:var(--ink);border:1px solid var(--rule);background:#fbfaf6;border-radius:5px;margin:4px 0 8px;padding:8px;font-size:16px;display:block}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-actions .primary-action{background:var(--ink);color:var(--paper);border-color:var(--ink)}.dialog-actions .primary-action:hover{background:#31463c}#reset-status{color:#2d644f;font-size:12px}@media (max-width:800px){#edit-help{flex-basis:100%;order:1}}@media (max-width:680px){.mast-inner{grid-template-columns:minmax(0,1fr) auto auto auto;gap:5px 10px;padding-block:6px;display:grid}.song-tools{grid-area:2/1/auto/-1;margin:0}.mast .preset{flex:1}.mast .preset select{width:100%}}@media (max-width:440px){.mast-inner{column-gap:5px}.mast .sound{justify-content:center;width:32px;height:40px;padding:0}.mast #mute-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:540px){.transport{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;display:grid}.modes{display:contents}.voice-sliders{grid-column:1/-1;margin-top:4px}.mast .sound{padding-left:0}.fold-panel .drag-scale{right:9px}}