*{box-sizing:border-box}html,body{margin:0;background:#f4f1e7;color:#254b3c;font:16px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}main{max-width:650px;margin:auto;height:100dvh;padding:calc(8px + var(--safe-top,env(safe-area-inset-top))) 12px calc(8px + var(--safe-bottom,env(safe-area-inset-bottom)));display:flex;flex-direction:column;gap:10px}nav{display:flex;justify-content:space-between}a,button{font:inherit;font-size:14px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:inherit}h1{font-size:20px;line-height:26px;margin:0}p{font-size:14px;line-height:20px;margin:0}button,.primary{border:1px solid #9caf9a;border-radius:8px;background:#fffdf7;text-decoration:none;padding:6px}.primary{grid-column:1/-1;background:#286b57;color:white}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}body:not(.can-upload) #export{grid-column:1/-1}[hidden]{display:none!important}button:disabled{color:#6e796a;background:#e5e8df}a:focus-visible,button:focus-visible{outline:3px solid #b66d2e;outline-offset:2px}#status{min-height:40px}#details{min-height:20px}@media(max-height:540px){main{gap:4px;padding:var(--safe-top,env(safe-area-inset-top)) 8px var(--safe-bottom,env(safe-area-inset-bottom))}.actions{gap:3px}#status{min-height:20px;line-height:18px}#notice{line-height:18px}h1{font-size:18px;line-height:24px}}