:root{color-scheme:dark;--bg:#171c1b;--card:#222927;--ink:#eee9d8;--muted:#b8c0b6;--sage:#aabd9f;--line:#414a43}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 system-ui,sans-serif}main{max-width:680px;margin:auto;padding:28px 20px 60px}.brand{letter-spacing:.13em;font-size:11px;color:var(--sage)}h1{font:400 38px/1.1 Georgia,serif}h2{font:400 27px/1.2 Georgia,serif;margin:0 0 10px}section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:23px;margin:20px 0}.muted{color:var(--muted);font-size:14px}.quantity{color:var(--sage);font-size:24px}label{display:block;margin:18px 0}input,textarea{display:block;width:100%;margin-top:6px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:12px}button,.button{display:inline-block;min-height:48px;padding:12px 18px;border:0;border-radius:9px;background:var(--sage);color:var(--bg);font:600 16px system-ui;text-decoration:none;cursor:pointer}.quiet{background:transparent;color:var(--muted);padding-left:0}canvas{display:block;background:#eceadf;width:100%;height:190px;touch-action:none;border-radius:9px}.check{display:flex;gap:12px;align-items:center;font-size:14px}.check input{width:20px;height:20px;margin:0}.check input:checked{accent-color:var(--sage)}summary{cursor:pointer;padding:10px 0}li{padding:8px 0;border-bottom:1px solid var(--line)}#notice{color:var(--sage)}[hidden]{display:none!important}button:disabled{opacity:.55;cursor:wait}