.sheet{--line-height:1.9rem;--pad-top:14px;--margin-x:2.75rem;--text-x:3.4rem;--count-x:2.5rem;--font-size:1.05rem;background-image:linear-gradient(to bottom, transparent calc(var(--line-height) - 1px), var(--color-sheet-rule) calc(var(--line-height) - 1px));background-size:100% var(--line-height);background-position:0 var(--pad-top);position:relative;overflow:hidden}@media (max-width:639px){.sheet{--font-size:.9rem;--line-height:1.65rem;--pad-top:10px;--margin-x:2.1rem;--text-x:2.6rem;--count-x:2rem}}.sheet:before,.sheet:after{content:"";background:var(--color-sheet-margin);width:1px;position:absolute;top:0;bottom:0}.sheet:before{left:var(--margin-x)}.sheet:after{right:var(--count-x)}.sheet-layer,.sheet-input{padding:var(--pad-top) var(--count-x) var(--pad-top) var(--text-x);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;font-variant-ligatures:none;tab-size:4;margin:0}.sheet-layer{color:#0000;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sheet-input{width:100%;min-height:calc(var(--line-height) * 16 + var(--pad-top) * 2);resize:none;background:0 0;border:0;border-radius:0;outline:none;display:block;position:relative;overflow:hidden}.sheet-line{position:relative}.sheet-number,.sheet-syllables{font-size:.75rem;line-height:var(--line-height);text-align:center;font-variant-numeric:tabular-nums;position:absolute;top:0}.sheet-number{left:calc(var(--text-x) * -1);width:var(--margin-x)}.sheet-syllables{right:calc(var(--count-x) * -1);width:var(--count-x)}
