.tz{--barh:64px;--paper:var(--bone);--soft:var(--ink-2);--light:rgba(18,19,22,.2);--rule:var(--line);--tt:#1E7A6E;--hover:rgba(41,161,145,.1);--drag:rgba(41,161,145,.2);--focus:rgba(41,161,145,.07);--ph:rgba(18,19,22,.4);--dot:var(--ink);--root:var(--tt);--fs:13.5px}.tz [hidden]{display:none!important}.tz :focus-visible:not(option){outline:2px solid var(--tt);outline-offset:2px}.tz__head{padding:2.2rem var(--pad) 2.6rem;display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;align-items:end}.tz__head h1{font-size:clamp(2.6rem,6vw,6rem)}.tz__head p{font-size:1.02rem;line-height:1.6;color:var(--ink-2);max-width:46ch}.tz__console{border-top:1px solid var(--line);padding:2.4rem var(--pad) 2.8rem;display:grid;grid-template-columns:1.1fr 1fr;gap:2rem 3.5rem;align-items:start}.tz__console .row{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;align-items:flex-end}.tz__console summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding-bottom:.6rem;border-bottom:1px solid var(--light)}.tz__console summary::-webkit-details-marker{display:none}.tz__console summary:after{content:"+";font-size:1rem;line-height:1}.tz__console details[open] summary{border-bottom:0}.tz__console details[open] summary:after{content:"−"}.tz__console textarea{display:block;width:100%;height:15rem;font:400 .8rem/1.6 var(--mono);color:var(--ink);background:transparent;border:1px solid var(--light);border-radius:0;padding:.8rem .9rem;resize:vertical;white-space:pre;overflow-wrap:normal;transition:border-color .3s}.tz__console textarea:focus{border-color:var(--tt)}.tz__console textarea::placeholder{color:var(--ph)}.tz__actions{margin-top:1.2rem}.tz__console button{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.85rem 1.4rem;border:1px solid currentColor;transition:background .3s,color .3s,border-color .3s}.tz__console #arrangebtn{background:var(--ink);border-color:var(--ink);color:var(--bone)}.tz__console button:hover,.tz__console #arrangebtn:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tz__console .msg{margin-top:.9rem;min-height:1.5em;font-size:.95rem;line-height:1.5;color:var(--ink-2)}.tz__grp{border-top:1px solid var(--line);padding-top:.8rem;margin-bottom:1.6rem}.tz__grp:last-child{margin-bottom:0}.tz__grp .grp{display:block;margin-bottom:.8rem;opacity:.62}.tz__console .fld{display:flex;flex-direction:column;gap:.35rem;flex:1 1 14rem;min-width:0;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);cursor:pointer}.tz__console .fld--s{flex:0 1 10rem}.tz__console select,.tz__console input[type=text]{width:100%;max-width:100%;font:500 1rem/1.4 var(--display);letter-spacing:-.01em;text-transform:none;color:var(--ink);background-color:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:.45rem 0}.tz__console select{padding-right:var(--sel-pad)}.tz__console input[type=text]{font-family:var(--mono);font-weight:400;font-size:.9rem;margin-top:.9rem}.tz__console input[type=text]::placeholder{color:var(--ph)}.tz__console .result{display:block;margin-top:.7rem;font-family:var(--mono);font-weight:500;font-size:.8rem;letter-spacing:.04em;color:var(--tt)}.tz__console .result:empty{display:none}.tz__console .chip{text-align:left;padding:.65rem 1rem;background:transparent;line-height:1.5}.tz__console .chip b{font-weight:500;white-space:nowrap}.tz__console .modes{display:grid;gap:.55rem}.tz__console .modes label{display:flex;gap:.6rem;align-items:baseline;font-size:.95rem;line-height:1.45;cursor:pointer}.tz__console .modes input{accent-color:var(--tt);flex:none;transform:translateY(.1rem)}.tz__console .dim{opacity:.45}.tz .toolbar{position:sticky;top:var(--barh);z-index:45;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:center;padding:.6rem var(--pad);background:#f2f3f0e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.tz .toolbar .seg{display:flex;align-items:center;gap:.45rem;flex:none}.tz .toolbar .seg span{opacity:.62}.tz .toolbar .seg b{font-weight:500;font-size:.78rem;letter-spacing:.02em;min-width:3.2em;text-align:center}.tz .toolbar .sp{flex:1}.tz .toolbar button{flex:none;font:inherit;letter-spacing:inherit;text-transform:inherit;border:1px solid rgba(18,19,22,.25);border-radius:999px;padding:.5rem .85rem;transition:background .3s,color .3s,border-color .3s}.tz .toolbar button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tz .toolbar .sq{width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;letter-spacing:0;text-transform:none}.tz .toolbar #printbtn{background:var(--ink);border-color:var(--ink);color:var(--bone)}.tz .toolbar #printbtn:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tz .toolbar select{font:inherit;letter-spacing:inherit;text-transform:inherit;padding:.3rem var(--sel-pad) .3rem 0}.tz .toolbar input[type=checkbox]{accent-color:var(--tt);margin:0}.tz .savepanel{background:var(--bone-2);padding:1.8rem var(--pad) 2.2rem;display:grid;gap:1rem;border-bottom:1px solid var(--line)}.tz .savepanel h3{font-weight:400;opacity:.62;border-top:1px solid var(--line);padding-top:.8rem}.tz .savepanel h3:first-child{border-top:0;padding-top:0}.tz .savepanel .row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.tz .savepanel button{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.6rem 1rem;transition:background .3s,color .3s,border-color .3s}.tz .savepanel button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tz .savepanel .savenote{color:var(--ink-2);font-size:.95rem;line-height:1.5;max-width:60ch}.tz .savepanel textarea{width:100%;height:5rem;font:400 .72rem/1.5 var(--mono);color:var(--ink);background:var(--bone);border:1px solid var(--light);border-radius:0;padding:.6rem .7rem}.tz .lib{display:grid}.tz .lib .item{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;padding:.7rem 0;border-top:1px solid var(--line)}.tz .lib .item:last-child{border-bottom:1px solid var(--line)}.tz .lib .item .t{font-family:var(--display);font-weight:500;letter-spacing:-.02em;font-size:1.05rem}.tz .lib .item .m{flex:1;min-width:0;font-family:var(--mono);font-size:.68rem;color:var(--ink-2)}.tz .lib .empty{color:var(--ink-2);font-size:.95rem}.tz #savemsg{color:var(--tt);font-size:.95rem}.tz .page{padding:2.4rem var(--pad) 6rem;scroll-margin-top:calc(var(--barh) + var(--tbh, 48px))}.tz .head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.4rem 2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.tz .head>div:first-child{flex:1 1 20rem;min-width:0}.tz .ttl{font-family:var(--display);font-weight:500;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2rem,4.4vw,3.6rem);outline:none;min-width:120px;text-wrap:balance}.tz .sub{margin-top:.5rem;font-size:1.05rem;color:var(--ink-2);outline:none}.tz .ttl:focus,.tz .sub:focus{background:var(--focus)}.tz .ttl:empty:before{content:"Song title…";color:var(--ph)}.tz .sub:empty:before{content:"Artist…";color:var(--ph)}.tz .tuninghead{text-align:right;font-size:.8rem;color:var(--ink-2);line-height:1.5}.tz .tuninghead .tn{color:var(--ink);opacity:.8}.tz .strings{display:flex;gap:.35rem;justify-content:flex-end;margin:.6rem 0 .5rem}.tz .strings button{min-width:2.2rem;height:2.2rem;padding:0 .3rem;border:1px solid var(--light);border-radius:999px;font-family:var(--mono);font-weight:500;font-size:.8rem;color:var(--ink);transition:color .2s,border-color .2s,background .2s}.tz .strings button:hover{border-color:var(--ink)}.tz .strings button.all{padding:0 .75rem;font-size:.6rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.tz .strings button.ring{color:var(--rosa);border-color:var(--rosa)}.tz .diagrams{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start;background:var(--paper);margin:1.6rem calc(-1 * var(--pad)) 0;padding:.9rem var(--pad) .7rem;border-bottom:1px solid var(--line)}@media(min-width:760px){.tz .diagrams.pin{position:sticky;top:calc(var(--barh) + var(--tbh, 48px));z-index:40;box-shadow:0 10px 14px -12px #1213164d}}.tz .diagram{text-align:center;border-radius:6px;padding:.25rem .2rem .4rem;transition:background .2s,box-shadow .2s}.tz .diagram.hl{background:#e4007c12;box-shadow:inset 0 0 0 1px var(--rosa)}.tz .diagram .play{display:block;margin:0 auto;padding:0;border-radius:4px;color:var(--ink)}.tz .diagram .nm{font-family:var(--mono);font-weight:500;font-size:.8rem;margin-bottom:.15rem}.tz .diagram .fr,.tz .diagram .also,.tz .diagram .alt{font-family:var(--mono);font-size:.62rem;color:var(--ink-2)}.tz .diagram .fr{margin-top:.1rem}.tz .diagram .alt{display:flex;align-items:center;justify-content:center;gap:.1rem;font-variant-numeric:tabular-nums}.tz .diagram .alt button{color:var(--tt);padding:0 .4rem;font-size:1rem;line-height:1}.tz .diagram .alt button:disabled{opacity:.25;cursor:default}.tz .dg-nut{stroke:var(--ink)}.tz .dg-ln{stroke:var(--ink-2)}.tz .dg-txt{fill:var(--ink-2)}.tz .dg-dot{fill:var(--dot)}.tz .dg-root{fill:var(--root)}.tz .dg-open{fill:none;stroke:var(--ink-2)}.tz .dg-openroot{fill:none;stroke:var(--root)}.tz .dnote{color:var(--ink-2);font-size:.95rem;line-height:1.6;margin:1.1rem 0 2.2rem;max-width:72ch}.tz .dnote b{color:var(--ink);font-weight:500}.tz .dnote:empty{margin:0 0 1.6rem}.tz #songscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tz #song{min-width:min-content}.tz .section{margin-bottom:2rem}.tz .stitle{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;color:var(--ink-2)}.tz .line{position:relative;margin-top:6px;padding-top:calc(var(--fs) * 1.55)}.tz .chords{position:absolute;top:0;left:0;right:0;height:calc(var(--fs) * 1.5)}.tz .chord{position:absolute;top:0;font-family:var(--mono);font-weight:500;font-size:var(--fs);color:var(--tt);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;padding:0 2px;margin-left:-2px;border-radius:3px;white-space:nowrap;background:var(--paper)}.tz .chord:hover{background:var(--hover)}.tz .chord.dragging{cursor:grabbing;background:var(--drag);z-index:5}.tz .lyric{min-height:calc(var(--fs) * 1.6);font-family:var(--mono);font-size:var(--fs);line-height:1.6;outline:none;white-space:pre;border-bottom:1px solid var(--rule)}.tz .lyric:empty:before{content:attr(data-ph);color:var(--ph)}.tz .lyric:focus{border-bottom-color:var(--tt);background:var(--focus)}.tz .instr .lyric{border-bottom:none;min-height:2px}.tz .empty-hint{color:var(--ink-2);font-size:1rem;line-height:1.6;padding:2.4rem 0 1rem}@media(max-width:800px){.tz__head{grid-template-columns:1fr;gap:1rem}.tz__console{grid-template-columns:1fr;gap:2.2rem}}@media(max-width:700px){.tz{--barh:56px}.tz__head{padding:1.6rem var(--pad) 2rem}.tz__head h1{font-size:clamp(2.4rem,11vw,3.4rem)}.tz__console{padding:2rem var(--pad) 2.2rem}.tz__console textarea{height:11rem}.tz__console .row{gap:.7rem}.tz__console .fld,.tz__console .fld--s{flex:1 1 100%}.tz__console .tz__actions button{padding:.8rem 1.1rem}.tz .toolbar{flex-wrap:nowrap;overflow-x:auto;gap:1.1rem;scrollbar-width:none}.tz .toolbar::-webkit-scrollbar{display:none}.tz .toolbar .sp{display:none}.tz .page{padding:1.8rem var(--pad) 4rem}.tz .tuninghead{text-align:left}.tz .strings{justify-content:flex-start;flex-wrap:wrap}.tz .diagrams{flex-wrap:nowrap;overflow-x:auto;margin-top:1.2rem;padding:.8rem var(--pad) .6rem}.tz .diagram{flex:none}}@media(prefers-reduced-motion:reduce){.tz .diagram{transition:none}}@media print{.tz{--paper:#fff}body{background:#fff}.tz .pp__bar,.tz__head,.tz__console,.tz .toolbar,.tz .savepanel,.tz .strings,.tz .diagram .alt{display:none!important}.tz.pp{background:#fff;min-height:0}.tz .page{padding:0}.tz .lyric{border-bottom:none}.tz .lyric:empty:before,.tz .ttl:empty:before,.tz .sub:empty:before{content:""}.tz .section{break-inside:avoid}.tz .diagrams{position:static!important;box-shadow:none;border-bottom:none;margin:1.2rem 0 0;padding:0}}