:root{--bg:#f7f3ee;--surface:#fff;--ink:#1f1a17;--muted:#6f655d;--line:#e6ded4;--accent:#1f1a17;--danger:#b3261e;--safe-top:var(--native-safe-top,env(safe-area-inset-top,0px));--safe-bottom:var(--native-safe-bottom,env(safe-area-inset-bottom,0px))}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit}main{padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 24px);max-width:560px;margin:0 auto}h1{font-size:28px;line-height:1.2;margin:8px 0 16px;letter-spacing:-.01em}h2{font-size:20px;margin:24px 0 8px}.muted,p.muted{color:var(--muted)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:17px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer}.btn+.btn{margin-top:12px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5}.card{display:block;background:var(--surface);border-radius:16px;overflow:hidden;border:1px solid var(--line);text-decoration:none}.card .thumb{width:100%;aspect-ratio:3/4;position:relative;background:#efe8de;overflow:hidden}.card .meta{padding:10px 12px 12px;font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--line);text-decoration:none}.sheet{border-radius:24px;padding:24px 20px;border:1px solid var(--line)}.sheet,select{background:var(--surface)}select{width:100%;min-height:52px;border-radius:12px;border:1px solid var(--line);font:inherit;padding:0 12px;color:var(--ink)}.field{display:grid;gap:6px;margin-bottom:12px}.error{color:var(--danger);margin:12px 0}.frame{width:100%;aspect-ratio:3/4;border:0;display:block}