:root{color-scheme:light;--bg:#f4f7ed;--paper:#fffef8;--ink:#203c30;--muted:#60745f;--line:#d5dfcb;--green:#285c43}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--green);text-underline-offset:4px}header,main,footer{width:min(1180px,calc(100% - 48px));margin:auto}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}header>a:last-child{font-size:13px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:38px;display:flex;align-items:center;gap:10px}.brand span{font-family:system-ui,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.6px}main{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;padding:66px 0}.eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:1.8px;color:var(--muted);margin:0 0 22px}h1{font:normal clamp(44px,5.8vw,76px)/1.04 Georgia,serif;letter-spacing:-2.5px;margin:0 0 28px}h2{font:normal 34px/1.12 Georgia,serif;letter-spacing:-.7px;margin:0 0 20px}.lede{font-size:19px;line-height:1.65}.honest{font-size:13px;border-left:2px solid #9fb58f;padding-left:16px;color:var(--muted);max-width:350px}.studio{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:24px;box-shadow:0 10px 32px #31552c08}.controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:600;display:block}select{display:block;width:100%;min-width:0;margin-top:6px;border:1px solid var(--line);border-radius:7px;padding:9px 8px;background:#f7f9f1;color:var(--ink);font:13px system-ui,sans-serif;min-height:40px}input[type=range]{accent-color:var(--green);width:100%;min-height:24px;cursor:pointer;margin:8px 0 0}output{float:right}.status{font-size:12px;line-height:1.5;color:var(--muted);margin:20px 0 12px;min-height:36px}.status.error{color:#943d27}.retry{margin-bottom:12px}.visual{background:#f0f4e8;border:1px solid var(--line);border-radius:9px;padding:14px 12px}.canvas-head,.canvas-foot{display:flex;justify-content:space-between;gap:10px;font:10px/1.4 ui-monospace,monospace;color:var(--muted)}#soundCanvas{width:100%;height:250px;display:block;margin:12px 0}.canvas-foot{font-size:9px}.canvas-foot>span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap}.canvas-foot i{width:40px;height:7px;background:linear-gradient(90deg,#dce6d0,#246644);display:inline-block}.transport{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}button{cursor:pointer;min-height:42px;border:1px solid var(--line);border-radius:7px;padding:10px 13px;background:#fafcf5;color:var(--ink);font:600 12px system-ui,sans-serif}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #78a366;outline-offset:3px}.scrubber-label{display:flex;justify-content:space-between}.token-now{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);min-width:0}.token-now span{font:9px ui-monospace,monospace;color:var(--muted);flex-shrink:0}.token-now strong{white-space:pre-wrap;overflow-wrap:anywhere;font:22px/1.4 Georgia,serif;min-width:0}.prompt{font-size:12px;color:var(--muted)}.prompt strong{font-size:10px;text-transform:uppercase;letter-spacing:.6px}.readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.reading{background:#f0f4e8;padding:8px;border-radius:5px;font:10px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.reading strong{display:block;font-size:11px;color:var(--green)}.notes{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;border-top:1px solid var(--line);padding-top:46px;margin-top:12px}.notes p{color:var(--muted);font-size:14px}.mapping h3{font-size:14px;margin:0 0 7px}.mapping p{margin:0 0 24px}.mapping p.fine{font-size:12px}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px;padding:24px 0 36px;color:var(--muted);font-size:11px}footer span{margin-right:auto}[hidden]{display:none!important}@media(max-width:780px){header,main,footer{width:calc(100% - 32px)}header{height:72px}main{grid-template-columns:1fr;gap:30px;padding-top:34px}h1{font-size:54px}.intro{max-width:580px}.lede{font-size:17px}.honest{max-width:none}.notes{grid-template-columns:1fr;gap:18px}.studio{padding:18px}.notes h2{max-width:350px}}@media(max-width:380px){header,main,footer{width:calc(100% - 24px)}header>a:last-child{font-size:11px}.brand{font-size:32px}.brand span{font-size:18px}h1{font-size:46px}.studio{padding:13px}.controls{gap:10px}select{font-size:11px;padding-left:5px}.transport{gap:6px}button{font-size:11px;padding:9px}#soundCanvas{height:230px}.canvas-head,.canvas-foot{font-size:8px}.readings{gap:5px}.reading{padding:6px;font-size:9px}.reading strong{font-size:10px}}

.recorded-clips{max-width:1200px;margin:0 auto;padding:0 32px 44px;font-size:13px;line-height:2}.recorded-clips h2{font-size:25px;margin-bottom:4px}.recorded-clips p{color:#66756c}.recorded-clips a{color:#176b59;white-space:nowrap}
@media(max-width:600px){.recorded-clips{padding:0 20px 30px}}