:root{font-family:Inter,system-ui,sans-serif;color:#102a34;background:#f1f8f7}*{box-sizing:border-box}body{margin:0}.shell{width:min(100%,620px);min-height:100dvh;margin:auto;padding:max(24px,env(safe-area-inset-top)) 22px 44px}.back{color:#087b72;font-weight:750;text-decoration:none}.eyebrow{margin:34px 0 8px;color:#087b72;font-size:.75rem;font-weight:850;letter-spacing:.14em}h1{margin:0;font-size:clamp(2.2rem,8vw,3.4rem);line-height:1.03;letter-spacing:-.05em}header>p:not(.eyebrow){color:#46636a;font-size:1.05rem;line-height:1.55}.card,.note{margin-top:26px;padding:24px;border:1px solid #cde1df;border-radius:22px;background:#fff}.card h2{margin:0}.card p,.note p{color:#46636a;line-height:1.5}.choose{display:grid;place-items:center;min-height:54px;margin-top:20px;border-radius:13px;background:#087b72;color:#fff;font-weight:800;cursor:pointer}#preview{width:100%;max-height:430px;margin-top:18px;border-radius:16px;object-fit:cover}.result{margin-top:18px;padding:16px;border-radius:14px;line-height:1.5}.result.ok{background:#e4f8f2;color:#075a50}.result.retry{background:#fff4df;color:#754600}.note{background:#133f4a;color:#fff;border:0}.note p{color:#d6eeec}.note a{display:inline-block;margin-top:6px;color:#fff;font-weight:850}@media(prefers-color-scheme:dark){:root{color:#ecf7f6;background:#0e1d23}.card{background:#132a32;border-color:#2d5256}.card p,header>p:not(.eyebrow){color:#c5dcda}.note{background:#0c5550}}