.tn-sheet{background:#fff;border:1px solid rgba(224,168,46,.55);border-radius:14px;padding:10px;box-shadow:0 14px 40px -18px #503c1e38}.tn-frame{border:1px solid rgba(224,168,46,.28);border-radius:8px;padding:18px 14px 22px}.tn-section+.tn-section{margin-top:30px}.tn-section-name{display:flex;align-items:center;gap:14px;font-family:Chonburi,serif;font-size:1.05rem;color:#7a5500;margin:0 0 12px}.tn-section-label{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}.tn-section-rep{font-family:'"IBM Plex Sans Thai"',sans-serif;font-style:normal;font-size:11.5px;color:#a99c88}.tn-section-name:before,.tn-section-name:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(224,168,46,.5),transparent)}.tn-line{display:flex;flex-wrap:wrap;border-top:1.5px solid rgba(42,33,24,.28);border-right:1.5px solid rgba(42,33,24,.28)}.tn-line+.tn-line{margin-top:14px}.tn-hong{position:relative;flex:0 0 25%;max-width:25%;border-left:1.5px solid rgba(42,33,24,.28);border-bottom:1.5px solid rgba(42,33,24,.28)}@media (min-width: 700px){.tn-hong{flex-basis:12.5%;max-width:12.5%}}.tn-strip{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:2px 4px 0;line-height:1;min-height:13px}.tn-no{position:absolute;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;color:#5b6579;letter-spacing:.02em}.tn-ching{font-size:9px;font-weight:700;letter-spacing:.01em}.tn-ching-pre{position:absolute;left:4px;display:flex;gap:2px}.tn-ching.is-ching{color:#0f7b68}.tn-ching.is-chap{color:#c0392b}.tn-stave{display:grid;grid-template-columns:repeat(4,1fr)}.tn-right{border-bottom:1px dotted rgba(42,33,24,.18)}.tn-cell{position:relative;text-align:center;font-size:clamp(13px,3.4vw,17px);line-height:1.95;font-weight:500;color:#2a2118;overflow:visible;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color 90ms linear}.tn-cell:nth-child(4){background:#e0a82e12}.tn-cell:focus-visible{outline:2px solid #8a6210;outline-offset:-1px;border-radius:4px;background:#e0a82e3d}.tn-rest{color:#cfc5b4;cursor:default}.tn-cell.tn-blank{cursor:default;min-height:1.6em}.tn-late{padding-left:.18em}.tn-late-mark{font-style:normal;font-size:.72em;color:#a06a12;vertical-align:.28em;margin-left:.04em}.tn-multi{font-size:clamp(10px,2.6vw,13px);letter-spacing:-.04em}.tn-staves{position:relative}.tn-sabat{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.tn-multi:not(.tn-linked){padding-top:.32em}.tn-multi:not(.tn-linked):before{content:"";position:absolute;left:8%;right:8%;top:.16em;height:.46em;border:1.5px solid #a06a12;border-bottom:0;border-radius:62% 62% 0 0/96% 96% 0 0;pointer-events:none}.tn-cursor{position:absolute;top:0;bottom:0;left:0;width:100%;pointer-events:none;z-index:1;will-change:transform}.tn-cursor:before{content:"";position:absolute;top:-1px;bottom:-1px;left:0;width:2px;background:#e0a82e;box-shadow:0 0 7px #e0a82ef2,0 0 2px #e0a82e}.tn-hong.is-playing{background:#e0a82e0d}.tn-cell.is-slot{background:#e0a82e33}.tn-cell.is-struck{color:#e23b2e;font-weight:700}.tn-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 4px 2px;font-size:11.5px;color:#a99c88}.tn-legend-key{color:#6f6151;font-weight:600}@media print{.tn-sheet{box-shadow:none;border:none;border-radius:0;background:none;padding:0}.tn-frame{border:none;padding:0}.tn-section{-moz-column-break-inside:auto;break-inside:auto}.tn-section+.tn-section{margin-top:7mm}.tn-section-name{-moz-column-break-after:avoid;break-after:avoid;font-size:12pt;color:#000;margin-bottom:3mm}.tn-section-name:before,.tn-section-name:after{background:#000;opacity:.45}.tn-section-rep{font-size:8pt;color:#444}.tn-line{-moz-column-break-inside:avoid;break-inside:avoid;border-top:none;border-right:none;border-left:.6pt solid #000}.tn-line+.tn-line{margin-top:4mm}.tn-hong{flex-basis:12.5%!important;max-width:12.5%!important;border:.6pt solid #000;border-left:none;-moz-column-break-inside:avoid;break-inside:avoid}.tn-cell{font-size:10.5pt;line-height:2;color:#000!important;cursor:auto}.tn-multi{font-size:8pt;letter-spacing:-.03em}.tn-rest{color:#999!important}.tn-no{font-size:6.5pt;color:#666!important}.tn-ching{font-size:6.5pt;color:#000!important}.tn-right{border-bottom-style:dotted;border-bottom-color:#999}.tn-multi:before{border-color:#000!important}.tn-late-mark{color:#000!important;font-size:.8em}.tn-sabat path{stroke:#000!important}.tn-cell:nth-child(4){background:none}.tn-cursor{display:none!important}.tn-hong.is-playing,.tn-cell.is-slot{background:none!important}.tn-cell.is-struck{color:#000!important;font-weight:400!important}.tn-legend{-moz-column-break-inside:avoid;break-inside:avoid;margin:6mm 0 0;padding-top:2.5mm;border-top:.5pt solid #999;gap:3mm 8mm;font-size:7.5pt;color:#333}.tn-legend-key{color:#000}}