:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9e9e9;background:#080808;font-synthesis:none}*:focus-visible{outline:2px solid currentColor;outline-offset:2px}*{box-sizing:border-box}html[data-theme="light"]{color-scheme:light;--bg:#f4f4f4;--panel:#fff;--panel2:#ededed;--text:#111;--muted:#666;--line:#00000018;--input:#fafafa;--accent:#111;--accentText:#fff}html[data-theme="dark"]{color-scheme:dark;--bg:#080808;--panel:#111;--panel2:#181818;--text:#f4f4f4;--muted:#8b8b8b;--line:#fff1;--input:#0a0a0a;--accent:#f5f5f5;--accentText:#080808}body{margin:0;background:radial-gradient(circle at 50% -15%,#4442,transparent 38%),var(--bg);color:var(--text);min-height:100vh}.wrap{width:min(100% - 32px,1080px);margin:auto}.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.navActions{display:flex;gap:7px}.brand{font-weight:950;letter-spacing:-.05em}.brand span{font-size:10px;color:var(--muted);margin-left:7px;letter-spacing:.12em}.hero{margin:46px 0 24px;padding:42px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,var(--panel),var(--panel2));display:flex;gap:24px;align-items:end;justify-content:space-between;box-shadow:0 24px 80px #0002}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:.18em;font-weight:900}.hero h1{font-size:clamp(29px,6vw,52px);line-height:1.02;margin:9px 0 12px;letter-spacing:-.065em}.hero p{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.board{display:grid;gap:10px;padding-bottom:60px}.card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:20px;cursor:pointer;transition:.16s;box-shadow:0 10px 30px #0001}.card:hover{transform:translateY(-2px);border-color:#8888}.meta,.muted{font-size:12px;color:var(--muted)}.title{font-weight:800;font-size:17px}.thumb{width:78px;height:78px;object-fit:cover;border-radius:13px;float:right;margin-left:15px}.primary,.ghost,.danger,select{border:1px solid var(--line);border-radius:12px;padding:10px 15px;font-weight:800;cursor:pointer;font:inherit}.primary{background:var(--accent);color:var(--accentText)}.ghost{background:var(--panel2);color:var(--text)}.danger{background:#b91c1c;color:#fff;border-color:#b91c1c}.primary:hover,.ghost:hover,.danger:hover{filter:brightness(1.08)}dialog{width:min(94vw,720px);border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--text);padding:0;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}form,#postDetail{padding:26px}.dialogHead,.adminHead{display:flex;justify-content:space-between;align-items:center;gap:15px}label{display:block;font-size:13px;color:var(--text);margin:15px 0}input,textarea,select{display:block;width:100%;margin-top:7px;background:var(--input);border:1px solid var(--line);color:var(--text);padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#888}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.body{white-space:pre-wrap;line-height:1.7;margin:22px 0}.detailImg{max-width:100%;max-height:520px;border-radius:14px;display:block;margin:16px auto}.comment{border-top:1px solid var(--line);padding:12px 0}.comment p{white-space:pre-wrap;margin:6px 0;color:var(--muted)}.commentForm{display:flex;gap:8px;margin-top:15px}.commentForm input{margin:0}.commentForm button{white-space:nowrap}.x{border:0;background:none;color:var(--muted);font-size:28px;cursor:pointer}.adminList{display:grid;gap:8px}.adminRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.adminRow select{width:auto;margin:0}.staffForm{display:grid;grid-template-columns:1fr 1fr 140px auto;gap:8px;padding:0;margin:12px 0 16px}.staffForm input,.staffForm select{margin:0}.adminHead{margin-bottom:24px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--accent);color:var(--accentText);padding:11px 17px;border-radius:999px;display:none;z-index:100;border:1px solid var(--line)}@media(max-width:700px){.hero{padding:26px;display:block}.hero .primary{margin-top:18px;width:100%}.navActions{gap:3px}.navActions .ghost{padding:9px}.wrap{width:min(100% - 20px,1080px)}.staffForm{grid-template-columns:1fr}.staffForm button{width:100%}}