:root{--paper:#d6e8fa;--sheet:#fff;--soft:#f7f8fc;--rule:#e3e6ee;--ink:#0a0a0a;--muted:#5f6670;--accent:#0a0a0a;--accent-ink:#fff;--good:#17744f;--warn:#8a5a00;--bad:#c2331f;--sans:"Inter Tight",system-ui,sans-serif;--serif:"Newsreader",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:linear-gradient(180deg,#a8d4ff 0,var(--paper) 360px) var(--paper);min-height:100vh;color:var(--ink);font:400 19px/1.45 var(--serif);-webkit-font-smoothing:antialiased;margin:0}.shell{justify-content:center;min-height:100vh;padding:20px 14px 56px;display:flex}h1{font:700 28px/1.05 var(--sans);letter-spacing:-.045em;margin:0}h2{font:600 17px/1.2 var(--sans);letter-spacing:-.02em;margin:28px 0 8px}.muted{color:var(--muted)}.center{text-align:center}.label{font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.slip{background:var(--sheet);border-radius:20px;align-self:flex-start;width:100%;max-width:520px;position:relative}.stub{gap:14px;padding:22px 24px 20px;display:grid}.store{font:500 13px var(--sans);color:var(--muted);align-items:center;gap:8px;display:flex}.product{font-family:var(--sans);align-items:center;gap:14px;display:flex}.product img{object-fit:cover;background:var(--rule);border-radius:10px;width:64px;height:64px}.payout{background:var(--soft);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.amt{font:700 40px/1 var(--sans);letter-spacing:-.06em}.perf{border-top:2px dashed var(--rule);height:0;margin:0;position:relative}.perf:before,.perf:after{content:"";background:var(--paper);border-radius:50%;width:22px;height:22px;position:absolute;top:-11px}.perf:before{clip-path:inset(0 0 0 50%);left:-11px}.perf:after{clip-path:inset(0 50% 0 0);right:-11px}.body{padding:24px}.stars{gap:6px;display:flex}.stars button{border:1px solid var(--rule);background:var(--soft);color:#c3c9d3;cursor:pointer;border-radius:12px;width:50px;height:50px;font-size:24px;line-height:1}.stars button.on{color:var(--ink);border-color:var(--ink);background:#fff44f}.stars button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],textarea{width:100%;font:400 18px/1.4 var(--sans);color:inherit;background:var(--soft);border:1px solid var(--rule);border-radius:12px;padding:12px 14px}textarea{resize:vertical;min-height:150px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.checklist{font:400 15px var(--sans);gap:4px;margin:16px 0 0;padding:0;list-style:none;display:grid}.checklist li{color:var(--muted);gap:10px;display:flex}.checklist li.done{color:var(--ink)}.checklist li span{text-align:center;width:1.1em;font-weight:700}.photos{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.thumb{aspect-ratio:1;background:var(--rule);border-radius:12px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb .busy{color:#fff;font:400 12px var(--sans);text-align:center;background:#000a;place-items:center;padding:4px;display:grid;position:absolute;inset:0}.thumb button{color:#fff;cursor:pointer;background:#000b;border:0;border-radius:50%;width:26px;height:26px;position:absolute;top:4px;right:4px}.add{aspect-ratio:1;border:1px dashed var(--muted);color:var(--muted);font:500 14px var(--sans);cursor:pointer;text-align:center;border-radius:12px;place-items:center;padding:6px;display:grid}.add:hover,.add:focus-within{border-color:var(--ink);color:var(--ink);background:var(--soft)}.consent{font:400 15px/1.4 var(--sans);align-items:flex-start;gap:12px;margin-top:22px;display:flex}.consent input{width:20px;height:20px;accent-color:var(--accent);margin-top:2px}.btn{background:var(--accent);width:100%;color:var(--accent-ink);font:500 16px var(--mono);cursor:pointer;text-align:center;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:18px;text-decoration:none;display:flex}.btn:before{content:"";background:currentColor;width:6px;height:6px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.notice{background:var(--soft);box-shadow:inset 3px 0 0 var(--ink);font:400 15px/1.45 var(--sans);border-radius:12px;margin-top:16px;padding:14px 16px}.notice.warn{background:#fffde0;box-shadow:inset 3px 0 #fff44f}.notice.bad{box-shadow:inset 3px 0 0 var(--bad);color:var(--bad);background:#fdf1ee}.notice ul{margin:6px 0 0;padding-left:18px}.fine{font:400 13px/1.45 var(--sans);color:var(--muted);margin-top:18px}.stamp{font:500 13px/1 var(--mono);letter-spacing:.02em;color:#3d444d;background:#eef0f5;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.stamp:before{content:"";background:currentColor;width:7px;height:7px}.stamp.good{color:#1457ad;background:#e3effd}.stamp.warn{color:#0a0a0a;background:#fff44f}.stamp.bad{color:#a32616;background:#ffe3dd}.bar-load{background:var(--rule);border-radius:4px;height:4px;position:relative;overflow:hidden}.bar-load:after{content:"";background:#2680eb;border-radius:4px;width:35%;animation:1.2s ease-in-out infinite load;position:absolute;inset:0 auto 0 0}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion:reduce){.bar-load:after{opacity:.4;width:100%;animation:none}}