:root{--ink: #0b2239;--ink-soft: #2f4f6d;--blue: #0f3f71;--line: rgba(11, 34, 57, .15);--card: rgba(255, 255, 255, .88);font-family:Space Grotesk,Noto Sans KR,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#d9ebff 0%,transparent 45%),radial-gradient(circle at 80% 20%,#cde4ff 0%,transparent 42%),linear-gradient(140deg,#f0f6ff,#e5f0ff 45%,#f8fbff)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;padding:24px}.header{max-width:1200px;margin:0 auto 40px;padding:20px;border-radius:18px;background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}.brand{font-size:1.2rem;font-weight:700;letter-spacing:.08em}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tab-btn{border:1px solid rgba(11,34,57,.2);border-radius:999px;background:#fff;color:var(--ink);padding:10px 16px;font-size:.92rem;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.hero{max-width:1200px;margin:0 auto;text-align:center}.hero h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.8rem)}.hero p{margin-top:0;color:var(--ink-soft)}.tank-panel{margin:24px auto 0;width:min(100%,1100px);border-radius:22px;position:relative;overflow:hidden;border:2px solid var(--line);box-shadow:0 28px 60px #0f3f712e}.tank-image{width:100%;min-height:320px;display:block;object-fit:cover;transition:transform .35s ease}.tank-panel.is-left .tank-image{transform:scale(1.12);transform-origin:22% center}.tank-panel.is-right .tank-image{transform:scale(1.12);transform-origin:78% center}.tank-zone{position:absolute;top:0;bottom:0;width:50%;border:0;background:#0f3f7100;color:transparent;cursor:pointer;transition:background .25s ease;display:flex;justify-content:center;align-items:center;text-align:center}.tank-zone span{display:grid;gap:4px}.tank-zone small{font-size:.85rem;opacity:.9}.tank-zone:hover,.tank-zone:focus-visible{background:#0f3f7147;color:#fff;font-weight:700;font-size:1rem}.tank-zone.left{left:0}.tank-zone.right{right:0}.board-page,.admin-page{min-height:100vh;padding:24px;max-width:1200px;margin:0 auto}.board-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.board-header h2{margin:0}.board-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.zone-switch{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;display:flex;gap:4px}.zone-switch a{text-decoration:none;color:var(--ink-soft);padding:8px 14px;border-radius:999px;font-weight:600}.zone-switch a.active{background:var(--blue);color:#fff}.back-link{color:var(--blue);text-decoration:none;font-weight:600}.admin-mini-link{color:#5f748a;text-decoration:none;font-size:.78rem;border:1px solid rgba(11,34,57,.2);border-radius:999px;padding:4px 9px;background:#fff}.public-board-guide{background:var(--card);border-radius:18px;border:1px solid var(--line);padding:14px 20px;margin-bottom:20px}.public-board-guide p{margin:0;color:var(--ink-soft);font-weight:600}.admin-box,.posts-box{background:var(--card);border-radius:18px;border:1px solid var(--line);padding:20px;margin-bottom:20px}.admin-box h3,.posts-box h3{margin-top:0}.target-zone{margin-top:-4px;margin-bottom:12px;font-weight:600;color:var(--ink-soft)}.admin-form{display:grid;gap:12px}.login-form{grid-template-columns:repeat(2,minmax(200px,1fr))}.login-form button{align-self:end}.admin-form label{display:grid;gap:6px;font-weight:600;color:#1c3d5d}.admin-form input,.admin-form textarea,.admin-form button,.logout-btn{width:100%;border:1px solid rgba(11,34,57,.25);border-radius:10px;padding:10px 12px;font:inherit}.admin-form button,.logout-btn{width:fit-content;cursor:pointer;background:var(--blue);color:#fff;border-color:var(--blue)}.admin-session{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-session p{margin:0}.form-message{margin:12px 0 0;font-weight:600}.error{color:#b11d1d;font-weight:600}.posts-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.post-card{padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line)}.post-card h4{margin:0 0 6px}.post-card p{margin:0 0 10px;white-space:pre-wrap}.post-image{width:min(100%,580px);border-radius:12px;display:block;margin-bottom:10px}.post-date{color:#44637f;font-size:.9rem}@media (max-width: 900px){.login-form{grid-template-columns:1fr}}@media (max-width: 768px){.page,.board-page,.admin-page,.header{padding:16px}.tab-btn{padding:8px 12px}}