:root{--ink:#17211e;--paper:#f5f0e4;--line:#c9c0ad}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px ui-monospace,SFMono-Regular,Consolas,monospace}main{max-width:1000px;margin:auto;padding:56px 24px}.eyebrow{letter-spacing:.14em;font-size:12px;color:#577060}h1{font:600 clamp(40px,8vw,76px) Georgia,serif;margin:8px 0}.intro{max-width:590px;line-height:1.6}.controls{margin:32px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}button,select{font:inherit;padding:10px 14px;border:1px solid var(--ink);background:transparent;color:var(--ink)}button:first-child{background:var(--ink);color:var(--paper)}label{display:flex;gap:8px;align-items:center}#key-help{font-size:12px;color:#5b625e}.instrument{display:grid;grid-template-columns:1.4fr .8fr;border:1px solid var(--line)}.art{min-height:410px;position:relative;overflow:hidden;padding:26px;display:flex;align-items:end;background:#91c9ba;transition:background .2s}.orb{height:150px;width:150px;border-radius:50%;background:#f7d76e;box-shadow:0 0 0 34px #ffffff22;transition:all .2s}.ripple{position:absolute;width:340px;height:340px;border:1px solid #ffffffaa;border-radius:50%;right:-80px;top:-80px;transition:transform .2s}#reading{position:relative;margin:0;background:#ffffffc9;padding:10px;max-width:80%}aside{padding:24px;border-left:1px solid var(--line)}h2{font:inherit;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}ol{padding-left:20px;line-height:1.65}.footer{margin-top:22px;font-size:12px;color:#5b625e}@media(max-width:650px){main{padding:32px 16px}.instrument{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}.art{min-height:310px}}