:root { color-scheme:light; --ink:#151515; --muted:#626262; --line:#e5e5e5; --paper:#fff; }
* {box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #555;outline-offset:5px}p{color:var(--muted);line-height:1.75}figure{margin:0}h1,h2,h3,p{margin-top:0}h2{font-size:42px;font-weight:550;line-height:1.12;letter-spacing:-1.9px;margin-bottom:22px}h3{font-size:15px;font-weight:600;line-height:1.4}button,.button{min-height:40px}.shell{max-width:1400px;margin:auto;padding:0 6%}.skip-link{position:absolute;top:8px;left:15px;background:#151515;color:white;padding:12px;transform:translateY(-150%);z-index:5}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:-.8px}.brand img{display:block}.site-header nav{display:flex;align-items:center;gap:27px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 22px;border-radius:5px;font-size:13px;font-weight:550;line-height:1.3}.button-dark{background:#151515;color:#fff;border:1px solid #151515}.button-dark:hover{background:#333}.button-small{padding:11px 16px;font-size:12px}.button-outline{border:1px solid #dedede}.button-outline:hover{background:#f7f7f7}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:6%;align-items:center;padding:74px 0 92px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.01em;color:#626262;margin-bottom:22px}.hero h1{font-size:clamp(52px,6.4vw,84px);font-weight:600;letter-spacing:-4.6px;line-height:1.01;margin:0 0 28px}.intro{font-size:16px;line-height:1.7;max-width:390px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px;font-size:12px;color:var(--muted)}.requirements{font-size:11px;color:#707070;margin:16px 0 0}.desktop{aspect-ratio:1.28;position:relative;overflow:hidden;background:#f0f0f0;border:1px solid #e1e1e1;border-radius:10px;box-shadow:0 14px 35px -27px #00000050}.desktop:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,#ffffff66 1px,transparent 1px),linear-gradient(to bottom,#ffffff66 1px,transparent 1px);background-size:12.5% 12.5%}.menubar{position:absolute;inset:0 0 auto;height:25px;background:#f9f9f9;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:8px;color:#707070}.window{position:absolute;background:#fff;border:1px solid #dedede;border-radius:6px;box-shadow:0 3px 8px #00000005;overflow:hidden;transition:all .6s cubic-bezier(.22,.8,.23,1)}.titlebar{height:25px;border-bottom:1px solid #ededed;display:flex;align-items:center;gap:4px;padding:0 8px;font-size:8px;color:#707070}.titlebar i,.sample-bar i{width:5px;height:5px;background:#d5d5d5;border-radius:50%}.titlebar span{margin-left:7px}.notes{left:3%;top:10%;width:52%;height:86%;z-index:2}.reading{left:57%;top:10%;width:40%;height:42%}.ideas{left:57%;top:54%;width:40%;height:42%}.desktop:not(.arranged) .notes{left:16%;top:19%;width:63%;height:72%;z-index:4;box-shadow:0 12px 30px #00000018}.window-body{padding:21px 17px;color:#222}.window-body h3{font-weight:550;font-size:30px;line-height:1.08;letter-spacing:-1.1px;margin:15px 0}.window-body p{font-size:9px;line-height:1.8;color:#707070;margin:12px 0 22px}.note-tag{font-size:7px;letter-spacing:.09em;color:#707070}.line{height:3px;background:#e9e9e9;margin:9px 0;width:90%;border-radius:4px}.line.short{width:62%}.landscape{height:64px;border-radius:3px;background:linear-gradient(155deg,#eee 45%,#ccc 45%,#ccc 66%,#888 66%);margin-bottom:12px}.tiny-list{color:#666;font-size:9px;line-height:2.9;padding-top:11px}.tiny-list span{display:block;border-bottom:1px solid #eee;white-space:nowrap}.tiny-list span:last-child{border:0}.shortcut-hint{text-align:center;margin-top:20px;font-size:10px;color:#737373}.shortcut-hint>span{display:inline-flex;gap:4px;margin-left:7px}kbd{font:inherit;border:1px solid #e2e2e2;border-radius:4px;background:#fafafa;padding:4px 7px;color:#444}.hero-art figcaption{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#707070;margin-top:10px}.text-button{color:#555;background:transparent;border:0;text-decoration:underline;text-underline-offset:5px;font-size:12px;padding:8px 0}.text-link{font-size:13px;border-bottom:1px solid #aaa;padding-bottom:5px}.section-line{border-top:1px solid var(--line)}.section-heading>p:not(.eyebrow){font-size:14px}.how{padding:48px 0 58px;display:grid;grid-template-columns:1fr 2.3fr;gap:7%}.how h2{font-size:28px;letter-spacing:-1px}.how .eyebrow{font-size:11px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0}.step-number{font-size:11px;color:#707070;display:block;margin:4px 0 26px}.steps h3{font-size:13px;margin-bottom:10px}.steps p{font-size:12px;margin:0}.nowrap{white-space:nowrap}.try-section{padding:68px 5%;background:#f7f7f7;border-radius:10px;display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:center;margin:20px 0 100px}.try-copy>p:not(.eyebrow){font-size:14px}.try-copy .demo-instructions{font-size:12px;line-height:1.75;margin-top:23px}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.presets button{border:1px solid #d5d5d5;border-radius:4px;background:#fff;color:#444;font-size:11px;padding:9px 13px}.presets button:hover{background:#ebebeb}.demo-heading{display:flex;justify-content:space-between;font-size:11px;color:#666;margin-bottom:15px}.demo-stage{aspect-ratio:1.45;position:relative;background:#e8e8e8;border-radius:7px;overflow:hidden;padding:8px}.interactive-grid{position:absolute;inset:8px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px;touch-action:none;user-select:none}.grid-cell{padding:0;min-height:0;border:1px solid #c9c9c9;background:#ffffff55;border-radius:3px;cursor:crosshair}.grid-cell:hover{background:#ffffffbb;border-color:#707070}.grid-cell.is-selected{background:#1515151a;border-color:#707070}.grid-cell:focus-visible{outline:2px solid #151515;outline-offset:-3px;z-index:2}.sample-window{position:absolute;left:calc(12.5% + 6.375px);top:calc(12.5% + 6.375px);width:calc(62.5% - 11.125px);height:calc(62.5% - 11.125px);background:#fff;border:1px solid #b6b6b6;border-radius:5px;overflow:hidden;transition:all .35s ease;box-shadow:0 4px 12px #00000010}.sample-bar{height:20px;display:flex;align-items:center;gap:3px;padding:6px;border-bottom:1px solid #eee}.sample-window>span{display:block;font-size:12px;padding:12px 10px;color:#666;white-space:nowrap}.sample-lines{height:35%;margin:0 10px;background:repeating-linear-gradient(to bottom,#e9e9e9 0,#e9e9e9 3px,transparent 3px,transparent 12px)}.selection{position:absolute;display:none;pointer-events:none;border:2px solid #444;background:#ffffff66;border-radius:5px}.demo-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.demo-footer p{font-size:11px;margin:0}.caption{font-size:10px;color:#707070;margin:10px 0 0}.features{padding:65px 0 80px}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:38px}.feature-visual{height:180px;border:1px solid #e5e5e5;border-radius:7px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;background:#fafafa}.feature h3{margin-bottom:10px}.feature>p{font-size:13px;max-width:430px}.settings-visual{gap:40px}.settings-visual>div{text-align:center}.settings-visual>div>span{display:block;font-size:11px;color:#666;margin-bottom:17px}.settings-visual strong{font-size:30px;font-weight:450;letter-spacing:-1px}.settings-visual strong span{color:#888;font-size:20px}.settings-visual small{font-size:13px;letter-spacing:0;color:#707070}.keys-visual{flex-direction:column;gap:15px}.keys-visual>span{font-size:9px;letter-spacing:.1em;color:#707070}.keys-visual>div{display:flex;gap:7px}.keys-visual kbd{font-size:24px;padding:9px 16px;background:#fff;box-shadow:0 2px 0 #e2e2e2}.keys-visual small{font-size:10px;color:#707070}.quiet-features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:45px;padding-top:32px;border-top:1px solid #e5e5e5}.feature-mark{font-size:23px;display:block;margin-bottom:17px;color:#555}.quiet-features h3{font-size:14px;margin-bottom:8px}.quiet-features p{font-size:12px;margin-bottom:0}.setup{padding:70px 0 80px;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.setup-steps{list-style:none;margin:0;padding:0}.setup-steps li{display:flex;gap:24px;padding:0 0 28px;margin:0 0 25px;border-bottom:1px solid #e5e5e5}.setup-steps li:last-child{border:0;margin:0;padding:0}.setup-steps li>span{font-size:11px;color:#707070;line-height:1.9}.setup-steps h3{font-size:15px;margin-bottom:9px}.setup-steps p{font-size:13px;margin:0}.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding:70px 0 80px}.faq-list details{border-bottom:1px solid #e5e5e5}.faq-list details:first-child{border-top:1px solid #e5e5e5}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:14px;font-weight:500;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;color:#707070;font-weight:300}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>div{padding:0 26px 17px 0}.faq-list details p{font-size:13px;margin-bottom:12px}.faq-list details a{text-decoration:underline;text-underline-offset:3px}.closing{text-align:center;background:#f7f7f7;border-radius:10px;padding:60px 24px 64px;margin:0 0 55px}.closing>img{margin-bottom:18px}.closing .eyebrow{margin-bottom:18px}.closing h2{font-size:56px;letter-spacing:-2.6px;margin-bottom:29px}.closing .requirements{font-size:11px}footer{display:flex;align-items:center;gap:25px;border-top:1px solid #e5e5e5;padding:28px 0 35px;font-size:11px}footer .brand{font-size:16px;gap:7px}footer>p{margin:0;color:#707070}footer nav{margin-left:auto;display:flex;gap:24px}.readme-shell{max-width:920px;margin:auto;padding:30px 5% 60px}.readme-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:28px}.readme-paper{border:1px solid #ddd;border-radius:6px;padding:35px}.readme-paper img{display:block;width:auto;max-width:100%;height:auto;margin-left:auto;margin-right:auto}.readme-paper h2{font-size:24px;letter-spacing:-.6px;margin-top:34px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.readme-paper h3{margin-top:24px}.readme-paper p,.readme-paper li{font-size:14px;line-height:1.75}.readme-paper li{margin-bottom:6px}.readme-paper a{text-decoration:underline;text-underline-offset:3px}.readme-paper table{width:100%;border-collapse:collapse;font-size:13px;margin:20px 0}.readme-paper th,.readme-paper td{padding:10px;text-align:left;border:1px solid #ddd;line-height:1.5}.readme-paper th{background:#fafafa}.readme-paper blockquote{border-left:3px solid #ddd;margin:20px 0;padding:0 15px}.readme-paper hr{border:0;border-top:1px solid #ddd}.readme-nav{text-align:center;margin:25px 0}.readme-note{font-size:12px;color:#666;margin-top:25px}
@media(max-width:1000px){.site-header nav{gap:17px}.site-header nav .button{display:none}.hero{gap:5%}.hero h1{letter-spacing:-3px}.settings-visual{gap:25px}.how{grid-template-columns:1fr}.steps{margin-top:8px}.how .section-heading br{display:none}.try-section{gap:6%;padding:50px 4%}.window-body{padding:15px 12px}.window-body h3{font-size:25px}.landscape{height:45px}.quiet-features{gap:30px}footer{flex-wrap:wrap}footer nav{gap:20px}}
@media(max-width:760px){.shell{padding:0 6%}.site-header{align-items:flex-start;gap:16px;padding:23px 0}.site-header .brand{font-size:20px;gap:6px}.site-header .brand img{width:34px;height:34px}.site-header nav{gap:10px 17px;justify-content:flex-end;flex-wrap:wrap;font-size:11px;max-width:220px;padding-top:3px}.hero{grid-template-columns:1fr;gap:45px;padding:45px 0 58px}.hero h1{font-size:clamp(47px,13vw,68px);letter-spacing:-2.6px}.intro{font-size:15px}.hero-art{max-width:540px;width:100%;margin:auto}.desktop{aspect-ratio:1.2}.window-body{padding:12px}.window-body h3{font-size:23px}.window-body p{font-size:8px;margin-bottom:12px}.tiny-list{font-size:8px;padding:8px;line-height:2.5}.landscape{height:36px;margin-bottom:6px}.note-tag{font-size:6px}.hero-actions{gap:16px}.hero-actions .button{padding:15px 18px;gap:15px}.how{padding:35px 0 45px;gap:22px}.how .section-heading br{display:initial}.steps{grid-template-columns:1fr;gap:25px}.steps li{display:grid;grid-template-columns:30px 1fr;column-gap:14px}.steps .step-number{grid-row:span 2;margin:2px 0}.steps h3{font-size:14px}.steps p{grid-column:2;font-size:13px}.try-section{grid-template-columns:1fr;padding:30px 6%;gap:30px;margin:0 -2% 55px}.try-copy h2{font-size:36px}.demo-stage{aspect-ratio:1.25}.demo-heading{font-size:10px}.demo-footer p{font-size:10px}.features{padding:45px 0 50px}h2{font-size:34px;letter-spacing:-1.4px}.feature-pair{grid-template-columns:1fr;gap:25px;margin-top:28px}.feature-visual{height:165px;margin-bottom:20px}.feature>p{max-width:none}.quiet-features{grid-template-columns:1fr;gap:24px;margin-top:28px;padding-top:27px}.quiet-features article{display:grid;grid-template-columns:28px 1fr;column-gap:15px}.feature-mark{grid-row:span 2;margin:0}.quiet-features p{grid-column:2;font-size:13px}.setup,.questions{grid-template-columns:1fr;gap:28px;padding:45px 0 50px}.setup-steps{margin-top:10px}.setup-steps li{gap:16px}.questions .section-heading h2{margin-bottom:0}.faq-list summary{font-size:14px;padding:20px 0}.closing{padding:42px 22px;margin-bottom:35px}.closing h2{font-size:44px;letter-spacing:-2px}.closing .button{font-size:12px}footer{gap:13px 24px;padding:25px 0}footer nav{margin-left:0;flex-basis:100%;justify-content:space-between;gap:12px;font-size:11px}.readme-paper{padding:20px 16px}.readme-top{align-items:flex-start}.readme-paper table{font-size:11px}.readme-paper th,.readme-paper td{padding:8px}.readme-paper h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.download-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;display:flex;align-items:center;gap:22px;padding:8px 14px 8px 20px;background:#151515;color:#fff;border-radius:6px;box-shadow:0 6px 25px #00000020;z-index:10;font-size:13px}.download-notice button{color:white;background:transparent;border:0;font-size:23px;min-width:40px}.download-notice button:focus-visible{outline-color:white}

/* The shortcut press accompanies the desktop's organizing transition. */
.shortcut-hint kbd{display:inline-block;transition:background-color .1s,color .1s,border-color .1s}
.shortcut-hint.is-pressed kbd{background:#222;color:#fff;border-color:#222}
/* Match Reset, between the desktop and shortcut hint. */
.animation-controls{display:flex;justify-content:flex-end;margin-top:6px}
.animation-controls + .shortcut-hint{margin-top:4px}

/* Announce placement changes without a visible status label. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}