*{box-sizing:border-box}html{background:var(--bg);color-scheme:var(--system-scheme)}
html[data-ui-theme="light"]{--bg:#f7f6f2;--surface:#ffffff;--muted:#575d66;--text:#242932;--outline:#d5d7da;--button:#eceef0;--accent:#305fa3;--chip:#e5ebf4}
html[data-ui-theme="dark"]{--bg:#1c1f24;--surface:#292d34;--muted:#c6ccd5;--text:#f1f4f8;--outline:#454a54;--button:#3a404a;--accent:#a6c8ff;--chip:#343c47}
html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif; color:var(--text); background:var(--bg)}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);}
main{max-width:660px;margin:0 auto;padding:20px 17px max(32px,env(safe-area-inset-bottom))}
a{color:var(--accent)}.top{display:flex;align-items:center;justify-content:space-between;gap:8px}.back{text-decoration:none;color:var(--muted);font-size:13px}.tag{padding:5px 9px;border-radius:99px;background:var(--chip);font-size:12px}
h1{font-size:23px;line-height:1.3;margin:15px 0 8px}.desc{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 20px}
.card{padding:16px;border:1px solid var(--outline);background:var(--surface);border-radius:15px;margin:15px 0}
.card h2{margin:0 0 11px;font-size:16px}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:11px 0;font-size:14px}
.row span:first-child{color:var(--muted)}.row span:last-child{text-align:right;word-break:break-word;font-weight:600}
.divider{border-top:1px solid var(--outline);margin:13px 0}
.buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
button{font:inherit;padding:12px 7px;min-height:44px;border:1px solid var(--outline);border-radius:10px;background:var(--button);color:var(--text);cursor:pointer;font-size:13px;font-weight:650}
button:active{filter:brightness(.9)}button.wide{grid-column:1 / -1}
.sample{min-height:104px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed var(--outline);border-radius:10px;gap:6px}
.sample strong{font-size:17px}.sample span{color:var(--muted);font-size:12px}.notice{font-size:13px;line-height:1.55;color:var(--muted)}
.value{font-family:ui-monospace,Consolas,monospace}.caption{font-size:12px;line-height:1.5;color:var(--muted)}
footer{font-size:12px;line-height:1.6;color:var(--muted);margin-top:28px}