@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}body{color:#000;background:#fff;flex-direction:column;align-items:center;min-height:100vh;padding:72px 24px 100px;font-family:Noto Serif KR,Batang,serif;transition:background .2s,color .2s;display:flex}.navbar{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);background:#ffffffd1;border-bottom:1px solid #ececec;height:46px;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-brand{letter-spacing:.06em;color:#000;font-size:14px;font-weight:300}.nav-actions{align-items:center;gap:4px;display:flex}.nav-account{display:inline-flex;position:relative}.nav-pill{letter-spacing:.03em;color:#444;cursor:pointer;background:#f7f7f7;border:1px solid #e2e2e2;border-radius:999px;align-items:center;gap:5px;max-width:150px;padding:4px 9px 4px 11px;font-family:Noto Serif KR,Batang,serif;font-size:12px;font-weight:300;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.nav-pill:hover{color:#000;border-color:#bbb}.nav-pill-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-pill-caret{color:#999;flex-shrink:0;transition:transform .18s}.nav-pill-caret.open{transform:rotate(180deg)}.nav-dropdown{-webkit-backdrop-filter:saturate(180%)blur(12px);background:#fffffff5;border:1px solid #ececec;border-radius:10px;min-width:150px;animation:.14s both up;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000014}.nav-dropdown-email{letter-spacing:.02em;color:#888;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ececec;padding:10px 14px;font-family:Noto Serif KR,Batang,serif;font-size:11px;overflow:hidden}.nav-dropdown-item{letter-spacing:.04em;color:#555;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:11px 14px;font-family:Noto Serif KR,Batang,serif;font-size:12px;transition:background .15s,color .15s;display:flex}.nav-dropdown-item:hover{color:#000;background:#0000000a}.nav-icon{color:#444;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s;display:inline-flex}.nav-icon:hover{color:#000;background:#0000000d}.icon-sun,[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}.login-wrap{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin:8vh auto 0;animation:.2s both up;display:flex}.login-title{letter-spacing:.14em;text-align:center;margin-bottom:28px;font-size:16px;font-weight:400}.login-form{flex-direction:column;gap:10px;display:flex}.login-field{color:#000;background:#fafafa;border:1px solid #e0e0e0;outline:none;width:100%;padding:12px;font-family:Noto Serif KR,Batang,serif;font-size:16px;transition:border-color .15s}.login-field:focus{background:#fff;border-color:#999}.login-field::placeholder{color:#bbb}.login-submit{letter-spacing:.08em;color:#fff;cursor:pointer;background:#000;border:none;margin-top:4px;padding:12px;font-family:Noto Serif KR,Batang,serif;font-size:13px;font-weight:300;transition:opacity .15s}.login-submit:hover{opacity:.65}.login-error{letter-spacing:.04em;color:#b00020;text-align:center;margin-top:2px;font-size:12px}.login-back{text-align:center;letter-spacing:.08em;color:#aaa;margin-top:20px;font-size:12px;transition:color .15s;display:block}.login-back:hover{color:#000}.card{width:100%;max-width:480px}.archive-row{align-items:flex-start;gap:14px;margin-bottom:40px;display:flex}.archive-item{flex-direction:column;flex:1;align-items:flex-start;gap:7px;display:flex}.archive-item.current{flex:none;width:160px}.archive-poster{aspect-ratio:2/3;background:#f2f2f2;border:1px solid #bbb;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.archive-poster img{object-fit:cover;width:100%;height:100%;display:block}.poster-ph{color:#ccc;text-align:center;padding:8px;font-size:10px;line-height:1.6}.archive-month{color:#aaa;letter-spacing:.1em;font-size:10px}.archive-title{color:#000;font-size:12px;font-weight:400;line-height:1.3}.archive-meta{color:#888;font-size:10px}.current-badge{letter-spacing:.1em;color:#000;margin-bottom:6px;font-size:12px}.divider{border:none;border-top:1px solid #ebebeb;margin:0 0 32px}textarea{color:#000;resize:none;background:#fff;border:1px solid #ddd;border-bottom:none;outline:none;width:100%;min-height:150px;padding:18px 18px 14px;font-family:Noto Serif KR,Batang,serif;font-size:16px;line-height:1.9;transition:border-color .15s}textarea:focus{border-color:#999}textarea::placeholder{color:#bbb;font-style:italic}.bar{border:1px solid #ddd;border-top-color:#eee;justify-content:space-between;align-items:center;padding:10px 16px 11px;display:flex}.bar-right{align-items:center;gap:12px;display:flex}.anon{color:#aaa;font-size:11px}.anon-toggle{color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;font-family:inherit;font-size:11px;transition:color .18s;display:flex}.anon-toggle.on{color:#000}.anon-toggle-track{background:#d9d9d9;border-radius:999px;width:26px;height:15px;transition:background .18s;position:relative}.anon-toggle.on .anon-toggle-track{background:#000}.anon-toggle-thumb{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .18s;position:absolute;top:2px;left:2px}.anon-toggle.on .anon-toggle-thumb{transform:translate(11px)}.post-btn{color:#fff;cursor:pointer;background:#000;border:none;padding:7px 20px;font-family:Noto Serif KR,Batang,serif;font-size:12px;transition:opacity .15s}.post-btn:hover{opacity:.65}.post-btn:disabled{opacity:.2;cursor:default}.reviews{margin-top:32px}.r{border-bottom:1px solid #ebebeb;padding:16px 0 14px;animation:.3s both up}.r:first-child{border-top:1px solid #ebebeb}.r-meta{color:#aaa;margin-bottom:8px;font-size:10px}.r-author{color:#555;letter-spacing:.02em}.r-body{color:#000;white-space:pre-wrap;font-size:14px;line-height:2}.r-actions{margin-left:10px}.r-actions button{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:inherit;font-size:10px;transition:color .15s}.r-actions button:hover{color:#000}.r-actions button.r-delete:hover{color:#e60000}.r-actions button:disabled{opacity:.4;cursor:default}.r-edit textarea{resize:vertical;border:1px solid #ebebeb;width:100%;padding:8px;font-size:14px;line-height:1.8}.r-edit-bar{gap:8px;margin-top:8px;display:flex}.r-edit-bar button{color:#fff;cursor:pointer;background:#000;border:none;padding:5px 16px;font-family:Noto Serif KR,Batang,serif;font-size:11px;transition:opacity .15s}.r-edit-bar button:last-child{color:#000;background:#f2f2f2}.r-edit-bar button:hover{opacity:.65}.r-edit-bar button:disabled{opacity:.3;cursor:default}footer{letter-spacing:.12em;color:#aaa;text-align:center;margin-top:56px;font-size:11px}footer a{color:inherit;text-decoration:none}footer a:hover{color:#000}.admin{border-top:1px solid #ebebeb;flex-direction:column;gap:8px;margin-top:64px;padding-top:28px;display:flex}.admin-label{color:#bbb;letter-spacing:.14em;margin-bottom:4px;font-size:12px}.admin-section-title{color:#999;letter-spacing:.08em;margin:8px 0 4px;font-size:11px}.admin-row{align-items:center;gap:6px;display:flex}.a{color:#000;background:#fafafa;border:1px solid #e8e8e8;outline:none;flex:1;min-width:0;padding:8px 10px;font-family:Noto Serif KR,Batang,serif;font-size:16px;transition:border-color .15s}.a:focus{background:#fff;border-color:#999}.a::placeholder{color:#ccc}.a.sm{flex:none;max-width:70px}.a.md{flex:none;max-width:160px}select.a{appearance:none;border-radius:0}.poster-upload-btn{color:#999;text-align:center;cursor:pointer;background:#fafafa;border:1px dashed #ccc;width:100%;padding:9px;font-family:Noto Serif KR,Batang,serif;font-size:12px;transition:border-color .15s,color .15s;display:block}.poster-upload-btn:hover{color:#000;border-color:#999}input[type=file]{display:none}.poster-preview-admin{object-fit:cover;border:1px solid #bbb;flex-shrink:0;width:60px;height:84px}.save{color:#000;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccc;flex-shrink:0;padding:8px 18px;font-family:Noto Serif KR,Batang,serif;font-size:12px;transition:border-color .15s}.save:hover{border-color:#000}@keyframes up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.layout{flex-direction:column;gap:64px;width:100%;max-width:1200px;display:flex}.top-section{flex-direction:column;justify-content:center;min-height:45vh;display:flex}.bottom-section{min-height:55vh}.archive-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.archive-section-title{letter-spacing:.14em;color:#888;margin-bottom:28px;font-size:13px}.archive-item{transition:transform .2s;position:relative}.archive-item:hover{transform:translateY(-4px)}.archive-del{z-index:2;color:#b23b3b;cursor:pointer;opacity:.7;background:#ffffffe6;border:1px solid #e0c3c3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:15px;line-height:1;transition:opacity .15s,border-color .15s,background .15s;display:flex;position:absolute;top:6px;right:-8px}.archive-item:hover .archive-del{opacity:1}.archive-del:hover:not(:disabled){background:#fbf3f3;border-color:#b23b3b}.archive-del:disabled{opacity:.45;cursor:not-allowed}.confirm-overlay{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(4px);background:#00000052;justify-content:center;align-items:center;padding:24px;animation:.15s confirm-fade;display:flex;position:fixed;inset:0}.confirm-box{background:#fff;border:1px solid #e3e3e3;width:100%;max-width:320px;padding:26px 24px 18px;animation:.16s confirm-pop;box-shadow:0 18px 50px #0000002e}.confirm-msg{color:#1a1a1a;text-align:center;word-break:keep-all;margin-bottom:22px;font-family:Noto Serif KR,Batang,serif;font-size:15px;line-height:1.6}.confirm-actions{gap:10px;display:flex}.confirm-cancel,.confirm-ok{cursor:pointer;color:#000;background:#fff;border:1px solid #ccc;flex:1;padding:9px 0;font-family:Noto Serif KR,Batang,serif;font-size:13px;transition:border-color .15s,background .15s}.confirm-cancel:hover{border-color:#000}.confirm-ok{color:#fff;background:#b23b3b;border-color:#b23b3b}.confirm-ok:hover{background:#9c2f2f;border-color:#9c2f2f}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .confirm-overlay{background:#0000008c}[data-theme=dark] .confirm-box{background:#161616;border-color:#333;box-shadow:0 18px 50px #00000080}[data-theme=dark] .confirm-msg{color:#ececec}[data-theme=dark] .confirm-cancel{color:#ececec;background:#161616;border-color:#444}[data-theme=dark] .confirm-cancel:hover{border-color:#fff}[data-theme=dark] .confirm-ok{color:#fff;background:#b23b3b;border-color:#b23b3b}[data-theme=dark] .confirm-ok:hover{background:#c44;border-color:#c44}.archive-poster img{transition:transform .25s}.archive-poster:hover img{transform:scale(1.03)}.archive-title{letter-spacing:.01em;margin-top:8px;font-size:14px;font-weight:400}.archive-meta{margin-top:4px;line-height:1.5}textarea{border-radius:0}.post-btn{letter-spacing:.08em;font-weight:300}@media (max-width:768px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){body{padding:56px 18px 80px}.archive-item.current{width:130px}}[data-theme=dark] body{color:#e8e8e8;background:#0e0e0e}[data-theme=dark] .navbar{background:#0e0e0ed1;border-bottom:1px solid #222}[data-theme=dark] .nav-brand{color:#e8e8e8}[data-theme=dark] .nav-pill{color:#bbb;background:#1a1a1a;border-color:#2e2e2e}[data-theme=dark] .nav-pill:hover{color:#fff;border-color:#555}[data-theme=dark] .nav-pill-caret{color:#777}[data-theme=dark] .nav-dropdown{background:#141414f5;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .nav-dropdown-email{color:#777;border-bottom-color:#2a2a2a}[data-theme=dark] .nav-dropdown-item{color:#aaa}[data-theme=dark] .nav-dropdown-item:hover{color:#fff;background:#ffffff0f}[data-theme=dark] .nav-icon{color:#aaa}[data-theme=dark] .nav-icon:hover{color:#fff;background:#ffffff14}[data-theme=dark] .login-field{color:#ececec;background:#161616;border-color:#2a2a2a}[data-theme=dark] .login-field:focus{background:#1a1a1a;border-color:#555}[data-theme=dark] .login-field::placeholder{color:#666}[data-theme=dark] .login-submit{color:#0e0e0e;background:#f2f2f2}[data-theme=dark] .login-back{color:#777}[data-theme=dark] .login-back:hover{color:#fff}[data-theme=dark] .login-error{color:#ff6b6b}[data-theme=dark] .current-badge{color:#f2f2f2}[data-theme=dark] .archive-poster{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .poster-ph{color:#555}[data-theme=dark] .archive-title{color:#ececec}[data-theme=dark] .archive-meta{color:#888}[data-theme=dark] .archive-month{color:#777}[data-theme=dark] .archive-section-title{color:#999}[data-theme=dark] .divider,[data-theme=dark] .reviews .r,[data-theme=dark] .r:first-child,[data-theme=dark] .admin{border-color:#242424}[data-theme=dark] textarea{color:#ececec;background:#161616;border-color:#2a2a2a}[data-theme=dark] textarea:focus{border-color:#555}[data-theme=dark] textarea::placeholder{color:#666}[data-theme=dark] .bar{border-color:#1f1f1f #2a2a2a #2a2a2a}[data-theme=dark] .anon,[data-theme=dark] .anon-toggle{color:#777}[data-theme=dark] .anon-toggle.on{color:#fff}[data-theme=dark] .anon-toggle-track{background:#3a3a3a}[data-theme=dark] .anon-toggle.on .anon-toggle-track{background:#fff}[data-theme=dark] .anon-toggle-thumb{background:#1f1f1f}[data-theme=dark] .anon-toggle.on .anon-toggle-thumb{background:#000}[data-theme=dark] .post-btn{color:#0e0e0e;background:#f2f2f2}[data-theme=dark] .r-meta{color:#777}[data-theme=dark] .r-author{color:#bbb}[data-theme=dark] .r-body{color:#e8e8e8}[data-theme=dark] .r-actions button{color:#777}[data-theme=dark] .r-actions button:hover{color:#fff}[data-theme=dark] .r-actions button.r-delete:hover{color:#ff6b6b}[data-theme=dark] .r-edit-bar button{color:#0e0e0e;background:#f2f2f2}[data-theme=dark] .r-edit-bar button:last-child{color:#ececec;background:#2a2a2a}[data-theme=dark] footer{color:#777}[data-theme=dark] footer a:hover{color:#fff}[data-theme=dark] .admin-label{color:#666}[data-theme=dark] .a{color:#ececec;background:#161616;border-color:#2a2a2a}[data-theme=dark] .a:focus{background:#1a1a1a;border-color:#555}[data-theme=dark] .a::placeholder{color:#555}[data-theme=dark] .poster-upload-btn{color:#888;background:#161616;border-color:#333}[data-theme=dark] .poster-upload-btn:hover{color:#fff;border-color:#666}[data-theme=dark] .poster-preview-admin{border-color:#2a2a2a}[data-theme=dark] .save{color:#ececec;background:#161616;border-color:#444}[data-theme=dark] .save:hover{border-color:#fff}[data-theme=dark] .archive-del{color:#e08a8a;background:#141414d9;border-color:#5a3535}[data-theme=dark] .archive-del:hover:not(:disabled){background:#2a1818;border-color:#e08a8a}