.tn-sheet{background:#fff;border:1px solid #e0a82e8c;border-radius:14px;padding:10px;box-shadow:0 14px 40px -18px #503c1e38}.tn-frame{border:1px solid #e0a82e47;border-radius:8px;padding:18px 14px 22px}.tn-section+.tn-section{margin-top:30px}.tn-section-name{color:#7a5500;align-items:center;gap:14px;margin:0 0 12px;font-family:Chonburi,serif;font-size:1.05rem;display:flex}.tn-section-label{white-space:nowrap;align-items:baseline;gap:8px;display:inline-flex}.tn-section-rep{color:#a99c88;font-family:"\"IBM Plex Sans Thai\"",sans-serif;font-size:11.5px;font-style:normal}.tn-section-name:before,.tn-section-name:after{content:"";background:linear-gradient(90deg,#0000,#e0a82e80,#0000);flex:1;height:1px}.tn-line{border-top:1.5px solid #2a211847;border-right:1.5px solid #2a211847;flex-wrap:wrap;display:flex}.tn-line+.tn-line{margin-top:14px}.tn-hong{border-bottom:1.5px solid #2a211847;border-left:1.5px solid #2a211847;flex:0 0 25%;max-width:25%;position:relative}@media (width>=700px){.tn-hong{flex-basis:12.5%;max-width:12.5%}}.tn-hong.is-mark{background:var(--tn-mark-bg,#5a647817)}.tn-hong.is-mark-lead{--tn-mark-bg:#7c5cc821;--tn-mark-ink:#59409c}.tn-hong.is-mark-follow{--tn-mark-bg:#256ebe21;--tn-mark-ink:#1f5c9e}.tn-hong.is-mark-lo{--tn-mark-bg:#0d948821;--tn-mark-ink:#0b6f66}.tn-hong.is-mark-khat{--tn-mark-bg:#cb4e6e21;--tn-mark-ink:#a03350}.tn-hong.is-mark-lueam{--tn-mark-bg:#c4691e24;--tn-mark-ink:#a8500f}.tn-hong.is-mark-other{--tn-mark-ink:#4b5568}.tn-hong.is-mark:before{content:"";pointer-events:none;box-shadow:inset 0 2px 0 -1px var(--tn-mark-ink,#4b5568), inset 0 -2px 0 -1px var(--tn-mark-ink,#4b5568);opacity:.45;position:absolute;inset:0}.tn-hong.is-mark-first:before{box-shadow:inset 0 2px 0 -1px var(--tn-mark-ink,#4b5568), inset 0 -2px 0 -1px var(--tn-mark-ink,#4b5568), inset 2px 0 0 -1px var(--tn-mark-ink,#4b5568)}.tn-hong.is-mark-last:before{box-shadow:inset 0 2px 0 -1px var(--tn-mark-ink,#4b5568), inset 0 -2px 0 -1px var(--tn-mark-ink,#4b5568), inset -2px 0 0 -1px var(--tn-mark-ink,#4b5568)}.tn-hong.is-mark-first.is-mark-last:before{box-shadow:inset 0 0 0 1px var(--tn-mark-ink,#4b5568)}.tn-line.has-marks .tn-strip{align-items:flex-end;min-height:27px;padding-bottom:2px}.tn-line.has-marks .tn-no,.tn-line.has-marks .tn-ching-pre{top:auto;bottom:2px}.tn-mark-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;max-width:none;color:var(--tn-mark-ink,#4b5568);z-index:1;font-size:10px;font-weight:700;position:absolute;top:2px;left:4px;right:4px;overflow:hidden}.tn-hong.is-mark-first:not(.is-mark-last) .tn-mark-label{right:auto;overflow:visible}.tn-hong.is-mark:not(.is-mark-first):after{content:attr(data-mark);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;color:var(--tn-mark-ink,#4b5568);pointer-events:none;z-index:1;font-size:10px;font-weight:700;line-height:1;position:absolute;top:2px;left:4px;right:4px;overflow:hidden}.tn-hong.is-mark:not(.is-mark-first):not(:nth-child(4n+1)):after{content:none}@media (width>=700px){.tn-hong.is-mark:not(.is-mark-first):not(:nth-child(8n+1)):after{content:none}}.tn-strip{justify-content:flex-end;align-items:center;min-height:14px;padding:2px 4px 0;line-height:1;display:flex;position:relative}.tn-no{color:#5b6579;letter-spacing:.02em;font-size:9px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.tn-ching{letter-spacing:.01em;font-size:10px;font-weight:700}.tn-ching-pre{gap:2px;display:flex;position:absolute;left:4px}.tn-ching.is-ching{color:#0f7b68}.tn-ching.is-chap{color:#c0392b}.tn-stave{grid-template-columns:repeat(4,1fr);display:grid}.tn-right{border-bottom:1px dotted #2a21182e}.tn-cell{text-align:center;color:#2a2118;cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:clamp(13px,3.4vw,17px);font-weight:500;line-height:1.95;transition:color 90ms linear;position:relative;overflow:visible}.tn-cell:nth-child(4){background:#e0a82e12}.tn-cell:focus-visible{outline-offset:-1px;background:#e0a82e3d;border-radius:4px;outline:2px solid #8a6210}.tn-rest{color:#cfc5b4;cursor:default}.tn-cell.tn-blank{cursor:default;min-height:1.6em}.tn-late{padding-left:.18em}.tn-late-mark{color:#a06a12;vertical-align:.28em;margin-left:.04em;font-size:.72em;font-style:normal}.tn-multi{letter-spacing:-.04em;font-size:clamp(10px,2.6vw,13px)}.tn-staves{position:relative}.tn-staves.is-1line .tn-stave{padding-top:.45em}.tn-sabat{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tn-multi:not(.tn-linked){padding-top:.32em}.tn-multi:not(.tn-linked):before{content:"";pointer-events:none;border:1.5px solid #a06a12;border-bottom:0;border-radius:62% 62% 0 0/96% 96% 0 0;height:.46em;position:absolute;top:.16em;left:8%;right:8%}.tn-cursor{pointer-events:none;z-index:1;will-change:transform;width:100%;position:absolute;top:0;bottom:0;left:0}.tn-cursor:before{content:"";background:#e0a82e;width:2px;position:absolute;top:-1px;bottom:-1px;left:0;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{color:#a99c88;flex-wrap:wrap;gap:6px 18px;margin:16px 4px 2px;font-size:11.5px;display:flex}.tn-legend-key{color:#6f6151;font-weight:600}@media print{.tn-sheet{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.tn-frame{border:none;padding:0}.tn-section{break-inside:auto}.tn-section+.tn-section{margin-top:7mm}.tn-section-name{break-after:avoid;color:#000;margin-bottom:3mm;font-size:12pt}.tn-section-name:before,.tn-section-name:after{opacity:.45;background:#000}.tn-section-rep{color:#444;font-size:8pt}.tn-line{break-inside:avoid;border-top:none;border-left:.6pt solid #000;border-right:none}.tn-line+.tn-line{margin-top:4mm}.tn-hong{break-inside:avoid;border:.6pt solid #000;border-left:none;flex-basis:12.5%!important;max-width:12.5%!important}.tn-cell{cursor:auto;font-size:10.5pt;line-height:2;color:#000!important}.tn-multi{letter-spacing:-.03em;font-size:8pt}.tn-rest{color:#999!important}.tn-no{font-size:6.5pt;color:#666!important}.tn-ching{font-size:7pt;color:#000!important}.tn-right{border-bottom-style:dotted;border-bottom-color:#999}.tn-multi:before{border-color:#000!important}.tn-late-mark{font-size:.8em;color:#000!important}.tn-sabat path{stroke:#000!important}.tn-cell:nth-child(4){background:0 0}.tn-cursor{display:none!important}.tn-hong.is-playing,.tn-cell.is-slot{background:0 0!important}.tn-cell.is-struck{color:#000!important;font-weight:400!important}.tn-hong.is-mark{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#ececec!important}.tn-hong.is-mark:before{opacity:1;box-shadow:inset 0 0 0 .6pt #000!important}.tn-mark-label{font-size:7pt;color:#000!important}.tn-line.has-marks .tn-strip{min-height:16pt}.tn-hong.is-mark:not(.is-mark-first):after{content:none}.tn-hong.is-mark:not(.is-mark-first):nth-child(8n+1):after{content:attr(data-mark);font-size:7pt;color:#000!important}.tn-legend{break-inside:avoid;color:#333;border-top:.5pt solid #999;gap:3mm 8mm;margin:6mm 0 0;padding-top:2.5mm;font-size:7.5pt}.tn-legend-key{color:#000}}