:root{--gap:.5rem;--page-padding:1rem;--base-font-size:16px}html{box-sizing:border-box;font-size:var(--base-font-size)}*,*:before,*:after{box-sizing:inherit}html,body{height:100%;margin:0}body{display:flex;align-items: center;gap:var(--gap);padding:var(--page-padding);color:#111;background:#fff;flex-direction:column;min-height:100vh;margin:auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial}h1{flex:0 0 2rem;height:2rem;padding:0 .5rem;font-size:2rem;font-weight:600;line-height:2rem}.flexcontainer{display:flex;align-items: center;gap:var(--gap);flex-direction:column;flex:auto;align-items: center}.gridcontainer{box-sizing:border-box;overflow:auto;flex:auto;width:100%;min-height:0}footer{color:#666;flex:0 0 .5rem;height:.5rem;margin-bottom:.5rem;font-size:.75rem}.pinned-row{background:linear-gradient(90deg,#fff9db 0%,#fffef5 100%);border-left:4px solid #ffb400;font-weight:600}.pin-btn{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:4px;padding:4px 8px;font-size:.9rem}.pin-btn:hover{background:#005a9e}.filter-btn{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:4px;margin:0 4px;padding:6px 12px;font-size:1rem}