:root{--desk:#e3d5bd;--paper:#fbf5e6;--paper-deep:#f1e6cd;--ink:#453a2b;--ink-soft:#93805f;--rule:#e0d0ac;--margin-red:#d08a76;--accent:#b0592f;--good:#5d8a51;--bad:#c04b3c;--warn:#c99a2e;--pitch:1.8rem;--lyric-size:1.16rem;--lane-pad:.4rem;--font-lyric:"LXGW WenKai TC", "Kaiti TC", "STKaiti", "Kaiti SC", "DFKai-SB", "BiauKai", serif;--font-digits:"LXGW WenKai TC", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:system-ui,-apple-system,PingFang HK,Noto Sans HK,sans-serif}*{box-sizing:border-box}body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.1'/%3E%3C/svg%3E") left top / 240px 240px repeat, radial-gradient(ellipse at 30% -10%, #f0e4c9 0%, transparent 55%), var(--desk);background-blend-mode:multiply, normal, normal;justify-content:center;min-height:100dvh;margin:0;display:flex}.desk{width:min(760px,100vw - 1.5rem);padding:2.2rem 0 3rem}.tabs{gap:.4rem;padding-left:2.2rem;display:flex}.coffee{color:var(--ink-soft);white-space:nowrap;align-self:flex-end;margin-left:auto;margin-right:.95rem;padding:0 0 .55rem;font-size:.82rem;text-decoration:none;transition:color .15s}.coffee:hover{color:var(--accent)}.tab{font:inherit;color:var(--ink-soft);background:var(--paper-deep);cursor:pointer;border:1px solid #d8c69e;border-bottom:none;border-radius:10px 10px 0 0;padding:.5rem 1.3rem .65rem;font-size:.95rem}.tab-on{color:var(--ink);background:var(--paper);font-weight:600;position:relative;top:1px}.sheet{background:linear-gradient(180deg, #fdf8ec 0%, var(--paper) 8%, var(--paper) 100%);border:1px solid #d8c69e;border-radius:3px 12px 12px;min-height:24rem;padding:1.6rem 1.6rem 2rem 3rem;position:relative;box-shadow:0 1px 2px #0002,0 12px 30px -18px #6b542f66}.sheet:after{content:"";border-radius:inherit;opacity:.1;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:240px 240px;position:absolute;inset:0}.sheet:before{content:"";background:var(--margin-red);opacity:.55;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:2.1rem}.status{color:var(--ink-soft);margin:.2rem 0 1rem;font-size:.85rem}.pad-head{flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:.8rem;display:flex}.title{font-family:var(--font-lyric);color:var(--ink);border:none;border-bottom:1px solid var(--rule);caret-color:var(--accent);background:0 0;outline:none;flex:12rem;padding:.15rem .2rem .3rem;font-size:1.55rem}.title:focus{border-bottom-color:var(--accent)}.title::placeholder{color:var(--ink-soft);opacity:.55}.toolbar{align-items:center;gap:.8rem;display:flex}.seg{background:var(--paper-deep);border:1px solid #cbb98f;border-radius:999px;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:.28rem .85rem;font-size:.8rem}.seg .seg-on{background:var(--accent);color:#fdf6ea}.llm-settings{border:1px solid var(--rule);background:#fffcf2;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:.9rem;padding:.7rem .9rem;display:flex}.song-ask textarea{font:inherit;color:var(--ink);border:1px solid var(--rule);resize:vertical;background:#fffdf4;border-radius:8px;flex-basis:100%;padding:.45rem .6rem;font-size:.95rem}.song-ask textarea:focus{border-color:var(--accent);outline:none}.song-presets{flex-wrap:wrap;flex-basis:100%;gap:.3rem;display:flex}.song-presets .sug{font-size:.85rem}.song-ask-actions{flex-basis:100%;align-items:center;gap:.5rem;display:flex}.song-log{border:1px solid var(--rule);scrollbar-width:thin;background:#fffcf2;border-radius:10px;max-height:min(55vh,28rem);margin-bottom:.9rem;padding:.6rem .85rem .7rem;overflow-y:auto}.song-log-head{justify-content:flex-end;align-items:center;display:flex}.song-log-live{color:var(--accent);animation:1.6s ease-in-out infinite phase-pulse}@keyframes phase-pulse{0%,to{opacity:1}50%{opacity:.55}}.song-log-phase{color:var(--ink-soft);margin:.35rem 0 .15rem;font-size:.78rem}.song-log-plan p{color:var(--ink);margin:.1rem 0;font-size:.82rem}.song-log-no{min-width:1.2em;color:var(--accent);margin-right:.35rem;font-size:.7rem;display:inline-block}.song-drafts{flex-wrap:wrap;gap:.5rem;margin:.3rem 0;display:flex}.song-draft{border:1px solid var(--rule);opacity:.8;background:#fffdf6;border-radius:8px;flex:15rem;padding:.4rem .55rem}.song-draft-win{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);opacity:1}.song-draft-head{letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.25rem;font-size:.7rem}.song-draft-win .song-draft-head{color:var(--accent)}.song-draft-line{text-align:left;width:100%;font-family:var(--font-lyric);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 .2rem;font-size:.98rem;line-height:1.5;display:block}.song-draft-line:hover{background:var(--paper-deep);color:var(--accent)}.tune-settings label textarea{width:100%;font:inherit;color:var(--ink);border:1px solid var(--rule);resize:vertical;background:#fffdf4;border-radius:8px;outline:none;margin-top:.25rem;padding:.4rem .55rem;font-size:.95rem;display:block}.tune-settings label textarea:focus{border-color:var(--accent)}.draft-line-off{opacity:.4}.draft-line-off:hover{opacity:.85}.song-drafts-rejected{opacity:.7}.song-draft-reject-head{color:var(--bad);margin:0 0 .3rem;font-size:.72rem}.song-draft-off{border-style:dashed}.song-draft-off .draft-line-off{cursor:default;text-decoration:line-through}.song-draft-off .draft-line-off:hover{opacity:.4}.song-feedback{gap:.5rem;margin-top:.5rem;display:flex}.song-feedback input{font:inherit;color:var(--ink);border:1px solid var(--rule);background:#fffdf4;border-radius:8px;flex:1;padding:.35rem .6rem;font-size:.9rem}.song-feedback input:focus{border-color:var(--accent);outline:none}.song-log-diff{margin:.15rem 0;font-size:.85rem}.song-log-tag{background:var(--paper-deep);color:var(--ink-soft);border-radius:4px;margin-right:.4rem;padding:.05rem .3rem;font-size:.68rem;display:inline-block}.song-log-old{color:var(--bad);opacity:.75;margin:0 .3rem;text-decoration:line-through}.song-log-new{color:var(--good);font-family:var(--font-lyric);margin:0 .3rem}.songbtn{color:var(--accent);border:1px solid var(--rule);white-space:nowrap;padding:.3rem .55rem;font-size:.85rem}.songbtn:disabled{opacity:.45;cursor:default}.songbtn-nokey,.iconbtn-nokey{opacity:.35;filter:grayscale(.6)}.demo-anchor{display:inline-flex;position:relative}.demo-tip{background:var(--accent);color:#fdf6ea;z-index:60;border-radius:10px;width:min(19rem,66vw);padding:.7rem 1.6rem .7rem .85rem;font-size:.82rem;line-height:1.55;animation:.28s demoPop;position:absolute;top:calc(100% + .55rem);left:0;box-shadow:0 10px 26px #3c2c1438}.demo-tip:before{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:7px solid var(--accent);position:absolute;top:-6px;left:1.1rem}.demo-tip-x{color:#fdf6ea;opacity:.75;cursor:pointer;background:0 0;border:none;padding:.15rem .3rem;font-size:.85rem;line-height:1;position:absolute;top:.25rem;right:.35rem}.demo-tip-x:hover{opacity:1}@keyframes demoPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.songbtn-attn{animation:1.5s ease-in-out infinite songbtnAttn}@keyframes songbtnAttn{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}}.set-label{letter-spacing:.08em;color:var(--ink-soft);flex-basis:100%;font-size:.68rem}.tune-settings label{color:var(--ink);min-width:15rem;font-size:.85rem;display:block}.tune-knob{align-self:flex-start;min-width:15rem;max-width:18rem}.tune-knob label{min-width:0}.tune-hint{color:var(--ink-soft);margin:.25rem 0 0;font-size:.7rem;line-height:1.55}.tune-settings input[type=range]{width:100%;accent-color:var(--accent);display:block}.llm-provider{flex-basis:100%;align-self:flex-start}.llm-settings label{color:var(--ink-soft);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.llm-settings input,.llm-settings select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid #cbb98f;border-radius:8px;outline:none;padding:.3rem .55rem;font-size:.85rem}.llm-settings input{width:16rem;max-width:60vw}.llm-settings input:focus,.llm-settings select:focus{border-color:var(--accent)}.llm-note{color:var(--ink-soft);flex-basis:100%;margin:.1rem 0 0;font-size:.72rem}.lines{margin:0;padding:0;list-style:none}.line{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;padding:.55rem 0 .35rem;display:grid;position:relative}.line-select{border:1.5px solid var(--ink-soft);opacity:.35;filter:blur(1px);cursor:pointer;background:0 0;border-radius:50%;width:11px;height:11px;padding:0;transition:opacity .12s,background .12s,border-color .12s;position:absolute;top:2.8rem;left:-2.25rem}.line-select:hover{opacity:.9;border-color:var(--accent)}.line-select.on{opacity:1;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.line.is-selected{background:color-mix(in srgb, var(--accent) 7%, transparent)}.lanes{scrollbar-width:thin;min-width:0;overflow-x:auto}.lanes input{width:100%;min-width:calc(var(--pitch) * 8);padding:0 var(--lane-pad);caret-color:var(--accent);background:0 0;border:none;outline:none;display:block}.lanes .lane-contour{font-family:var(--font-digits);font-variant-numeric:tabular-nums;letter-spacing:calc(var(--pitch) - 1px - var(--digit-adv,1ch));padding-left:calc(var(--lane-pad) + (var(--pitch) - 1px - var(--digit-adv,1ch)) / 2);color:var(--ink-soft);height:1.5rem;font-size:1rem}.lane-contour-view{height:1.5rem;padding-left:var(--lane-pad);font-family:var(--font-digits);color:var(--ink-soft);cursor:text;align-items:center;font-size:1rem;display:flex}.lane-contour-view:focus{outline:none}.cdigit{flex:0 0 calc(var(--pitch) - 1px);text-align:center}.cdigit-break{flex:0 0 calc(var(--bar-adv,1ch) + var(--pitch) - 1px - var(--digit-adv,1ch))}.lane-contour:focus{color:var(--accent)}.lane-contour::placeholder{letter-spacing:.1rem;color:var(--ink-soft);opacity:.45}.lane-lyric{font-family:var(--font-lyric);font-size:var(--lyric-size);letter-spacing:calc(var(--pitch) - 1em);color:var(--ink);height:calc(var(--pitch) + .4rem)}.lane-lyric::placeholder{letter-spacing:.15rem;color:var(--ink-soft);opacity:.5;font-size:1.05rem}.tiles{min-height:calc(var(--pitch) + .4rem);padding:0 var(--lane-pad);touch-action:pan-y;-webkit-user-select:none;user-select:none;align-items:stretch;display:flex;position:relative}.tile{font-family:var(--font-lyric);font-size:calc(var(--lyric-size) * .92);color:var(--ink);cursor:pointer;background:#fffdf4;border:1px solid #d9c8a2;border-bottom-width:2px;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-right:-1px;padding:0;line-height:1;display:inline-flex;position:relative;box-shadow:0 1px #0000000d}.tile:hover{border-color:var(--accent);z-index:1}.tiles .tile-selected{box-shadow:none;z-index:2;background:#f8e7c8;border:3px dotted #e8501e}.tile-locked{box-shadow:none;color:#221b10;background:0 0;border-color:#0000}.tile-locked:hover{background:var(--paper-deep);border-color:#0000}.tile-locked.tile-selected{background:var(--paper-deep);border:3px dotted #e8501e}@keyframes tile-lock-pulse{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.tile-flash{z-index:3;animation:.38s tile-lock-pulse}.tile-empty{color:var(--ink-soft);box-shadow:none;background:0 0;border-style:dashed;border-bottom-width:1px}.tile-extra{color:var(--warn);border-color:var(--warn);cursor:default;opacity:.7}.palette{z-index:40;position:fixed}.palette .tray{border-radius:12px;margin:0;box-shadow:0 14px 34px -18px #6b542faa}.palette .sug-scroll{max-height:min(82vh,46rem)}.palette .candidates{max-height:min(82vh, 46rem, var(--panel-max,82vh));scrollbar-width:thin;border-radius:12px;flex-wrap:wrap;align-content:flex-start;align-items:baseline;gap:.15rem .4rem;margin:0;display:flex;overflow-y:auto;box-shadow:0 14px 34px -18px #6b542faa}.palette .candidates .cand{gap:.5rem;width:auto;display:inline-flex}.palette .candidates .line-hint,.palette .candidates .fav-bank{flex:0 0 100%}.palette .candidates .cand-note{flex-basis:100%}.lanes input.ghost-input{width:auto;min-width:0}.ghost-input{pointer-events:none;height:100%;font-family:var(--font-lyric);font-size:calc(var(--lyric-size) * .92);letter-spacing:calc(var(--pitch) - 1em);color:var(--accent);caret-color:var(--accent);z-index:2;background:0 0;border:none;outline:none;padding:0;position:absolute;top:0}.ghost-input.ghost-active{box-shadow:0 0 0 1px var(--accent);background:#fffdf4;border-radius:8px}.tray{border:1px solid var(--rule);background:#fffcf2;border-radius:10px;margin:.35rem 0 .3rem;padding:.4rem .6rem .5rem;box-shadow:0 6px 16px -12px #6b542f88}.tray-head{align-items:center;gap:.15rem;display:flex}.tray-label{font-variant-numeric:tabular-nums;color:var(--ink-soft);flex:1;font-size:.75rem}.tray-sugs{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem;display:flex}.tray-ai{border-top:1px dashed var(--rule);padding-top:.4rem}.tray .cand-note{margin:.15rem 0}.sug{font-family:var(--font-lyric);color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #d2bf97;border-radius:8px;padding:.25rem .6rem;font-size:1.05rem}.sug:hover{border-color:var(--accent);background:#f6e3c2}.sug-corpus{background:#f7efdd;border-color:#c4ad7e}.sug-poem{color:#543f57;background:#efe4f0;border-color:#b492b3}.sug-poem:hover{background:#e7d3e9;border-color:#8d5a8a}.sug-ai{border-style:dashed;border-color:var(--accent)}.sug-scroll{scrollbar-width:thin;max-height:22rem;margin-top:.3rem;padding-right:.2rem;overflow-y:auto}.vsug-grid{grid-auto-rows:30px;gap:6px;display:grid}.vsug-grid .sug{white-space:nowrap;justify-content:center;align-items:center;min-width:0;height:30px;padding:0 .4rem;display:flex;overflow:hidden}.sug-rhyme-chip{font:inherit;color:#fffdf4;background:var(--accent,#b5432c);cursor:pointer;vertical-align:.05em;border:none;border-radius:999px;margin-left:.45rem;padding:.12rem .55rem;font-size:.72rem}.sug-rhyme-chip.sug-rhyme-off{color:var(--accent,#b5432c);border:1px solid var(--accent,#b5432c);background:0 0}.sug-label{letter-spacing:.08em;color:var(--ink-soft);margin:.35rem 0 .25rem;font-size:.68rem;display:block}.sug-current{background:var(--accent);color:#fdf6ea;border-color:var(--accent)}.tile-preview{color:#a33f12;background:#fbe3bd;border:2px dotted #c14a15}.marks{min-height:.95rem;padding:.1rem var(--lane-pad) 0;display:flex}.mark{flex:0 0 calc(var(--pitch) - 1px);justify-content:center;align-items:center;display:flex;position:relative}.mark .bar{width:var(--lyric-size);border-radius:2px;height:3px}.mark-match .bar,.mark-tilde .bar,.mark-empty .bar{display:none}.mark-match .bar{background:var(--good);opacity:.75}.mark-mismatch .bar{background:var(--bad)}.mark-warn .bar{opacity:.9;background:#c98b3d}.mark-unknown .bar{background:var(--warn);opacity:.6}.mark-extra .bar{background:var(--warn);opacity:.85}.mark-empty .bar{background:var(--ink-soft);opacity:.18}.mark .why{font-family:var(--font-digits);color:var(--bad);background:var(--paper);border-radius:2px;padding:0 1px;font-size:.6rem;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.rail{align-items:center;gap:.6rem;padding-top:.5rem;display:flex}.rail-grid{grid-template-columns:repeat(3,1.7rem);grid-auto-rows:1.5rem;place-items:center;gap:.1rem .15rem;display:grid}.iconbtn{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.3rem .4rem;font-size:.95rem;line-height:1}.iconbtn:hover:not(:disabled){color:var(--accent);background:#00000008}.iconbtn:disabled{opacity:.35;cursor:default}.iconbtn-on{color:var(--accent)}.iconbtn.del:hover{color:var(--bad)}.chip{font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;position:relative}.chip-jyut{letter-spacing:.02em;opacity:.78;margin-left:.25rem;font-size:.6rem}.chip-lock{filter:saturate(.4);align-items:center;margin-right:.28rem;font-size:.62rem;display:inline-flex}.chip-off{color:var(--ink-soft);opacity:.75;background:0 0;border-color:#cbb98f88}.chip-silent{color:var(--ink-soft);background:var(--paper-deep);border-color:#cbb98f}.chip-anchor{color:#fdf6ea;background:var(--accent)}.chip-ok{color:#2f5729;background:#dcead2;border-color:#b4cba4}.chip-clash{color:#7c241a;background:#f3d7d0;border-color:#ddab9f}.chip-free-open{color:#1c5b66;background:#d6eaee;border-color:#a7ccd3}.chip-free-coda{color:#7a561a;background:#f2e4c2;border-color:#d8bd85}.candidates{border:1px solid var(--rule);background:#fffcf2;border-radius:10px;grid-column:1/-1;margin:.15rem 0 .4rem;padding:.35rem;box-shadow:0 6px 16px -12px #6b542f88}.cand-note{color:var(--ink-soft);margin:.3rem .5rem;font-size:.85rem}.cand{width:100%;font:inherit;text-align:left;color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #d2bf97;border-radius:8px;align-items:baseline;gap:.8rem;margin:.18rem 0;padding:.3rem .6rem;display:flex}.cand-pick{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:baseline;gap:.5rem;padding:0;display:inline-flex}.cand .fav-del{opacity:.35}.cand:hover .fav-del{opacity:.85}.cand:hover{border-color:var(--accent);background:#f6e3c2}.cand-ai{background:#f7efdd;border-style:dashed;border-color:#c98f5f}.cand-text{font-family:var(--font-lyric);font-size:1.05rem}.cand-badge{opacity:.5;flex:none;align-self:center;font-size:.9rem}.cand-gen{font:inherit;color:var(--accent);border:1px solid var(--rule);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:.25rem .6rem;font-size:.85rem}.cand-gen:hover{background:var(--paper-deep)}.cand-gen:disabled{opacity:.5;cursor:default}.addline{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px dashed #cbb98f;border-radius:10px;margin-top:1rem;padding:.45rem 1rem;font-size:.9rem}.addline:hover{color:var(--accent);border-color:var(--accent)}.saves section{margin-bottom:1.2rem}.saves-summary{font-family:var(--font-lyric);color:var(--ink);margin:.35rem 0 .5rem;font-size:1.05rem}.saves-first{color:var(--ink-soft);margin-left:.6rem;font-size:.9rem}.saves-actions{align-items:center;gap:.5rem;display:flex}.saves-list{margin:.4rem 0 0;padding:0;list-style:none}.saves-item{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem .2rem;display:flex}.saves-item-info{min-width:0}.saves-item-title{font-family:var(--font-lyric);color:var(--ink);margin-right:.5rem;font-size:1.05rem}.saves-item-meta{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.saves-item-ops{flex:none;gap:.2rem;display:flex}footer{color:#6d5f47;flex-direction:column;align-items:center;gap:.15rem;margin-top:1.4rem;padding-left:.4rem;font-size:.78rem;display:flex}footer a{color:inherit}.workstatus{color:#a4643c;text-align:right;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:46%;font-size:.72rem;position:absolute;top:.55rem;right:.95rem;overflow:hidden}.workstatus-busy{color:var(--accent);font-weight:600}.workstatus-tip{color:var(--ink-soft);opacity:.5}.dots i{font-style:normal;animation:1.2s infinite both dot-blink}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,80%,to{opacity:.15}40%{opacity:1}}.anim-in{animation:.2s cubic-bezier(.2,.8,.25,1) ui-in}.anim-out{pointer-events:none;animation:.17s forwards ui-out}@keyframes ui-in{0%{opacity:0;transform:translateY(var(--anim-shift,6px)) scale(.99)}}@keyframes ui-out{to{opacity:0;transform:translateY(var(--anim-shift,6px)) scale(.99)}}.llm-settings,.song-ask{--anim-shift:-6px}.panel-head{flex-basis:100%;justify-content:space-between;align-items:center;display:flex}.set-head{color:var(--ink);font-size:.72rem;font-weight:700}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:80;white-space:normal;text-align:left;color:#fdf6ea;pointer-events:none;opacity:0;background:#443927f0;border-radius:12px;width:max-content;max-width:280px;padding:.45rem .7rem;font-size:.85rem;line-height:1.5;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(3px)}[data-tip]:hover:after{opacity:1;transition-delay:.15s;transform:none}.lanes-working{pointer-events:none;opacity:.5;transition:opacity .25s}.lanes-working .tiles{overflow:hidden}.lanes-working .tiles:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fffdf4cc,#0000);width:45%;animation:2s ease-in-out infinite lane-sweep;position:absolute;top:0;bottom:0;left:0}@keyframes lane-sweep{0%{transform:translate(-110%)}to{transform:translate(290%)}}.tiles-old{padding:0 var(--lane-pad);pointer-events:none;z-index:2;display:flex;position:absolute;top:0;bottom:0;left:0}.tiles-old span{flex:0 0 calc(var(--pitch) - 1px);font-family:var(--font-lyric);font-size:calc(var(--lyric-size) * .92);color:var(--ink);justify-content:center;align-items:center;line-height:1;animation:.16s forwards old-out;display:flex}@keyframes old-out{to{opacity:0}}.glyph-in{animation:.2s .12s backwards glyph-in;display:inline-block}@keyframes glyph-in{0%{opacity:0}}.cand-ops{border-bottom:1px dashed var(--rule);justify-content:flex-start;gap:.4rem;margin-bottom:.25rem;padding-bottom:.25rem;display:flex}.cand-ops .iconbtn{font-size:.75rem}.cand-filter{align-items:center;gap:.3rem;margin-right:.25rem;display:inline-flex}.cand-filter-chip{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #cbb98f88;border-radius:999px;padding:.12rem .55rem;font-size:.72rem}.cand-filter-chip.chip-on{background:var(--accent);border-color:var(--accent);color:#fdf6ea}.song-feedback{opacity:.4;transition:opacity .25s}.song-feedback:hover,.song-feedback:focus-within{opacity:1}@media (width<=520px){:root{--pitch:1.7rem;--lyric-size:1.1rem}.sheet{padding:1.2rem .9rem 1.6rem 2.2rem}.sheet:before{left:1.5rem}.rail{padding-top:.35rem}}.melody-viz{border:1px solid var(--rule);background:#fffdf4;border-radius:6px;flex:none}.melody-stop{color:var(--accent);animation:1.2s ease-in-out infinite melody-pulse}@keyframes melody-pulse{50%{opacity:.55}}.melody-row.is-retaking{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.melody{padding:.4rem 0}.melody-toolbar{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.5rem;display:flex}.melody-toolbar .cand-gen,.melody-toolbar .melody-file{color:var(--accent);background:var(--paper);border:1.5px solid var(--accent);box-shadow:0 1px 0 var(--rule);border-radius:9px;padding:.42rem .8rem;font-size:.92rem;font-weight:500;transition:background .12s,color .12s}.melody-toolbar .cand-gen:hover:not(:disabled),.melody-toolbar .melody-file:hover{background:var(--accent);color:var(--paper)}.melody-toolbar .cand-gen:disabled{opacity:.4;box-shadow:none;pointer-events:none}.melody-toolbar .melody-file:has(input:disabled){opacity:.4;box-shadow:none;pointer-events:none}.melody-file{cursor:pointer;position:relative;overflow:hidden}.melody-file input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.melody-rows{flex-direction:column;gap:.4rem;margin:1.15rem 0 0;padding-left:1.8rem;list-style:decimal;display:flex}.melody-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.melody-src{font-size:.8rem}.melody-digits{font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.35em;color:var(--ink);border:1px solid var(--rule);background:#fffdf4;border-radius:8px;width:14rem;max-width:44vw;padding:.25rem .5rem;font-size:1rem}.melody-digits:focus{border-color:var(--accent);outline:none}.melody-longs{color:var(--ink-soft);min-width:7rem;font-size:.72rem}.melody-unsure{color:var(--accent);white-space:nowrap}.sing-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);white-space:nowrap;cursor:pointer;border-radius:999px;padding:.05rem .4rem;font-size:.7rem;line-height:1.4}.sing-chip.sing-A{color:#5a7d49;border-color:#7ea36b}.sing-chip.sing-B{border-color:var(--line)}.sing-chip.sing-C{color:#a56c25;border-color:#c98b3d}.sing-chip.sing-D{color:#a33224;border-color:#c44030}span.sing-chip{cursor:default}.lane-eval{border:1px solid var(--line);background:var(--paper);border-radius:6px;margin:.2rem 0 .3rem;padding:.4rem .6rem;font-size:.78rem;line-height:1.5}.lane-eval-row+.lane-eval-row{margin-top:.1rem}.lane-eval-dim{color:var(--ink-soft)}.lane-eval-head{border-top:1px dashed var(--line);margin-top:.35rem;padding-top:.3rem;font-weight:600}.eval-tag{border:1px solid var(--line);white-space:nowrap;border-radius:3px;margin-right:.35rem;padding:0 .3rem;font-size:.72rem;font-weight:600;display:inline-block}.cand-warn{color:#a56c25;margin-right:.15rem}.cand-vc{color:#5a7d49;border:1px solid #7ea36b;border-radius:3px;margin-right:.2rem;padding:0 .15rem;font-size:.62rem}.melody-singline{color:#a33224;flex-basis:100%;padding:.1rem .25rem 0;font-size:.72rem}.melody-noteops{color:var(--ink-soft);align-items:center;gap:.3rem;margin:.2rem 0 .4rem;font-size:.72rem;display:flex}.melody-noteop-on{background:var(--accent);color:#fff;border-color:var(--accent)}.splash{cursor:pointer;flex-direction:column;align-items:center;gap:1.4rem;max-width:44rem;padding:2.6rem 2.4rem 2.2rem;display:flex}.splash-head{flex-direction:column;align-items:center;gap:.2rem;display:flex}.splash-name{letter-spacing:.02em;color:var(--ink);margin:.8rem 0 0;font-size:3rem;font-weight:650}.splash-name em{color:var(--accent,#b5432c);font-style:normal;font-weight:500}.cf-flow{position:relative}.cf-dots{color:var(--ink);pointer-events:none;line-height:0;position:absolute;top:-.52em;left:0;transform:translate(-58%)}.splash-sub{color:var(--ink-soft);text-align:center;max-width:34rem;margin:.35rem 0 0;font-size:1.02rem;line-height:1.7}.splash-sell{counter-reset:sell;color:var(--ink);flex-direction:column;gap:1.05rem;max-width:38rem;margin:0;padding:0;font-size:1.04rem;line-height:1.7;list-style:none;display:flex}.splash-sell li{counter-increment:sell;padding-left:2.1rem;position:relative}.splash-sell li:before{content:counter(sell);border:1.5px solid var(--accent);width:1.45em;height:1.45em;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.82em;font-weight:700;display:flex;position:absolute;top:.22em;left:0}.splash-sell b{color:var(--ink)}.splash-more{color:var(--ink-soft);margin:-.3rem 0 0;font-size:.92rem}.help{max-width:44rem;color:var(--ink);margin:0 auto;padding:.6rem .4rem 2rem;font-size:1.02rem;line-height:1.7}.help h2{color:var(--ink);border-bottom:1px dashed var(--rule);margin:1.6rem 0 .6rem;padding-bottom:.25rem;font-size:1.18rem;font-weight:800}.help h2:first-child{margin-top:.4rem}.help-steps{flex-direction:column;gap:.55rem;margin:0;padding-left:1.3rem;display:flex}.help-list{flex-direction:column;gap:.55rem;margin:0;padding-left:1.15rem;display:flex}.help svg{vertical-align:-.12em;color:var(--ink-soft);margin:0 .1em}.help-shot{border:1px solid var(--rule);border-radius:10px;width:100%;max-width:42rem;margin:.9rem 0 0;display:block;box-shadow:0 2px 10px #3c2c140f}.help-cap{color:var(--ink-soft);margin:.3rem 0 0;font-size:.85rem}.help-shot-sm{max-width:20rem}.splash-gen{border-collapse:collapse;width:100%;margin-top:.45rem;font-size:1rem}.splash-gen th,.splash-gen td{border:1px solid var(--rule);text-align:left;vertical-align:top;padding:.4rem .65rem;font-weight:400}.splash-gen th{white-space:nowrap;background:#fffdf466;width:5.4rem;font-weight:600}.splash-gen th svg{vertical-align:-.35em;width:1.45em;height:1.45em;color:var(--ink-soft);margin-right:.25em}.splash-gen-cost{white-space:nowrap;color:var(--ink-soft)}.splash-credits{border-top:1px dashed var(--rule);flex-direction:column;gap:.5rem;max-width:38rem;padding-top:.9rem;display:flex}.splash-credits p{color:var(--ink-soft);margin:0;font-size:.85rem;line-height:1.7}.splash-credits a{color:inherit}.sampling{flex-direction:column;gap:.35rem;display:flex}.sampling-head{color:var(--ink-soft);margin:0;font-size:.85rem}.sampling-list{color:var(--ink-soft);flex-direction:column;gap:.4rem;margin:0;padding-left:1.1rem;font-size:.85rem;line-height:1.6;display:flex}.sampling-list a{color:inherit}.sampling-sub{flex-direction:column;gap:.3rem;margin:.4rem 0 0;padding-left:1.1rem;list-style:circle;display:flex}.splash-cta{flex-flow:wrap;justify-content:center;align-items:center;gap:.8rem;min-height:3.4rem;margin-top:.2rem;display:flex}.splash-cta .boot-stage,.splash-cta .boot-bar{flex-basis:100%;justify-content:center;display:flex}.splash-cta .boot-bar{margin:0 auto;display:block}.splash-start{font:inherit;color:#fffdf4;background:var(--accent,#b5432c);cursor:pointer;border:none;border-radius:999px;padding:.65rem 1.9rem;font-size:1.12rem;font-weight:650;transition:transform .12s;animation:1.6s ease-in-out infinite splash-pulse;box-shadow:0 4px 14px #b5432c47}.splash-start:hover{animation:none;transform:translateY(-1px)}.splash-start-alt{font:inherit;color:var(--accent,#b5432c);border:1.5px solid var(--accent,#b5432c);cursor:pointer;background:0 0;border-radius:999px;padding:.55rem 1.3rem;font-size:.98rem;transition:background .12s}.splash-start-alt:hover{background:#b5432c14}@keyframes splash-pulse{0%,to{box-shadow:0 4px 14px #b5432c47}50%{box-shadow:0 4px 22px #b5432c80}}.cf-wordmark{align-items:center;gap:.45rem;display:inline-flex}.cf-name{font-weight:650}.cf-name em{color:var(--accent,#b5432c);font-style:normal;font-weight:500}.boot{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:18rem;display:flex}.boot-stage{color:var(--ink-soft);margin:0;font-size:.9rem}.boot-bar{border:1px solid var(--rule);background:#fffdf4;border-radius:999px;width:min(24rem,70%);height:8px;overflow:hidden}.boot-fill{background:linear-gradient(90deg,#a08650,#6b542f);border-radius:999px;height:100%;transition:width .3s}button svg,.chip-lock svg,.fav-title svg{vertical-align:-.125em}.fav-bank{flex-wrap:wrap;align-items:center;gap:.3rem;max-height:7.5rem;margin-bottom:.2rem;padding:.25rem .2rem .35rem;display:flex;overflow-y:auto}.fav-title{color:var(--ink-soft);margin-right:.2rem;font-size:.8rem}.fav-row{border:1px solid var(--border,#8884);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.fav-text{font:inherit;font-family:var(--font-lyric);color:inherit;cursor:copy;background:0 0;border:0;padding:.1rem .15rem .1rem .5rem;font-size:.9rem}.fav-del{color:var(--ink-soft);cursor:pointer;opacity:.6;background:0 0;border:0;padding:.15rem .4rem .15rem .2rem;font-size:.65rem}.fav-del:hover{opacity:1;color:#c33}.tile-break{margin-left:calc(var(--bar-adv,1ch) + var(--pitch) - 1px - var(--digit-adv,1ch))}.tile-break:before{content:"";left:calc((var(--bar-adv,1ch) + var(--pitch) - 1px - var(--digit-adv,1ch)) / -2 - 1px);border-left:2px dashed var(--border,#8884);height:calc(85% + 1.55rem);position:absolute;top:-1.55rem}.tile-long{box-shadow:inset 0 -3px #b9a06baa}.tile-long-warn{box-shadow:inset 0 -3px 0 var(--bad,#b03a2e)}.line-hint{font:inherit;color:var(--ink);border:1px solid var(--rule);background:#fffdf4;border-radius:8px;flex:14rem;padding:.25rem .5rem;font-size:.8rem}.line-hint::placeholder{color:var(--ink-soft);opacity:.35}.line-hint:focus{border-color:var(--accent);outline:none}.panel-search{font:inherit;color:var(--ink);border:1px solid var(--rule);background:#fffdf4;border-radius:999px;width:7rem;padding:.15rem .6rem;font-size:.75rem}.panel-search:focus{border-color:var(--accent);outline:none}.sug-label .panel-search{margin-left:.5rem}.candidates .line-hint{width:100%;margin:.3rem 0 .1rem;display:block}.coffee-mob{display:none}body:has(.notepad.mob){overflow:hidden}.desk:has(.notepad.mob){flex-direction:column;width:100vw;height:100dvh;padding:.3rem 0 0;display:flex}.desk:has(.notepad.mob) .sheet{border-radius:3px 10px 0 0;flex-direction:column;flex:1;min-height:0;padding:.8rem .65rem .7rem 1.45rem;display:flex}.notepad.mob{flex:1;min-height:0;display:flex}.notepad.mob-stack{flex-direction:column}.notepad.mob-split{flex-direction:row}.notepad.mob .mob-lanes{flex:0 0 calc(var(--split,50%) - 8px);--pitch:clamp(1.35rem, calc((100cqi - 6.5rem) / 16), 1.8rem);--lyric-size:calc(var(--pitch) * .64);min-width:0;min-height:0;overflow:auto;container-type:inline-size}.notepad.mob .lines{padding-bottom:.3rem;padding-left:1.3rem;overflow-x:auto}.notepad.mob .lines>li{min-width:max-content}.mob-divider{touch-action:none;flex:0 0 15px;align-self:stretch;position:relative}.mob-divider:after{content:"";background:#cbb98f;border-radius:99px;position:absolute}.mob-stack .mob-divider{cursor:row-resize}.mob-stack .mob-divider:after{inset:5.5px 40%}.mob-split .mob-divider{cursor:col-resize}.mob-split .mob-divider:after{inset:40% 5.5px}.mob-options{background:var(--paper-deep);flex:auto;min-width:0;min-height:0;overflow:auto}.mob-stack .mob-options{border-radius:14px 14px 0 0;margin:-15px -.65rem -.7rem -1.45rem;padding:1.1rem .65rem .8rem .9rem}.mob-split .mob-options{border-radius:14px 0 0;margin:-.8rem -.65rem -.7rem -15px;padding:.8rem .6rem .8rem 1rem}.mob-divider{z-index:2}.mob-options .llm-settings{margin-bottom:.6rem}.mob-options:has(.palette-mob) .mob-idle{display:none}.mob-idle{color:var(--ink-soft);margin:.2rem .15rem;font-size:.85rem;line-height:1.6}.palette-mob{z-index:auto;margin-bottom:.6rem;position:static}.palette-mob .tray{box-shadow:none;border:1px solid var(--rule)}.desk:has(.notepad.mob) .sheet:before{display:none}.notepad.mob .line-select{filter:none;opacity:.5;top:2.6rem;left:-1.15rem}.notepad.mob .toolbar{flex-wrap:wrap;row-gap:.4rem}.notepad.mob .toolbar .iconbtn,.notepad.mob .toolbar .cand-gen{white-space:nowrap}.notepad.mob .workstatus{z-index:70;text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 17.5rem);color:var(--ink);opacity:1;position:fixed;top:.9rem;right:.7rem;overflow:hidden}.notepad.mob .workstatus.workstatus-tip{opacity:.85}body:has(.notepad.mob) .tabs .coffee{display:none}@media (width<=700px){.tabs .coffee{display:none}}@media (width<=480px){.tabs{gap:.28rem;padding-left:.55rem}.tab{padding:.45rem .68rem .6rem;font-size:.9rem}}.coffee-tool{align-items:center;text-decoration:none;display:inline-flex}body:has(.notepad.mob) footer{display:none}.mob-options .candidates,.mob-options .sug-scroll,.mob-options .song-log{max-height:none;overflow-y:visible}.mob-options .palette-mob .candidates{box-shadow:none;border:1px solid var(--rule)}@container (width<=34rem){.notepad.mob .toolbar{scrollbar-width:none;flex-wrap:nowrap;gap:.22rem;overflow-x:auto}.notepad.mob .toolbar button,.notepad.mob .toolbar .coffee-tool{gap:0;padding:.42rem;font-size:0}.notepad.mob .toolbar button svg,.notepad.mob .toolbar .coffee-tool svg{width:1.15rem;height:1.15rem}}.notepad.mob.mob-kb .mob-divider,.notepad.mob.mob-kb .mob-options{display:none}.notepad.mob.mob-kb .mob-lanes{flex:auto}.mob-panel-head{width:100%;font:inherit;text-align:left;color:var(--accent);border:none;border-bottom:1px solid var(--rule);cursor:pointer;background:0 0;margin:0 0 .45rem;padding:.4rem .55rem;font-size:.82rem;display:block}.notepad.mob .line.is-panel-owner{background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:8px}.mob-keypad{grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.35rem .1rem .2rem;display:grid}.mob-keypad button{font-family:var(--font-digits);color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #cbb98f;border-radius:12px;padding:.75rem 0;font-size:1.45rem}.mob-keypad button:active{background:var(--rule)}.mob-keypad .kp-done{background:var(--accent);border-color:var(--accent);color:#fdf6ea;grid-column:span 2;font-family:inherit;font-size:1rem}:is(.mob-options:has(.mob-keypad) .palette-mob,.mob-options:has(.mob-keypad) .mob-idle,.mob-options:has(.mob-keypad) .mob-panel-head,.mob-options:has(.mob-keypad) .llm-settings){display:none}@media (pointer:coarse){.rail .iconbtn{padding:.42rem .46rem}}.mob-stack .mob-options{padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}.mob-split .mob-options{padding-right:calc(.6rem + env(safe-area-inset-right))}@media (hover:none){[data-tip]:after{display:none!important}}@media (width<=700px){.melody-rows{padding-left:1.1rem}.melody-row{row-gap:.35rem}.melody-digits{flex-basis:100%;width:100%;max-width:none}.melody-viz{flex-basis:100%;height:auto;width:100%!important}.melody-toolbar .cand-gen,.melody-toolbar .melody-file{padding:.4rem .6rem;font-size:.84rem}}.melody-piano{margin:.5rem 0 .8rem}.piano-keys{-webkit-user-select:none;user-select:none;touch-action:none;height:118px;display:flex}.pkey-w{border:1px solid var(--rule);cursor:pointer;background:#fffdf4;border-right-width:0;border-radius:0 0 6px 6px;flex:1;position:relative}.pkey-w:last-child{border-right-width:1px}.pkey-w:active{background:#f3ecd8}.pkey-label{color:var(--ink-soft);pointer-events:none;font-size:.62rem;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.pkey-b{z-index:2;cursor:pointer;background:#453a2b;border-radius:0 0 4px 4px;width:62%;height:62px;position:absolute;top:0;right:0;transform:translate(50%)}.pkey-b:active{background:#6b542f}.melody-piano-on{outline:2px solid var(--accent)}.piano-ops{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.45rem;display:flex}.piano-count{color:var(--ink-soft);margin-right:auto;font-size:.8rem}