.native-app{--app-bg: #fafafa;--app-ink: #292929;--app-muted: #898989;--app-line: #dedede;--tab-fill: #e6e6e6;--pill-bg: #e4effd;--pill-ink: #1676d7;container-type:inline-size;width:100%;aspect-ratio:360/420;display:flex;flex-direction:column;color:var(--app-ink);background:var(--app-bg);border:1px solid #00000020;border-radius:12px;box-shadow:0 24px 55px -18px #202b3d35,0 4px 12px #202b3d12;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.native-tabs{height:10.56cqw;flex-shrink:0;border-bottom:1px solid var(--app-line);padding:0 2.5cqw;display:flex;align-items:center;gap:.56cqw;font-size:3.2cqw;font-weight:500;white-space:nowrap}.native-tab{padding:1.5cqw 2.2cqw;color:var(--app-muted);display:flex;align-items:center;gap:2.5cqw;border-radius:1.67cqw}.native-tab.selected{background:var(--tab-fill);color:var(--app-ink)}.native-tab i{height:3.4cqw;width:1px;background:var(--app-line)}.native-add{font-size:4.5cqw;color:var(--app-muted);padding-left:2.2cqw;opacity:.65}.native-body{position:relative;flex:1;min-height:0;font-size:3.61cqw;line-height:1.6}.note-content{padding:3.9cqw 4cqw}.app-task{display:flex;gap:1.6cqw;min-height:6.2cqw}.task-marker{color:#b3b3b3;width:2.3cqw;flex-shrink:0}.app-task.nested{padding-left:4.8cqw}.app-task.done{color:#a4a4a4}.app-task.done>span:last-child{text-decoration:line-through}.date-pill{display:inline;padding:.35cqw .8cqw;background:var(--pill-bg);color:var(--pill-ink);border-radius:1.2cqw;white-space:nowrap}.native-footer{flex-shrink:0;border-top:1px solid var(--app-line);padding:1.5cqw 3.33cqw;font-size:2.78cqw;color:var(--app-muted)}.upcoming-task{margin-bottom:1.5cqw}.footer-bottom{display:flex;align-items:center;justify-content:space-between;min-height:4cqw}.footer-bottom svg{width:3.8cqw;height:3.8cqw;opacity:.65}.mode-paired .native-body{display:flex;flex-direction:column}.paired-note{flex:1;padding:2.8cqw 4cqw}.paired-note+.paired-note{border-top:1px solid var(--app-line)}.note-title{font-size:2.78cqw;color:var(--app-muted);margin-bottom:2cqw}.text-caret{display:inline-block;height:3.8cqw;width:1px;background:var(--app-ink);vertical-align:middle}.date-popup{position:absolute;top:12cqw;right:3cqw;width:62.2cqw;padding:1.7cqw 1.95cqw;background:var(--app-bg);border:1px solid #99999966;border-radius:2.78cqw;box-shadow:0 5cqw 10cqw #00000020;font-size:3.2cqw;line-height:1.4}.date-suggestions>div{display:flex;justify-content:space-between;padding:1.8cqw 2.2cqw;border-radius:1.5cqw}.date-suggestions>div>span:last-child{color:var(--app-muted);font-size:3cqw}.date-suggestions .highlighted{background:var(--tab-fill)}.date-suggestions .pick-date{border-top:1px solid var(--app-line);border-radius:0;margin-top:1.4cqw;padding-top:2.6cqw}.calendar-heading{display:flex;align-items:center;justify-content:space-between;height:6.7cqw;padding:0 1.5cqw;margin-bottom:1cqw}.calendar-heading strong{font-size:3.2cqw;font-weight:600}.calendar-heading>span{font-size:5cqw;color:var(--app-muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.55cqw;text-align:center}.calendar-grid>span{height:4.8cqw;display:grid;place-items:center;border-radius:1cqw;font-size:3cqw}.calendar-grid .weekday{color:var(--app-muted);font-size:2.65cqw}.calendar-grid .outside-month{opacity:.35}.calendar-grid .chosen-day{background:var(--tab-fill)}.reminder-row{display:flex;align-items:center;gap:1.5cqw;margin-top:2cqw;white-space:nowrap}.app-checkbox{background:var(--tab-fill);border-radius:1cqw;width:4cqw;height:4cqw;text-align:center;font-size:3cqw}.reminder-time{margin-left:auto;background:var(--tab-fill);border-radius:1.2cqw;padding:1cqw 1.7cqw;font-weight:500}.calendar-actions{display:flex;justify-content:space-between;padding:.7cqw 1cqw;margin-top:1.6cqw}.calendar-actions>span:last-child{background:var(--tab-fill);padding:.7cqw 3cqw;border-radius:1cqw;font-weight:600}.thought-section{position:relative;height:100svh;min-height:560px;background:var(--paper);overflow:clip;overflow-anchor:none}.thought-entrance{position:absolute;top:0;right:0;bottom:0;left:0}.thought-title{position:absolute;top:calc(var(--header-height) + 24px);left:0;width:100%;padding-inline:16px;text-align:center}.thought-canvas{position:absolute;top:calc(var(--header-height) + 110px);left:50%;width:min(1100px,calc(100% - 80px));height:calc(100% - var(--header-height) - 110px);transform:translate(-50%)}.thought-paper{--sheet: #fffefa;--sheet-shade: #f8f7f2;--ruling: transparent;--grid: transparent;--rule-spacing: 24px;position:absolute;top:50%;left:50%;width:216px;height:252px;padding:27px 24px;border:1px solid #e7e5df;border-radius:5px;background:repeating-linear-gradient(0deg,transparent 0 calc(var(--rule-spacing) - 1px),var(--ruling) calc(var(--rule-spacing) - 1px) var(--rule-spacing)),repeating-linear-gradient(90deg,transparent 0 calc(var(--rule-spacing) - 1px),var(--grid) calc(var(--rule-spacing) - 1px) var(--rule-spacing)),linear-gradient(145deg,var(--sheet),var(--sheet-shade));box-shadow:0 2px 3px #29261f05,0 14px 32px -15px #29261f28;transform:translate(calc(-50% - var(--layer) * 3px),calc(-50% + var(--layer) * 4px));will-change:transform;backface-visibility:hidden}.thought-paper--clean{--sheet: #ffffff;--sheet-shade: #fcfcf9;border-radius:2px}.thought-paper--lined{--ruling: #8ba8c32a;background-position:0 -6px,0 0,0 0}.thought-paper--lined:before{content:"";position:absolute;inset:0 auto 0 17px;width:1px;background:#c28c862e;pointer-events:none}.thought-paper--graph{--rule-spacing: 12px;--ruling: #7faaa522;--grid: #7faaa522}.thought-paper--worn{--sheet: #fcfaf2;--sheet-shade: #f3efe3;border-color:#e3ddcd;border-radius:4px 7px 3px 6px;box-shadow:1px 3px 4px #29261f0c,0 15px 28px -13px #29261f32}.thought-paper--aged{--sheet: #faf6eb;--sheet-shade: #f1eadb;border-color:#e1d7c5;border-radius:6px 3px 7px 2px}.thought-paper--crumpled:after,.thought-paper--worn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.thought-paper--worn:after{background:radial-gradient(ellipse at 0 100%,#b39b6320,transparent 48%);box-shadow:inset 0 0 12px #a18b5a0b}.thought-paper--crumpled:after{background:url(/img/crumpled-paper.jpg) var(--texture-position, center) / 145% 145%;mix-blend-mode:multiply;opacity:.6;box-shadow:inset 2px 1px 9px #807b7010,inset -2px -3px 7px #807b7012}.thought-paper--graph.thought-paper--crumpled:after{opacity:.42}.thought-paper h3,.thought-lines{position:relative;z-index:1}.thought-paper h3{margin:0 0 22px;font-size:15px;font-weight:500;letter-spacing:-.35px;line-height:1.3}.thought-lines{display:grid;gap:12px;color:#65655e;font-size:11.5px;line-height:1.6;letter-spacing:-.1px}.thought-lines p{display:flex;align-items:baseline;gap:8px}.thought-marker{flex:none;width:3px;height:3px;border-radius:50%;background:#b2b0a8;align-self:flex-start;margin-top:7px}.thought-lines--checks .thought-marker{width:8px;height:8px;margin-top:5px;border:1px solid #c2c0b7;border-radius:2px;background:transparent}.thought-lines--paragraph .thought-marker,.thought-lines--reading .thought-marker{display:none}.thought-lines--reading p:first-child{font-family:"Libertinus Serif",Georgia,serif;font-size:21px;line-height:1.1;color:var(--ink);margin-bottom:5px}.thought-line--nested{padding-left:13px}.thought-completed{color:#93938b;text-decoration-thickness:1px}.thought-product{position:absolute;top:50%;left:50%;z-index:10;width:min(345px,calc(100% - 16px));transform:translate(-50%,-50%);visibility:hidden;opacity:0;will-change:transform,opacity}.thought-product .native-app{aspect-ratio:360 / 420}.thought-product .native-tabs{height:42px;gap:2px;padding:0 9px;font-size:11px;overflow-x:auto}.thought-product .native-tab{flex-shrink:0;border:0;background:transparent;font:inherit;padding:7px 9px;border-radius:6px;cursor:pointer}.thought-product .native-tab.selected{background:var(--tab-fill)}.thought-product .native-tab:focus-visible{outline:2px solid var(--pill-ink);outline-offset:-2px}.thought-product .native-add{font-size:18px;padding-left:6px}.thought-product .native-body{font-size:13px;overflow-y:auto}.thought-product .note-content{padding:19px 22px}.thought-product .app-task{gap:7px;min-height:26px}.thought-product .task-marker{width:9px}.thought-product .app-task.nested{padding-left:18px}.thought-product .date-pill{padding:2px 4px;border-radius:4px;font-size:11px}.thought-product .native-footer{padding:8px 16px;font-size:10px}.thought-product .footer-bottom{min-height:20px}.thought-product .footer-bottom svg{width:14px;height:14px}.thought-date{display:inline-block;margin-left:5px;padding:0 4px;border-radius:3px;background:#e9eef0;color:#667b86;font-size:9px}@media (max-width: 1000px) and (min-width: 701px){.thought-paper{width:190px;height:236px;padding:24px 20px}.thought-canvas{width:calc(100% - 60px)}}@media (max-width: 700px){.thought-section{min-height:500px}.thought-canvas{width:calc(100% - 32px);top:calc(var(--header-height) + 96px);height:calc(100% - var(--header-height) - 96px)}.thought-paper{width:148px;height:192px;padding:20px 15px}.thought-paper--desktop{display:none}.thought-paper h3{font-size:12px;margin-bottom:16px}.thought-lines{gap:8px;font-size:9px}.thought-lines p{gap:6px}.thought-lines--reading p:first-child{font-size:18px}.thought-date{font-size:7px;margin-left:0}.thought-marker{margin-top:5px}.thought-lines--checks .thought-marker{width:7px;height:7px;margin-top:3px}.thought-product{width:min(310px,100%)}.thought-product .native-tabs{padding-inline:7px}.thought-product .note-content{padding:16px}}@media (prefers-reduced-motion: reduce){.thought-section{height:560px;min-height:0}.thought-paper,.thought-product{will-change:auto}}:root{font-family:DM Sans,sans-serif;font-synthesis:none;color-scheme:light;--paper: #fff;--ink: #222321;--muted: #6b6d68;--line: #e2e3df;--surface: #f5f5f2;--stage: #eaf0f2;--footer-sky: #fcf4de;--button: #252724;--button-text: #fff;--card: #fff;--header-height: 64px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 40px)}body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #6c899c;outline-offset:5px}h1,h2,p{margin:0}h1,h2{font-family:"Libertinus Serif",Georgia,serif;font-weight:400}h2{font-size:52px;line-height:1.04;letter-spacing:-1.5px}.wrap{width:min(1080px,calc(100% - 96px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;isolation:isolate;height:var(--header-height)}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:-14px;left:0;z-index:-1;pointer-events:none;background:#ffffffd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(#000 calc(100% - 20px),transparent);mask-image:linear-gradient(#000 calc(100% - 20px),transparent)}.site-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:29px;font-weight:600;letter-spacing:-1.8px}.wordmark-logo{width:28px;height:28px;flex:none}.site-header nav{display:flex;gap:32px;align-items:center;font-size:14px}.site-header nav>a:first-child{color:var(--muted)}.download{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:14px 23px;background:var(--button);color:var(--button-text);border-radius:30px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.download:hover{transform:translateY(-2px);opacity:.9}.download.compact{min-height:42px;padding:11px 20px;font-size:13px}.hero{text-align:center;padding-top:58px}.hero-enter{animation:hero-enter .8s cubic-bezier(.2,.65,.3,1) 60ms both}@keyframes hero-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:90px;letter-spacing:-3.7px;line-height:1.02}.hero-intro>p{font-size:17px;line-height:1.6;margin:24px auto 27px;color:var(--muted)}.compatibility{margin-top:15px;font-size:12px;color:var(--muted)}.product-stage{height:540px;background:var(--stage) url(/img/ventura-light.jpg) center / cover no-repeat;margin-top:53px;border-radius:12px;overflow:hidden;position:relative}.desktop-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#ffffff70;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #82919b20;font-size:11px}.finder-menu{display:flex;gap:20px;font-weight:600}.finder-menu>span{font-weight:400}.desktop-time{font-size:10px}.menu-dot{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;gap:5px;align-items:center;justify-content:center;width:46px;height:34px;border:0;background:#00000007;border-radius:5px;font-size:12px}.menu-dot:hover{background:#00000012}.menu-dot i{width:6px;height:6px;border-radius:50%;background:currentColor}.hero-preview{width:370px;position:relative;margin:13px auto 0;transition:opacity .2s,transform .2s}.hero-preview:before{content:"";position:absolute;width:12px;height:12px;top:-5px;left:calc(50% - 6px);transform:rotate(45deg);background:#fafafa;border-top:1px solid #00000015;border-left:1px solid #00000015}.hero-preview.closed{opacity:0;transform:translateY(-8px);visibility:hidden}.moments{padding-top:155px}.moments>h2{max-width:500px}.moments-grid{display:grid;grid-template-columns:1fr 1.13fr;gap:95px;align-items:center;margin-top:48px}.moment-tabs{border-top:1px solid var(--line)}.moment-tab{display:grid;grid-template-columns:1fr 15px;width:100%;padding:27px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;gap:0 10px}.moment-title{font-size:19px;font-weight:500;letter-spacing:-.4px}.moment-indicator{font-size:19px;color:var(--muted)}.moment-body{grid-column:1;display:block;font-size:15px;line-height:1.7;color:var(--muted);max-height:0;overflow:hidden;opacity:0;transition:max-height .2s,opacity .2s,margin .2s}.moment-tab.active .moment-body{max-height:130px;opacity:1;margin-top:13px}.moment-panel{display:grid;place-items:center;padding:32px 45px;background:var(--surface);border-radius:12px;min-height:485px}.moment-panel .native-app{max-width:345px}.keyboard-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:190px 90px}.keyboard-section h2{font-size:48px}.keyboard-section p{font-size:16px;line-height:1.75;color:var(--muted);max-width:400px;margin-top:20px}.shortcut-art{display:flex;align-items:center;justify-content:center;gap:24px;padding:25px}.shortcut-art>kbd{display:flex;flex-direction:column;gap:14px;width:120px;height:120px;padding:16px 21px;border:1px solid var(--line);border-bottom-width:5px;border-radius:15px;background:linear-gradient(145deg,var(--card),var(--surface));box-shadow:0 10px 18px -8px #00000020,inset 0 0 0 4px var(--paper);font:44px DM Sans,sans-serif;transform:rotate(-7deg)}.shortcut-art>kbd:last-child{transform:rotate(6deg);margin-top:18px}.shortcut-art>kbd>span{font-size:11px;color:var(--muted)}.shortcut-art>.plus{color:var(--muted);font-size:20px}.closing{padding-block:40px 150px;background:linear-gradient(to bottom,#fff 0%,#fffaf0 35%,var(--footer-sky) 100%)}.closing-background{position:relative;isolation:isolate;background:var(--footer-sky)}.closing-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/img/grain.png) repeat;opacity:.1;mix-blend-mode:multiply}.closing-background:before{mask-image:linear-gradient(to bottom,transparent 0%,#00000008 8%,#00000026 16%,#00000066 26%,#000000b3 38%,#000000eb 50%,#000 62%,#000 calc(100% - 96px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#00000008 8%,#00000026 16%,#00000066 26%,#000000b3 38%,#000000eb 50%,#000 62%,#000 calc(100% - 96px),transparent 100%)}.footer-landscape{position:relative;z-index:0;margin-top:calc(-95px - 7vw);overflow:hidden}.footer-landscape img{display:block;width:100%;height:auto;filter:saturate(.72);mask-image:linear-gradient(to bottom,transparent 0%,#0000000a 4%,#00000033 9%,#00000080 15%,#000000cc 21%,#000000f5 27%,#000 32%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0000000a 4%,#00000033 9%,#00000080 15%,#000000cc 21%,#000000f5 27%,#000 32%)}@media (max-width: 700px){.footer-landscape{margin-top:-170px}.footer-landscape img{height:240px;object-fit:cover;object-position:center bottom}}.closing-content{text-align:center}.closing-content,.site-footer{position:relative;z-index:1}.closing h2{font-size:76px;letter-spacing:-2.5px;margin-bottom:32px}.closing .download{min-height:54px;padding-inline:27px;font-size:15px}.site-footer{border-top:1px solid #91979d;display:flex;align-items:center;justify-content:space-between;padding-block:27px 40px}.site-footer .wordmark{font-size:24px}.site-footer .wordmark-logo{width:24px;height:24px}.copyright{font-size:12px;color:#4e5963}.skip-link{position:fixed;top:10px;left:10px;padding:12px;background:var(--ink);color:var(--paper);transform:translateY(-150%);z-index:30}.skip-link:focus{transform:none}@media (max-width: 1000px){.wrap{width:calc(100% - 64px)}.moments-grid{gap:45px}.moment-panel{padding:30px;min-height:430px}.hero h1{font-size:80px}.keyboard-section{gap:40px}.keyboard-section h2{font-size:43px}}@media (max-width: 700px){:root{--header-height: 68px}.wrap{width:calc(100% - 40px)}.site-header nav{gap:16px}.site-header nav>a:first-child{display:none}.wordmark{font-size:27px}.hero{padding-top:39px}.hero h1{font-size:clamp(46px,10.6vw,70px);letter-spacing:-2px}.hero-intro>p{font-size:15px;max-width:280px;margin-top:22px}.compatibility{font-size:11px}.product-stage{height:auto;min-height:430px;margin-top:38px;padding-bottom:30px}.hero-preview{width:min(310px,calc(100% - 32px))}.desktop-bar{padding:0 13px}.finder-menu{font-size:10px}.finder-menu>span{display:none}.desktop-time{font-size:9px}.moments{padding-top:101px}h2{font-size:42px}.moments-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.moment-title{font-size:18px}.moment-body{font-size:14px}.moment-tab{padding-block:23px}.moment-panel{padding:28px;min-height:400px}.moment-panel .native-app{max-width:310px}.keyboard-section{grid-template-columns:1fr;gap:20px;padding-block:120px 55px}.keyboard-section h2{font-size:40px}.keyboard-section p{font-size:15px;max-width:370px}.shortcut-art{padding-top:20px}.closing{padding-block:30px 105px}.closing h2{font-size:56px;letter-spacing:-1.8px;margin-bottom:28px}.site-footer{padding-block:22px}.moment-tab.active .moment-body{max-height:150px}}@media (max-width: 360px){.product-stage{min-height:395px}.moment-panel{padding:20px;min-height:370px}.hero h1{font-size:43px}.shortcut-art{gap:18px;padding-inline:0}.shortcut-art>kbd{width:108px;height:108px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}[data-reveal]{overflow-anchor:none}.reveal-pending{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.reveal-pending.is-revealed,.reveal-pending:focus-within{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal-pending{opacity:1;transform:none}}