:root{color-scheme:light dark;--bg:#f4f7fb;--panel:#fff;--text:#162033;--muted:#596579;--line:#d8e0ec;--brand:#245eea;--soft:#edf3ff;--warn:#8a5a00;--warnbg:#fff7dd;--bad:#a12828;--badbg:#fff0f0;--ok:#176b42;--okbg:#eaf8f0}
@media(prefers-color-scheme:dark){:root{--bg:#0f1520;--panel:#171f2d;--text:#edf3ff;--muted:#a9b5c8;--line:#334055;--brand:#79a3ff;--soft:#1d2c49;--warn:#ffd477;--warnbg:#3b3018;--bad:#ff9a9a;--badbg:#3c2024;--ok:#7de0ab;--okbg:#183529}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.55}.hub{max-width:1240px;margin:auto;padding:24px}.crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.crumb a{color:inherit}.hero,.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px}.hero{padding:34px;margin:18px 0}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.15;margin:0 0 14px}.hero p{max-width:780px;color:var(--muted);font-size:18px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;border:1px solid var(--line);padding:0 16px;background:var(--panel);color:var(--text);font-weight:700;text-decoration:none;cursor:pointer}.btn.primary{background:var(--brand);color:#fff;border-color:transparent}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.panel{padding:24px}.span12{grid-column:span 12}.span7{grid-column:span 7}.span5{grid-column:span 5}.span6{grid-column:span 6}.eyebrow{font-size:13px;font-weight:800;color:var(--brand);letter-spacing:.08em}.upload{border:2px dashed var(--line);padding:26px;border-radius:18px;text-align:center;display:block;cursor:pointer;background:var(--soft)}.upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.result{margin-top:15px;padding:16px;border-radius:14px;background:var(--soft)}.result.warn{background:var(--warnbg);color:var(--warn)}.result.bad{background:var(--badbg);color:var(--bad)}.result.good{background:var(--okbg);color:var(--ok)}.compare{width:100%;border-collapse:collapse}.compare th,.compare td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--panel);display:flex;flex-direction:column;gap:9px}.card h3{margin:0}.card p{margin:0;color:var(--muted)}.card a{margin-top:auto}.badge{display:inline-flex;width:max-content;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:var(--soft);color:var(--brand)}.badge.partial{background:var(--warnbg);color:var(--warn)}.blocked{opacity:.78}.blocked .badge{background:var(--badbg);color:var(--bad)}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button[aria-selected="true"]{background:var(--brand);color:#fff}.search{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}details{border-top:1px solid var(--line);padding:13px 0}summary{font-weight:750;cursor:pointer}.security{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.security div{padding:14px;border-radius:14px;background:var(--soft)}.statusline{display:flex;gap:8px;flex-wrap:wrap}.hidden{display:none!important}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:900px){.span7,.span5,.span6{grid-column:span 12}.cards{grid-template-columns:1fr 1fr}.security{grid-template-columns:1fr}.hub{padding:14px}}
@media(max-width:600px){.cards{grid-template-columns:1fr}.panel,.hero{padding:18px}.compare{display:block;overflow-x:auto}.btn{width:100%}}