*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#f3f5f7;color:#111827}header{position:sticky;top:0;z-index:5;background:#111827;color:white;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}header div{display:flex;flex-direction:column}header span{font-size:12px;opacity:.75}button,select,input,textarea{font:inherit}button{border:0;border-radius:10px;padding:11px 14px;cursor:pointer}header button{background:white}nav{position:sticky;top:66px;z-index:4;background:white;border-bottom:1px solid #ddd;display:flex;gap:4px;padding:8px;overflow:auto}nav button{background:transparent;white-space:nowrap}nav button.active{background:#111827;color:white}main{max-width:1100px;margin:auto;padding:18px}.view{display:none}.view.active{display:block}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 1px 2px #00000008}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;font-weight:600}.form textarea{min-height:90px}.form input,.form textarea,.form select,input,select,textarea{width:100%;padding:11px;border:1px solid #cfd4da;border-radius:10px;background:white}.primary{background:#111827;color:white}.row{grid-template-columns:1fr auto;align-items:end}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;font-size:12px;margin:2px}.source{font-size:13px;color:#475569}.idea h3{margin:0 0 8px}.action{text-align:left;font-weight:700}.muted{color:#64748b;font-size:14px}.error{border-left:4px solid #dc2626}.ok{border-left:4px solid #16a34a}@media(max-width:760px){header{padding:12px}nav{top:61px}.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}main{padding:12px}h1{font-size:24px}.card{padding:14px}button{min-height:44px}.view.active{scroll-margin-top:115px}}
@media(min-width:761px) and (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}