:root{--paper: #f7f5f1;--surface: #ffffff;--sunk: #efebe3;--line: #e4dfd6;--line-strong: #cbc4b8;--ink: #2a2724;--ink-soft: #5b544c;--coral: #e84a1d;--coral-ink: #c73c12;--coral-press: #a63210;--coral-tint: #fbeadf;--good: #00625e;--good-tint: #e4efec;--attention: #855610;--attention-tint: #fbf0dc;--plate: rgba(20, 17, 15, .72);--plate-strong: rgba(20, 17, 15, .86);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--radius: 12px;--radius-lg: 16px;--tap: 52px;--ease: cubic-bezier(.22, 1, .36, 1);--fast: .14s;--base: .2s;--z-sticky: 10;--z-camera: 30;--sheet: var(--paper)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.app{min-height:100vh;min-height:100svh;display:flex;justify-content:center}.screen{flex:1 1 auto;min-width:0;max-width:30rem;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;gap:var(--s5);padding:calc(env(safe-area-inset-top) + var(--s6)) var(--s5) 0;animation:screen-in var(--base) var(--ease)}@keyframes screen-in{0%{opacity:0}}.boot{min-height:40vh}.boot-splash{text-align:center;max-height:100svh;overflow:hidden}.boot-splash .progressbar{width:min(12rem,70%);margin-inline:auto}.app:has(.screen:not(#boot-splash)) #boot-splash{display:none}body:not(:has(.screen:not(#boot-splash))){overflow:hidden}.screen__title{margin:0;font-size:1.625rem;line-height:1.2;letter-spacing:-.02em;font-weight:640;text-wrap:balance}.screen__title:focus{outline:none}.screen__intro,.screen__intro p{margin:0;text-wrap:pretty}.screen__intro p+p{margin-top:var(--s3)}.muted{margin:0;color:var(--ink-soft);text-wrap:pretty}.muted--small{font-size:.875rem;line-height:1.5}.chip{width:44px;height:44px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;margin:0 0 calc(-1 * var(--s2))}.chip svg{width:24px;height:24px;display:block}.chip--good{background:var(--good-tint);color:var(--good)}.chip--attention{background:var(--attention-tint);color:var(--attention)}.rules,.failures{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s3)}.rules li,.failures li{display:grid;grid-template-columns:1.375rem 1fr;gap:var(--s3);align-items:start;text-wrap:pretty}.rules li:before{content:"✓";color:var(--good);font-weight:700;font-size:1rem;line-height:1.6}.failures{gap:var(--s4)}.failures li:before{content:"";width:7px;height:7px;margin:.62em 0 0 .35em;border-radius:50%;background:var(--attention)}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s3)}.steps__item{display:grid;grid-template-columns:1.375rem 1fr;gap:var(--s3);align-items:center;color:var(--ink-soft)}.steps__item:before{content:"";width:9px;height:9px;border-radius:50%;border:2px solid var(--line-strong);justify-self:center}.steps__item.is-active{color:var(--ink);font-weight:600}.steps__item.is-active:before{border-color:var(--coral-ink);background:var(--coral-ink)}.steps__item.is-done{color:var(--good)}.steps__item.is-done:before{content:"✓";width:auto;height:auto;border:0;font-weight:700;font-size:.9375rem}.alert,.note{margin:0;padding:var(--s3) var(--s4);border-radius:var(--radius);text-wrap:pretty}.alert{background:var(--coral-tint);color:var(--coral-press)}.note{background:var(--attention-tint);color:var(--attention)}.preview{background:var(--sunk);border-radius:var(--radius-lg);overflow:hidden;display:grid;place-items:center}.preview__image{display:block;width:100%;height:auto;max-height:46vh;object-fit:contain}.preview__file{display:flex;align-items:center;gap:var(--s3);padding:var(--s7) var(--s4)}.preview__file-badge{background:var(--ink);color:var(--surface);font-size:.6875rem;font-weight:700;letter-spacing:.08em;padding:5px 8px;border-radius:6px}.preview__file-name{overflow-wrap:anywhere;font-weight:550}.preview__meta{margin:calc(-1 * var(--s2)) 0 0;color:var(--ink-soft);font-size:.875rem;overflow-wrap:anywhere}.progressbar{height:4px;border-radius:999px;background:var(--sunk);overflow:hidden}.progressbar__fill{display:block;width:40%;height:100%;border-radius:inherit;background:var(--coral);animation:progress-slide 1.4s var(--ease) infinite}@keyframes progress-slide{0%{transform:translate(-105%)}to{transform:translate(255%)}}.actions{position:sticky;bottom:0;z-index:var(--z-sticky);margin-top:auto;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5) 0 calc(env(safe-area-inset-bottom) + var(--s5));background:linear-gradient(to bottom,transparent,var(--sheet) var(--s5))}.actions__note{margin:0 0 var(--s1);color:var(--ink-soft);font-size:.875rem}.btn{min-height:var(--tap);padding:var(--s3) var(--s5);border-radius:var(--radius);font:inherit;font-weight:600;letter-spacing:-.005em;cursor:pointer;border:1px solid transparent;touch-action:manipulation;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn:not([disabled]):active{transform:scale(.985)}.btn--primary{background:var(--coral-ink);color:var(--surface)}.btn--primary:not([disabled]):hover{background:var(--coral-press)}.btn--primary:not([disabled]):active{background:var(--coral-press)}.btn--secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn--secondary:not([disabled]):hover{border-color:var(--ink-soft)}.btn--secondary:not([disabled]):active{background:var(--sunk)}.btn--quiet{min-height:44px;background:transparent;color:var(--ink-soft);border-color:transparent;text-decoration:underline;text-underline-offset:3px;font-weight:500}.btn--quiet:not([disabled]):hover{color:var(--ink)}.btn[disabled]{opacity:.55;cursor:default}.camera{position:fixed;inset:0;background:#000;overflow:hidden;z-index:var(--z-camera)}.camera__video,.camera__overlay{position:absolute;inset:0;width:100%;height:100%}.camera__video{object-fit:cover;background:#000}.camera__overlay{pointer-events:none}.camera__strip{position:absolute;top:0;left:0;right:0;margin:0;padding:calc(env(safe-area-inset-top) + var(--s3)) var(--s4) var(--s3);background:var(--plate);color:#fff;font-size:.9375rem;line-height:1.4;text-align:center;text-wrap:balance}.camera__strip:after{content:"";position:absolute;left:0;right:0;top:100%;height:20px;background:linear-gradient(to bottom,var(--plate),transparent)}.camera__status{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 136px);display:flex;justify-content:center;padding:0 var(--s4);min-height:2.5rem;pointer-events:none}.camera__status-text{max-width:100%;background:var(--plate-strong);color:#fff;border-radius:var(--radius);padding:var(--s2) var(--s4);font-size:.9375rem;line-height:1.4;text-align:center;text-wrap:balance}.camera__status-text--alert{background:var(--coral-press)}.camera__diag{display:block;margin-top:2px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.4;letter-spacing:0;color:#ffffffd9;overflow-wrap:anywhere}.camera__bar{position:absolute;left:0;right:0;bottom:0;padding:var(--s4) calc(env(safe-area-inset-left) + var(--s4)) calc(env(safe-area-inset-bottom) + var(--s5)) calc(env(safe-area-inset-right) + var(--s4));display:flex;align-items:center;justify-content:space-between;gap:var(--s3);background:linear-gradient(to top,#120f0ddb,#120f0d9e 58%,#120f0d00)}.camera__cancel,.camera__bar-spacer{flex:0 0 5.5rem}.camera__cancel{min-height:44px;background:transparent;border:0;color:#fff;font:inherit;font-weight:600;text-align:left;cursor:pointer;touch-action:manipulation;text-shadow:0 1px 3px rgba(0,0,0,.55)}.camera__shutter{flex:0 0 auto;width:76px;height:76px;border-radius:50%;padding:0;border:4px solid #fff;background:transparent;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;box-shadow:0 0 0 1px #00000080;transition:transform var(--fast) var(--ease)}.camera__shutter-ring{width:58px;height:58px;border-radius:50%;background:#fff;transition:background-color var(--fast) var(--ease)}.camera__shutter:not([disabled]):active{transform:scale(.94)}.camera__shutter:not([disabled]):active .camera__shutter-ring{background:var(--coral)}.camera__shutter[disabled]{border-color:#ffffff8c;cursor:default}.camera__shutter[disabled] .camera__shutter-ring{background:#fff6}.camera__cancel:focus-visible,.camera__shutter:focus-visible{outline:3px solid #fff;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-height:560px){.screen{gap:var(--s4);padding-top:calc(env(safe-area-inset-top) + var(--s4))}.actions{padding:var(--s4) 0 calc(env(safe-area-inset-bottom) + var(--s4))}.preview__image{max-height:40vh}.camera__status{bottom:calc(env(safe-area-inset-bottom) + 108px)}.camera__shutter{width:64px;height:64px}.camera__shutter-ring{width:48px;height:48px}}@media(min-width:34rem)and (min-height:600px){.screen{--sheet: var(--surface);min-height:0;max-width:34rem;margin:var(--s7) 0;padding:var(--s7);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-self:flex-start}.actions{position:static;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-end;padding:var(--s2) 0 0;background:none}.actions__note{flex:1 0 100%;margin-bottom:var(--s2)}.btn{min-width:11rem}.btn--quiet{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.progressbar__fill{width:100%;animation:none;opacity:.7}.btn:not([disabled]):active,.camera__shutter:not([disabled]):active{transform:none}}