:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202920;background:#f6f5f0;font-synthesis:none;line-height:1.5;--ink:#202920;--accent:#285c3a;--muted:#566052;--line:#d2d6cc}*{box-sizing:border-box}body{margin:0}main{max-width:680px;padding:32px 24px calc(32px + env(safe-area-inset-bottom));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:36px;letter-spacing:-.035em;margin:0;font-weight:650}header span{font-size:13px;text-align:right;color:var(--muted)}h2{font-size:21px;letter-spacing:-.02em;margin:0 0 16px;font-weight:600}.intro{color:var(--muted);margin:8px 0 28px;max-width:48ch}nav{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:28px}button,input,textarea{font:inherit}button{min-height:46px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;font-weight:550}button:hover{background:#e9ece3}button:active{transform:translateY(1px)}button[aria-pressed=true],button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #64824f;outline-offset:3px}label{display:block;font-size:14px;font-weight:600;margin:22px 0 8px}input,textarea{max-width:100%;min-width:0}input[type=password],textarea{width:100%;border:1px solid #aab3a2;background:#fffef9;color:var(--ink);border-radius:10px;padding:12px;font-size:16px;caret-color:var(--accent)}textarea{resize:vertical;line-height:1.5}input[type=file]{width:100%;font-size:15px}input::file-selector-button{background:#e6ebdf;border:0;border-radius:8px;color:var(--ink);padding:12px;margin-right:10px;cursor:pointer}.actions{display:flex;gap:10px;align-items:center;margin-top:12px}.actions input{flex:1}#capture{width:100%;margin-top:16px}.hint,footer{font-size:13px;color:var(--muted);max-width:64ch}.hint{margin:14px 0 0}#status{min-height:24px;margin:24px 0;font-size:14px}#status[data-error=true]{color:#9b2c1c}#photo{width:100%;max-height:240px;object-fit:contain;margin-top:20px}.preview{background:#142219;color:#b7f79d;border-radius:12px;padding:20px}.preview-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.preview h2{font-size:13px;font-weight:500;margin:0;color:#c0d7b8}.preview span{font-size:13px;font-variant-numeric:tabular-nums}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(11px,2.9vw,17px);line-height:1.55;margin:0;min-height:11em}.pagination{display:flex;justify-content:space-between;margin-top:14px;gap:16px}.pagination button{flex:1}footer{margin-top:28px}::selection{background:#c7e0b5;color:#142219}[hidden]{display:none!important}@media(max-width:380px){main{padding:22px 16px}nav button{padding:10px 12px;font-size:15px}.actions{flex-wrap:wrap}.actions input{flex-basis:100%}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}#language{font:inherit;font-size:16px;color:var(--ink);background:#fffef9;border:1px solid #aab3a2;border-radius:10px;padding:10px 12px;min-height:46px;margin-bottom:20px}#language:focus-visible{outline:3px solid #64824f;outline-offset:3px}