*{box-sizing:border-box}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Malgun Gothic,맑은 고딕,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh}.header{color:#fff;z-index:100;background:#1a1a2e;border-bottom:2px solid #e84393;align-items:center;gap:16px;height:48px;padding:0 16px;display:flex;position:sticky;top:0}.header-logo{color:#e84393;cursor:pointer;white-space:nowrap;font-size:18px;font-weight:900}.header-spacer{flex:1}.header-auth{align-items:center;gap:8px;display:flex}.header-auth .username{color:#e84393;font-size:12px}.btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:2px;padding:4px 10px;font-size:12px}.btn:hover{background:#333}.btn-pink{color:#fff;background:#e84393;border-color:#e84393}.btn-pink:hover{background:#c0326e}.btn-sm{padding:3px 8px;font-size:11px}.layout{gap:12px;max-width:1100px;margin:0 auto;padding:12px 8px;display:flex}.sidebar{flex-shrink:0;width:180px}.sidebar-box{background:#fff;border:1px solid #ddd}.sidebar-title{color:#e84393;letter-spacing:.5px;background:#1a1a2e;padding:8px 10px;font-size:12px;font-weight:700}.sidebar-item{color:#333;cursor:pointer;border-bottom:1px solid #f0f0f0;padding:7px 10px;font-size:12px;display:block}.sidebar-item:hover{background:#f8f8f8;text-decoration:none}.sidebar-item.active{color:#e84393;background:#fff5f9;font-weight:700}.main{flex:1;min-width:0}.board-header{background:#fff;border:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 14px;display:flex}.board-title{color:#1a1a2e;font-size:15px;font-weight:700}.board-desc{color:#888;margin-top:2px;font-size:11px}.post-table{border-collapse:collapse;background:#fff;border:1px solid #ddd;width:100%}.post-table th{color:#555;text-align:center;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:6px 8px;font-size:11px;font-weight:400}.post-table td{border-bottom:1px solid #f0f0f0;padding:7px 8px;font-size:12px}.post-table tr:hover td{background:#fafafa}.post-num{text-align:center;color:#999;width:50px}.post-title-cell{cursor:pointer}.post-title-link{color:#222}.post-title-link:hover{color:#e84393;text-decoration:none}.post-author{text-align:center;color:#666;width:90px}.post-date{text-align:center;color:#999;width:80px}.post-likes{text-align:center;color:#e84393;width:50px;font-weight:700}.comment-count{color:#e84393;margin-left:3px;font-size:11px}.pagination{background:#fff;border:1px solid #ddd;border-top:none;justify-content:center;gap:4px;padding:12px;display:flex}.page-btn{cursor:pointer;text-align:center;background:#fff;border:1px solid #ddd;border-radius:2px;min-width:28px;padding:4px 8px;font-size:12px}.page-btn:hover{background:#f0f0f0}.page-btn.active{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.write-bar{justify-content:flex-end;padding:6px 0;display:flex}.post-view{background:#fff;border:1px solid #ddd}.post-view-header{border-bottom:1px solid #eee;padding:14px 16px}.post-view-title{margin-bottom:8px;font-size:16px;font-weight:700}.post-view-meta{color:#888;flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.post-view-body{white-space:pre-wrap;min-height:200px;padding:16px;font-size:13px;line-height:1.75}.post-view-body img{max-width:100%;margin:8px 0;display:block}.post-vote{border-top:1px solid #eee;justify-content:center;gap:20px;padding:14px;display:flex}.vote-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:2px;align-items:center;gap:8px;padding:8px 28px;font-size:13px;display:flex}.vote-btn.up:hover{color:#e84393;border-color:#e84393}.vote-btn.down:hover{color:#3498db;border-color:#3498db}.post-back{border-top:1px solid #eee;justify-content:center;padding:10px 14px;display:flex}.comment-section{background:#fff;border:1px solid #ddd;margin-top:4px}.comment-header{color:#555;border-bottom:1px solid #eee;padding:10px 14px;font-size:12px;font-weight:700}.comment-item{border-bottom:1px solid #f5f5f5;padding:10px 14px}.comment-item.reply{background:#fafafa;border-left:3px solid #e84393;padding-left:34px}.comment-meta{color:#888;align-items:center;gap:10px;margin-bottom:5px;font-size:11px;display:flex}.comment-author{color:#444;font-size:12px;font-weight:700}.comment-content{font-size:12px;line-height:1.65}.comment-empty{text-align:center;color:#aaa;padding:20px;font-size:12px}.comment-form{background:#f8f8f8;border-top:1px solid #eee;padding:12px 14px}.comment-form-title{color:#555;margin-bottom:8px;font-size:12px;font-weight:700}.comment-form textarea{resize:vertical;border:1px solid #ddd;outline:none;width:100%;min-height:70px;padding:8px;font-family:inherit;font-size:12px}.comment-form textarea:focus{border-color:#e84393}.comment-form-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.comment-form input{border:1px solid #ddd;outline:none;width:130px;padding:5px 8px;font-size:12px}.comment-form input:focus{border-color:#e84393}.comment-form-submit{margin-left:auto}.write-form{background:#fff;border:1px solid #ddd;padding:20px}.write-form h2{color:#1a1a2e;border-bottom:2px solid #e84393;margin-bottom:14px;padding-bottom:8px;font-size:15px}.form-row{margin-bottom:10px}.form-row label{color:#555;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.form-row input,.form-row textarea,.form-row select{border:1px solid #ddd;outline:none;width:100%;padding:7px 9px;font-family:inherit;font-size:13px}.form-row input:focus,.form-row textarea:focus{border-color:#e84393}.form-row textarea{resize:vertical;min-height:300px}.form-actions{justify-content:center;gap:8px;margin-top:14px;display:flex}.form-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:2px;padding:8px 24px;font-size:13px}.modal-overlay{z-index:999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #ccc;border-radius:2px;width:360px;max-width:95vw;padding:28px}.modal h2{text-align:center;color:#1a1a2e;border-bottom:2px solid #e84393;margin-bottom:18px;padding-bottom:10px;font-size:16px}.modal .form-row{margin-bottom:10px}.modal-switch{text-align:center;color:#888;margin-top:10px;font-size:12px}.modal-switch span{color:#e84393;cursor:pointer}.modal-switch span:hover{text-decoration:underline}.modal-actions{gap:8px;margin-top:14px;display:flex}.modal-actions button{cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:2px;flex:1;padding:9px;font-size:13px}.error-msg{color:#e84393;margin-top:6px;font-size:11px}.empty{text-align:center;color:#aaa;padding:40px;font-size:13px}.loading{text-align:center;color:#aaa;padding:30px}@media (width<=640px){body{font-size:14px}.layout{flex-direction:column;gap:0;padding:6px 0}.sidebar{width:100%}.sidebar-box{-webkit-overflow-scrolling:touch;scrollbar-width:none;border:none;border-bottom:1px solid #ddd;flex-direction:row;display:flex;overflow-x:auto}.sidebar-box::-webkit-scrollbar{display:none}.sidebar-title{display:none}.sidebar-item{white-space:nowrap;border-bottom:none;border-right:1px solid #f0f0f0;flex-shrink:0;padding:8px 14px;font-size:13px;display:inline-block}.sidebar-item.active{border-bottom:2px solid #e84393}.sidebar-box .btn{display:none}.board-header{padding:8px 12px}.board-title{font-size:14px}.post-num,.post-author{display:none}.post-table th.post-date{width:52px}.post-table td{padding:9px 8px;font-size:13px}.post-title-link{font-size:13px}.post-view-header{padding:12px}.post-view-title{font-size:15px}.post-view-body{padding:12px;font-size:14px}.post-vote{gap:10px;padding:12px}.vote-btn{flex:1;justify-content:center;padding:10px 8px;font-size:13px}.comment-item.reply{padding-left:20px}.comment-form-row{flex-wrap:wrap}.comment-form input{flex:none;width:100%}.comment-form-submit{width:100%;margin-left:0;padding:8px}.write-form{border-left:none;border-right:none;padding:12px}.form-row input,.form-row textarea,.form-row select{font-size:16px}.form-actions button{flex:1}.be-controls button{padding:5px 8px;font-size:13px}.fmt-toolbar button,.color-btn{padding:5px 10px;font-size:13px}.be-text-ta,.be-quote-ta,.be-spoiler-ta{min-height:100px;font-size:16px}.be-image{flex-direction:column}.be-image-opts{flex-flow:wrap;align-items:center;gap:8px}.be-youtube iframe{height:56.25vw;max-height:315px}.add-bar-menu{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.add-bar-menu button,.add-bar-menu label{padding:5px 10px;font-size:12px}.bv-youtube iframe{height:56.25vw;max-height:315px}.modal{width:95vw;padding:20px 16px}.pagination{flex-wrap:wrap;gap:2px;padding:10px 6px}.page-btn{min-width:36px;padding:6px 8px;font-size:13px}}.block-viewer{font-size:13px;line-height:1.75}.bv-text{white-space:pre-wrap;margin:4px 0}.bv-divider{border:none;border-top:1px solid #ddd;margin:14px 0}.bv-quote{color:#555;background:#fff5f9;border-left:3px solid #e84393;margin:8px 0;padding:8px 14px;font-style:italic}.bv-youtube{margin:10px 0}.bv-youtube iframe{border:none;width:100%;max-width:560px;height:315px;display:block}.bv-spoiler{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;background:#222;border-radius:4px;margin:8px 0;padding:10px 16px}.bv-spoiler.open{color:#333;cursor:pointer;background:#f9f9f9}.block-editor{background:#fafafa;border:1px solid #ddd}.be-block{border-bottom:1px solid #eee;display:flex}.be-controls{background:#f0f0f0;border-right:1px solid #ddd;flex-direction:column;flex-shrink:0;gap:2px;padding:6px 4px;display:flex}.be-controls button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:2px;padding:2px 5px;font-size:11px;line-height:1.4}.be-controls button:hover:not(:disabled){color:#fff;background:#e84393;border-color:#e84393}.be-controls button:disabled{color:#ccc;cursor:default}.be-del:hover{background:#ff4d4f!important;border-color:#ff4d4f!important}.be-content{flex:1;min-width:0;padding:6px}.fmt-toolbar{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:4px;display:flex}.fmt-toolbar button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:2px;padding:2px 7px;font-size:12px;line-height:1.5}.fmt-toolbar button:hover{background:#f0f0f0}.color-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:2px;align-items:center;gap:2px;padding:2px 7px;font-size:12px;line-height:1.5;display:inline-flex;position:relative}.color-btn input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.be-text-ta,.be-quote-ta,.be-spoiler-ta{resize:vertical;border:1px solid #ddd;outline:none;width:100%;min-height:80px;padding:6px 8px;font-family:inherit;font-size:13px}.be-text-ta:focus,.be-quote-ta:focus,.be-spoiler-ta:focus{border-color:#e84393}.be-quote-ta{background:#fff5f9;border-left:3px solid #e84393;font-style:italic}.be-spoiler-ta{color:#aaa;background:#2a2a2a}.be-image{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.be-image img{object-fit:contain;border:1px solid #eee;max-width:200px;max-height:150px}.be-image-opts{flex-direction:column;gap:6px;font-size:12px;display:flex}.be-image-opts label{color:#555}.be-image-opts select{border:1px solid #ddd;padding:3px 6px;font-size:12px}.be-divider-preview{color:#aaa;text-align:center;border-top:1px dashed #ddd;padding:8px 0;font-size:12px}.be-youtube input{border:1px solid #ddd;width:100%;margin-bottom:8px;padding:6px 8px;font-size:12px}.be-youtube input:focus{border-color:#e84393;outline:none}.be-youtube iframe{border:none;width:100%;max-width:400px;height:225px}.add-bar{background:#f5f5f5;border-bottom:1px solid #eee;align-items:center;padding:3px 6px;display:flex;position:relative}.add-bar-toggle{color:#aaa;cursor:pointer;background:#fff;border:1px dashed #ccc;border-radius:10px;padding:1px 8px;font-size:14px;line-height:1.4}.add-bar-toggle:hover{color:#e84393;border-color:#e84393}.add-bar-menu{flex-wrap:wrap;align-items:center;gap:4px;margin-left:8px;display:flex}.add-bar-menu button,.add-bar-menu label{cursor:pointer;color:#444;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:2px;padding:2px 8px;font-size:11px}.add-bar-menu button:hover,.add-bar-menu label:hover{color:#fff;background:#e84393;border-color:#e84393}.add-bar-menu label.disabled{opacity:.5;pointer-events:none}.lightbox-overlay{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-overlay img{object-fit:contain;cursor:default;max-width:92vw;max-height:90vh}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;opacity:.8;font-size:28px;line-height:1;position:fixed;top:16px;right:20px}.lightbox-close:hover{opacity:1}