html:has(.home-canvas),body:has(.home-canvas){margin:0;width:100%;height:100%;overflow:hidden;background:#fff}.home-canvas{--ink: #2a2624;font-family:Figtree,sans-serif;color:var(--ink);box-sizing:border-box;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(24px,env(safe-area-inset-top)) max(36px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(36px,env(safe-area-inset-left))}.home-canvas *{box-sizing:border-box}.home-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;position:relative;z-index:10}.brand{grid-column:2;grid-row:1;display:inline-flex;align-items:center;text-decoration:none}.home-nav{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:18px}.get-app{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;white-space:nowrap;position:relative;margin-top:30px;pointer-events:auto;border-radius:30px;padding:16px 32px;background:var(--ink);color:#fff;font:500 15px Figtree,sans-serif}.get-app svg{flex-shrink:0}.home-main{min-height:0;position:relative}.intro{position:absolute;top:6%;left:0;right:0;text-align:center;z-index:2;pointer-events:none}.intro h1{margin:0;font:400 clamp(26px,3.1vw,46px)/1.2 "Caveat",cursive}.intro>p{margin:14px auto 0;color:#77736f;font-size:14px;line-height:1.5;max-width:370px}.notes-hint{display:block;margin:22px auto 0;padding:8px 12px;border:0;background:transparent;color:#77736f;font:400 20px/1.25 Caveat,cursive;pointer-events:auto;cursor:pointer}.notes-board{position:absolute;inset:0;z-index:20;pointer-events:none}.feature-postit{position:absolute;width:190px;min-height:178px;padding:18px;border-radius:2px;background:linear-gradient(135deg,rgb(255 255 255 / 24%),transparent 50%,rgb(0 0 0 / 4.5%)),var(--paper);color:#000000db;box-shadow:2px 6px 16px #00000026;transform:rotate(var(--angle));animation:place-note .22s ease-out;overflow-wrap:anywhere}.feature-postit:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22101%22%20height%3D%2297%22%3E%3Cpath%20d%3D%22M19%2011l1%20.5%20M92%2058l2%20.5%20M64%208l3%20.5%20M36%2055l1%20.5%20M8%205l2%20.5%20M81%2052l3%20.5%20M53%202l1%20.5%20M25%2049l2%20.5%20M98%2096l3%20.5%20M70%2046l1%20.5%20M42%2093l2%20.5%20M14%2043l3%20.5%20M87%2090l1%20.5%20M59%2040l2%20.5%20M31%2087l3%20.5%20M3%2037l1%20.5%20M76%2084l2%20.5%20M48%2034l3%20.5%20M20%2081l1%20.5%20M93%2031l2%20.5%20M65%2078l3%20.5%20M37%2028l1%20.5%20M9%2075l2%20.5%20M82%2025l3%20.5%20M54%2072l1%20.5%20M26%2022l2%20.5%20M99%2069l3%20.5%20M71%2019l1%20.5%20M43%2066l2%20.5%20M15%2016l3%20.5%20M88%2063l1%20.5%20M60%2013l2%20.5%20M32%2060l3%20.5%20M4%2010l1%20.5%20M77%2057l2%20.5%20M49%207l3%20.5%20M21%2054l1%20.5%20M94%204l2%20.5%20M66%2051l3%20.5%20M38%201l1%20.5%20M10%2048l2%20.5%20M83%2095l3%20.5%20M55%2045l1%20.5%20M27%2092l2%20.5%20M100%2042l3%20.5%20M72%2089l1%20.5%20M44%2039l2%20.5%20M16%2086l3%20.5%20M89%2036l1%20.5%20M61%2083l2%20.5%20M33%2033l3%20.5%20M5%2080l1%20.5%20M78%2030l2%20.5%20M50%2077l3%20.5%20M22%2027l1%20.5%20M95%2074l2%20.5%20M67%2024l3%20.5%20M39%2071l1%20.5%20M11%2021l2%20.5%20M84%2068l3%20.5%20M56%2018l1%20.5%20M28%2065l2%20.5%20M0%2015l3%20.5%20M73%2062l1%20.5%20M45%2012l2%20.5%20M17%2059l3%20.5%20M90%209l1%20.5%20M62%2056l2%20.5%20M34%206l3%20.5%20M6%2053l1%20.5%20M79%203l2%20.5%20M51%2050l3%20.5%20M23%200l1%20.5%20M96%2047l2%20.5%20M68%2094l3%20.5%20M40%2044l1%20.5%20M12%2091l2%20.5%20M85%2041l3%20.5%20M57%2088l1%20.5%20M29%2038l2%20.5%20M1%2085l3%20.5%20M74%2035l1%20.5%20M46%2082l2%20.5%20M18%2032l3%20.5%20M91%2079l1%20.5%20M63%2029l2%20.5%20M35%2076l3%20.5%20M7%2026l1%20.5%20M80%2073l2%20.5%20M52%2023l3%20.5%20M24%2070l1%20.5%20M97%2020l2%20.5%20M69%2067l3%20.5%20M41%2017l1%20.5%20M13%2064l2%20.5%22%20stroke%3D%22white%22%20stroke-opacity%3D%22.08%22%20stroke-width%3D%22.7%22%2F%3E%3C%2Fsvg%3E);pointer-events:none}.feature-postit:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000000d}.feature-postit h2{position:relative;margin:0 0 10px;font:500 27px/1.05 Caveat,cursive}.feature-postit p{position:relative;margin:0;font:400 22px/1.15 Caveat,cursive}.home-footer{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;color:#8b8984;font-size:10px;padding-top:18px}.home-footer div{display:flex;gap:22px}.home-footer a{color:inherit;text-decoration:none}.home-footer a:hover{color:var(--ink)}.home-canvas :focus-visible{outline:2px solid #7b8e6c;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes place-note{0%{opacity:0;transform:rotate(var(--angle)) scale(.88)}to{opacity:1;transform:rotate(var(--angle)) scale(1)}}@media(max-width:640px){.home-canvas{padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.brand img{width:36px;height:36px}.get-app{position:fixed;margin-top:0;left:50%;bottom:max(58px,calc(env(safe-area-inset-bottom) + 42px));transform:translate(-50%);padding:16px 34px}.intro h1{font-size:clamp(25px,6.3vw,36px)}.intro>p{font-size:12px;max-width:270px;margin-top:10px}.notes-hint{margin-top:18px;font-size:19px}.notes-board{bottom:90px}.feature-postit{width:164px;min-height:156px;padding:15px}.feature-postit h2{font-size:24px;margin-bottom:8px}.feature-postit p{font-size:20px}.home-footer{font-size:9px;gap:12px;padding-top:14px}.home-footer div{gap:12px}}@media(max-height:500px)and (min-width:641px){.home-canvas{padding:12px 24px}.intro{top:2%}.intro h1{font-size:25px}.intro>p{font-size:11px;margin-top:6px}.get-app{margin-top:14px;padding:12px 24px}.notes-hint{margin-top:10px}.feature-postit{width:164px;min-height:150px;padding:14px}.feature-postit h2{font-size:24px}.feature-postit p{font-size:20px}}@media(prefers-reduced-motion:reduce){.feature-postit{animation:none}}