:root{--d-bg: #EEF1F3;--d-surface: #FFFFFF;--d-ink: #12171C;--d-ink2: #3D4A53;--d-mute: #6B7A84;--d-rule: #DCE3E8;--d-accent: #0E5C66;--d-accent-soft: #D6E7E9;--d-warn: #B7791F;--d-crit: #B4413C;--f-disp: "Gothic A1", "Malgun Gothic", sans-serif;--f-body: "IBM Plex Sans KR", "Malgun Gothic", sans-serif;--f-num: "IBM Plex Mono", "IBM Plex Sans KR", monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--d-bg: #0B0F12;--d-surface: #161C21;--d-ink: #E7EDF1;--d-ink2: #B6C2CA;--d-mute: #85949F;--d-rule: #2B353D;--d-accent: #58A8B2;--d-accent-soft: #23383C;--d-warn: #DBA13C;--d-crit: #E0736C}}*{box-sizing:border-box}body{margin:0;background:var(--d-bg);color:var(--d-ink);font-family:var(--f-body);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.topnav{background:var(--d-surface);border-bottom:1px solid var(--d-rule);padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topnav .brand{font-family:var(--f-disp);font-weight:900;letter-spacing:-.02em;font-size:17px}.topnav .tabs{display:flex;gap:4px;margin-left:8px}.topnav .tabs button{background:none;border:0;padding:7px 13px;border-radius:6px;font-size:14px;font-weight:500;color:var(--d-ink2)}.topnav .tabs button[data-on="1"]{background:var(--d-accent-soft);color:var(--d-accent);font-weight:600}.topnav .who{margin-left:auto;font-size:13px;color:var(--d-mute);display:flex;gap:12px;align-items:center}.page{max-width:980px;margin:0 auto;padding:24px 20px 64px}.page h1{font-family:var(--f-disp);font-weight:900;font-size:24px;letter-spacing:-.025em;margin:0 0 4px}.page .sub{color:var(--d-mute);font-size:14px;margin:0 0 22px}.card{background:var(--d-surface);border:1px solid var(--d-rule);border-radius:9px;padding:16px 18px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:6px;padding:9px 16px;font-size:14px;font-weight:600}.btn-p{background:var(--d-accent);color:#fff}.btn-g{background:transparent;color:var(--d-ink);border-color:var(--d-rule)}.btn-s{padding:6px 11px;font-size:13px;font-weight:500}.btn:disabled{opacity:.5;cursor:default}input,select{font-family:inherit;font-size:14px;padding:9px 11px;border-radius:6px;border:1px solid var(--d-rule);background:var(--d-surface);color:var(--d-ink)}.qitem{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--d-surface);border:1px solid var(--d-rule);border-radius:9px;padding:14px 16px}.qitem .meta{font-family:var(--f-num);font-size:11.5px;color:var(--d-mute)}.qitem .who{font-family:var(--f-disp);font-weight:700;font-size:15.5px}.qitem .note{font-size:14px;color:var(--d-ink2);margin-top:2px}.qitem .tpl{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:380px}.qitem .tpl button{background:var(--d-accent-soft);color:var(--d-accent);border:0;border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:600}.plist{display:flex;flex-direction:column;gap:8px}.prow{display:grid;grid-template-columns:1fr 90px auto;gap:12px;align-items:center;background:var(--d-surface);border:1px solid var(--d-rule);border-radius:9px;padding:13px 16px}.prow .nm{font-family:var(--f-disp);font-weight:700;font-size:15px}.prow .tag{font-family:var(--f-num);font-size:11px;color:var(--d-mute)}.prow .pend{font-family:var(--f-num);font-size:12.5px;font-weight:600}.prow .pend[data-n="0"]{color:var(--d-mute)}.prow .pend:not([data-n="0"]){color:var(--d-crit)}.empty{text-align:center;padding:48px 20px;color:var(--d-mute);font-size:14.5px}.err{background:#fbecea;color:#7a2a26;border-radius:6px;padding:10px 14px;font-size:13.5px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .err{background:#2d1d1c;color:#e9a5a0}}.login{max-width:380px;margin:12vh auto}.login h1{font-family:var(--f-disp);font-weight:900;font-size:22px;margin:0 0 6px;letter-spacing:-.02em}.login p{color:var(--d-mute);font-size:13.5px;margin:0 0 18px;line-height:1.6}.login .fine{font-size:12px;margin:2px 0 0}.namebtn{background:none;border:0;padding:0;color:inherit;font-size:inherit;text-decoration:underline dotted;text-underline-offset:3px}.login .devbox{margin-top:30px;padding-top:18px;border-top:1px dashed var(--d-rule)}.btn-kakao{background:#fee500;color:#191600;border-color:#fee500;font-weight:700}.btn-kakao:disabled{opacity:.6}@media print{.topnav,.page>h1,.page>.sub,.no-print{display:none!important}.page{padding:0;max-width:none}body{background:#fff}}
