@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-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-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}.anon{color:#aaa;font-size: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-body{color:#000;white-space:pre-wrap;font-size:14px;line-height:2}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}.archive-item:hover{transform:translateY(-4px)}.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-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] .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{color:#777}[data-theme=dark] .post-btn{color:#0e0e0e;background:#f2f2f2}[data-theme=dark] .r-meta{color:#777}[data-theme=dark] .r-body{color:#e8e8e8}[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}