:root{color-scheme:dark;--bg:#10131e;--panel:#181e2d;--line:#333d53;--text:#e5ebf7;--muted:#9baac4;--mint:#8ce8ce;--purple:#b1a0ef;font-family:'Noto Sans KR',sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#42316a25,transparent 50%);min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,border-color .15s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:#232b3d;color:var(--text);padding:11px 16px;font-size:13px}button:hover{background:#2e3b50;border-color:#66768e}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--mint);border-color:var(--mint);color:#10382f;font-weight:700}button.primary:hover{background:#b0f5df}button.danger{color:#f5b3bd;background:#382530;border-color:#61404a}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.topbar{height:86px;border-bottom:1px solid var(--line);margin:0 auto;max-width:1240px;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand>span{color:var(--mint)}.brand small{display:inline-block;border-left:1px solid #53617a;margin-left:20px;padding-left:20px;font:400 12px 'Noto Sans KR',sans-serif;color:var(--muted);letter-spacing:0}.top-actions{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.top-actions button{padding:7px 10px;font-size:11px}main{max-width:1168px;margin:auto;padding:54px 0 80px}.eyebrow{font:500 10px 'Space Grotesk',sans-serif;letter-spacing:1.8px;color:var(--mint)}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.6;margin:10px 0}p{font-size:13px;line-height:1.9;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-heading p{margin:4px 0}.tiny-dot{display:inline-block;width:7px;height:7px;background:var(--mint);margin:0 0 8px 12px}.stats{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:#171d2b;padding:22px 27px;margin:0 0 34px;gap:40px}.stats>div{min-width:110px;display:flex;gap:16px;align-items:center}.stats span{color:var(--muted);font-size:11px}.stats strong{font:500 25px 'Space Grotesk',sans-serif;color:#d1ddf0}.stats p{margin:0 0 0 auto;font-size:11px}.stats i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:6px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;gap:16px}.tabs{display:flex;gap:7px}.tabs button{background:transparent;border:1px solid transparent;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--mint);background:#243e3e;border-color:#4d8279}.list-controls{display:flex;gap:8px}.list-controls input{width:210px}.list-controls button{padding:7px 13px;font-size:20px}.list-controls input,.list-controls select{padding:9px 12px;font-size:11px}.entry-row{display:flex;align-items:center;gap:17px;padding:20px;border:1px solid var(--line);border-radius:7px;background:var(--panel);margin:10px 0}.entry-thumb{width:55px;height:55px;object-fit:cover;flex-shrink:0;background:#30324a;border:1px solid #46516b;border-radius:10px;display:grid;place-content:center;color:var(--purple);font-size:23px}.entry-title{flex:1;min-width:0}.entry-title h2{margin:0 0 6px;font-size:15px;overflow-wrap:anywhere}.entry-title p{font-size:10px;margin:0;line-height:1.7}.entry-status{font-size:10px;padding:5px 8px;border:1px solid #4e7f70;color:var(--mint);border-radius:4px;white-space:nowrap}.entry-status.draft{color:#d0b9f7;border-color:#75648e}.entry-status.archived{color:#b0b9c9;border-color:#515c6f}.edit-button{font-size:11px;background:transparent;padding:8px 14px}.empty-state{text-align:center;border:1px dashed #3b4962;border-radius:8px;padding:60px 20px}.empty-state span{font-size:32px;color:var(--purple)}.empty-state h2{font-size:19px;font-weight:500}.empty-state p{font-size:12px}.login-card{max-width:520px;margin:32px auto 80px;background:linear-gradient(140deg,#1f293b,#181c2c);border:1px solid #3c4862;padding:44px;border-radius:12px;box-shadow:0 24px 90px #0002}.login-card h1{font-size:27px;margin:15px 0}.login-card>p{font-size:12px}.login-card form{margin-top:28px}.login-card form button{width:100%;display:flex;justify-content:space-between;margin-top:16px}.login-hint{font-size:11px!important;margin:20px 0 0}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500;color:#c7d3e6}input,textarea,select{border:1px solid #43506b;background:#121927;color:var(--text);padding:12px 14px;border-radius:5px;width:100%;font-size:13px;line-height:1.65}input::placeholder,textarea::placeholder{color:#70819c}textarea{resize:vertical;min-height:100px}label>small,.field-hint{font-size:10px;color:var(--muted);font-weight:400;line-height:1.8}#password{margin-top:10px}dialog{width:760px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:0;border:1px solid #4a5876;border-radius:10px;background:#191f2f;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080d19c9;backdrop-filter:blur(5px)}#entry-form{display:flex;flex-direction:column;max-height:calc(100dvh - 42px)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid var(--line)}.editor-header h2{font-size:23px;margin:7px 0 0;letter-spacing:-.7px}.icon-button{border:none;background:transparent;padding:5px 10px;color:var(--muted);font-size:28px;line-height:1}.editor-body{padding:24px 30px;overflow-y:auto}.editor-help{font-size:11px;margin:0 0 24px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-grid .full{grid-column:1/-1}.field-heading{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin:4px 0 0;font-size:13px;color:var(--purple)}.required{color:var(--mint)}.upload-field{display:flex;flex-direction:column;gap:10px}.upload-field>span{font-size:12px;font-weight:500}.upload-box{border:1px dashed #54617e;padding:15px;border-radius:6px;background:#141b2a;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.upload-box input[type=file]{border:0;background:transparent;padding:3px 0;font-size:11px}.upload-box img{max-width:110px;max-height:90px;object-fit:contain;border-radius:4px}.upload-actions{flex:1;min-width:140px}.upload-actions button{padding:5px 8px;margin-top:8px;font-size:10px}.gallery-thumbs{display:flex;gap:12px;flex-wrap:wrap}.gallery-item{display:flex;flex-direction:column;gap:6px;align-items:center}.gallery-item img{height:85px;width:90px;object-fit:contain}.gallery-item button{padding:3px 8px;font-size:10px}.editor-meta{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.editor-meta label{max-width:210px}#saved-at{font-size:10px;color:var(--muted)}.editor-footer{display:flex;gap:9px;align-items:center;padding:18px 25px;border-top:1px solid var(--line);background:#1c2535}.editor-footer button{font-size:11px;padding:10px 13px}.footer-spacer{flex:1}.form-error{color:#ffbbc5;margin-bottom:0;font-size:12px;white-space:pre-line}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 23px;border:1px solid #54877d;border-radius:7px;background:#23443f;color:#cff9ec;font-size:12px;z-index:100;box-shadow:0 12px 40px #0008;max-width:90vw;width:max-content}.page-footer{max-width:1168px;margin:0 auto 30px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#7e8fa9}.page-footer span{font-family:'Space Grotesk',sans-serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#preview{padding:35px}#preview-content h2{font-size:26px;margin-right:30px;overflow-wrap:anywhere}.preview-close{position:absolute;top:15px;right:15px}.preview-body{white-space:pre-wrap;line-height:2;font-size:14px;overflow-wrap:anywhere}.preview-images{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.preview-images img{max-width:100%;max-height:320px;object-fit:contain}.preview-links{display:flex;flex-wrap:wrap;gap:10px}.preview-links a{padding:10px 15px;background:var(--mint);color:#153e34;border-radius:5px;font-size:12px}#discard{max-width:400px;padding:28px}#discard h2{font-size:19px}.discard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.discard-actions button{font-size:11px}
@media(max-width:1250px){main,.page-footer{margin-left:36px;margin-right:36px}}@media(max-width:850px){.stats{gap:20px;flex-wrap:wrap}.stats p{margin-left:0;width:100%}.section-toolbar{flex-wrap:wrap}.list-controls{width:100%}.list-controls input{flex:1;min-width:0}.list-controls select{width:110px}.brand small{margin-left:12px;padding-left:12px}.topbar{padding:0 24px}.top-actions{gap:10px}.entry-row{gap:12px}.entry-status{margin-left:auto}main{padding-top:35px}}@media(max-width:560px){.topbar{padding:0 20px;height:73px}.brand{font-size:23px}.brand small{display:none}.top-actions{font-size:10px}.top-actions button{font-size:10px}main,.page-footer{margin-left:20px;margin-right:20px}.page-heading{gap:12px;align-items:flex-end}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;max-width:190px}.page-heading>.primary{font-size:10px;padding:11px;white-space:nowrap}.stats{padding:18px;gap:14px}.stats>div{min-width:auto;gap:10px;flex:1}.stats span{font-size:9px}.stats strong{font-size:22px}.stats p{font-size:9px}.entry-row{flex-wrap:wrap;padding:15px}.entry-thumb{width:43px;height:43px}.entry-title{min-width:calc(100% - 65px)}.entry-title h2{font-size:14px}.entry-status{margin-left:55px}.login-card{padding:28px 23px;margin:10px 0}.login-card h1{font-size:24px}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.editor-header{padding:20px}.editor-body{padding:20px}.editor-footer{padding:14px 16px;gap:7px;flex-wrap:wrap}.editor-footer button{padding:9px 10px;font-size:10px}.editor-footer .danger{margin-right:auto}.footer-spacer{display:none}.editor-header h2{font-size:21px}.page-footer{line-height:1.8;gap:20px}.page-footer span{white-space:nowrap}#preview{padding:27px 22px}.editor-meta{align-items:flex-start;flex-direction:column;gap:10px}.tabs button{font-size:12px}}
