@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f0ee;--black:#111;--white:#fff;--grey:#999;--grey-light:#d8d8d6;--font-display:"Space Grotesk", sans-serif;--font-mono:"Space Mono", monospace;--nav-height:64px}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--black);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::selection{background:var(--black);color:var(--white)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--black);border-radius:3px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.app-container{width:100%;max-width:1140px;margin:0 auto;padding:0 1.5rem 5rem}.zipsar-card{background:var(--white);border:1.5px solid #11111126;border-radius:20px;padding:2rem;box-shadow:4px 4px #11111114}.zipsar-card-solid{border:2px solid var(--black);background:var(--white);box-shadow:6px 6px 0px var(--black);border-radius:20px;padding:2rem}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:2.5rem;display:grid}.pill{font-family:var(--font-mono);color:var(--grey);letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#1111110f;border:1px solid #1111111f;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;display:inline-flex}.pill.active{background:var(--black);color:var(--white);border-color:var(--black)}.pill.green{color:#065f46;background:#ecfdf5;border-color:#a7f3d0;font-weight:700}.btn-primary{background:var(--black);color:var(--white);font-family:var(--font-mono);letter-spacing:.06em;border:2px solid var(--black);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 28px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.btn-primary:hover{color:var(--black);background:0 0}.btn-primary:active{background:#1111111a}.btn-outline{color:var(--black);font-family:var(--font-mono);letter-spacing:.06em;border:2px solid var(--black);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 28px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.btn-outline:hover{background:var(--black);color:var(--white)}.btn-outline:active{background:#111c}.marquee-container{white-space:nowrap;background:var(--black);color:var(--white);border-radius:100px;margin:2rem 0;padding:10px 0;display:flex;overflow:hidden;box-shadow:4px 4px #1113}.marquee-track{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;gap:2rem;font-size:.75rem;animation:22s linear infinite marqueeLeft;display:flex}input[type=range]{appearance:none;background:var(--grey-light);touch-action:none;border-radius:9999px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--black);cursor:grab;border:2px solid var(--white);width:26px;height:26px;box-shadow:0 0 0 2px var(--black);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--black);cursor:grab;border:2px solid var(--white);width:26px;height:26px;box-shadow:0 0 0 2px var(--black);border-radius:50%}@media (width<=768px){html{font-size:15px}.app-container{padding:0 1rem 3.5rem}.zipsar-card{border-radius:18px;padding:1.5rem 1.25rem}.controls-grid{gap:1.8rem}}@media (width<=520px){html{font-size:14px}.app-container{padding:0 .85rem 3rem}.zipsar-card{border-radius:16px;padding:1.25rem 1rem;box-shadow:3px 3px #11111114}.zipsar-card-solid{box-shadow:4px 4px 0px var(--black);border-radius:16px;padding:1.25rem 1rem}.marquee-container{margin:1.25rem 0;padding:7px 0}.marquee-track{gap:1.2rem;font-size:.68rem}}