:root{color-scheme:dark;--bg:#191b26;--panel:#20232f;--card:#1e222e;--ink:#e7e6dc;--muted:#969cae;--line:#3d4254;--accent:#e0bf91;--signal:#c7d2a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px Arial,Helvetica,sans-serif}body.light{color-scheme:light;--bg:#f0eee8;--panel:#e9e6df;--card:#eae7e0;--ink:#39394b;--muted:#75758a;--line:#c9c6c4;--accent:#967342;--signal:#667a4c}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{background:transparent;color:inherit;border:1px solid var(--line);border-radius:0;font-size:9px;letter-spacing:.08em;padding:11px 13px;cursor:pointer}button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.12em}.brand{font-size:24px;font-weight:900;letter-spacing:-1.8px}.brand sup{font-size:8px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:23px;align-items:center}nav button{border:0;padding:0;font-size:8px}main{max-width:1700px;margin:auto;padding:0 4%}.intro{padding:45px 0 38px;display:flex;align-items:center;gap:5%}.eyebrow,.section-label{font-size:8px;letter-spacing:.12em;color:var(--muted)}h1{font-size:clamp(64px,8.2vw,128px);font-weight:400;letter-spacing:-.085em;line-height:.9;margin:20px 0 7px}h1 span{color:var(--accent)}.intro-copy h2{font:italic 29px Georgia,serif;letter-spacing:-.045em;margin:15px 0}.intro-copy p{font-size:11px;color:var(--muted);line-height:1.7}.transport{margin-left:auto;display:grid;gap:12px;min-width:190px}.transport span{font-size:8px;letter-spacing:.1em;color:var(--signal)}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);padding:16px 20px}.primary:hover{background:var(--signal);color:var(--bg)}#guide{padding:18px 23px;border:1px solid var(--line);margin-bottom:24px;line-height:1.8;color:var(--muted);font-size:12px}#guide b{color:var(--ink)}.instrument{display:grid;grid-template-columns:minmax(0,1fr) 290px;border:1px solid var(--line)}.field-panel{min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.12em;color:var(--muted)}.panel-head span:last-child{color:var(--accent)}.tools{display:flex;align-items:center;gap:7px;padding:12px 20px}.tools button{font-size:8px;padding:9px 10px}.tools>span{font-size:7px;letter-spacing:.07em;color:var(--muted);margin-left:6px}.tools #auto{margin-left:auto}.stage{position:relative;height:530px;overflow:hidden;background:var(--panel)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.stage-word{position:absolute;left:23px;top:20px;pointer-events:none;font:italic 28px Georgia,serif;letter-spacing:-.05em;color:var(--muted);opacity:.3}.stage-footer{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:.1em;color:var(--muted)}.field-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 20px;border-top:1px solid var(--line);font-size:7px;letter-spacing:.06em;color:var(--muted)}.field-bottom i{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:7px;border-radius:50%}.field-bottom button{border:0;padding:0;font-size:8px}.field-bottom #clock{color:var(--signal);font-variant-numeric:tabular-nums}.tuning{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;padding:22px;border-top:1px solid var(--line)}label{font-size:8px;letter-spacing:.06em}select{width:100%;display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:9px;padding:12px 0;outline-offset:4px}select option{background:var(--bg)}.sound-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 23px;padding:0 22px}.sound-controls output{float:right}output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:transparent;display:block;height:22px;width:100%;margin:5px 0 0;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--signal) var(--progress,0%),var(--line) var(--progress,0%))}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:var(--ink);border-radius:50%;margin-top:-3.5px}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--ink);border:0}.sound-note{font-size:10px;line-height:1.7;color:var(--muted);margin:17px 22px 23px}aside{padding:0 22px 22px;border-left:1px solid var(--line);background:var(--card)}aside .panel-head{margin:0 -22px}.thread-preview{height:120px;padding:15px 0;display:flex;justify-content:center;align-items:center}.thread-preview svg{height:85px;width:210px}.selected-heading{text-align:center}.selected-heading>span:first-child{font-size:7px;letter-spacing:.13em;color:var(--muted)}.selected-heading h2{font:italic 45px Georgia,serif;margin:6px 0;letter-spacing:-.06em}.selected-heading>span:last-child{font-size:9px;color:var(--muted)}.pluck{width:100%;margin-top:20px;color:var(--accent);border-color:var(--accent)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:14px}.two-cols button{font-size:8px;padding:10px 4px}.select-label{display:block;margin-top:22px}.range-label{display:flex;justify-content:space-between;margin-top:20px}.anchor-controls{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.anchor-controls>.eyebrow{display:block;margin-top:13px}.anchor-controls>.eyebrow:first-child{margin:0}.anchor-controls .two-cols{margin-top:8px}.small-note{font-size:10px;color:var(--muted);line-height:1.65;margin-top:17px}.add{width:100%;margin-top:4px;font-size:8px}.remove{border:0;padding:14px 0 0;font-size:8px;color:var(--muted)}.thread-list{padding:33px 0}.section-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}#thread-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.thread-card{padding:16px;text-align:left;color:var(--ink)!important;display:flex;align-items:center;gap:14px;min-width:0}.thread-card[aria-pressed=true]{background:color-mix(in srgb,var(--thread-color) 7%,var(--bg));border-color:var(--thread-color)}.thread-card.off{opacity:.4}.thread-card svg{width:65px;flex:none}.thread-card strong{font:italic 27px Georgia,serif;letter-spacing:-.05em;font-weight:400}.thread-card small{display:block;font-size:7px;color:var(--muted);letter-spacing:.07em;line-height:1.8;margin-top:5px}.keep{border-top:1px solid var(--line);padding:33px 0 36px;display:flex;justify-content:space-between;gap:25px;align-items:center}.keep h2{font:400 28px Georgia,serif;letter-spacing:-.04em;margin:12px 0}.keep p{color:var(--muted);font-size:11px;line-height:1.7;max-width:500px;margin:0}.record-controls{display:grid;gap:10px;min-width:230px}.record-controls span,.record-controls a{font-size:8px;letter-spacing:.08em;color:var(--muted)}.record-controls a{color:var(--accent)}#record.recording{color:var(--accent);border-color:var(--accent)}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:var(--muted)}footer div{display:flex;gap:22px}@media(min-width:1450px){.stage{height:590px}}@media(max-width:1050px){.intro{flex-wrap:wrap;gap:25px}.intro-copy{margin-left:auto}.transport{width:100%;margin:0;display:flex;align-items:center;justify-content:space-between}.tools #hint{display:none}.instrument{grid-template-columns:minmax(0,1fr) 260px}.tuning{grid-template-columns:1fr 1fr;gap:15px}.tuning label:first-child{grid-column:1/-1}.sound-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.thread-card{gap:8px;padding:13px}.thread-card svg{width:40px}}@media(max-width:700px){header{height:65px}header>span{display:none}nav{gap:12px}nav button{font-size:7px}.brand{font-size:22px}.intro{display:grid;grid-template-columns:1fr;gap:17px;padding:31px 0 25px}h1{font-size:71px}.intro-copy{margin:0;display:flex;justify-content:space-between;align-items:center;gap:14px}.intro-copy h2{font-size:23px;margin:0}.intro-copy p{font-size:9px;margin:0}.transport{gap:10px}.transport span{font-size:7px}.primary{padding:13px;font-size:8px}.instrument{display:block}.stage{height:440px}.panel-head,.tools,.field-bottom{padding-left:13px;padding-right:13px}.tools{gap:5px}.tools button{font-size:7px;padding:9px 7px}.stage-word{left:16px;font-size:25px}.field-bottom>span:first-child{font-size:5.5px}.field-bottom button{font-size:7px}.tuning{padding:20px 16px}.sound-controls{padding:0 16px;gap:17px}.sound-note{margin:17px 16px}.instrument aside{border-left:0;border-top:1px solid var(--line)}#thread-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.thread-card{padding:12px}.thread-card strong{font-size:25px}.thread-card svg{width:45px}.thread-card small{font-size:6px}.section-label{font-size:7px;line-height:1.7}.keep{display:block}.keep h2{font-size:25px}.record-controls{margin-top:22px}footer>span:nth-child(2){display:none}footer div{gap:15px}}

.ui-icon{display:inline-block;width:13px;height:13px;vertical-align:-2px;flex:none;pointer-events:none}.ui-icon+span{vertical-align:middle}

.master-fx{padding:15px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.master-fx>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em}.master-fx input{height:29px}.master-fx p{margin:2px 0 0;font-size:10px;line-height:1.6;color:var(--muted)}@media(max-width:700px){.master-fx{padding:14px 13px}.master-fx p{font-size:9px}}