:root{color-scheme:light;--paper:#fafaf9;--white:#fff;--ink:#202020;--muted:#626262;--line:#dfdfdc;--soft:#f0f0ed;--space:8px;--radius:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:4px}::selection{background:#dfdfdc}.skip{position:absolute;top:-80px;left:16px;background:var(--ink);color:var(--white);padding:8px 16px;z-index:10}.skip:focus{top:8px}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:18px;font-weight:700;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;transform:rotate(-8deg)}.brand-mark i{background:var(--ink);border-radius:2px}.brand-mark i:last-child{background:transparent;border:1px solid var(--ink)}nav{display:flex;gap:32px}nav a{font-size:14px;color:var(--muted);padding:12px 0}nav a[aria-current=page]{color:var(--ink);font-weight:700;border-bottom:2px solid var(--ink)}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;padding:96px 0 80px;align-items:center}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:24px}.hero h1,.page-head h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.25;letter-spacing:-.04em;margin:0 0 24px}.hero p,.page-head p{max-width:32em;color:var(--muted);margin:0 0 32px;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--white);border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;min-height:48px}.button:hover{background:#383838;text-decoration:none}.art{height:320px;position:relative;display:grid;place-items:center;background:var(--soft);border-radius:50% 50% 24px 24px;overflow:hidden}.art:before{content:"";position:absolute;inset:24px;background-image:radial-gradient(#c8c8c5 .7px,transparent .7px);background-size:12px 12px;opacity:.55}.notebook{position:relative;width:168px;height:220px;transform:rotate(-12deg);border:1px solid #b7b7b3;border-radius:4px 16px 16px 4px;background:var(--white);box-shadow:12px 16px 0 #dcdcd7;display:flex;flex-direction:column;padding:40px 24px 32px 36px;gap:16px}.notebook:before{content:"";position:absolute;left:16px;top:0;bottom:0;border-left:1px solid var(--line)}.notebook span{height:1px;background:var(--line);width:100%}.notebook span:first-child{width:40px;height:4px;background:var(--ink);margin-bottom:16px}.art-caption{position:absolute;right:24px;bottom:16px;font-size:11px;letter-spacing:.12em;color:var(--muted)}.section{border-top:1px solid var(--line);padding:40px 0 80px}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px}.section-top h2{font-size:20px;margin:0;font-weight:600}.text-link{font-size:14px;color:var(--muted)}.empty{min-height:240px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 24px}.empty-symbol{width:48px;height:48px;background:var(--soft);border-radius:50%;display:grid;place-items:center;font-size:24px;margin-bottom:16px}.empty h2,.empty h3{font-size:18px;margin:0 0 8px;font-weight:600}.empty p{color:var(--muted);font-size:14px;max-width:32em;margin:0}.page-head{padding:80px 0 48px}.page-head h1{font-size:48px}.page-head p{margin-bottom:0}.page-content{padding-bottom:96px;min-height:340px}.prose{max-width:42em}.prose h2{font-size:24px;margin:40px 0 16px}.prose h2:first-child{margin-top:0}.prose p{color:var(--muted);margin:0 0 24px;line-height:2}.note{border-left:2px solid var(--ink);padding:8px 24px;margin-top:40px}.note p{margin:0}.footer{border-top:1px solid var(--line);padding:32px 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:12px;color:var(--muted)}.footer p{margin:0}.footer a{display:inline-block;padding:4px}.footer-note{letter-spacing:.06em}.notfound{padding:96px 0;text-align:center}.notfound h1{font-size:48px;margin:0 0 16px}.notfound p{color:var(--muted);margin-bottom:32px}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:88px;gap:16px}.brand{font-size:16px;gap:8px}.brand-mark{width:24px;height:24px}nav{gap:20px}nav a{font-size:13px}.hero{grid-template-columns:1fr;gap:40px;padding:56px 0}.hero h1{font-size:44px}.hero p{margin-bottom:24px}.art{height:240px;width:100%;border-radius:120px 120px 24px 24px}.notebook{width:136px;height:176px;padding:24px 20px 24px 32px;gap:12px}.notebook span:first-child{margin-bottom:8px}.eyebrow{margin-bottom:16px}.section{padding:32px 0 56px}.section-top{gap:16px}.section-top h2{font-size:18px}.page-head{padding:56px 0 32px}.page-head h1{font-size:40px}.page-content{padding-bottom:64px}.empty{min-height:220px}.footer{padding:24px 0}.prose h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}