@property --curl{syntax: "<length>"; inherits: false; initial-value: 9px;}:root{--bg: #f5f5f5;--ink: #0a0a0a;--ink-2: #4f4f4f;--ink-3: #6b6b6b;--card: #fff;--mark: #e6e6e6;--hair: rgba(0, 0, 0, .06);--yellow: #ffe066;--pink: #ffb8d2;--blue: #aad7ff;--lilac: #d7c7ff;--mint: #b7efca;--peach: #ffcaa6;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-press: cubic-bezier(.2, 0, 0, 1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 24px -8px rgba(0, 0, 0, .1), 0 28px 56px -20px rgba(0, 0, 0, .12);--shadow-pill: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 18px -6px rgba(0, 0, 0, .1);--card-w: min(360px, calc(100vw - 40px) , max(280px, calc((100svh - 384px)*.8) ));color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}button{font:inherit;color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nav{display:flex;justify-content:center;padding:12px 16px 0}.nav-pill{display:flex;align-items:center;gap:4px;padding:5px;background:var(--card);border-radius:999px;box-shadow:var(--shadow-pill)}.nav-brand,.lang-btn{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font-size:15px;text-decoration:none;color:var(--ink-3)}.nav-brand{font-weight:700;font-style:italic;letter-spacing:-.02em;color:var(--ink);background:#f1f1f1}.lang{display:flex}.lang-btn{border:0;background:none;cursor:pointer;padding:0 12px;position:relative;transition-property:color,background-color;transition-duration:.16s;transition-timing-function:var(--ease-press)}.lang-btn:after{content:"";position:absolute;inset:-4px -2px}.lang-btn[aria-pressed=true]{color:var(--ink);font-weight:600}@media(hover:hover){.lang-btn:hover{color:var(--ink)}}.main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:clamp(20px,6svh,72px) 20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.wordmark{margin:0;display:flex;align-items:baseline;gap:.12em;font-size:clamp(58px,17vw,92px);font-weight:800;font-style:italic;line-height:1;letter-spacing:-.035em}.wordmark-dot{margin-left:-.08em}.lede{margin:14px 0 0;max-width:21em;font-size:clamp(18px,4.8vw,21px);line-height:1.35;color:var(--ink-2);text-wrap:balance}.lede b{font-weight:600;color:var(--ink)}.lede mark{background:var(--mark);color:var(--ink);font-weight:600;padding:0 .18em;border-radius:.3em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.sticker{--tone: var(--yellow);--curl: 9px;position:relative;display:inline-flex;align-items:center;white-space:nowrap;padding:5px 10px 6px;border-radius:9px;background:var(--tone);color:var(--ink);font-size:14px;font-weight:700;font-style:normal;letter-spacing:-.01em;line-height:1.1;box-shadow:0 0 0 3px #fff,0 1px 1px 3px #0000000f,0 6px 14px 2px #0000001f;transition-property:--curl,box-shadow;transition-duration:.26s;transition-timing-function:var(--ease-out)}.sticker:after{content:"";position:absolute;right:-3px;bottom:-3px;width:var(--curl);height:var(--curl);background:linear-gradient(135deg,#fff,#f5f5f5 34%,#d6d6d6 50%);clip-path:polygon(0 0,100% 0,0 100%)}.sticker:before{content:"";position:absolute;right:-3px;bottom:-3px;width:var(--curl);height:var(--curl);background:var(--bg-under, #fff);clip-path:polygon(0 100%,100% 0,100% 100%)}.sticker--yellow{--tone: var(--yellow)}.sticker--pink{--tone: var(--pink)}.sticker--blue{--tone: var(--blue)}.sticker--lilac{--tone: var(--lilac)}.sticker--mint{--tone: var(--mint)}.sticker--peach{--tone: var(--peach)}.sticker--logo{--curl: .2em;--bg-under: var(--bg);align-self:center;padding:.06em .2em .1em .16em;border-radius:.16em;font-size:.62em;font-weight:800;font-style:italic;letter-spacing:-.03em;transform:rotate(-7deg) translateY(-.04em);box-shadow:0 0 0 .07em #fff,0 .04em .06em .07em #0000000f,0 .12em .3em .04em #00000024}.sticker--logo:after,.sticker--logo:before{right:-.07em;bottom:-.07em;border-radius:0 0 .16em}@media(hover:hover){.wordmark:hover .sticker--logo{--curl: .36em}}.stage{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:clamp(20px,4svh,36px)}.card{position:relative;width:var(--card-w);padding:10px;border:0;border-radius:32px;background:var(--card);box-shadow:var(--shadow-card);cursor:pointer;transition-property:scale,translate,box-shadow;transition-duration:.22s;transition-timing-function:var(--ease-press)}.card:active{scale:.985}@media(hover:hover){.card:hover{translate:0 -2px;box-shadow:0 1px 2px #0000000a,0 14px 30px -8px #00000021,0 34px 64px -20px #00000029}}.card:focus-visible{outline-offset:4px}.photo{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:22px;background:#f0f0f0}.photo-img{display:block;width:100%;height:100%;object-fit:cover;outline:1px solid rgba(0,0,0,.08);outline-offset:-1px;border-radius:22px;transition-property:opacity,filter;transition-duration:.32s;transition-timing-function:var(--ease-out)}.stage:not([data-state=idle]) .photo-img{object-fit:contain}.photo-fallback{position:absolute;inset:0;display:none;place-items:center;color:#b5b5b5}.photo-fallback svg,.icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.photo.is-undecodable .photo-img{opacity:0}.photo.is-undecodable .photo-fallback{display:grid}.scan{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:250% 100%;transition:opacity .2s linear}.stage[data-state=reading] .scan{opacity:1;animation:sweep 1.1s var(--ease-out) infinite}.stage[data-state=reading] .photo-img{filter:saturate(.85)}@keyframes sweep{0%{background-position:120% 0}to{background-position:-40% 0}}.stickers{position:absolute;inset:10px;pointer-events:none}.stickers .sticker{position:absolute;left:var(--x);top:var(--y);rotate:var(--r);transform-origin:0 0;will-change:transform,opacity}.sticker.is-peeling{--curl: 30px;box-shadow:0 0 0 3px #fff,0 2px 2px 3px #0000000f,0 14px 26px 2px #0000002e}.badge{position:absolute;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:4px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 3px #fff,0 6px 14px 2px #0000001f;font-size:14px;font-weight:700;opacity:0;scale:.25;filter:blur(4px);transition-property:opacity,scale,filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1)}.badge svg{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.stage[data-state=clean] .badge,.stage[data-state=done] .badge{opacity:1;scale:1;filter:blur(0)}.verdict{min-height:0;max-width:22em;margin-top:20px}.verdict:empty,.stage[data-state=idle] .verdict{display:none}.verdict-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.verdict-text{margin:6px 0 0;color:var(--ink-2);text-wrap:pretty}.verdict-text:empty,.verdict-title:empty{display:none}.verdict>*{animation:rise .42s var(--ease-out) both}.verdict>:nth-child(2){animation-delay:70ms}.verdict>:nth-child(3){animation-delay:.14s}@keyframes rise{0%{opacity:0;translate:0 6px}}.removed{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 0;padding:0;list-style:none}.removed:empty{display:none}.removed li{padding:3px 10px 4px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink-3);font-size:14px;text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:#00000073}.actions{width:100%;scroll-margin-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:0 28px;border:0;border-radius:999px;font-size:17px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition-property:scale,background-color,opacity;transition-duration:.16s;transition-timing-function:var(--ease-press)}.btn:active{scale:.96}.btn[hidden]{display:none}.btn .icon{width:21px;height:21px;flex:none}.btn--primary{width:min(100%,var(--card-w));background:var(--ink);color:#fff}.btn--primary .icon{stroke-width:2}@media(hover:hover){.btn--primary:hover{background:#262626}.btn--quiet:hover{background:#0000000d}}.btn--quiet{min-height:48px;background:none;color:var(--ink);font-weight:500}.btn:disabled{opacity:.4;cursor:default}.fine{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px;margin:6px 0 0;font-size:14px;color:var(--ink-3)}.icon--sm{width:15px;height:15px}.fine-drop{display:none}@media(hover:hover)and (pointer:fine){.fine-drop{display:inline}.fine-drop:before{content:"·";margin-right:6px}}.stage:not([data-state=idle]) .fine{display:none}.faq{width:100%;max-width:560px;margin:0 auto;padding:64px 20px 32px}.faq-title{margin:0;font-size:clamp(26px,7vw,32px);font-weight:800;line-height:1.25;letter-spacing:-.03em;text-align:center;text-wrap:balance}.faq-title .sticker{--bg-under: var(--bg);margin:0 .12em;padding:.08em .38em .14em;border-radius:.36em;font-size:.78em;font-weight:800;rotate:-3deg;vertical-align:.08em}.faq-intro{max-width:32em;margin:14px auto 0;color:var(--ink-2);text-align:center;text-wrap:pretty}.faq-list{display:flex;flex-direction:column;gap:10px;margin-top:28px}.faq-item{--tone: var(--pink);border-radius:24px;background:var(--card);box-shadow:var(--shadow-pill);transition-property:translate,scale,box-shadow;transition-duration:.26s;transition-timing-function:var(--ease-out)}.faq-item:nth-child(6n+2){--tone: var(--yellow)}.faq-item:nth-child(6n+3){--tone: var(--blue)}.faq-item:nth-child(6n+4){--tone: var(--lilac)}.faq-item:nth-child(6n+5){--tone: var(--mint)}.faq-item:nth-child(6n){--tone: var(--peach)}.faq-item[open]:not(.is-closing){translate:0 -2px;box-shadow:var(--shadow-card)}.faq-item:has(summary:active){scale:.98;transition-duration:.12s}@media(hover:hover){.faq-item:hover{translate:0 -2px;box-shadow:var(--shadow-card)}}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:14px 14px 14px 20px;border-radius:24px;font-weight:600;letter-spacing:-.01em;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(currentColor,currentColor) center / 12px 2.25px no-repeat,linear-gradient(currentColor,currentColor) center / 2.25px 12px no-repeat,#f1f1f1;transition-property:rotate,background-color,box-shadow;transition-duration:.42s,.2s,.2s;transition-timing-function:cubic-bezier(.34,1.56,.64,1),linear,linear}.faq-item[open]:not(.is-closing) summary:after{rotate:135deg;background-color:var(--tone);box-shadow:0 0 0 2.5px #fff,0 3px 8px #00000024}.faq-body{overflow:hidden}.faq-bubble{margin:0 12px 14px;padding:12px 16px 13px;border-radius:20px 20px 20px 6px;background:var(--bg);color:var(--ink-2);text-wrap:pretty;transform-origin:0 0}.footer{padding:8px 24px 28px;text-align:center}.footer p{max-width:34em;margin:0 auto;font-size:13px;line-height:1.45;color:var(--ink-3);text-wrap:balance}.drop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#f5f5f5e0;opacity:0;pointer-events:none;transition:opacity .16s linear}.drop.is-active{opacity:1}.sticker--drop{--tone: var(--yellow);--bg-under: var(--bg);padding:14px 24px 16px;border-radius:16px;font-size:24px;rotate:-4deg}.confetti{position:fixed;inset:0;z-index:20;width:100%;height:100%;pointer-events:none}.note{position:absolute;left:16px;bottom:-31px;display:flex;align-items:flex-end;gap:3px;color:var(--ink-2);font-size:15px;font-style:italic;font-weight:500;letter-spacing:-.01em;white-space:nowrap;pointer-events:none;transition:opacity .2s linear}.note-arrow{width:40px;height:36px;margin-bottom:6px;fill:none;stroke:var(--ink-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.stage:not([data-state=idle]) .note{opacity:0}.stage[data-state=idle] .actions{margin-top:34px}@media(max-height:760px){:root{--card-w: min(360px, calc(100vw - 40px) , max(260px, calc((100svh - 330px)*.8) ))}.main{padding-top:14px}.wordmark{font-size:clamp(48px,13vw,64px)}.lede{margin-top:8px;font-size:17px}.stage{margin-top:18px}.actions{margin-top:16px}.stage[data-state=idle] .actions{margin-top:32px}}@media(max-height:600px){:root{--card-w: min(360px, calc(100vw - 40px) , max(228px, calc((100svh - 318px)*.8) ))}.nav,.main{padding-top:6px}.wordmark{font-size:44px}.lede{margin-top:6px;font-size:16px}.stage{margin-top:12px}.stage[data-state=idle] .actions{margin-top:30px}.btn--primary{min-height:52px}}@media(min-width:720px){.main{padding-top:clamp(40px,9svh,96px)}.lede{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
