*,:before,:after{box-sizing:border-box}:root{--primary:#6366f1;--primary-dark:#4f46e5;--bg:#f5f6f7;--surface:#fff;--border:#e1e4e8;--text:#1a1a1a;--text-muted:#737373;--text-light:#a3a3a3;--shadow-sm:0 1px 4px #0000000f;--shadow:0 2px 12px #00000017;--radius:6px}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:14px}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}h1,h2,h3,p{margin:0}input{font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;box-shadow:0 1px 0 var(--border);background:#fff;position:sticky;top:0}.header-top{border-bottom:1px solid var(--border)}.header-inner{align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:0 20px;display:flex}.header-top .header-inner{height:60px}.logo{color:var(--primary);letter-spacing:-.5px;flex-shrink:0;font-size:20px;font-weight:800}.search-wrap{border:2px solid var(--border);background:#fff;border-radius:24px;flex:1;align-items:center;max-width:520px;transition:border-color .15s;display:flex;overflow:hidden}.search-wrap:focus-within{border-color:var(--primary)}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:9px 16px;font-size:14px}.search-input::placeholder{color:var(--text-light)}.search-btn{color:var(--text-muted);align-items:center;padding:0 14px;transition:color .15s;display:flex}.search-btn:hover{color:var(--primary)}.header-icons{gap:4px;margin-left:auto;display:flex}.icon-btn{width:36px;height:36px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{color:var(--text);background:#f3f4f6}.header-nav{background:#fff}.header-nav .header-inner{height:44px}.nav{gap:0;height:100%;display:flex}.nav-link{height:100%;color:var(--text-muted);border-bottom:2px solid #0000;padding:0 18px;font-size:14px;font-weight:500;transition:all .15s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 20px 48px}.welcome-banner{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:24px 28px;display:flex}.welcome-label{color:var(--primary);margin-bottom:6px;font-size:18px;font-weight:700;display:inline-block}.welcome-text p{color:var(--text-muted);margin-top:4px;font-size:13px}.stats-row{flex-shrink:0;align-items:center;gap:20px;display:flex}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-divider{background:var(--border);width:1px;height:28px}.stat-num{color:var(--primary);font-size:18px;font-weight:700}.stat-label{color:var(--text-light);font-size:11px}.boards-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.board-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.board-card-header{border-bottom:1px solid var(--border);background:#fafafa;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.board-card-title{color:var(--text);font-size:14px;font-weight:700}.btn-more{color:var(--text-light);border-radius:4px;padding:3px 8px;font-size:12px;transition:all .15s}.btn-more:hover{color:var(--primary);background:#6366f112}.post-list{padding:2px 0}.post-row{cursor:pointer;align-items:center;gap:10px;padding:9px 18px;transition:background .1s;display:flex}.post-row:hover{background:#f9fafb}.post-num-cell{text-align:center;width:52px;color:var(--text-light);flex-shrink:0;font-size:12px}.badge{border-radius:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.badge-pin{color:#d97706;background:#f59e0b1a}.badge-new{color:var(--primary);background:#6366f11a;padding:1px 5px;font-size:10px}.post-title-cell{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.post-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.post-row:hover .post-title{color:var(--primary)}.post-meta-cell{text-align:center;width:72px;color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:12px}.post-date-compact{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:12px}.board-page{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.board-page-header{border-bottom:1px solid var(--border);background:#fafafa;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.board-badge{background:var(--primary);color:#fff;border-radius:3px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.board-page-title{color:var(--text);font-size:18px;font-weight:700}.btn-write{background:var(--primary);color:#fff;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.btn-write:hover{background:var(--primary-dark)}.post-table-head{border-bottom:1px solid var(--border);color:var(--text-muted);background:#f5f6f7;align-items:center;gap:10px;padding:9px 18px;font-size:12px;font-weight:600;display:flex}.footer{text-align:center;color:var(--text-light);border-top:1px solid var(--border);background:#fff;padding:20px;font-size:12px}@media (width<=768px){.boards-grid{grid-template-columns:1fr}.welcome-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.search-wrap{max-width:100%}.post-meta-cell{display:none}.post-meta-cell:last-child{display:block}.board-page-title{font-size:16px}.nav-link{padding:0 12px;font-size:13px}}