:root{--c-bg: #f7f9fc;--c-surface: #ffffff;--c-surface-alt: #eef3fb;--c-border: #e2e8f0;--c-text: #1f2937;--c-text-muted: #6b7280;--c-primary: #3b82f6;--c-primary-hover: #2563eb;--c-primary-soft: #dbeafe;--c-danger: #ef4444;--c-danger-soft: #fee2e2;--c-success: #10b981;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .12);--gnb-h: 56px;--sidebar-w: 250px;--font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:var(--c-primary)}#app{min-height:100%}.app-shell{display:flex;flex-direction:column;min-height:100vh}.gnb{height:var(--gnb-h);display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:20}.gnb__left{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.gnb__logo{width:30px;height:30px;flex:none}.gnb__home{font-weight:700;white-space:nowrap}.gnb__title{flex:1;text-align:center;font-weight:600;color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gnb__right{display:flex;align-items:center;gap:var(--sp-2)}.gnb__nav{display:flex;gap:4px;margin-left:var(--sp-3)}.gnb__nav-btn{background:none;border:1px solid transparent;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--c-text-muted)}.gnb__nav-btn:hover{background:var(--c-surface-alt)}.gnb__nav-btn.active{background:var(--c-primary-soft);color:var(--c-primary-hover)}.content--full{flex:1;padding:var(--sp-5);overflow-y:auto;min-width:0}.gnb__menu-btn{display:none;background:none;border:none;font-size:22px;padding:var(--sp-1) var(--sp-2)}.body{flex:1;display:flex;align-items:stretch}.sidebar{width:var(--sidebar-w);flex:none;background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;min-height:0}.sidebar__head{padding:var(--sp-3) var(--sp-4);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);flex:none}.sidebar__scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-2);max-height:calc(100vh - var(--gnb-h) - 44px)}.tree{list-style:none;margin:0;padding:0}.tree-row{display:flex;align-items:center;gap:4px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;user-select:none;position:relative}.tree-row:hover{background:var(--c-surface-alt)}.tree-row.active{background:var(--c-primary-soft);color:var(--c-primary-hover);font-weight:600}.tree-row.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--c-primary)}.tree-row__chev{width:18px;flex:none;background:none;border:none;color:var(--c-text-muted);font-size:10px;padding:0;cursor:pointer}.tree-row__dot{width:18px;flex:none;text-align:center;color:var(--c-border)}.tree-row__dot:before{content:"·"}.tree-row__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;padding:var(--sp-5);min-width:0}.cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.cat-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:var(--sp-2);user-select:none}.cat-item:hover{background:var(--c-surface-alt)}.cat-item.active{background:var(--c-primary-soft);color:var(--c-primary-hover);font-weight:600}.cat-item.dragging{opacity:.5}.cat-item__grip{color:var(--c-text-muted);cursor:grab}.btn{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:14px}.btn:hover{background:var(--c-surface-alt)}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn--primary:hover{background:var(--c-primary-hover)}.btn--danger{color:var(--c-danger);border-color:var(--c-danger-soft)}.btn--icon{padding:var(--sp-2);line-height:1}.post-list{display:flex;flex-direction:column;gap:var(--sp-3)}.post-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-4);box-shadow:var(--shadow);cursor:pointer}.post-card:hover{border-color:var(--c-primary)}.post-card__title{font-weight:600;margin:0 0 var(--sp-1)}.post-card__meta{font-size:13px;color:var(--c-text-muted)}.post-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.post-detail__title{margin:0;font-size:24px}.post-detail__meta{font-size:13px;color:var(--c-text-muted);margin-bottom:var(--sp-4)}.post-detail__body{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-5);min-height:200px}.attach-list{margin-top:var(--sp-4);display:flex;flex-wrap:wrap;gap:var(--sp-2)}.attach-chip{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-size:13px;text-decoration:none;color:var(--c-text)}.editor__toolbar{display:flex;gap:var(--sp-1);flex-wrap:wrap;padding:var(--sp-2);border:1px solid var(--c-border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background:var(--c-surface-alt)}.editor__area{min-height:260px;max-height:55vh;overflow-y:auto;border:1px solid var(--c-border);border-radius:0 0 var(--radius) var(--radius);padding:var(--sp-4);background:var(--c-surface);outline:none}.field{margin-bottom:var(--sp-4)}.field label{display:block;font-size:13px;color:var(--c-text-muted);margin-bottom:var(--sp-1)}.input,.select{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;background:var(--c-surface)}.row{display:flex;gap:var(--sp-2);align-items:center}.row--end{justify-content:flex-end}.spacer{flex:1}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.gate__card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-6);width:100%;max-width:360px;text-align:center}.gate__logo{width:56px;height:56px;margin-bottom:var(--sp-3)}.turnstile{display:flex;justify-content:center;margin-bottom:var(--sp-3);min-height:65px}.mode-switch{display:inline-flex;border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden}.mode-switch__btn{background:var(--c-surface);border:none;padding:5px 12px;font-size:13px;color:var(--c-text-muted)}.mode-switch__btn.active{background:var(--c-primary);color:#fff;font-weight:600}.md-input{width:100%;resize:vertical;font-family:Cascadia Code,Consolas,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap}.prose{line-height:1.75;word-break:break-word}.prose h1{font-size:1.6em;margin:.8em 0 .4em;font-weight:700}.prose h2{font-size:1.35em;margin:.8em 0 .4em;font-weight:700}.prose h3{font-size:1.15em;margin:.8em 0 .35em;font-weight:700}.prose p{margin:.6em 0}.prose ul,.prose ol{margin:.6em 0;padding-left:1.5em}.prose li{margin:.2em 0}.prose a{color:var(--c-primary);text-decoration:underline}.prose code{background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:4px;padding:.1em .4em;font-family:Cascadia Code,Consolas,monospace;font-size:.9em}.prose pre{background:#0f172a;color:#e2e8f0;border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);overflow-x:auto;margin:.8em 0}.prose pre code{background:none;border:none;padding:0;color:inherit}.prose blockquote{border-left:3px solid var(--c-primary);background:var(--c-surface-alt);margin:.8em 0;padding:.4em 1em;color:var(--c-text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose hr{border:none;border-top:1px solid var(--c-border);margin:1.2em 0}.prose img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.prose table{border-collapse:collapse;margin:.8em 0}.prose th,.prose td{border:1px solid var(--c-border);padding:6px 10px}.manage__tabs{display:flex;gap:6px;margin-bottom:var(--sp-4)}.manage__grid{display:grid;grid-template-columns:320px 1fr;gap:var(--sp-4);align-items:start}.manage__col{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-4)}.manage__col-head{font-size:12px;font-weight:700;color:var(--c-text-muted);margin-bottom:var(--sp-2)}.manage__list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:calc(100vh - 240px);overflow-y:auto}.co-card{border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer}.co-card:hover{background:var(--c-surface-alt)}.co-card.active{border-color:var(--c-primary);background:var(--c-primary-soft)}.co-card__top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.co-card__name{font-weight:600;flex:1}.co-card__count{font-size:12px;color:var(--c-text-muted)}.badge-row{display:flex;gap:6px;flex-wrap:wrap}.badge2{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.detail-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.detail-amount{font-size:13px;font-weight:600;color:var(--c-primary-hover);background:var(--c-primary-soft);padding:3px 10px;border-radius:999px}.field-grid{display:flex;gap:var(--sp-4);flex-wrap:wrap}.field-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--c-text-muted)}.memo-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--c-text-muted);margin-top:var(--sp-3)}.memo-area{resize:vertical;min-height:72px;line-height:1.6}.site-card{border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);overflow:hidden}.site-card.active{border-color:var(--c-primary)}.site-card__row{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer}.site-card__row:hover{background:var(--c-surface-alt)}.site-card__name{font-weight:600}.issue-panel{padding:10px 12px;border-top:1px dashed var(--c-border);background:var(--c-bg)}.issue-row{display:flex;align-items:center;gap:8px;padding:6px 0}.issue-row__title{font-weight:500}.issue-row__date{font-size:12px;color:var(--c-text-muted)}.status-select{border:1px solid var(--c-border);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;cursor:pointer}.st-success,.status-select.st-success{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.st-live,.status-select.st-live{background:#ccfbf1;color:#0f766e;border-color:#99f6e4}.st-progress,.status-select.st-progress{background:#fef3c7;color:#b45309;border-color:#fde68a}.st-info,.status-select.st-info{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.st-danger,.status-select.st-danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.st-cancel,.status-select.st-cancel{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.st-neutral,.status-select.st-neutral{background:#f8fafc;color:#475569;border-color:#e2e8f0}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:var(--sp-3)}.pager__info{font-size:13px;color:var(--c-text-muted)}@media(max-width:860px){.manage__grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:50}.modal{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-5);width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.modal__title{margin:0 0 var(--sp-4);font-size:18px}.footer{text-align:center;padding:var(--sp-4);font-size:13px;color:var(--c-text-muted);border-top:1px solid var(--c-border);background:var(--c-surface)}.msg-error{color:var(--c-danger);font-size:13px;margin-top:var(--sp-2)}.pw{position:relative}.pw__input{padding-right:40px}.pw__toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;line-height:1;padding:4px;color:var(--c-text-muted)}.cat-add-row{display:flex;gap:var(--sp-2);align-items:center}.cat-add-row .input{flex:1;min-width:0}.btn--add{flex:none;white-space:nowrap;min-width:72px}.cat-tree{list-style:none;margin:0;padding:0}.cat-tree .cat-tree{margin-left:var(--sp-4);border-left:1px dashed var(--c-border);padding-left:var(--sp-2)}.cat-node{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0}.cat-node__toggle{width:18px;flex:none;background:none;border:none;color:var(--c-text-muted);padding:0;font-size:12px}.cat-sub-input{margin:var(--sp-1) 0 var(--sp-2) var(--sp-5);display:flex;gap:var(--sp-2)}.empty{color:var(--c-text-muted);text-align:center;padding:var(--sp-6)}.sidebar-backdrop{display:none}@media(max-width:768px){.gnb__menu-btn{display:block}.gnb__title{display:none}.sidebar{position:fixed;top:var(--gnb-h);bottom:0;left:0;z-index:30;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block;position:fixed;inset:var(--gnb-h) 0 0 0;background:#0f172a4d;z-index:25}.content{padding:var(--sp-4)}}@media(min-width:769px)and (max-width:1024px){:root{--sidebar-w: 210px}}