:root{color-scheme:light;--bg: #f3f6f4;--card: #ffffff;--ink: #1c2b29;--muted: #5c6e6a;--line: #d5e2dc;--accent: #1f7a68;--accent-dark: #14594c;--accent-soft: #e7f4f0;--warn-bg: #fff6e8;--warn: #8a4b08;--danger: #8d2f2f;--shadow: 0 1px 2px rgba(28, 43, 41, .06);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent-dark)}.skip{position:absolute;left:12px;top:-40px;background:var(--card);padding:8px 12px;z-index:2}.skip:focus{top:12px}.shell{min-height:100vh;display:flex;flex-direction:column}.top{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--card);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;text-decoration:none}.brand-mark{width:28px;height:28px;color:var(--accent)}.nav{display:flex;flex-wrap:wrap;gap:6px}.nav a{text-decoration:none;color:var(--ink);padding:8px 10px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-dark)}.content{width:min(1040px,calc(100% - 32px));margin:28px auto 48px;flex:1}.footer{padding:20px;border-top:1px solid var(--line);color:var(--muted);text-align:center}.footer p{margin:4px 0}h1{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;margin:0 0 12px}h2{font-size:1.25rem;margin:0 0 8px}h3{margin:0 0 4px;font-size:1.05rem}.stack{display:grid;gap:16px}.prose section{display:grid;gap:8px}.lede{font-size:1.125rem;max-width:62ch}.eyebrow{margin:0 0 8px;color:var(--accent-dark);font-weight:700;letter-spacing:.02em}.hint{color:var(--muted);margin:0}.optional{color:var(--muted);font-weight:400}.hero,.panel,.card,.about{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.about{background:var(--accent-soft);border-color:#cfe6df;padding:14px 16px;text-align:center;width:min(68ch,100%);justify-self:center}.about h2{font-size:1rem;margin-bottom:6px}.about p{margin:0 auto 8px;max-width:68ch}.about p:last-child{margin-bottom:0}.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.step-num{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark);font-weight:700}.row,.split,.card-head,.status-row,.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.split,.card-head,.status-row{justify-content:space-between}.status-row{align-items:end}.button,button{appearance:none;border:1px solid transparent;background:var(--accent);color:#fff;border-radius:999px;padding:10px 16px;min-height:44px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button-quiet{background:var(--card);color:var(--accent-dark);border-color:var(--line)}.button-primary{font-size:1.05rem;font-weight:700;padding:12px 20px;box-shadow:0 2px 0 var(--accent-dark)}.button-danger{background:#fff;color:var(--danger);border-color:#e4c4c4}button:disabled{opacity:.55;cursor:not-allowed}.text-link{font-weight:700}.copy-button{min-height:36px;padding:6px 12px;font-size:.9rem}.field{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.field .copy-button{align-self:flex-start;max-width:100%}.form-grid{display:grid;gap:16px 12px;grid-template-columns:1fr;align-items:start}@media(min-width:720px){.form-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}}label{display:grid;gap:6px;font-weight:650}.show-all{display:flex;flex-direction:row;align-items:center;gap:8px;width:fit-content;font-weight:500}.show-all input{width:1.15rem;height:1.15rem;min-height:0}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px;width:100%}textarea{min-height:88px;resize:vertical}.letter-box{font-family:ui-monospace,Cascadia Code,monospace;font-size:.95rem}.bar{height:12px;background:var(--accent-soft);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;width:0;background:var(--accent)}.progress-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:2rem}.progress-actions .hint,.clear-row .hint{margin:0}.card-actions{margin-top:4px}.bar span[data-n="0"]{width:0%}.bar span[data-n="1"]{width:1%}.bar span[data-n="2"]{width:2%}.bar span[data-n="3"]{width:3%}.bar span[data-n="4"]{width:4%}.bar span[data-n="5"]{width:5%}.bar span[data-n="6"]{width:6%}.bar span[data-n="7"]{width:7%}.bar span[data-n="8"]{width:8%}.bar span[data-n="9"]{width:9%}.bar span[data-n="10"]{width:10%}.bar span[data-n="11"]{width:11%}.bar span[data-n="12"]{width:12%}.bar span[data-n="13"]{width:13%}.bar span[data-n="14"]{width:14%}.bar span[data-n="15"]{width:15%}.bar span[data-n="16"]{width:16%}.bar span[data-n="17"]{width:17%}.bar span[data-n="18"]{width:18%}.bar span[data-n="19"]{width:19%}.bar span[data-n="20"]{width:20%}.bar span[data-n="21"]{width:21%}.bar span[data-n="22"]{width:22%}.bar span[data-n="23"]{width:23%}.bar span[data-n="24"]{width:24%}.bar span[data-n="25"]{width:25%}.bar span[data-n="26"]{width:26%}.bar span[data-n="27"]{width:27%}.bar span[data-n="28"]{width:28%}.bar span[data-n="29"]{width:29%}.bar span[data-n="30"]{width:30%}.bar span[data-n="31"]{width:31%}.bar span[data-n="32"]{width:32%}.bar span[data-n="33"]{width:33%}.bar span[data-n="34"]{width:34%}.bar span[data-n="35"]{width:35%}.bar span[data-n="36"]{width:36%}.bar span[data-n="37"]{width:37%}.bar span[data-n="38"]{width:38%}.bar span[data-n="39"]{width:39%}.bar span[data-n="40"]{width:40%}.bar span[data-n="41"]{width:41%}.bar span[data-n="42"]{width:42%}.bar span[data-n="43"]{width:43%}.bar span[data-n="44"]{width:44%}.bar span[data-n="45"]{width:45%}.bar span[data-n="46"]{width:46%}.bar span[data-n="47"]{width:47%}.bar span[data-n="48"]{width:48%}.bar span[data-n="49"]{width:49%}.bar span[data-n="50"]{width:50%}.bar span[data-n="51"]{width:51%}.bar span[data-n="52"]{width:52%}.bar span[data-n="53"]{width:53%}.bar span[data-n="54"]{width:54%}.bar span[data-n="55"]{width:55%}.bar span[data-n="56"]{width:56%}.bar span[data-n="57"]{width:57%}.bar span[data-n="58"]{width:58%}.bar span[data-n="59"]{width:59%}.bar span[data-n="60"]{width:60%}.bar span[data-n="61"]{width:61%}.bar span[data-n="62"]{width:62%}.bar span[data-n="63"]{width:63%}.bar span[data-n="64"]{width:64%}.bar span[data-n="65"]{width:65%}.bar span[data-n="66"]{width:66%}.bar span[data-n="67"]{width:67%}.bar span[data-n="68"]{width:68%}.bar span[data-n="69"]{width:69%}.bar span[data-n="70"]{width:70%}.bar span[data-n="71"]{width:71%}.bar span[data-n="72"]{width:72%}.bar span[data-n="73"]{width:73%}.bar span[data-n="74"]{width:74%}.bar span[data-n="75"]{width:75%}.bar span[data-n="76"]{width:76%}.bar span[data-n="77"]{width:77%}.bar span[data-n="78"]{width:78%}.bar span[data-n="79"]{width:79%}.bar span[data-n="80"]{width:80%}.bar span[data-n="81"]{width:81%}.bar span[data-n="82"]{width:82%}.bar span[data-n="83"]{width:83%}.bar span[data-n="84"]{width:84%}.bar span[data-n="85"]{width:85%}.bar span[data-n="86"]{width:86%}.bar span[data-n="87"]{width:87%}.bar span[data-n="88"]{width:88%}.bar span[data-n="89"]{width:89%}.bar span[data-n="90"]{width:90%}.bar span[data-n="91"]{width:91%}.bar span[data-n="92"]{width:92%}.bar span[data-n="93"]{width:93%}.bar span[data-n="94"]{width:94%}.bar span[data-n="95"]{width:95%}.bar span[data-n="96"]{width:96%}.bar span[data-n="97"]{width:97%}.bar span[data-n="98"]{width:98%}.bar span[data-n="99"]{width:99%}.bar span[data-n="100"]{width:100%}.notice{background:var(--warn-bg);color:var(--warn);border-radius:10px;padding:10px 12px;margin:0}.filters{display:flex;flex-wrap:wrap;gap:8px}.grow{flex:1 1 220px}.chip{background:#fff;color:var(--ink);border:1px solid var(--line)}.chip.on{background:var(--accent-soft);color:var(--accent-dark);border-color:transparent}.tags,.needs{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.tag,.flag{border-radius:999px;padding:2px 8px;font-size:.85rem;background:var(--accent-soft);color:var(--accent-dark)}.tag-medium{background:#eef3f8;color:#23415f}.tag-hard,.flag{background:var(--warn-bg);color:var(--warn)}.needs li{color:var(--muted);font-size:.92rem}.plain-steps{margin:0;padding-left:1.2rem}.plain-steps li{margin:4px 0}.plain-steps a{font-weight:700}@media(max-width:640px){.button-primary{width:100%}}.types{border:1px solid var(--line);border-radius:12px;display:grid;gap:8px}.choice{font-weight:400;grid-template-columns:auto 1fr;align-items:start}.choice input{width:auto;min-height:0;margin-top:4px}.choice strong{display:block}.page-intro p{max-width:68ch}.link-list{padding-left:1.2rem}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}