:root{color:#111827;font-synthesis:none;background:#f3f4f6;font-family:Inter,Pretendard,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(960px,100% - 32px);margin:0 auto;padding:64px 0}header{margin-bottom:40px}h1{letter-spacing:-.06em;margin:4px 0;font-size:clamp(2.5rem,8vw,5rem)}.eyebrow{color:#16a34a;letter-spacing:.14em;font-weight:800}.panel,article{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 30px #1118270d}.panel{margin-bottom:40px;padding:24px}form{gap:16px;display:grid}label{gap:7px;font-weight:700;display:grid}input,textarea{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:10px;padding:12px 14px}textarea{resize:vertical;min-height:90px}button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;justify-self:start;padding:12px 18px;font-weight:800}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}article{padding:20px}article h3{margin:8px 0 24px}article small{color:#16a34a;font-weight:800}time{color:#6b7280;font-size:.8rem}.error{color:#991b1b;background:#fee2e2;border-radius:10px;padding:12px 16px}.empty{color:#6b7280}