:root { --bg:#ffffff; --fg:#1a1a1a; --muted:#666666; --line:#e5e5e5; --link:#411ab5; }
@media (prefers-color-scheme: dark) { :root { --bg:#111111; --fg:#eeeeee; --muted:#999999; --line:#2a2a2a; --link:#a48dff; color-scheme:dark } }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.7 system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; }
main { max-width:640px; margin:0 auto; padding:40px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px)); }
h1 { font-size:20px; margin:0 0 4px; }
p { margin:0 0 12px; }
.muted { color:var(--muted); font-size:14px; }
a { color:var(--link); }
input { width:100%; box-sizing:border-box; font:inherit; padding:8px 10px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--fg); margin:24px 0 8px; }
ul { list-style:none; margin:0; padding:0; }
li { padding:12px 0; border-bottom:1px solid var(--line); }
li a { text-decoration:none; }
li .no { color:var(--muted); font-size:14px; margin-right:8px; font-variant-numeric:tabular-nums; }
li .sum { display:block; color:var(--muted); font-size:14px; }
textarea { width:100%; box-sizing:border-box; font:inherit; padding:8px 10px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--fg); margin:6px 0 4px; resize:vertical; }
button { font:inherit; padding:8px 16px; border:1px solid var(--fg); border-radius:6px; background:var(--fg); color:var(--bg); cursor:pointer; }
label input[type=checkbox] { margin-right:6px; }