:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #111;outline-offset:5px}::selection{background:#dedede;color:#000}.app-shell{min-height:100svh;display:flex;flex-direction:column}.site-header{padding:32px 56px;display:flex;align-items:center;justify-content:space-between;min-height:104px;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:22px;letter-spacing:-.7px;white-space:nowrap}.brand svg{flex-shrink:0}.site-header nav{display:flex;gap:32px;align-items:center;font-size:14px;color:#737373}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:#111}.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.main-content{flex:1;min-height:0}.home-main{display:flex;justify-content:center;align-items:center}.hero{text-align:center;padding:55px 24px 90px;animation:appear .45s ease both}.hero h1{font-size:76px;line-height:1.08;font-weight:500;letter-spacing:-4.6px;margin:0}.hero-description{font-size:21px;color:#737373;letter-spacing:-.3px;margin:25px 0 0}.hero-actions{margin-top:46px;display:flex;flex-direction:column;align-items:center;gap:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 23px;border-radius:4px;font-size:14px;line-height:1.45;font-weight:400;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.primary{background:#111;color:#fff;border:1px solid #111}.primary:not(:disabled):hover{background:#333;border-color:#333}.secondary{background:#fff;color:#111;border:1px solid #d4d4d4}.secondary:not(:disabled):hover{background:#f6f6f6;border-color:#737373}.hero-button{min-width:184px;font-size:17px;min-height:49px}.text-link{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:0;line-height:1.6}.text-link:hover{color:#555}.prompt-link{color:#737373;font-size:15px}.muted{color:#737373}.site-footer{padding:24px 56px 28px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;font-size:13px;color:#737373}.site-footer .footer-side{font-size:11px;color:#737373;justify-self:start}.site-footer a.footer-side{justify-self:end}.site-footer a:hover{color:#111}.inner-footer{font-size:11px;padding-top:36px}.skip-link{position:absolute;top:-80px;left:24px;padding:10px;background:#111;color:#fff;z-index:50}.skip-link:focus{top:12px}.writing-space{max-width:740px;margin:35px auto 0;padding:0 16px;min-height:calc(100svh - 234px);display:flex;flex-direction:column}.writing-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;font-size:13px;color:#737373}.writing-meta .text-link{font-size:12px;color:#737373}.editor{display:block;resize:none;width:100%;flex:1;min-height:330px;border:0;outline:0;background:transparent;color:#222;padding:0 0 30px;line-height:1.85;font-size:19px;letter-spacing:-.2px;overflow-wrap:anywhere}.editor::placeholder{color:#b0b0b0}.editor:focus-visible{outline:none}.editor:disabled{opacity:.65}.writing-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:8px}.save-state{font-size:11px;color:#737373}.action-pair{display:flex;gap:10px}.prompt-panel{background:#fafafa;border:1px solid #e4e4e4;border-radius:5px;padding:21px 24px 19px;margin:0 0 28px;animation:appear .18s ease}.eyebrow{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#737373}.prompt-panel p{font-size:17px;letter-spacing:-.3px;line-height:1.5;margin:8px 0 14px}.prompt-panel>div{display:flex;gap:22px}.prompt-panel .text-link{font-size:11px}.save-error{border-left:2px solid #222;padding-left:15px;margin:8px 0 15px;color:#333;font-size:13px}.save-error p{margin:0 0 8px}.save-error>div{display:flex;gap:24px}.save-error .text-link{font-size:12px}.pages-space,.reading-space{max-width:740px;padding:0 16px;margin:60px auto 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}h1,h2,p{overflow-wrap:break-word}.page-heading h1,.account-space h1,.privacy-space h1{font-weight:500;font-size:35px;line-height:1.2;letter-spacing:-1.4px;margin:0}.page-list{border-top:1px solid #e8e8e8}.page-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0;border-bottom:1px solid #e8e8e8}.page-row time{font-size:11px;color:#737373}.page-row p{font-size:17px;letter-spacing:-.25px;margin:7px 0 0}.page-row:hover p{text-decoration:underline;text-underline-offset:5px}.row-arrow{font-size:21px;font-weight:400}.storage-note{font-size:11px;color:#737373;margin-top:35px}.empty-state{padding:65px 20px;text-align:center;color:#737373}.empty-state svg{color:#222;margin-bottom:10px}.empty-state h2{font-size:24px;color:#333;font-weight:400;letter-spacing:-.6px}.empty-state p{font-size:14px}.empty-state .text-link{margin-top:15px;color:#333}.reading-space{margin-top:30px}.back-link{font-size:12px;color:#737373}.reading-date{display:block;font-size:12px;color:#737373;margin:40px 0 25px}.page-text{white-space:pre-wrap;font-size:19px;line-height:1.85;overflow-wrap:anywhere;min-height:330px}.reading-actions{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:40px}.reading-actions .text-link{font-size:12px}.signin-space,.completion{max-width:550px;margin:0 auto;text-align:center;padding:75px 24px}.signin-space h1{font-size:43px;line-height:1.13;letter-spacing:-1.9px;font-weight:500;margin:0}.signin-description{font-size:16px;color:#737373;margin:22px 0 35px}.google-button{min-width:270px;min-height:49px;font-size:14px;border-color:#d2d2d2}.google-button svg{margin-right:7px}.signin-note{font-size:12px;color:#737373;margin-top:60px}.preview-invitation{margin:24px auto 0;max-width:340px}.preview-invitation p{font-size:12px;line-height:1.8;color:#737373}.preview-invitation .text-link{font-size:13px}.preview-invitation>span{display:block;font-size:10px;color:#737373;margin-top:15px}.auth-error{font-size:13px;max-width:340px;margin:20px auto}.completion{padding-top:100px;animation:appear .4s ease}.completion svg{margin-bottom:24px}.completion h1{font-size:56px;line-height:1.1;font-weight:500;letter-spacing:-2.5px;margin:0}.completion p{font-size:16px;color:#737373;margin:20px 0 35px}.completion>.text-link{display:block;width:fit-content;margin:25px auto 0}.completion>.button{min-width:166px}.account-space{max-width:660px;margin:50px auto 0;padding:0 16px}.account-intro{font-size:14px;color:#737373;margin:18px 0 35px}.account-section{padding:30px 0;border-top:1px solid #e7e7e7}.account-section h2{font-size:16px;letter-spacing:-.25px;font-weight:500;margin:0 0 7px}.account-section p{font-size:13px;color:#737373;line-height:1.7;margin:0}.reminder-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.switch{position:relative;display:inline-flex;width:37px;height:22px;flex-shrink:0}.switch input{appearance:none;width:100%;height:100%;margin:0;background:#dedede;border-radius:20px;cursor:pointer}.switch input:checked{background:#111}.switch span{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;pointer-events:none;transition:transform .15s}.switch input:checked+span{transform:translate(15px)}.switch input:disabled{opacity:.4;cursor:default}.preference-fields{display:flex;gap:20px;margin:25px 0 20px}.preference-fields label{display:flex;flex-direction:column;gap:8px;color:#737373;font-size:11px;min-width:125px}.preference-fields label:last-child{flex:1}.preference-fields input,.preference-fields select{background:#fff;border:1px solid #d8d8d8;color:#222;border-radius:4px;padding:10px 12px;min-height:43px;font-size:13px;width:100%}.field-note{font-size:12px!important;line-height:1.7;color:#737373!important;margin-top:15px!important}.preferences-actions{display:flex;align-items:center;gap:20px;margin-top:24px}.preferences-actions>span{font-size:12px;color:#737373}.export-section{display:flex;align-items:center;justify-content:space-between;gap:25px}.export-section .button{font-size:12px}.account-footer{border-top:1px solid #e7e7e7;padding-top:25px;display:flex;justify-content:space-between;gap:25px}.account-footer .text-link{font-size:12px}.privacy-space{max-width:650px;padding:0 20px;margin:60px auto}.privacy-space h1{margin-bottom:25px}.privacy-space h2{font-size:16px;font-weight:500;margin:32px 0 9px}.privacy-space p{font-size:14px;line-height:1.9;color:#737373}.privacy-space>.text-link{margin-top:30px}.small-page{max-width:600px;text-align:center;margin:100px auto;padding:0 24px}.small-page h1{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.3}.small-page p{color:#737373;font-size:15px}.small-page .button{margin-top:20px}.loading{text-align:center;color:#737373;font-size:14px;padding:130px 24px}.loading-dots{animation:pulse 1.3s ease infinite}.loading p{font-size:13px;max-width:500px;margin:24px auto}.notice{position:fixed;top:90px;left:50%;transform:translate(-50%);padding:12px 18px;background:#f7f7f7;border:1px solid #e3e3e3;border-radius:4px;max-width:min(650px,90vw);width:max-content;font-size:12px;display:flex;align-items:center;gap:20px;z-index:10}.text-button{font-size:19px;padding:0 3px}.desktop-note{display:none}.flush-dialog{padding:0;border:1px solid #e5e5e5;border-radius:8px;max-width:430px;width:calc(100% - 40px);color:#111;background:#fff}.flush-dialog::backdrop{background:#0003}.dialog-content{padding:35px;text-align:center}.dialog-content svg{margin-bottom:15px}.dialog-content h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin:0}.dialog-content>p{font-size:14px;color:#737373;line-height:1.8;margin:16px 0 28px}.dialog-actions{display:flex;justify-content:center;gap:12px}.dialog-actions .button{min-width:135px}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.3}}@media(min-width:1600px){.hero h1{font-size:84px}.hero{padding-bottom:100px}.site-header{padding:38px 64px}}@media(max-width:900px){.site-header{padding:26px 30px}.site-footer{padding-left:30px;padding-right:30px}.writing-space,.pages-space,.reading-space,.account-space{margin-left:50px;margin-right:50px}.hero h1{font-size:68px}.hero-description{font-size:19px}.signin-space{padding-top:65px}}@media(max-width:767px){.site-header{padding:23px 22px;min-height:85px}.brand{font-size:19px;gap:7px}.brand svg{width:28px;height:28px}.site-header nav{font-size:12px;gap:18px}.hero{padding:65px 20px 90px}.hero h1{font-size:56px;letter-spacing:-3px}.hero-description{font-size:17px;margin-top:24px}.hero-actions{margin-top:36px}.hero-button{font-size:15px;min-width:160px}.site-footer{padding:22px;gap:10px;font-size:11px;grid-template-columns:1fr auto}.site-footer .footer-side:first-child{display:none}.site-footer .footer-side:last-child{justify-self:end}.site-footer>span:nth-child(2){justify-self:start}.desktop-space{display:none}.desktop-note{display:block;text-align:center;padding:110px 24px}.desktop-note h1{font-weight:500;font-size:34px;line-height:1.2;letter-spacing:-1.5px;margin-top:25px}.desktop-note p{font-size:14px;color:#737373}.account-space{margin:35px 24px 0;padding:0}.account-space h1{font-size:30px}.preference-fields{flex-direction:column}.export-section{align-items:flex-start;flex-direction:column}.preferences-actions{flex-wrap:wrap}.signin-space{padding-top:70px}.signin-space h1{font-size:36px}.completion{padding-top:100px}.privacy-space{margin-top:40px;padding:0 24px}.privacy-space h1{font-size:30px}.dialog-content{padding:28px 22px}.dialog-actions .button{min-width:118px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.flush-experience{padding:0;border:1px solid #e8e8e8;border-radius:8px;width:360px;max-width:calc(100vw - 40px);background:#fff;color:#111;box-shadow:0 12px 50px #0000000d}.flush-experience::backdrop{background:#ffffffeb}.flush-ritual{display:flex;flex-direction:column;align-items:center;padding:36px 24px 28px;text-align:center}.flush-mark{display:block;width:190px;height:174px;margin-bottom:20px;color:#222}.flush-ritual h1{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin:0}.flush-ritual>p{font-size:14px;color:#737373;margin:12px 0 0}.flush-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:30px}.flush-controls .text-link{font-size:11px}.flush-sound{display:inline-flex;align-items:center;gap:7px;min-width:94px;justify-content:center}.flush-sound svg{flex-shrink:0}.toilet-lid{transform:rotate(0)}.toilet-paper,.toilet-ripple{opacity:0}.flush-ritual[data-moving=true] .toilet-lid{animation:toilet-open var(--flush-duration) cubic-bezier(.4,0,.2,1) forwards}.flush-ritual[data-moving=true] .toilet-paper{animation:toilet-drop var(--flush-duration) ease-in forwards}.flush-ritual[data-moving=true] .toilet-handle{animation:toilet-flush var(--flush-duration) ease-in-out forwards}.flush-ritual[data-moving=true] .toilet-ripple{animation:toilet-ripple var(--flush-duration) ease-in-out forwards}@keyframes toilet-open{0%,4%{transform:rotate(0)}21%,76%{transform:rotate(-98deg)}96%,to{transform:rotate(0)}}@keyframes toilet-drop{0%,22%{transform:translate(5px,-15px) rotate(-12deg);opacity:0}28%{transform:translate(3px,-12px) rotate(-10deg);opacity:1}43%{transform:translate(-1px,34px) rotate(8deg) scale(1);opacity:1}58%{transform:translate(-5px,76px) rotate(15deg) scale(.65);opacity:1}62%,to{transform:translate(-5px,84px) scale(.4);opacity:0}}@keyframes toilet-flush{0%,45%,66%,to{transform:rotate(0)}52%,58%{transform:rotate(26deg)}}@keyframes toilet-ripple{0%,46%{opacity:0;transform:translate(0)}54%{opacity:1;transform:translate(-3px)}61%{opacity:.35;transform:translate(3px)}68%{opacity:.85;transform:translate(-2px)}80%,to{opacity:0;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.toilet-paper,.toilet-ripple{display:none}.toilet-lid{transform:rotate(-98deg)}}