:root{color:#2e332f;font-synthesis:none;--bg:#f4f0e8;--panel:#ece7dd;--paper:#fcfaf5;--ink:#2e332f;--muted:#70766e;--faint:#d5cfc3;--accent:#6f756a;--accent-soft:#dce1d9;--shadow:#36362b14;background:#f4f0e8;font-family:DM Sans,sans-serif}:root[data-appearance=dark]{--bg:#151916;--panel:#1d221e;--paper:#252b26;--ink:#f1eee5;--muted:#bcc3b8;--faint:#424a43;--accent:#e3b66d;--accent-soft:#3a3327;--shadow:#00000052;color:var(--ink)}@media (prefers-color-scheme:dark){:root[data-appearance=system]{--bg:#151916;--panel:#1d221e;--paper:#252b26;--ink:#f1eee5;--muted:#bcc3b8;--faint:#424a43;--accent:#e3b66d;--accent-soft:#3a3327;--shadow:#00000052;color:var(--ink)}}:root[data-accent=blue]{--accent:#537292;--accent-soft:#dae4ed}:root[data-accent=green]{--accent:#6b8362;--accent-soft:#dce7d8}:root[data-accent=amber]{--accent:#a27b40;--accent-soft:#f0e2c7}:root[data-accent=rose]{--accent:#9b6d6d;--accent-soft:#eddddd}:root[data-accent=violet]{--accent:#7d7097;--accent-soft:#e5dff0}:root[data-appearance=dark][data-accent=blue]{--accent:#8db9e1;--accent-soft:#263847}:root[data-appearance=dark][data-accent=green]{--accent:#a7c793;--accent-soft:#2b3b2b}:root[data-appearance=dark][data-accent=amber]{--accent:#e3b66d;--accent-soft:#3a3327}:root[data-appearance=dark][data-accent=rose]{--accent:#dda2a2;--accent-soft:#402d30}:root[data-appearance=dark][data-accent=violet]{--accent:#b8a8e0;--accent-soft:#342e46}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.settings-panel::-webkit-scrollbar{width:0;height:0;display:none}body{scrollbar-width:none;min-width:320px;margin:0}button,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0}button:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h2{white-space:nowrap}::selection{background:var(--accent);color:var(--paper)}.app-shell{background:var(--bg);min-height:100dvh;transition:background .25s,color .25s}.topbar{border-bottom:1px solid var(--faint);justify-content:space-between;align-items:center;height:76px;padding:0 4.2vw;display:flex}.wordmark{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;padding:4px 0;line-height:1;text-decoration:none;display:inline-flex;letter-spacing:-.015em!important;font-family:Newsreader,serif!important;font-size:20px!important;font-style:italic!important;font-weight:400!important}.wordmark-mark{width:24px;height:24px;color:var(--accent);background:0 0;border:0;justify-content:center;align-items:center;margin-right:8px;transition:transform .15s,color .15s;display:inline-flex}.wordmark-mark svg{width:22px;height:22px;display:block}.wordmark:hover .wordmark-mark,.auth-brand:hover .wordmark-mark{color:color-mix(in srgb, var(--accent) 85%, var(--ink));background:0 0;border:0;transform:translateY(-1px)rotate(-3deg)}:root[data-appearance=dark] .wordmark-mark{color:color-mix(in srgb, var(--accent) 92%, #fff)}.topbar-actions{align-items:center;gap:22px;display:flex}.sync-status{color:var(--muted);letter-spacing:.01em;align-items:center;gap:8px;font:11px DM Mono,monospace;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.status-dot.saving{animation:1s infinite alternate breathe}@keyframes breathe{to{opacity:.3}}.icon-button,.avatar{color:var(--muted);background:0 0;place-items:center;display:grid}.avatar{border:1px solid var(--faint);width:28px;height:28px;color:var(--accent);border-radius:50%;font-size:11px}.workspace{grid-template-columns:300px minmax(0,1fr) 310px;min-height:calc(100dvh - 76px);display:grid}.calendar-panel{border-right:0;padding:48px 34px 32px 4.2vw;position:relative}.calendar-panel:after{background:var(--faint);content:"";width:1px;position:absolute;inset:0 0 0 auto}.calendar-heading,.settings-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.eyebrow,.setting-group h3{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font:10px DM Mono,monospace}h2{color:var(--ink);margin:0;font:400 19px Newsreader,serif}.month-controls{flex-shrink:0;gap:8px;margin-top:1px;display:flex}.month-review{align-items:center;gap:8px;margin-top:8px;display:flex}.month-review svg{flex-shrink:0;width:16px;height:16px}.month-review span{color:var(--muted);font:10px DM Mono,monospace}.small-button{border:1px solid var(--faint);width:28px;height:28px;color:var(--muted);background:0 0;border-radius:50%;font-size:14px}.small-button:hover{border-color:var(--accent);color:var(--accent)}.today-button{border:1px solid var(--faint);width:100%;color:var(--accent);text-align:left;background:0 0;border-radius:4px;justify-content:space-between;margin:4px 0 24px;padding:11px 12px;font-size:11px;display:flex}.today-button:hover{border-color:var(--accent);background:var(--accent-soft)}.today-button span{color:var(--muted);font:10px DM Mono,monospace}.calendar{grid-template-columns:repeat(7,1fr);gap:4px 1px;display:grid}.weekday{color:var(--muted);text-align:center;padding-bottom:12px;font:10px DM Mono,monospace}.calendar-day{width:28px;height:30px;color:var(--muted);background:0 0;border-radius:50%;justify-self:center;font-size:11px;position:relative}.calendar-day:hover{background:var(--accent-soft);color:var(--accent)}.calendar-day.selected{background:var(--accent);color:var(--paper)}.calendar-day.today:not(.selected){box-shadow:inset 0 -2px 0 var(--accent);color:var(--ink)}.calendar-day i{background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.calendar-day.selected i{background:var(--paper)}.calendar-note{color:var(--muted);align-items:center;gap:8px;margin-top:28px;font:10px DM Mono,monospace;display:flex}.legend-dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.editor-area{width:min(900px,100%);margin:0 auto;padding:62px clamp(28px,6vw,78px) 60px}.entry-header{text-align:center;grid-template-columns:32px 1fr 32px;align-items:center;gap:18px;margin-bottom:42px;display:grid}.date-nav{width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;font-size:17px}.date-nav:hover{background:var(--accent-soft);color:var(--accent)}.date-title{background:0 0}.date-label{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font:10px DM Mono,monospace;display:block}h1{color:var(--ink);letter-spacing:-.025em;margin:0;font:400 clamp(24px,3vw,32px) Newsreader,serif}.paper-wrap{background:0 0;width:min(760px,100%);min-height:70dvh;margin:0 auto;padding:0;position:relative;overflow:visible}.editor-toolbar{color:var(--muted);letter-spacing:.03em;justify-content:space-between;padding:0 0 16px;font:10px DM Mono,monospace;display:flex}.editor-toolbar button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:4px;padding:4px 8px;font-size:11px}.editor-toolbar button.save-button{color:var(--accent)}.editor-toolbar button.sync-button{color:var(--muted)}.editor-toolbar button.save-button:hover{color:var(--ink)}.editor-toolbar button.sync-button:hover{color:var(--accent)}.editor{z-index:1;resize:none;width:100%;height:auto;min-height:62dvh;color:var(--ink);letter-spacing:-.008em;background:0 0;border:0;outline:0;padding:26px 0 0;font:400 21px/1.65 Newsreader,serif;display:block;position:relative;overflow:auto}.editor:focus-visible{outline:none}.editor::placeholder{color:var(--muted);opacity:.95}:root[data-writing-font=sans] .editor{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:18px;line-height:1.7}:root[data-writing-font=mono] .editor{letter-spacing:-.03em;font-family:DM Mono,monospace;font-size:15px;line-height:1.8}:root[data-writing-size=small] .editor{font-size:18px}:root[data-writing-size=medium] .editor{font-size:21px}:root[data-writing-size=large] .editor{font-size:26px}:root[data-writing-font=sans][data-writing-size=small] .editor{font-size:16px}:root[data-writing-font=sans][data-writing-size=large] .editor{font-size:22px}:root[data-writing-font=mono][data-writing-size=small] .editor{font-size:13px}:root[data-writing-font=mono][data-writing-size=large] .editor{font-size:17px}.paper-footer{z-index:1;color:var(--muted);justify-content:space-between;margin-top:30px;padding-top:16px;font:10px DM Mono,monospace;display:flex;position:relative}.closing-note{color:var(--muted);text-align:center;margin:22px 0 0;font:italic 12px Newsreader,serif}.settings-panel{border-left:1px solid var(--faint);background:var(--panel);padding:42px 4.2vw 32px 30px}.close-button{width:28px;height:28px;color:var(--muted);background:0 0;border-radius:50%;font-size:23px}.close-button:hover{background:var(--accent-soft);color:var(--accent)}.setting-group{margin-top:32px}.setting-group h3{margin-bottom:12px}.segmented,.size-list{gap:5px;display:flex}.segmented button,.size-list button{border:1px solid var(--faint);color:var(--muted);background:0 0;border-radius:3px;padding:9px 11px;font-size:11px}.segmented button:hover,.size-list button:hover{border-color:var(--accent);color:var(--ink)}.segmented button.active,.size-list button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.accent-list{gap:13px;padding:4px 0;display:flex}.accent-swatch{background:0 0;border-radius:50%;width:20px;height:20px;padding:3px}.accent-swatch span{background:var(--swatch);border-radius:50%;width:100%;height:100%;display:block}.accent-swatch.active{outline:1px solid var(--accent);outline-offset:3px}.accent-swatch.neutral{--swatch:#818477}.accent-swatch.blue{--swatch:#537292}.accent-swatch.green{--swatch:#6b8362}.accent-swatch.amber{--swatch:#a27b40}.accent-swatch.rose{--swatch:#9b6d6d}.accent-swatch.violet{--swatch:#7d7097}.font-list,.export-list{gap:5px;display:grid}.font-list button,.export-list button{border:1px solid #0000;border-bottom-color:var(--faint);color:var(--muted);text-align:left;background:0 0;padding:11px 10px;font-size:12px}.font-list button:hover,.export-list button:hover{color:var(--ink);background:var(--accent-soft)}.font-list button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}:root[data-appearance=dark] .font-list button.active{color:var(--ink)}.font-serif{font-family:Newsreader,serif;font-size:15px!important}.font-mono{font-family:DM Mono,monospace;font-size:10px!important}.export-list button{color:var(--accent);justify-content:space-between;display:flex}.settings-footnote{color:var(--muted);margin-top:42px;font:italic 11px/1.6 Newsreader,serif}.mobile-toolbar,.mobile-nav{display:none}@media (max-width:1020px){.workspace{grid-template-columns:280px minmax(0,1fr)}.settings-panel{z-index:50;width:min(320px,90vw);box-shadow:-10px 0 35px var(--shadow);background:var(--panel);position:fixed;inset:76px 0 0 auto}}@media (max-width:720px){.topbar{height:62px;padding:0 20px}.sync-status{display:none}.workspace{min-height:calc(100dvh - 62px);display:block}.calendar-panel{z-index:8;background:var(--bg);border:0;padding:30px 28px;display:none;position:fixed;inset:62px 0}.calendar-panel:after{display:none}.calendar-panel.mobile-visible{display:block}.calendar{gap:10px 4px;max-width:330px;margin:0 auto}.calendar-day{width:36px;height:36px}.editor-area{width:100%;padding:22px 20px 90px}.mobile-toolbar{justify-content:space-between;margin-bottom:32px;display:flex}.mobile-toolbar button{color:var(--accent);background:0 0;padding:8px 0;font:11px DM Mono,monospace}.mobile-toolbar span{margin-left:5px}.entry-header{margin-bottom:30px}.paper-wrap{min-height:65dvh;padding:0}.editor{min-height:54dvh;font-size:21px;overflow:auto}.paper-footer{margin-top:20px}.closing-note{padding:0 20px}.mobile-nav{z-index:12;border-top:1px solid var(--faint);background:color-mix(in srgb, var(--bg) 93%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(3,1fr);height:62px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:var(--muted);background:0 0;font-size:11px}.mobile-nav button.active{color:var(--accent)}.settings-panel{z-index:50;border:0;border-top:1px solid var(--faint);background:var(--panel);width:100%;max-height:calc(100dvh - 80px);box-shadow:0 -12px 40px var(--shadow);padding:28px 24px;position:fixed;inset:auto 0 62px;overflow-y:auto}.settings-footnote{margin-top:30px}}.closing-note{padding-bottom:30px}.auth-loading{background:var(--bg);min-height:100svh;color:var(--muted);place-items:center;font:12px DM Mono,monospace;display:grid}.loading-screen{background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:32px 20px;display:flex}.loading-tile{width:76px;height:76px;box-shadow:0 18px 44px var(--shadow);background:#151916;border-radius:19px;place-items:center;animation:1.6s ease-in-out infinite alternate loading-breathe;display:grid}.loading-tile svg{width:52px;height:52px;display:block}.loading-wordmark{color:var(--ink);letter-spacing:-.015em;margin:0;font-family:Newsreader,serif;font-size:22px;font-style:italic;font-weight:400}.loading-message{color:var(--muted);letter-spacing:.04em;margin:0;font:11px DM Mono,monospace;animation:1.2s ease-in-out infinite alternate loading-breathe}@keyframes loading-breathe{0%{opacity:1}to{opacity:.45}}@media (prefers-reduced-motion:reduce){.loading-tile,.loading-message{animation:none}}.auth-screen{background:var(--bg);place-items:center;min-height:100svh;padding:32px 20px;display:grid}.auth-card{border:1px solid var(--faint);background:var(--panel);width:min(100%,430px);box-shadow:0 24px 60px var(--shadow);padding:42px clamp(26px,6vw,54px)}.auth-brand{color:var(--ink);letter-spacing:-.015em;align-items:center;margin-bottom:56px;font-family:Newsreader,serif;font-size:19px;font-style:italic;font-weight:400;display:flex}.auth-brand .wordmark-mark{margin-right:9px}.auth-card h1{margin:0 0 14px;font-size:clamp(32px,6vw,44px)}.auth-intro{color:var(--muted);margin:0 0 30px;font:16px/1.55 Newsreader,serif}.auth-form{gap:18px;display:grid}.auth-form label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;gap:8px;font:10px DM Mono,monospace;display:grid}.auth-form input{border:1px solid var(--faint);background:var(--bg);width:100%;color:var(--ink);letter-spacing:0;text-transform:none;border-radius:3px;padding:12px 13px;font:15px DM Sans,sans-serif}.auth-form input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:1px}.password-field{display:block;position:relative}.password-field input{padding-right:48px}.password-toggle{width:34px;height:34px;color:var(--muted);background:0 0;border-radius:3px;place-items:center;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-toggle:hover{background:var(--accent-soft);color:var(--accent)}.password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:17px;height:17px}.auth-form small{color:var(--muted);letter-spacing:0;text-transform:none;margin-top:-3px;font:10px DM Mono,monospace}.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--paper);border-radius:3px;margin-top:5px;padding:13px 16px;font-size:12px}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{cursor:wait;opacity:.6}.auth-switch{color:var(--accent);text-align:left;background:0 0;margin-top:22px;padding:0;font:11px DM Mono,monospace;display:block}.form-error{color:#d87878;margin:0;font:11px/1.5 DM Mono,monospace}.form-success{color:var(--accent);margin:0;font:11px/1.5 DM Mono,monospace}.auth-forgot{margin-top:18px}.onboarding-screen .auth-brand{margin-bottom:42px}.status-dot.saving,.status-dot.pending,.status-dot.syncing{animation:1s infinite alternate breathe}@media (max-width:720px){.auth-screen{align-items:start;padding:20px}.auth-card{margin-top:6vh;padding:30px 24px}.auth-brand{margin-bottom:42px}.onboarding-screen .auth-card{margin-top:3vh}}.landing-shell{background:var(--bg);min-height:100dvh;color:var(--ink);transition:background .25s,color .25s;overflow-x:hidden}.landing-nav{z-index:100;border-bottom:1px solid var(--faint);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);height:76px;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 4.2vw;display:flex}.landing-nav-inner .wordmark{color:var(--ink);align-items:center;text-decoration:none;display:inline-flex;letter-spacing:-.015em!important;font-family:Newsreader,serif!important;font-size:20px!important;font-style:italic!important;font-weight:400!important}.landing-nav-links{align-items:center;gap:28px;display:flex}.landing-nav-links button{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:6px 0;font:11px DM Mono,monospace;transition:color .15s}.landing-nav-links button:hover{color:var(--accent)}.landing-nav-actions{align-items:center;gap:16px;display:flex}.landing-theme-toggle{border:1px solid var(--faint);width:32px;height:32px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;font-size:15px;transition:border-color .15s,color .15s;display:grid}.landing-theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.landing-cta-button{border:1px solid var(--accent);background:var(--accent);color:var(--paper);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:9px 16px;font:11px DM Mono,monospace;transition:filter .15s}.landing-cta-button:hover{filter:brightness(1.08)}.landing-hero{max-width:1240px;margin:0 auto;padding:64px 4.2vw 88px}.landing-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.landing-hero-copy{flex-direction:column;align-items:flex-start;display:flex}.landing-badge{border:1px solid var(--faint);background:color-mix(in srgb, var(--panel) 70%, transparent);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font:10px DM Mono,monospace;display:inline-flex}.landing-headline{letter-spacing:-.03em;color:var(--ink);margin:0 0 20px;font:400 clamp(32px,4.2vw,54px)/1.15 Newsreader,serif}.landing-subhead{color:var(--muted);max-width:540px;margin:0 0 28px;font:400 17px/1.65 Newsreader,serif}.landing-pills{flex-wrap:wrap;gap:8px;margin-bottom:34px;display:flex}.landing-pills .pill{border:1px solid var(--faint);letter-spacing:.02em;color:var(--muted);background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:3px;padding:5px 11px;font:10px DM Mono,monospace}.landing-hero-cta-row,.banner-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.landing-primary-button{border:1px solid var(--accent);background:var(--accent);height:44px;min-height:44px;color:var(--paper);letter-spacing:.01em;cursor:pointer;box-sizing:border-box;vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 24px;font:500 13px/1 DM Sans,sans-serif;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.landing-primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.landing-secondary-button{border:1px solid var(--faint);height:44px;min-height:44px;color:var(--ink);letter-spacing:.01em;cursor:pointer;box-sizing:border-box;vertical-align:middle;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 22px;font:500 13px/1 DM Sans,sans-serif;text-decoration:none;transition:border-color .15s,background .15s,transform .15s,color .15s;display:inline-flex}.landing-secondary-button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.landing-primary-button span,.landing-secondary-button span{font-size:14px;line-height:1;display:inline-block}:root[data-appearance=dark] .landing-secondary-button{color:color-mix(in srgb, var(--ink) 90%, var(--muted));background:color-mix(in srgb, var(--panel) 70%, transparent);border-color:#384239}:root[data-appearance=dark] .landing-secondary-button:hover{border-color:var(--accent);color:color-mix(in srgb, var(--accent) 92%, #fff);background:color-mix(in srgb, var(--accent) 14%, #181d19)}.landing-reassurance{color:var(--muted);margin:0;font:11px DM Mono,monospace}.landing-hero-auth{justify-content:flex-end;display:flex}.landing-hero-auth .auth-screen{background:0 0;min-height:auto;padding:0}.landing-hero-auth .auth-card{width:100%;max-width:420px;box-shadow:0 20px 50px var(--shadow);margin:0}.landing-section{border-top:1px solid var(--faint);max-width:1240px;margin:0 auto;padding:88px 4.2vw}.landing-section-header{text-align:center;max-width:680px;margin:0 auto 52px}.landing-section-header h2{letter-spacing:-.025em;color:var(--ink);white-space:normal;margin:0 0 14px;font:400 clamp(26px,3.2vw,38px) Newsreader,serif}.landing-section-desc{color:var(--muted);margin:0;font:400 16px/1.6 Newsreader,serif}.landing-demo-frame{border:1px solid var(--faint);background:var(--panel);box-shadow:0 24px 60px var(--shadow);border-radius:6px;overflow:auto}.landing-demo-bar{border-bottom:1px solid var(--faint);background:color-mix(in srgb, var(--panel) 75%, var(--bg));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.demo-control-group{align-items:center;gap:10px;display:flex}.demo-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono,monospace}.landing-demo-canvas{background:var(--bg);grid-template-columns:300px 1fr;min-height:480px;display:grid}.landing-demo-sidebar{border-right:1px solid var(--faint);padding:48px 34px 32px}.landing-demo-editor{flex-direction:column;justify-content:space-between;padding:42px clamp(24px,5vw,64px) 36px;display:flex}.landing-demo-editor .editor{height:auto;min-height:240px}.landing-feature-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.feature-card{border:1px solid var(--faint);background:var(--panel);border-radius:4px;flex-direction:column;justify-content:space-between;min-height:230px;padding:34px 30px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.feature-icon{color:var(--accent);margin-bottom:16px;font-size:22px}.feature-card h3{color:var(--ink);margin:0 0 10px;font:400 21px Newsreader,serif}.feature-card p{color:color-mix(in srgb, var(--ink) 82%, var(--muted));flex-grow:1;margin:0 0 20px;font:14px/1.65 DM Sans,sans-serif}.feature-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 36%, var(--faint));background:color-mix(in srgb, var(--accent) 12%, var(--panel));border-radius:3px;align-self:flex-start;align-items:center;padding:6px 10px;font:500 10px/1 DM Mono,monospace;display:inline-flex}:root[data-appearance=dark] .feature-card,:root[data-appearance=dark] .sync-step-card,:root[data-appearance=dark] .type-spec-card{background:#1c221e;border-color:#384239}:root[data-appearance=dark] .feature-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000059}:root[data-appearance=dark] .feature-tag{color:color-mix(in srgb, var(--accent) 92%, #fff);border-color:color-mix(in srgb, var(--accent) 42%, #424a43);background:color-mix(in srgb, var(--accent) 16%, #161a17)}:root[data-appearance=dark] .landing-pills .pill{color:color-mix(in srgb, var(--ink) 85%, var(--muted));background:color-mix(in srgb, var(--panel) 80%, transparent);border-color:#384239}.sync-steps-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.sync-step-card{border:1px solid var(--faint);background:var(--panel);border-radius:4px;padding:30px 24px}.step-num{color:var(--accent);margin-bottom:14px;font:500 15px DM Mono,monospace}.sync-step-card h4{color:var(--ink);margin:0 0 10px;font:400 19px Newsreader,serif}.sync-step-card p{color:color-mix(in srgb, var(--ink) 80%, var(--muted));margin:0;font:13px/1.65 DM Sans,sans-serif}.typography-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.type-spec-card{border:1px solid var(--faint);background:var(--panel);border-radius:4px;padding:32px 28px}.type-meta{border-bottom:1px solid var(--faint);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:12px;display:flex}.type-badge{color:var(--accent);font:500 11px DM Mono,monospace}.type-role{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono,monospace}.type-sample{color:var(--ink);margin:0 0 20px}.type-serif .type-sample{font:italic 400 21px/1.55 Newsreader,serif}.type-sans .type-sample{font:400 17px/1.55 DM Sans,sans-serif}.type-mono .type-sample{font:400 14px/1.65 DM Mono,monospace}.type-desc{color:var(--muted);margin:0;font:13px/1.6 DM Sans,sans-serif}.landing-cta-banner{border-top:1px solid var(--faint);background:color-mix(in srgb, var(--panel) 45%, var(--bg));text-align:center;padding:88px 4.2vw}.landing-cta-banner-inner{max-width:640px;margin:0 auto}.landing-cta-banner h2{letter-spacing:-.025em;color:var(--ink);white-space:normal;margin:0 0 14px;font:400 clamp(28px,3.5vw,42px) Newsreader,serif}.landing-cta-banner p{color:var(--muted);margin:0 0 32px;font:400 16px/1.6 Newsreader,serif}.banner-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-footer{border-top:1px solid var(--faint);background:var(--panel);padding:64px 4.2vw 48px}.landing-footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;display:grid}.footer-brand-block .wordmark{align-items:center;text-decoration:none;display:inline-flex}.footer-tagline{color:var(--muted);max-width:280px;margin:16px 0 12px;font:14px/1.6 Newsreader,serif}.footer-copy{color:var(--muted);margin:0;font:10px DM Mono,monospace}.footer-links-group h5{text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin:0 0 16px;font:10px DM Mono,monospace}.footer-links-group ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-links-group button,.footer-links-group a,.footer-text{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font:12px DM Sans,sans-serif;text-decoration:none;transition:color .15s}.footer-links-group button:hover,.footer-links-group a:hover{color:var(--accent)}@media (max-width:1020px){.landing-hero-grid{grid-template-columns:1fr;gap:48px}.landing-hero-auth{justify-content:center}.landing-demo-canvas{grid-template-columns:240px 1fr}.landing-footer-inner{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:768px){.landing-nav-links{display:none}.landing-demo-canvas{grid-template-columns:1fr}.landing-demo-sidebar{display:none}.landing-hero{padding:40px 20px 60px}.landing-section,.landing-cta-banner{padding:60px 20px}.landing-footer{padding:48px 20px 36px}.landing-footer-inner{grid-template-columns:1fr;gap:32px}}.account-card{border:1px solid var(--faint);background:color-mix(in srgb, var(--panel) 70%, var(--bg));border-radius:4px;gap:14px;padding:14px 16px;display:grid}.account-status{justify-content:space-between;align-items:center;display:flex}.account-user-info{gap:4px;display:grid}.account-user-name{color:var(--ink);font:500 13px DM Sans,sans-serif}.account-sync-badge{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font:10px DM Mono,monospace;display:inline-flex}.signout-button{border:1px solid var(--faint);width:100%;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:3px;justify-content:space-between;align-items:center;padding:10px 14px;font:11px DM Mono,monospace;transition:border-color .15s,background .15s,color .15s;display:flex}.signout-button:hover{color:#d87878;background:#d878781f;border-color:#d87878}.month-reflection{border:1px solid var(--faint);background:color-mix(in srgb, var(--panel) 72%, var(--bg));border-radius:4px;margin:20px 0 18px;padding:14px 14px 12px}.month-reflection-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.reflection-icon{color:var(--accent);place-items:center;display:grid}.reflection-label{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;flex:1;margin:0;font:10px DM Mono,monospace}.reflection-status{color:var(--muted);white-space:nowrap;font:10px DM Mono,monospace}.month-reflection textarea{resize:vertical;width:100%;min-height:72px;max-height:200px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:3px;outline:0;padding:8px 0;font:400 13px/1.6 Newsreader,serif;transition:background .15s,border-color .15s,padding .15s;overflow:auto}.month-reflection textarea::placeholder{color:var(--muted);opacity:.75}.month-reflection textarea:focus{border-color:var(--faint);background:var(--bg);padding:8px 10px}.month-reflection textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor-toolbar{color:var(--muted);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;font:10px DM Mono,monospace;display:flex}.editor-toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar-status{color:var(--muted);margin-right:4px;font:10px DM Mono,monospace}.save-feedback{color:var(--accent);font:10px DM Mono,monospace;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.editor-toolbar button.save-button,.editor-toolbar button.sync-button{border:1px solid var(--faint);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:6px 10px;font:10px DM Mono,monospace;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.editor-toolbar button.save-button{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 28%, var(--faint));background:color-mix(in srgb, var(--accent) 8%, transparent)}.editor-toolbar button.save-button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.editor-toolbar button.sync-button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.editor-toolbar button.sync-button:disabled{opacity:.6;cursor:wait}.editor-toolbar button svg{flex-shrink:0}.editor{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:auto!important}.paper-wrap{overflow:visible}.local-backup-section{border:1px solid var(--faint);background:color-mix(in srgb, var(--panel) 60%, var(--bg));border-radius:4px;margin-top:18px;padding:16px}.backup-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.backup-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font:500 11px DM Mono,monospace}.backup-count{color:var(--muted);font:10px DM Mono,monospace}.backup-desc{color:var(--muted);margin:0 0 12px;font:11px/1.5 DM Mono,monospace}.backup-empty{border:1px dashed var(--faint);color:var(--muted);text-align:center;border-radius:3px;margin:0;padding:10px 12px;font:11px DM Mono,monospace}.backup-list{gap:8px;margin-bottom:12px;display:grid}.backup-item{border:1px solid var(--faint);background:var(--bg);border-radius:3px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.backup-item-info{gap:2px;display:grid}.backup-date{color:var(--ink);font:11px DM Mono,monospace}.backup-time{color:var(--muted);font:10px DM Mono,monospace}.backup-restore{border:1px solid var(--faint);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:3px;padding:6px 10px;font:10px DM Mono,monospace}.backup-restore:hover{border-color:var(--accent);background:var(--accent-soft)}.backup-current{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--faint));background:color-mix(in srgb, var(--accent) 10%, var(--bg));color:var(--muted);border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font:11px DM Mono,monospace;display:flex}.backup-current span{flex:1}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);border:1px solid var(--faint);background:var(--panel);color:var(--muted);letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;box-shadow:0 4px 12px var(--shadow);border-radius:4px;padding:6px 10px;font:10px DM Mono,monospace;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1}.user-menu-container{position:relative}.avatar{border:1px solid var(--faint);background:color-mix(in srgb, var(--accent) 12%, var(--bg));width:32px;height:32px;color:var(--accent);letter-spacing:.03em;cursor:pointer;border-radius:50%;font:500 11px DM Mono,monospace;transition:border-color .15s,background .15s}.avatar:hover{border-color:var(--accent);background:var(--accent-soft)}.user-menu{border:1px solid var(--faint);background:var(--panel);min-width:200px;box-shadow:0 8px 28px var(--shadow);z-index:200;border-radius:6px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-menu-header{gap:2px;padding:14px 16px 12px;display:grid}.user-menu-name{color:var(--ink);font:500 13px DM Sans,sans-serif}.user-menu-email{color:var(--muted);font:10px DM Mono,monospace}.user-menu-divider{background:var(--faint);height:1px}.user-menu-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:10px 16px;font:12px DM Sans,sans-serif;transition:background .1s;display:flex}.user-menu-item:hover{background:var(--accent-soft)}.user-menu-shortcut{color:var(--muted);font:10px DM Mono,monospace}.user-menu-danger{color:#d87878}.user-menu-danger:hover{background:#d878781a}.month-reflection-card{border:1px solid var(--faint);background:color-mix(in srgb, var(--panel) 72%, var(--bg));cursor:pointer;border-radius:4px;margin:20px 0 18px;padding:14px;transition:border-color .15s,background .15s}.month-reflection-card:hover{border-color:var(--accent);background:var(--accent-soft)}.month-reflection-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.month-reflection-card-body{gap:6px;display:grid}.reflection-word-count{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font:10px DM Mono,monospace}.reflection-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font:13px/1.5 Newsreader,serif;display:-webkit-box;overflow:hidden}.reflection-placeholder{color:var(--muted);opacity:.7;margin:0;font:italic 13px/1.5 Newsreader,serif}.year-reflection-card{border:1px solid var(--faint);background:color-mix(in srgb, var(--panel) 72%, var(--bg));cursor:pointer;border-radius:4px;margin:0 0 18px;padding:14px;transition:border-color .15s,background .15s}.year-reflection-card:hover{border-color:var(--accent);background:var(--accent-soft)}.year-reflection-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.year-reflection-card-body{gap:6px;display:grid}@media (max-width:720px){.month-reflection,.month-reflection-card{margin:16px 0 14px;padding:12px}.year-reflection-card{margin:0 0 14px;padding:12px}}.history-button{border:1px solid var(--faint);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:6px 10px;font:10px DM Mono,monospace;transition:border-color .15s,background .15s,color .15s;display:inline-flex;position:relative}.history-button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.history-count{background:var(--accent);min-width:14px;height:14px;color:var(--paper);text-align:center;border-radius:7px;padding:0 4px;font:500 8px/14px DM Mono,monospace;position:absolute;top:-4px;right:-4px}.history-panel{border-left:1px solid var(--faint);background:var(--panel);padding:42px 24px 32px;overflow-y:auto}.history-actions{margin-bottom:24px}.history-empty{color:var(--muted);text-align:center;padding:24px 0;font:12px DM Mono,monospace}.history-list{gap:12px;display:grid}.history-item{border:1px solid var(--faint);background:var(--bg);border-radius:4px;padding:14px;transition:border-color .15s}.history-item:hover{border-color:var(--accent)}.history-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-item-time{color:var(--ink);font:500 11px DM Mono,monospace}.history-item-words{color:var(--muted);font:10px DM Mono,monospace}.history-item-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font:12px/1.5 Newsreader,serif;display:-webkit-box;overflow:hidden}.history-item-actions{gap:8px;display:flex}.history-restore{border:1px solid var(--accent);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;padding:6px 10px;font:10px DM Mono,monospace;transition:background .1s}.history-restore:hover{background:var(--accent-soft)}.history-delete{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:6px 10px;font:10px DM Mono,monospace;transition:color .1s}.history-delete:hover{color:#d87878}@media (max-width:1020px){.history-panel{z-index:50;width:min(360px,90vw);box-shadow:-10px 0 35px var(--shadow);background:var(--panel);position:fixed;inset:76px 0 0 auto}}@media (max-width:720px){.history-panel{z-index:50;border:0;border-top:1px solid var(--faint);background:var(--panel);width:100%;max-height:calc(100dvh - 80px);box-shadow:0 -12px 40px var(--shadow);padding:28px 24px;position:fixed;inset:auto 0 62px;overflow-y:auto}.month-reflection{margin:16px 0 14px;padding:12px 12px 10px}.editor-toolbar{flex-wrap:wrap;gap:8px}.editor-toolbar-actions{justify-content:flex-end;width:100%}}.calendar-heading>div:first-child,.settings-title>div:first-child{flex:1;min-width:0}.calendar-heading h2,.settings-title h2{text-overflow:ellipsis;min-width:0;overflow:hidden}.close-button{flex-shrink:0}@media (max-width:720px){.app-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar{flex-shrink:0}.workspace{flex-direction:column;flex:1;min-height:0;display:flex}.editor-area{width:100%;min-height:0;padding:14px 20px calc(70px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex;overflow:hidden}.mobile-toolbar{margin-bottom:12px}.entry-header{margin-bottom:14px}.mobile-toolbar,.entry-header,.editor-toolbar,.paper-footer,.closing-note{flex-shrink:0}.paper-wrap{flex-direction:column;flex:1;width:100%;min-height:0;margin:0;display:flex;overflow:hidden}.editor{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;height:auto;min-height:120px;padding-bottom:40vh;overflow-y:auto}.editor-toolbar{flex-wrap:nowrap;align-items:center;padding-bottom:12px}.editor-toolbar>span:first-child{display:none}.editor-toolbar-actions{flex:auto;justify-content:flex-end;width:auto}.paper-footer{padding-bottom:env(safe-area-inset-bottom,0px);margin-top:12px}.closing-note{margin-top:12px;padding-bottom:0}.calendar-panel.mobile-visible{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.settings-panel,.history-panel{max-height:calc(100dvh - 80px);padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}.calendar-heading,.settings-title{align-items:center}.calendar-heading h2,.settings-title h2{white-space:nowrap;font-size:17px}.close-button{place-items:center;width:40px;height:40px;font-size:24px;line-height:1;display:grid}.mobile-nav{height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav button{min-height:44px}.mobile-toolbar button{min-height:44px;padding:10px 0}.editor-toolbar-actions{min-width:0}.toolbar-status{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;margin-right:auto;overflow:hidden}}@media (max-width:720px) and (max-height:600px){.editor-area{padding-top:10px}.mobile-toolbar,.entry-header{margin-bottom:8px}h1{font-size:22px}.closing-note{display:none}}