@font-face{font-family:Plex;src:url(/pyknon/fonts/IBMPlexSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url(/pyknon/fonts/IBMPlexSans-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Noto;src:url(/pyknon/fonts/NotoSerif-Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{color:#2c2538;font-synthesis:none;--ink:#36275e;--muted:#675e72;--line:#d9d2df;--paper:#fff;--accent:#a94116;background:#faf9f5;font-family:Plex,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:var(--ink);text-underline-offset:4px}button{cursor:pointer;color:var(--ink);background:#fff;border:1px solid #afa3bc;border-radius:3px;padding:10px 15px;font-weight:600}button:hover{border-color:var(--ink);background:#eee9f5}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #b54c20}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.045em;font-weight:400;line-height:1.06}h1{color:var(--ink);font-size:clamp(42px,5vw,68px)}h2{font-size:clamp(30px,3.2vw,43px)}h3{letter-spacing:-.02em;font-size:23px;line-height:1.2}p+p{margin-top:14px}[lang=grc]{font-family:Noto,Georgia,serif}main,.site-header,footer{max-width:1250px;margin:auto;padding-left:48px;padding-right:48px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:97px;display:flex}.brand{letter-spacing:.13em;align-items:center;gap:20px;font-size:21px;font-weight:600;text-decoration:none;display:flex}.brand span{letter-spacing:0;border-left:1px solid var(--line);padding-left:20px;font-size:19px;font-weight:400}nav{gap:28px;font-size:14px;display:flex}nav a{text-decoration:none}.skip{z-index:10;background:#fff;padding:14px;position:absolute;top:-70px;left:12px}.skip:focus{top:12px}.intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:61px 0 55px;display:grid}.eyebrow{letter-spacing:.13em;color:var(--muted);margin-bottom:16px;font-size:11px;font-weight:600}.intro-copy{max-width:430px;font-size:17px}.quiet{color:var(--muted);font-size:14px}.text-link{margin-top:18px;font-size:14px;font-weight:600;display:inline-block}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.section-heading .eyebrow{margin-bottom:9px}.section-aside{color:var(--muted);text-align:right;max-width:300px;font-size:13px}.workbench{border:1px solid var(--line);background:#fff;padding:30px;scroll-margin-top:20px;box-shadow:0 5px #ede8f0}.genus-switch{border:1px solid var(--line);border-radius:3px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.genus-switch button{border:0;border-right:1px solid var(--line);text-align:left;background:#faf9fc;border-radius:0;align-items:center;gap:15px;padding:15px;display:flex}.genus-switch button:last-child{border:0}.genus-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.genus-switch button:focus-visible{outline-offset:-5px;outline-color:#df7b4f}.genus-number{opacity:.75;align-self:flex-start;padding-top:3px;font-size:11px}.genus-switch strong{font-size:17px;font-weight:600;display:block}.genus-switch [lang=grc]{margin-top:1px;font-size:15px;font-weight:400;display:block}.chosen{visibility:hidden;margin-left:auto;font-size:10px}.genus-switch [aria-pressed=true] .chosen{visibility:visible}.settings{justify-content:space-between;align-items:center;gap:32px;padding:23px 0 15px;display:flex}.settings>p{max-width:470px;font-size:15px}.selects{gap:14px;display:flex}label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}select{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:2px;margin-top:5px;padding:8px;font-size:13px;display:block}.ruler{margin:13px -5px 0}#diagram svg{width:100%;height:auto;font:15px Plex,sans-serif;display:block}.grid{stroke:#eae6ee;stroke-width:1px}.pitch-line{stroke:var(--ink);stroke-width:3px}.interval{fill:none;stroke:#786590;stroke-width:1.3px}.svg-heading{letter-spacing:1px;fill:#5b4a70;font-size:12px}.svg-small{fill:#675e72;font-size:12px}.svg-ratio{fill:var(--ink);font-size:16px}.original circle{fill:var(--ink)}.original text{fill:#fff;font-weight:600}.rounded circle{fill:#fff;stroke:#786590;stroke-width:1.5px}.rounded text{fill:var(--ink);font-size:13px}.rounding{fill:none;stroke:#bcb0cb;stroke-width:1.3px;stroke-dasharray:4 4}.pyknon{stroke:#9d6b25;stroke-width:2px;fill:none}.pyknon-label{fill:#8b5c20}.key{fill:#f8f6fa;stroke:#c0b8cb}.accidental{fill:#554365}.key-label{fill:var(--ink);font-size:15px}.on-dark{fill:#fff}.note.sounding circle{fill:var(--accent);stroke:#a94116;stroke-width:5px}.note.sounding text{fill:#fff}.ruler figcaption{color:var(--muted);justify-content:space-between;gap:15px;padding:5px 25px 20px;font-size:11px;display:flex}.transport{border-top:1px solid var(--line);padding:20px 0 18px}.play-buttons{flex-wrap:wrap;gap:10px;display:flex}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{color:#fff;background:#4c357a}#play-status{color:var(--muted);min-height:19px;margin-top:12px;font-size:12px}.finding{background:#f3eff8;border-left:3px solid #806597;justify-content:space-between;align-items:center;gap:30px;padding:22px 24px;display:flex}.finding .eyebrow{margin-bottom:6px}.finding p:not(.eyebrow){max-width:650px;margin-top:8px;font-size:14px}.finding button{background:0 0;flex-shrink:0;font-size:13px}.measurements{margin-top:25px}.measurements summary,.scan summary{cursor:pointer;padding:12px 0;font-size:15px;font-weight:600}.measurements summary span,.scan summary span{color:var(--muted);margin-left:12px;font-size:12px;font-weight:400}.measurements>p{margin:16px 0 0;font-size:13px}.table-scroll{margin:12px 0;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}caption{text-align:left;color:var(--muted);padding-bottom:12px;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 12px}thead{background:#f6f3f8}th{font-weight:600}td button{padding:4px 10px}.save-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:20px;display:flex}.save-row>p:first-child{margin-right:auto;font-size:13px}.save-row button{padding:8px 10px;font-size:12px}.save-row #save-status{color:var(--muted);overflow-wrap:anywhere;flex-basis:100%;margin:0;font-size:12px}.boundary{color:var(--muted);max-width:820px;margin-top:15px;font-size:12px}.language,.source{padding:64px 0 0}.word-layout{grid-template-columns:250px 1fr;gap:60px;display:grid}.word-tabs{flex-direction:column;display:flex}.word-tabs button{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;align-items:baseline;padding:15px 8px;font-weight:400;display:flex}.word-tabs button[aria-pressed=true]{border-bottom:2px solid var(--ink);background:#eee9f5}.word-tabs [lang=grc]{font-size:19px}.word-tabs button span:last-child{color:var(--muted);font-size:12px}#word-detail{max-width:700px;padding-top:6px}#word-detail h3{margin-top:10px;font-size:19px}#word-detail p{margin-top:13px;font-size:15px}.word-title [lang=grc]{color:var(--ink);font-size:31px}.word-title span:last-child{color:var(--muted);margin-left:16px;font-size:14px}.word-action{color:var(--muted);border-left:2px solid #af92c4;padding-left:15px}#word-detail button{margin-top:15px;font-size:13px}#word-detail .source-caption{font-size:11px}.source{border-top:1px solid var(--line);margin-top:25px}.source-columns{grid-template-columns:1fr 1fr;gap:60px;display:grid}.source-columns>div>p{font-size:15px}.source-columns .source-caption,.source-caption{color:var(--muted);font-size:12px!important}blockquote{color:var(--ink);border-left:2px solid var(--line);margin:24px 0 18px;padding-left:20px;font-family:Noto,Georgia,serif;font-size:23px;line-height:1.5}.source .table-scroll{margin-top:0}.scan{border-top:1px solid var(--line);margin-top:25px;padding-top:10px}.scan>p{max-width:700px;font-size:13px}.scan-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.scan-grid img{border:1px solid var(--line);width:100%;height:auto}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:60px;padding-top:25px;padding-bottom:35px;font-size:11px;display:flex}footer p+p{margin-top:0}footer strong{letter-spacing:.1em}@media (width<=900px){main,.site-header,footer{padding-left:25px;padding-right:25px}.intro{gap:35px}.workbench{padding:22px}.settings{gap:20px}.settings>p{max-width:360px}.finding{display:block}.finding button{margin-top:17px}.word-layout,.source-columns{gap:30px}.selects{flex-shrink:0}.ruler figcaption{padding-left:10px;padding-right:10px}}@media (width<=620px){main,.site-header,footer{padding-left:18px;padding-right:18px}.site-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;min-height:0;padding-top:16px;padding-bottom:10px}.brand{font-size:18px}.site-header nav{flex-wrap:wrap;gap:4px 16px;max-width:100%;font-size:12px}.site-header nav a{align-items:center;min-height:32px;display:inline-flex}.intro{padding:35px 0;display:block}.intro h1{font-size:44px}.intro-copy{margin-top:24px;font-size:15px}.intro-copy .quiet{font-size:13px}.eyebrow{font-size:9px}.workbench{margin:0 -7px;padding:18px 12px;scroll-margin-top:10px}.section-heading{margin-bottom:20px;display:block}.section-aside{text-align:left;margin-top:10px;font-size:11px}.genus-switch button{text-align:center;justify-content:center;gap:0;padding:12px 6px}.genus-number,.chosen{display:none}.genus-switch strong{font-size:12px}.genus-switch [lang=grc]{font-size:11px}.settings{padding:16px 3px 8px;display:block}.settings>p{font-size:13px}.selects{gap:20px;margin-top:16px}select{padding:7px;font-size:12px}.ruler{margin:14px -4px 0}#diagram{overflow-x:auto}#diagram svg{min-width:0}.ruler figcaption{padding:9px 3px 15px;font-size:10px;display:block}.ruler figcaption span{display:block}.ruler figcaption:before{content:"Higher notes are higher on this ruler. ";font-weight:600}.transport{padding-top:15px}.play-buttons{gap:7px}.play-buttons button{padding:10px 11px;font-size:12px}.play-buttons .primary{flex-grow:1}.play-buttons #stop{min-width:61px}.finding{padding:18px 15px}.finding h3{font-size:21px}.finding p:not(.eyebrow){font-size:13px}.measurements summary span,.scan summary span{margin-left:17px;display:block}.save-row{gap:8px}.save-row>p:first-child{flex-basis:100%}.save-row button,.boundary{font-size:11px}.language,.source{padding-top:42px}.word-layout{display:block}.word-tabs{grid-template-columns:1fr 1fr;gap:0 12px;margin-bottom:23px;display:grid}.word-tabs button{text-align:left;padding:11px 4px;display:block}.word-tabs button span{display:block}.word-tabs [lang=grc]{font-size:18px}.source-columns{display:block}.source-columns>div+div{margin-top:28px}.source-columns>div>p{font-size:14px}.scan-grid{grid-template-columns:1fr}footer{margin-top:40px;font-size:11px;display:block}footer p+p{margin-top:12px}table{font-size:12px}th,td{padding:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.song-invitation{border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px;font-size:15px}@media (width>=621px) and (width<=1000px){.site-header{gap:20px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 20px}}