:root{--paper: #FBFBF6;--paper-deep: #F2F1E8;--grid: #DCE6F2;--grid-strong: #BFD3EA;--ink: #1A1A2E;--ink-soft: #45465C;--pen: #1F3FA6;--pen-deep: #172F7E;--margin: #D7263D;--marker: #F5E663;--postit: #FAEE8C;--cover: #1F3FA6;--font-clean: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-hand: "Gochi Hand", "Comic Sans MS", cursive;--cell: 24px;--margin-x: clamp(28px, 6vw, 88px);--gutter: 16px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-clean);font-optical-sizing:auto;font-size:17px;line-height:1.5;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--cell) var(--cell);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--marker);color:var(--ink)}:focus-visible{outline:2.5px solid var(--pen);outline-offset:3px;border-radius:2px}html{scrollbar-color:var(--grid-strong) var(--paper)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-pen{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;background:var(--pen);color:#fff;font-weight:700;font-size:1rem;line-height:1.2;text-align:center;border-radius:6px;box-shadow:0 2px 0 var(--pen-deep);transition:background-color .16s var(--ease-out),transform .12s var(--ease-out)}.btn-pen:hover{background:var(--pen-deep)}.btn-pen:active{transform:translateY(1px) scale(.98)}.icon-svg{width:18px;height:18px;flex-shrink:0}.hand-note{font-family:var(--font-hand);font-size:1.2rem;line-height:1.3;color:var(--pen)}.support-note{font-size:.95rem;line-height:1.45;color:var(--ink-soft)}.pen-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--pen);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,var(--pen) 35%,transparent);transition:text-decoration-color .16s var(--ease-out)}.pen-link:after{content:"\2192";text-decoration:none;transition:transform .18s var(--ease-out)}.pen-link:hover{text-decoration-color:var(--pen)}.pen-link:hover:after{transform:translate(3px)}.pen-link.no-arrow:after{content:none}.sheet{--rule-x: 22px;position:relative;max-width:1280px;margin:0 auto;padding:0 var(--gutter) 0 calc(var(--rule-x) + 18px)}.sheet:before{content:"";position:absolute;top:0;bottom:0;left:var(--rule-x);width:2px;background:var(--margin);opacity:.8}@media(min-width:900px){.sheet{--rule-x: 56px;padding-left:104px;padding-right:40px}}.tape{position:absolute;width:96px;height:26px;background:#fff9;border:1px solid rgba(26,26,46,.08)}html[data-demo]{scrollbar-color:auto;scroll-padding-top:0}html[data-demo] body{background:none;font-size:16px}html[data-demo=gym]{scroll-padding-top:calc(var(--nav-real, 84px) + 1rem);-webkit-text-size-adjust:100%}html[data-demo=gym] body{background:#0a0908}html[data-demo=restaurant] body{background:#fafaf8}html[data-demo=dashboard],html[data-demo=dashboard] body{background:#f8fafc;overflow-x:hidden}html:has(.book.is-flip){scroll-snap-type:y proximity}