:root{--nt-ink:#25223b;--nt-vocal:#51419b;--nt-instrumental:#ad4a19;--nt-pale:#f0edf9;--nt-paper:#fff;--nt-muted:#626070;--nt-line:#d9d2df}body:has(.nt-main){background:var(--nt-paper);color:var(--nt-ink)}.nt-main{max-width:1280px;margin:auto;padding:56px 32px 85px}.nt-main [hidden]{display:none}.nt-main button,.nt-main select,.nt-main input{font-family:Plex,sans-serif}.nt-main h1,.nt-main h2,.nt-main h3{color:var(--nt-ink)}.nt-main [lang=grc]{font-family:Noto,serif}.nt-intro{grid-template-columns:1.1fr 1fr;align-items:end;gap:65px;margin-bottom:38px;display:grid}.nt-intro h1{margin-top:18px;font-size:clamp(44px,5.2vw,72px)}.nt-intro>div:last-child{max-width:49ch;font-size:18px}.nt-intro .text-link{margin-top:20px;display:inline-block}#nt-link-notice{color:var(--nt-muted);margin-bottom:20px;font-size:14px}.nt-sign-bench{border:1px solid var(--nt-line);grid-template-columns:.9fr 1.1fr;min-height:380px;display:grid}.nt-specimen{background:var(--nt-pale);flex-direction:column;align-items:center;padding:26px 32px 20px;display:flex}.nt-specimen .eyebrow{text-align:center;font-size:11px}.nt-sign{flex-shrink:0;width:52px;height:52px;display:block}#nt-large-sign{margin:25px 0 23px}#nt-large-sign .nt-sign{width:148px;height:148px}.nt-vocal{color:var(--nt-vocal)}.nt-instrumental{color:var(--nt-instrumental)}.nt-sign-choices{justify-content:center;gap:10px;width:100%;display:flex}.nt-sign-choices button{align-items:center;gap:8px;padding:8px;font-size:12px;font-weight:400;display:flex}.nt-sign-choices .nt-sign{width:27px;height:27px}.nt-sign-choices [aria-pressed=true]{border:2px solid var(--nt-vocal);background:var(--nt-paper);padding:7px}.nt-interpretation{flex-direction:column;align-items:start;padding:26px 32px;display:flex}.nt-alphabets{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.nt-alphabets button{font-size:14px;font-weight:400}.nt-alphabets [data-nt-alphabet=vocal][aria-pressed=true]{background:var(--nt-vocal);color:var(--nt-paper)}.nt-alphabets [data-nt-alphabet=instrumental][aria-pressed=true]{background:var(--nt-instrumental);color:var(--nt-paper)}.nt-meaning-alphabet{text-transform:uppercase;letter-spacing:.08em;font-size:12px}#nt-meaning h3{margin:8px 0 14px;font-family:Noto,serif;font-size:29px;font-weight:400}.nt-or{color:var(--nt-muted);margin:3px 0;font:12px/1.5 Plex,sans-serif;display:block}.nt-function-gloss{color:var(--nt-muted);font-size:15px}#nt-meaning p:last-child{font-size:14px}.nt-note{color:var(--nt-muted);font-size:13px;line-height:1.65}.nt-interpretation>.nt-note{margin:17px 0}.nt-local-transport{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.nt-section{border-top:1px solid var(--nt-line);margin-top:78px;padding-top:26px;scroll-margin-top:30px}.nt-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px;display:flex}.nt-heading h2{margin-top:12px}.nt-heading>p{color:var(--nt-muted);max-width:42ch;font-size:13px}.nt-main label{color:var(--nt-muted);flex-direction:column;gap:7px;font-size:13px;display:flex}.nt-main select{color:var(--nt-ink);background:var(--nt-paper);border:1px solid var(--nt-line);border-radius:2px;max-width:100%;padding:10px;font-size:14px}.nt-exercise-controls{flex-wrap:wrap;align-items:end;gap:22px;margin-bottom:16px;display:flex}.nt-exercise-controls button{margin-left:auto;font-size:13px}#nt-direction{padding-bottom:10px;font-size:13px}#nt-starting-note{margin:12px 0 20px}.nt-line{background:var(--nt-pale);grid-template-columns:145px repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;padding:14px 20px;display:grid}.nt-line+.nt-line{background:var(--nt-paper);border:1px solid var(--nt-line);border-top:0}.nt-line>strong{align-self:center;font-size:14px;font-weight:400}.nt-line>button{color:inherit;background:var(--nt-paper);border:1px solid #0000;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 8px;font-weight:400;display:flex}.nt-line>button[aria-pressed=true]{border-color:currentColor;box-shadow:inset 0 -3px}.nt-line>button span{text-align:center;font-size:12px}.nt-write-instruction{margin:24px 0 12px;font-size:15px}.nt-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.nt-palette button{color:inherit;flex-direction:column;align-items:center;gap:10px;padding:15px 7px 12px;font-weight:400;display:flex}.nt-palette button[aria-pressed=true]{border-color:currentColor;box-shadow:inset 0 -3px}.nt-palette button span{min-height:3em;font-size:11px;line-height:1.5}.nt-line-actions{flex-wrap:wrap;gap:10px;margin-top:17px;display:flex}.nt-line-actions button{font-size:12px;font-weight:400}.nt-verdict{border-left:4px solid var(--nt-vocal);background:var(--nt-pale);margin:27px 0;padding:20px 24px}#nt-result{max-width:85ch;font-size:18px}#nt-slot-detail{max-width:95ch;margin-bottom:18px;font-size:14px}.nt-verdict button{font-size:13px}.nt-audio{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.nt-audio label{flex:1;min-width:150px}.nt-audio label:first-child{flex:1.4;min-width:230px}.nt-audio button{min-height:44px}#nt-audio-status{margin-top:16px;font-size:14px}#nt-audio-detail{margin-top:6px}.nt-playing{outline:3px solid var(--nt-instrumental);outline-offset:-3px}.nt-details{border-top:1px solid var(--nt-line);margin-top:24px;padding-top:16px;font-size:14px}.nt-details summary{cursor:pointer;color:var(--nt-vocal);font-weight:600}.nt-details p{max-width:90ch;margin-top:15px}.nt-reference-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.nt-reference-layout>div{min-width:0}.nt-table-scroll{max-width:100%;overflow:auto}.nt-lookup{border-collapse:collapse;width:100%;font-size:14px}.nt-lookup caption{text-align:left;color:var(--nt-muted);padding:0 0 18px;font-size:13px}.nt-lookup th,.nt-lookup td{text-align:left;border-bottom:1px solid var(--nt-line);vertical-align:middle;padding:12px 10px}.nt-lookup thead th{color:var(--nt-muted);font-size:12px;font-weight:400}.nt-lookup th[scope=row]{font-weight:400}.nt-lookup small{color:var(--nt-muted);margin-top:5px;font-size:11px;display:block}.nt-lookup .nt-sign{width:36px;height:36px}.nt-lookup td button{white-space:nowrap;padding:7px;font-size:11px}.nt-row-number{min-width:22px;color:var(--nt-muted);font-size:11px;display:inline-block}.nt-selected-row{background:var(--nt-pale)}.nt-reference-layout>div>.nt-note{margin-top:15px}.nt-inspector{border:1px solid var(--nt-line);min-width:0;padding:23px}.nt-row-pair{gap:36px;margin:22px 0;display:flex}.nt-row-pair>span{flex-direction:column;align-items:center;gap:9px;display:flex}.nt-row-pair small{font:11px Plex,sans-serif}#nt-row-greek{font-size:20px;line-height:1.8}#nt-row-english{font-size:16px}#nt-row-pitch{margin-bottom:22px}.nt-source{margin:16px 0 0}#nt-enlarge{background:var(--nt-paper);border:1px solid var(--nt-line);width:100%;padding:0;display:block}#nt-enlarge:disabled{opacity:1}.nt-page-frame{width:100%;min-height:160px;display:block;position:relative}#nt-source-image{width:100%;height:auto;display:block}#nt-source-band,#nt-source-band-secondary{border:2px solid var(--nt-vocal);pointer-events:none;background:#51419b14;width:96%;position:absolute;left:2%}#nt-source-image[hidden],#nt-source-band[hidden],#nt-source-band-secondary[hidden],.nt-row-pair:empty{display:none}.nt-frame-pairs{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.nt-frame-pairs button{align-items:center;gap:13px;font-size:13px;font-weight:400;display:flex}.nt-frame-pairs .nt-sign{width:35px;height:35px}.nt-frame-pairs [aria-pressed=true]{background:var(--nt-pale);border-color:var(--nt-vocal);box-shadow:inset 0 -3px var(--nt-vocal)}.nt-frame-anchors{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.nt-frame-anchors button{font-size:14px;font-weight:400}.nt-frame-anchors [aria-pressed=true]{background:var(--nt-instrumental);color:var(--nt-paper);border-color:var(--nt-instrumental)}.nt-frame-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.nt-frame-context{min-width:0}.nt-frame-context h3{margin-bottom:15px;font-size:28px}.nt-frame-context>[lang=grc]{min-height:3.6em;font-size:18px;line-height:1.8}.nt-frame-context>.nt-note{min-height:4em;margin:8px 0 16px}.nt-frame-plot{width:100%;height:auto;display:block}.nt-frame-context dl{grid-template-columns:1fr 1.6fr;gap:10px 18px;margin:17px 0;font-size:14px;display:grid}.nt-frame-context dt{color:var(--nt-muted)}.nt-frame-context dd{margin:0}.nt-frame-result{background:var(--nt-pale);border-left:4px solid var(--nt-vocal);margin:25px 0 15px;padding:20px;font-size:16px}.nt-frame-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.nt-frame-actions button{font-size:13px}@media (width<=620px){.nt-frame-pairs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.nt-frame-pairs button{gap:8px;padding:10px}.nt-frame-views{grid-template-columns:minmax(0,1fr);gap:35px}.nt-frame-context>[lang=grc],.nt-frame-context>.nt-note{min-height:0}.nt-frame-anchors{gap:10px}.nt-frame-anchors button{text-align:left;width:100%;font-size:13px}}#nt-caption{color:var(--nt-muted);min-height:3.3em;margin-top:9px;font-size:11px}#nt-band-note{min-height:3.3em}#nt-source-status{min-height:3.3em;margin-top:12px;font-size:12px}.nt-source-actions{flex-wrap:wrap;align-items:center;gap:14px;min-height:42px;margin-top:14px;display:flex}.nt-source-actions a,.nt-source-actions button{font-size:12px}.nt-reading{max-width:900px;margin-top:25px}.nt-reading h3{margin:14px 0 22px;font-size:26px}.nt-reading>[lang=grc]{border-left:4px solid var(--nt-vocal);background:var(--nt-pale);padding:20px 24px;font-size:25px;line-height:1.85}.nt-english{font-size:21px;line-height:1.6}.nt-reading dl{grid-template-columns:1fr 1fr;gap:0 32px;margin-top:25px;display:grid}.nt-reading dt{grid-row:1;font-size:15px}.nt-reading dd{margin:10px 0 0;font-size:14px}.nt-reading dd:first-of-type{grid-area:2/1}.nt-reading-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.nt-reading-actions button{font-size:13px}.nt-save{flex-wrap:wrap;align-items:start;gap:12px;display:flex}.nt-save button,.nt-save label{font-size:13px}.nt-import{border:1px solid var(--nt-line);padding:10px 15px}.nt-import input{max-width:260px;font-size:12px}.nt-prose{max-width:90ch;margin:24px 0}#nt-share-label{margin-top:20px}#nt-share-link{border:1px solid var(--nt-line);width:100%;padding:10px;font-size:13px}#nt-save-status{margin-top:18px;font-size:14px}#nt-dialog{border:1px solid var(--nt-line);width:min(1200px,95vw);max-width:95vw;max-height:95vh;color:var(--nt-ink);padding:20px}#nt-dialog::backdrop{background:#25223bb3}.nt-dialog-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.nt-dialog-bar h2{margin-right:auto;font-size:23px}.nt-dialog-bar button{font-size:13px}#nt-dialog>p{margin:15px 0;font-size:13px}#nt-pan{border:1px solid var(--nt-line);height:67vh;overflow:auto}#nt-zoom-image{max-width:none;height:auto;display:block}@media (width<=900px){.nt-main{padding:35px 24px 60px}.nt-intro{gap:30px}.nt-sign-bench{grid-template-columns:.8fr 1.2fr}.nt-specimen,.nt-interpretation{padding:22px}.nt-sign-choices{gap:6px}.nt-sign-choices button{flex-direction:column}.nt-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.nt-palette button{flex-direction:row;align-items:center}.nt-palette button span{min-height:0}.nt-reference-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.nt-inspector{padding:17px}}@media (width<=620px){.nt-source-actions{min-height:74px}.nt-main{padding:30px 18px 50px}.nt-intro{grid-template-columns:1fr;gap:25px}.nt-intro h1{font-size:46px}.nt-intro>div:last-child{font-size:17px}.nt-sign-bench{grid-template-columns:1fr}.nt-specimen{padding-bottom:20px}#nt-large-sign{margin:16px 0 20px}#nt-large-sign .nt-sign{width:120px;height:120px}.nt-sign-choices button{flex-direction:row}.nt-interpretation{padding:24px 20px}#nt-meaning h3{overflow-wrap:anywhere;font-size:25px}.nt-heading{margin-bottom:25px;display:block}.nt-heading>p{margin-top:18px}.nt-section{margin-top:55px}.nt-exercise-controls{gap:12px}.nt-exercise-controls label{width:100%}.nt-exercise-controls button{margin-left:0}#nt-direction{padding:0}.nt-line{grid-template-columns:63px repeat(4,minmax(0,1fr));gap:5px;padding:12px 7px}.nt-line>strong{overflow-wrap:anywhere;font-size:11px}.nt-line>button{gap:8px;padding:9px 2px}.nt-line .nt-sign{width:38px;height:38px}.nt-line>button span{font-size:10px;line-height:1.4}.nt-palette{gap:8px}.nt-palette button{flex-direction:column;gap:8px;padding:12px 5px 8px}.nt-palette .nt-sign{width:40px;height:40px}.nt-palette button span{min-height:3em}.nt-verdict{padding:17px}#nt-result{font-size:17px}.nt-audio{gap:12px}.nt-audio label,.nt-audio label:first-child{flex-basis:100%;min-width:0}.nt-reference-layout{grid-template-columns:minmax(0,1fr);gap:28px}.nt-lookup{min-width:400px}.nt-inspector{padding:20px}.nt-reading>[lang=grc]{padding:16px;font-size:21px}.nt-english{font-size:19px}.nt-reading dl{display:block}.nt-reading dt{margin-top:22px}.nt-reading dd{margin-top:9px}.nt-save{align-items:stretch}.nt-save button{flex:45%}#nt-dialog{padding:14px}.nt-dialog-bar h2{flex-basis:100%;font-size:21px}}
