:root{color-scheme:light;--paper:#f1f2ef;--surface:#fff;--ink:#151c1c;--muted:#4c6260;--line:#bacdca;--accent:#007e71;--deep:#004d49;--soft:#a4d7ce;--flip-bed:#16342e;--flip-line:#009e8c38;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--paper:#080f10;--surface:#12211f;--ink:#eef2eb;--muted:#a7bdb8;--line:#385551;--accent:#00dbc0;--deep:#066054;--soft:#2c695e;--flip-bed:#253d36;--flip-line:#42cdbb38}
:root[data-palette=violet]{--accent:#7743be;--deep:#392063;--soft:#d3bce9;--flip-bed:#291e3a;--flip-line:#b598e548}
:root[data-theme=dark][data-palette=violet]{--accent:#c2a0ff;--soft:#72519c;--deep:#543886}
:root[data-palette=amber]{--accent:#9d5610;--deep:#633205;--soft:#e6c298;--flip-bed:#362810;--flip-line:#dcb77148}
:root[data-theme=dark][data-palette=amber]{--accent:#f3b763;--soft:#98713e;--deep:#6d4919}
*{box-sizing:border-box}body{margin:0;min-width:220px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:progress}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.7}.page{position:relative;z-index:1;max-width:1300px;min-height:100svh;margin:auto;padding:clamp(18px,4vw,52px);display:flex;flex-direction:column;pointer-events:none}.page>*{pointer-events:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:11px;line-height:1.15;letter-spacing:-.4px}.brand b,.brand span{display:block;font-weight:900}.brand span{color:var(--accent)}#flip{border:1px solid var(--line);color:var(--ink);background:var(--surface);height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:11px}#flip svg{width:19px;height:19px}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:12px;padding:36px 0 28px}main{margin:auto 0}h1{font-size:clamp(28px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:900}h1 em{font-style:normal;color:var(--accent)}p{font-size:clamp(12px,1.7vw,17px);line-height:1.5;color:var(--muted);margin:20px 0}.sculpture{width:100%;height:auto;overflow:visible}.primary{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;padding:12px 14px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);font-size:11px;font-weight:700}.steps{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 0}.steps article{padding:0 12px;border-left:1px solid var(--line)}.steps article:first-child{padding-left:0;border-left:0}.steps span{font:10px monospace;color:var(--accent)}h2{font-size:clamp(11px,1.7vw,18px);font-weight:600;margin:8px 0 0}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:24px;color:var(--muted);font:10px/1.5 monospace}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}body[data-mode=transition] #field{display:none}body[data-mode=hover] .steps{background:color-mix(in srgb,var(--paper) 84%,transparent)}
@media(max-width:380px){.page{padding:16px}header{padding-bottom:14px}.hero{gap:0;padding-block:28px}h1{font-size:clamp(25px,8.5vw,32px)}p{margin:16px 0;font-size:11px}.sculpture{width:116%;margin-left:-10%}.primary{gap:9px;font-size:10px;padding:10px}.steps article{padding:0 7px}#flip{padding:0 8px;font-size:10px}.steps{padding-block:14px}footer{margin-top:16px}}
@media(max-height:650px){.page{padding:20px}header{padding-bottom:12px}.hero{padding:22px 0}.sculpture{max-height:230px}.steps{padding-block:12px}footer{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}