@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
:root{--color-paper:#f5f3ef;--color-device:#e4e2dd;--color-ink:#0f0e12;--color-fold:#d4d2cd;--color-crease:#b8b5ae;--color-accent:#ff4d00;--color-success:#2dcc70;--color-overlay:#0f0e120d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--font-mono:"Space Mono",monospace;--font-sans:"Inter",sans-serif;--radius-sm:2px;--radius-md:4px;--radius-lg:12px;--shadow-flat:2px 2px 0px var(--color-ink);--shadow-hover:4px 4px 0px var(--color-ink);--shadow-card:0px 6px 16px #00000014}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";background-image:linear-gradient(var(--color-fold)1px,transparent 1px),linear-gradient(90deg,var(--color-fold)1px,transparent 1px);opacity:.15;pointer-events:none;z-index:0;background-size:40px 40px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);letter-spacing:-.03em;text-transform:lowercase;font-weight:700}.mono{font-family:var(--font-mono)}.sans{font-family:var(--font-sans)}.btn{background:var(--color-paper);border:1.5px solid var(--color-ink);color:var(--color-ink);font-family:var(--font-mono);text-transform:lowercase;border-radius:var(--radius-md);box-shadow:var(--shadow-flat);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:13px;font-weight:700;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{box-shadow:var(--shadow-hover);transform:translate(-1px,-1px)}.btn:active{box-shadow:0px 0px 0px var(--color-ink);transform:translate(1px,1px)}.btn-primary{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.btn-accent{background:var(--color-accent);color:var(--color-ink);border-color:var(--color-ink)}.card{border:1.5px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}input,select,textarea{border:1.5px solid var(--color-fold);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-ink);background:#fff;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-ink);box-shadow:0 0 0 2px var(--color-overlay);outline:none}@media (prefers-reduced-motion:reduce){.btn{transition:none}}