:root{color-scheme:dark;--bg:#0b1714;--panel:#132720;--text:#edf4ef;--muted:#b4c7bc;--line:#34473e;--accent:#9ee7ba;--ink:#092218}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 system-ui,sans-serif}body.light{color-scheme:light;--bg:#f4f7f4;--panel:#e7efe9;--text:#142e23;--muted:#455f51;--line:#b9cdbf;--accent:#195d3b;--ink:#fff}a{color:inherit;text-decoration:none}button,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.55rem .8rem}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1240px;margin:auto;padding-inline:clamp(1.25rem,4vw,3rem)}header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.4rem;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.18em;font-size:1rem}.brand span{display:block;letter-spacing:0;font-weight:500;color:var(--muted);font-size:.875rem}.settings{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.settings label{font-size:.875rem}.intro{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:3rem;padding-block:4rem}.eyebrow{font-size:.875rem;letter-spacing:.12em;font-weight:700;color:var(--accent);margin:0 0 1rem}h1{font-family:Georgia,serif;font-size:clamp(2.5rem,4.8vw,4.4rem);line-height:1.12;font-weight:400;margin:0 0 1.5rem;max-width:12ch}h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;font-weight:400;margin:.5rem 0 1.8rem}h3{font-size:1.25rem;line-height:1.3;margin:.7rem 0}.lead{font-size:1.125rem;color:var(--muted)}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-block:1.7rem}.primary{display:inline-block;background:var(--accent);color:var(--ink);padding:.8rem 1.3rem;border-radius:8px;font-weight:700}.note,figcaption{font-size:.875rem;color:var(--muted)}figure{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}figure img{width:100%;height:440px;object-fit:cover;object-position:58% center;border-radius:12px}figcaption{margin-top:.6rem}.world{padding-block:2.5rem 3.5rem;border-top:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.features article{border-top:1px solid var(--line);padding-top:1.2rem}.features p{color:var(--muted);margin-bottom:0}.number{font-family:Georgia,serif;font-size:1.5rem;color:var(--accent)}.instructions{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;padding-block:3rem;border-top:1px solid var(--line);scroll-margin-top:1rem}ol{padding-left:1.3rem}li{padding-left:.5rem;margin-bottom:.8rem}.save-note{color:var(--muted);border-left:3px solid var(--accent);padding-left:1rem}.controls{background:var(--panel);padding:1.8rem;border-radius:12px}.controls h3{margin-top:0}dl{margin:1rem 0 1.5rem}dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.65rem 0}dt{font-weight:650}dd{margin:0;color:var(--muted);text-align:right}footer{border-top:1px solid var(--line);padding-block:1.8rem;color:var(--muted);font-size:.875rem}footer p{margin:.5rem 0 0}@media(max-width:800px){.intro,.instructions{grid-template-columns:1fr;gap:2rem}.intro{padding-block:2.5rem}h1{max-width:16ch}figure img{height:300px}.features{grid-template-columns:1fr;gap:1.5rem}.instructions{padding-top:2rem}header{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}