:root{--navy:#14305A;--teal:#0F8B6E;--teal-d:#0B6E57;--bg:#F3F6FA;--ink:#1B2233;--mute:#5B667A;--line:#D9E0EA;--white:#fff;--red:#B23A3A;--amber:#B86E00;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 "Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif}
header{background:var(--white);border-bottom:1px solid var(--line)}.wrap{max-width:860px;margin:0 auto;padding:0 20px}.brand{display:flex;align-items:center;justify-content:space-between;height:60px}.brand b{font-size:20px;color:var(--navy)}.brand a{color:var(--mute);text-decoration:none;font-size:14px;margin-left:14px}
main{padding:28px 0 48px}h1{font-size:30px;line-height:1.2;color:var(--navy);margin:0 0 8px;letter-spacing:-.3px}h2{font-size:20px;color:var(--navy);margin:26px 0 10px}p.lead{color:var(--mute);margin:0 0 20px;font-size:17px}
.box{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:18px}
label{display:block;font-weight:600;margin:12px 0 6px}input,select,textarea{width:100%;font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy)}
.btn{font:inherit;font-weight:700;color:var(--white);background:var(--teal);border:0;border-radius:10px;padding:13px 20px;cursor:pointer}.btn:hover{background:var(--teal-d)}.btn.sec{background:var(--white);color:var(--navy);border:1.5px solid var(--line)}.btn.sm{padding:7px 12px;font-size:14px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.stat{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.stat b{display:block;font-size:26px;color:var(--navy);line-height:1.1}.stat span{color:var(--mute);font-size:14px}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mute);font-weight:600}.scroll{overflow-x:auto}
code,.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;word-break:break-all}.copy{background:#EEF2F7;border-radius:8px;padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.ok{color:var(--teal);font-weight:600}.bad{color:var(--red);font-weight:600}.warn{color:var(--amber);font-weight:600}.mute{color:var(--mute)}
.msg{padding:12px 14px;border-radius:10px;background:#EAF6F2;color:var(--teal-d);margin:12px 0;display:none}.msg.err{background:#FBECEC;color:var(--red)}
footer{border-top:1px solid var(--line);padding:20px 0 30px;font-size:13px;color:var(--mute)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0F1727;--white:#162136;--ink:#E8EDF5;--mute:#9AA7BA;--line:#283449;--navy:#CFE0FF}}
:root[data-theme="dark"]{--bg:#0F1727;--white:#162136;--ink:#E8EDF5;--mute:#9AA7BA;--line:#283449;--navy:#CFE0FF}