:root{--bg:#f6f3ee;--surface:#fbf9f5;--ink:#17150f;--muted:#5e584c;--line:#e1dacb;--accent:#1f6b52;--accent-ink:#fff;--danger:#a3361f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 Schibsted Grotesk,ui-sans-serif,system-ui,sans-serif}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:560px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;gap:16px;margin:0 auto;display:flex}.language{align-self:flex-end}.language select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:0 12px}.screen{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}h1{letter-spacing:-.03em;margin:0;font-size:28px;line-height:1.15}h2{margin:0;font-size:20px}p{color:var(--muted);margin:0}.theme-name{color:var(--accent);font-weight:600}.loading{margin:auto}.button{background:var(--accent);min-height:52px;color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:14px;padding:0 24px;font-weight:600}.button:disabled{opacity:.45;cursor:not-allowed}.link{min-height:44px;color:var(--accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 8px;text-decoration:underline}.capture{flex-direction:column;flex:1;gap:12px;display:flex}.capture-head{flex-direction:column;gap:4px;display:flex}.progress,.badge{font-size:14px}.badge{border:1px solid var(--line);border-radius:999px;align-self:flex-start;padding:2px 10px}.camera{background:#000;border-radius:18px;flex:1;min-height:320px;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shutter{cursor:pointer;background:#ffffff40;border:4px solid #fff;border-radius:50%;width:72px;height:72px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.shutter:disabled{opacity:.4}.camera-error{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.thumbnails{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.thumbnails li{flex-direction:column;gap:4px;font-size:14px;display:flex}.thumbnails img{aspect-ratio:4/3;object-fit:cover;background:var(--line);border-radius:12px;width:100%}.missing{color:var(--danger)}[dir=rtl] .language{align-self:flex-start}.capture-head h1{font-size:24px}.instruction{border-inline-start:5px solid var(--accent);background:var(--surface);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:19px;font-weight:600;line-height:1.35}.screen-transition{text-align:center;align-items:center}.transition-saved{color:var(--accent);align-items:center;gap:8px;font-weight:600;display:flex}.transition-mark,.done-mark{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.transition-mark{width:28px;height:28px}.transition-next{letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:14px}.screen-transition h1{font-size:34px}.screen-transition .instruction{text-align:start}.transition-timer{background:var(--line);border-radius:999px;width:100%;height:4px;display:block;overflow:hidden}.transition-timer:after{background:var(--accent);content:"";height:100%;animation:1.8s linear forwards transition-fill;display:block}@keyframes transition-fill{0%{width:0}to{width:100%}}.screen-sending{text-align:center;align-items:center}.spinner{border:5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:56px;height:56px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sending-bar{appearance:none;background:var(--line);width:100%;max-width:320px;height:8px;accent-color:var(--accent);border:0;border-radius:999px;overflow:hidden}.sending-bar::-webkit-progress-bar{background:var(--line)}.sending-bar::-webkit-progress-value{background:var(--accent);transition:width .3s}.sending-bar::-moz-progress-bar{background:var(--accent)}.screen-done{text-align:center;align-items:center}.screen-done h1{font-size:36px}.screen-done p{font-size:17px}.done-mark{stroke-width:3.5px;width:96px;height:96px}.done-mark circle{fill:color-mix(in srgb, var(--accent) 12%, transparent)}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}.transition-timer:after{width:100%;animation:none}}