:root{--ah-blue:#00ade6;--maybe:#fff4d6;--border:#ddd;--text:#1f1f1f;--muted:#6b6b6b;--bg:#f7f7f5;--card:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--maybe:#3b3220;--border:#3a3a3a;--text:#eee;--muted:#a0a0a0;--bg:#161616;--card:#222}}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:560px;margin:0 auto;padding:24px 16px 48px}h1{margin:0 0 8px;font-size:26px}h2{margin:0 0 4px;font-size:18px}.hint{color:var(--muted);margin:8px 0;font-size:14px}.error{color:#d33;min-height:0;margin:4px 0;font-size:14px}input,textarea,button{font:inherit;color:inherit}input[type=text],input[type=number],textarea{border:1px solid var(--border);background:var(--card);border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical}.add-row{align-items:stretch;gap:8px;margin-top:12px;display:flex}.add-row textarea{flex:1;min-width:0}.add-row button{flex:none}.title{font-size:18px;font-weight:600}button,a.secondary{border:1px solid var(--border);background:var(--card);color:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button.primary{background:var(--ah-blue);border-color:var(--ah-blue);color:#fff}button.big{width:100%;margin-top:16px;padding:16px;font-size:18px}button:disabled{opacity:.5;cursor:default}a.secondary{margin-top:16px}.row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.row a.secondary{margin-top:0}.items{gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.items li{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.items li.maybe{background:var(--maybe)}.items li.optional{opacity:.7;border-style:dashed}.items li.group{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;padding:12px 2px 0;font-size:13px;font-weight:600;display:block}.items.builder li{gap:6px;padding:6px 8px}.items.builder .qty{width:36px;padding:8px 2px}.items.builder .times{color:var(--muted);flex:none;margin-left:-2px}.items.builder .name{padding:8px 10px}.kind-toggle{border:1px solid var(--border);border-radius:10px;flex:none;display:flex;overflow:hidden}.kind-toggle button{opacity:.4;background:0 0;border:0;border-radius:0;padding:8px 6px}.kind-toggle button.active{background:var(--border);opacity:1}@media (width<=480px){.items.builder li:not(.expanded) .kind-toggle button:not(.active){display:none}}.items label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.items input[type=checkbox]{flex:none;width:22px;height:22px}.items .name{flex:1;min-width:0}.items .name small{color:var(--muted);display:block}.items .qty{text-align:center;-moz-appearance:textfield;flex:none;width:40px;padding:8px 2px}.items .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.items .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.items .remove{flex:none;padding:8px}.output{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:24px;padding:16px}.link{color:var(--muted);font-size:13px}.output.saving .link{font-style:italic}.output.saving a.secondary{pointer-events:none;opacity:.5}
