:root{--bg:#f6f7f9;--surface:#fff;--ink:#0f172a;--muted:#5b6577;--line:#d9dde5;--brand:#0f172a;--accent:#e11d48;--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--focus:#2563eb;--radius:12px;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--surface:#141a2e;--ink:#e8ecf5;--muted:#9aa5ba;--line:#2a3350;--brand:#070b17;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--focus:#60a5fa}}*{box-sizing:border-box}body{background:var(--bg);-webkit-text-size-adjust:100%;margin:0;line-height:1.5}h1{margin:0 0 .5rem;font-size:1.6rem;line-height:1.2}h2{margin:.25rem 0;font-size:1.3rem}.app{flex-direction:column;min-height:100dvh;display:flex}.top{z-index:5;padding:.6rem 1rem;padding-top:calc(.6rem + env(safe-area-inset-top));background:var(--brand);color:#fff;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.top .brand{letter-spacing:.02em;font-weight:700}.top .who{opacity:.8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:1rem 1rem 7rem}main.center{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;padding-top:18vh;display:flex}.lead{color:var(--muted);margin:0 0 1rem}.hint{color:var(--muted);margin:.1rem 0 .4rem;font-size:.9rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}label,.label,legend{margin:.75rem 0 .25rem;font-weight:600;display:block}input,textarea,select{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;min-height:48px;padding:.7rem .8rem;font-size:16px}input[type=color]{height:52px;padding:.25rem}textarea{resize:vertical}input:disabled,textarea:disabled,select:disabled{opacity:.65}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{font:inherit;border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;border-radius:10px;padding:.6rem 1.1rem;font-weight:600}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.big{width:100%;min-height:54px;font-size:1.05rem}button.quiet{color:inherit;background:0 0;border-color:#0000;min-height:40px;text-decoration:underline}button.danger{color:var(--bad);margin-top:1rem}button.add{border-style:dashed;width:100%;margin-top:.75rem}button:disabled{opacity:.5;cursor:not-allowed}fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:1rem 0 0;padding:0 .9rem .8rem}legend{padding:0 .4rem}.field{margin:0}.error{color:var(--bad);margin:.25rem 0 0;font-size:.92rem}.steps{background:var(--surface);border-bottom:1px solid var(--line);top:calc(3.2rem + env(safe-area-inset-top));z-index:4;scrollbar-width:none;gap:0;padding:.6rem .5rem;display:flex;position:sticky;overflow-x:auto}.steps button{min-width:0;min-height:44px;color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:.1rem;padding:.3rem .6rem;font-size:.8rem;display:flex}.steps button span{border:2px solid var(--line);border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;display:grid}.steps button.on{color:var(--ink)}.steps button.on span{background:var(--accent);border-color:var(--accent);color:#fff}.steps button.past span{border-color:var(--ok);color:var(--ok)}.content{width:100%;max-width:40rem;margin:0 auto;padding:1rem 1rem 7rem}.bar{z-index:6;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0}.bar button{flex:1;max-width:12rem}.savestatus{top:calc(3.2rem + 4.2rem + env(safe-area-inset-top));background:var(--surface);border:1px solid var(--line);z-index:3;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.4rem;width:-moz-fit-content;width:fit-content;margin:0 0 .5rem;padding:.35rem .7rem;font-size:.85rem;display:flex;position:sticky}.savestatus .dot{background:var(--muted);border-radius:50%;width:.6rem;height:.6rem}.savestatus.ok .dot{background:var(--ok)}.savestatus.warn .dot{background:var(--warn)}.savestatus.bad .dot{background:var(--bad)}.savestatus.busy .dot{background:var(--focus);animation:1s infinite pulse}.savestatus .problem{color:var(--bad);flex-basis:100%}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.savestatus.busy .dot{animation:none}}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:.6rem 0;overflow:hidden}.cardhead{text-align:left;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;display:flex}.cardhead span{color:var(--muted);font-size:.9rem;font-weight:400}.cardbody{border-top:1px solid var(--line);padding:0 1rem 1rem}.imagebox{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.imagebox img,.placeholder{object-fit:contain;border:1px solid var(--line);background:repeating-conic-gradient(#0000000d 0 25%, transparent 0 50%) 0 0 / 16px 16px;border-radius:10px;width:7rem;height:7rem}.placeholder{color:var(--muted);text-align:center;place-items:center;font-size:.8rem;display:grid}.imageactions{flex-direction:column;gap:.4rem;display:flex}.colors{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.swatch{border-radius:var(--radius);align-items:center;gap:.6rem;margin:.8rem 0;padding:1rem;font-weight:700;display:flex}.swatch span{border-radius:50%;width:1.4rem;height:1.4rem}.banner{color:#78350f;text-align:center;background:#fef3c7;padding:.8rem 1rem;font-weight:600}.notice{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface);border-radius:8px;padding:.8rem 1rem}.checklist{padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--line);padding:.55rem 0}.checklist .done span{color:var(--ok);font-weight:700}.checklist .todo span{color:var(--warn)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.price{margin:.25rem 0 .5rem;padding:0;list-style:none}.price li{border-bottom:1px solid var(--line);justify-content:space-between;padding:.6rem 0;display:flex}.price strong{font-size:1.25rem}.overlay{z-index:20;background:#0000008c;place-items:end center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:600px){.overlay{place-items:center}}.dialog{background:var(--surface);width:100%;max-width:38rem;max-height:92dvh;padding:1.2rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;overflow:auto}@media (min-width:600px){.dialog{border-radius:var(--radius)}}.compare{grid-template-columns:1fr 1fr;gap:.4rem .6rem;margin:.8rem 0;display:grid}.compare .colhead{color:var(--muted);font-size:.85rem;font-weight:700}.compare .row{display:contents}.rowlabel{color:var(--muted);margin-top:.3rem;font-size:.8rem}.span2{grid-column:1/-1}.cell{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;padding:.5rem .6rem;font-size:.92rem}.cell.mine{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.actions{flex-direction:column;gap:.5rem;display:flex}@media (min-width:600px){.actions{flex-direction:row}.actions button{flex:1}}.subhead{margin:1.25rem 0 .25rem;font-size:1.05rem}.changes h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1rem 0 .4rem;font-size:.8rem}.change{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:.5rem 0;padding:.75rem .9rem}.change.added{border-left:4px solid var(--ok)}.change.changed{border-left:4px solid var(--focus)}.change.removed{border-left:4px solid var(--bad)}.changehead{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.change ul{margin:.4rem 0 0;padding:0;list-style:none}.change li{overflow-wrap:anywhere;padding:.2rem 0}.change .field{min-width:7rem;color:var(--muted);font-size:.88rem;display:inline-block}.change del{color:var(--muted)}.change ins{font-weight:600;text-decoration:none}.badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:700}.badge.added{color:var(--ok)}.badge.changed{color:var(--focus)}.badge.removed{color:var(--bad)}.chip{border:1px solid var(--line);vertical-align:-1px;border-radius:50%;width:.9rem;height:.9rem;margin-right:.3rem;display:inline-block}.approve{margin-top:1.25rem}.status{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:.75rem 0;padding:.9rem 1rem}.status.busy{border-left:4px solid var(--focus)}.status.ok{border-left:4px solid var(--ok)}.status.bad{border-left:4px solid var(--bad)}.status p{margin:.35rem 0}.status a{color:var(--focus);font-weight:600}.progress{gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.progress li{background:var(--line);border-radius:999px;flex:1;height:.35rem}.progress li.done{background:var(--ok)}.progress li.now{background:var(--focus);animation:1.2s infinite pulse}@media (prefers-reduced-motion:reduce){.progress li.now{animation:none}}.sitecopy{margin:1.5rem 0}.copypreview{border-left:3px solid var(--line);padding-left:1rem}.copypreview .field{font-size:.85rem;font-weight:600;display:block}.research{margin:1rem 0}.facts{flex-direction:column;gap:.6rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.fact{border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.fact p{margin:0 0 .3rem}.fact .field{font-weight:600}.approved{margin:1rem 0}.approved>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:.6rem;padding:.3rem 0;display:flex}.approved>summary h4{margin:0;display:inline}.approved>summary::-webkit-details-marker{display:none}.approved>summary:before{content:"▸"}.approved[open]>summary:before{content:"▾"}.factactions{gap:.5rem;display:inline-flex}label.check{align-items:center;gap:.6rem;min-height:44px;font-weight:400;display:flex}label.check input{width:1.2rem;height:1.2rem;min-height:0}