:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;background:#f5f6f8;font-family:Inter,Pretendard,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e1e4e8;justify-content:space-between;align-items:center;min-height:64px;padding:0 32px;display:flex}.brand{color:#202124;align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#202124;border-radius:6px;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.primary-button,.secondary-button{border-radius:6px;min-height:38px;padding:0 16px;font-weight:650}.primary-button{color:#fff;background:#202124;border:1px solid #202124}.secondary-button{color:#202124;background:#fff;border:1px solid #d0d4d9;margin-top:24px}main{width:min(1120px,100% - 64px);margin:0 auto;padding:56px 0}.page-heading{border-bottom:1px solid #dfe2e6;justify-content:space-between;align-items:end;padding-bottom:24px;display:flex}.eyebrow{color:#767b82;margin:0 0 8px;font-size:11px;font-weight:750}h1,h2,p{letter-spacing:0}h1{margin:0;font-size:30px;line-height:1.2}.board-count{color:#767b82;margin:0 0 3px;font-size:13px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:440px;display:flex}.empty-icon{background:#fff;border:1px solid #d7dbe0;border-radius:8px;justify-content:center;align-items:end;gap:5px;width:54px;height:54px;margin-bottom:24px;padding:12px;display:flex}.empty-icon span{background:#8a9098;border-radius:2px 2px 0 0;width:6px}.empty-icon span:first-child{height:15px}.empty-icon span:nth-child(2){background:#363a3f;height:28px}.empty-icon span:nth-child(3){height:21px}h2{margin:0 0 10px;font-size:20px}.empty-state p{color:#6c7279;margin:0;font-size:14px}.board-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding-top:28px;display:grid}.board-card{background:#fff;border:1px solid #dfe2e6;border-radius:8px;overflow:hidden}.board-card h2,.board-card p{padding:0 18px}.board-card h2{overflow-wrap:anywhere;margin-top:17px}.board-card p{margin-bottom:18px}.board-preview{background:#eff1f3;grid-template-columns:repeat(3,1fr);gap:7px;height:112px;padding:14px;display:grid}.board-preview span{background:#fff;border:1px solid #dfe2e6;border-radius:4px}.create-dialog{border:1px solid #d7dbe0;border-radius:8px;width:min(440px,100% - 40px);padding:0;box-shadow:0 20px 60px #14181c2e}.create-dialog::backdrop{background:#181b1f61}.dialog-header{border-bottom:1px solid #e4e6e9;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.dialog-header h2{margin:0}.icon-button{color:#646a71;background:0 0;border:0;width:32px;height:32px;font-size:24px;line-height:1}.dialog-form{gap:10px;padding:22px;display:grid}.dialog-form label{font-size:13px;font-weight:650}.dialog-form input{width:100%;height:42px;font:inherit;border:1px solid #c9cdd2;border-radius:6px;padding:0 12px}.dialog-form .primary-button{margin-top:8px}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #2979ff}@media (width<=640px){.topbar{padding:0 20px}main{width:calc(100% - 40px);padding-top:36px}.empty-state{min-height:360px}}