:root{font-family:Inter,Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;color:#23333c;background:#f5f7f9;font-synthesis:none;--muted:#7b8790;--line:#e4e9ec;--accent:#087f8c;--navy:#152d3a}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d9e1e5;background:#fff;color:#344752;padding:10px 16px;border-radius:7px;font-weight:600}button:hover{background:#f0f5f5}button:disabled{opacity:.4;cursor:default}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#066a75}input,select{padding:12px;border:1px solid #d6dfe4;border-radius:7px;background:#fff;color:#24343f;min-width:0}input:focus,button:focus-visible,select:focus{outline:3px solid #bee4e6;outline-offset:2px}label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:13px}h1{font-size:29px;letter-spacing:-1.2px;margin:10px 0 12px}h2{font-size:18px}p{line-height:1.65}a{color:var(--accent)}.muted,small,.footnote{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 20%,#e5eff0,transparent 55%),#f5f7f9}.login-card{width:min(420px,92vw);padding:42px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 70px #18333d0a}.login-card label{margin-top:20px}.login-card button{margin-top:25px;width:100%;padding:13px}.login-card small{display:block;text-align:center;font-size:11px}.brand-mark{font-size:30px;font-weight:800;color:var(--navy);margin-bottom:28px}.brand-mark span,.brand>span{color:var(--accent);font-size:.55em;vertical-align:super;margin-left:3px}.sidebar{width:228px;background:var(--navy);color:#c6d4dc;position:fixed;inset:0 auto 0 0;padding:35px 20px;display:flex;flex-direction:column}.brand{color:white;text-decoration:none;font-size:27px;font-weight:800;display:flex;align-items:baseline}.brand b{font-size:16px;margin-left:14px;letter-spacing:-.5px}.sidebar-label{font-size:10px;color:#839ca9;margin:45px 14px 16px;letter-spacing:1px}nav{display:flex;flex-direction:column;gap:8px}nav button{background:none;color:#b9cbd5;border:0;text-align:left;font-weight:500;padding:14px}nav button.selected,nav button:hover{background:#244451;color:white}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.sidebar-bottom button{background:transparent;border-color:#365462;color:#c8d5db;font-size:12px}.lock{color:#8bccc5;font-size:11px}.sidebar-bottom p{font-weight:600}main{margin-left:228px;padding:0 42px 35px;max-width:1800px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.pill{background:#e3f2ed;color:#327863;border-radius:20px;padding:7px 12px;font-size:11px}.heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 28px}.heading p{margin:7px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 24px}.stats article>span{display:block;font-size:12px;color:#74818b}.stats strong{font-size:32px;letter-spacing:-1px;display:block;margin:13px 0 8px;font-weight:600;font-variant-numeric:tabular-nums}.stats small{font-size:10px}.collector{margin:24px 0 12px;padding:20px 24px;display:flex;gap:16px;align-items:center;background:#edf5f4;border:1px solid #dcebe7;border-radius:9px}.collector b{font-size:13px}.collector p{font-size:11px;color:#657c7e;margin:5px 0 0}.pulse{width:9px;height:9px;background:#169f87;border-radius:50%;box-shadow:0 0 0 5px #169f8714}.collector-meta{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:6px;font-size:11px}.collector-meta span{color:#257b73}.list-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.list-tools{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.list-tools form{display:flex;gap:8px;width:65%}.list-tools input{width:100%;background:#fafbfc;font-size:12px}.list-tools>span{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:11px;font-weight:500;color:#7a8790;background:#f8fafb;text-align:left;padding:13px 20px;border-block:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #eef1f3;font-size:12px}td:nth-child(2){white-space:normal;width:48%;min-width:230px}td:nth-child(1){color:#86929a;font-size:11px}td:nth-child(4){color:#7f8c94;font-size:11px}td button{border:0;background:none;padding:0;text-align:left;font-size:13px;font-weight:500;line-height:1.7;display:block;max-width:100%}td button:hover{color:var(--accent);background:none}.comment-count{font-size:10px;color:var(--accent);margin-left:8px}.tag{font-size:10px;padding:4px 7px;border-radius:4px;background:#edf5f4;color:#4c817b}.tag.warn{color:#996b25;background:#fff4df}.pager{display:flex;justify-content:center;gap:22px;align-items:center;padding:18px;font-size:12px}.pager button{font-size:11px;padding:7px 10px}.footnote{font-size:10px;text-align:center;margin-top:23px}.empty{text-align:center;padding:65px 20px;color:#82929d}.empty p{font-size:12px}.panel{border:1px solid var(--line);background:white;border-radius:10px;padding:28px;margin-bottom:20px}.form-grid{max-width:750px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.check{flex-direction:row;align-items:center;grid-column:1/-1}.check input{width:17px;height:17px;accent-color:var(--accent)}.notice{grid-column:1/-1;background:#f4f7f8;border-radius:7px;padding:18px;font-size:12px;color:#687e88;line-height:1.9}.form-grid>h2{grid-column:1/-1}.error{font-size:12px;color:#af4343;word-break:break-word}.error:empty{display:none}#collectorError{margin:10px 0 18px}dialog{border:1px solid #dce4e8;border-radius:13px;width:min(900px,94vw);max-height:92vh;padding:0;box-shadow:0 30px 100px #07121e35}dialog::backdrop{background:#132b3b88;backdrop-filter:blur(3px)}.dialog-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:14px 26px;border-bottom:1px solid var(--line);z-index:1;font-size:12px;color:#7a8b94}.dialog-bar button{border:0;padding:5px 10px;font-size:18px}#postContent{padding:28px 34px}.post-meta{font-size:12px;color:#7a8791;line-height:1.9}.post-body{padding:28px 0;line-height:1.9;overflow-wrap:anywhere}.post-body img,.comment-body img{max-width:100%;height:auto}.comment{border-top:1px solid var(--line);padding:18px 0}.comment.reply{padding-left:25px}.comment-author{font-size:12px;font-weight:600}.comment-date{font-size:10px;color:#82919a;margin-top:5px}.comment-body{font-size:13px;line-height:1.8;margin-top:10px;overflow-wrap:anywhere}.ip_pc{color:#4b8858}.ip_mobile{color:#437aa9}.ip_proxy{color:#b26d6d}.nick_id{color:#7d8fa1;font-size:11px}.log-row,.user-row{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.log-row time{flex-shrink:0;color:#84929b}.log-row.error{color:#a24141}.user-row{align-items:center;justify-content:space-between}.user-row button{font-size:11px}#passwordForm{max-width:750px}#passwordForm button{margin-top:18px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#213c49;color:#fff;padding:14px 25px;border-radius:9px;z-index:20;box-shadow:0 8px 28px #0002}[hidden]{display:none!important}@media(max-width:1000px){.sidebar{width:190px;padding-inline:12px}main{margin-left:190px;padding-inline:24px}.brand b{font-size:14px}.stats{gap:10px}.stats article{padding:17px}.stats strong{font-size:27px}}@media(max-width:720px){.sidebar{position:static;width:100%;padding:15px 18px}.brand{font-size:23px}.sidebar-label,.sidebar-bottom p,.sidebar-bottom .lock{display:none}nav{flex-direction:row;overflow:auto;gap:3px;margin-top:14px}nav button{font-size:11px;white-space:nowrap;padding:10px}.sidebar-bottom{position:absolute;top:10px;right:15px;padding:0}.sidebar-bottom button{font-size:10px}main{margin:0;padding:0 16px 24px}.topbar{height:55px;font-size:10px}.heading{margin:25px 0 18px}h1{font-size:24px}.heading>button{font-size:11px;padding:9px}.heading .muted{font-size:12px}.stats{grid-template-columns:repeat(2,1fr)}.collector{padding:17px;gap:12px}.collector-meta{display:none}.list-tools{flex-wrap:wrap;padding:14px}.list-tools form{width:100%}td,th{padding:13px}.form-grid{grid-template-columns:1fr}.panel{padding:20px}.log-row{flex-direction:column;gap:5px}#postContent{padding:20px}.post-meta{font-size:11px}}

.post-body video,.comment-body video{max-width:100%;max-height:600px}
