:root{color:#151515;background:#f4f3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #151515;--muted: #6d6d68;--paper: #fff;--wash: #f4f3ef;--soft: #ebeae5;--line: #d9d8d2;--radius: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;min-height:100vh;background:var(--wash)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #151515;outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden}.site-header{align-items:center;background:#fffffff0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;min-height:68px;padding:0 clamp(16px,4vw,56px);position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.footer-brand{align-items:center;color:var(--ink);display:inline-flex;font-size:19px;font-weight:900;gap:9px;letter-spacing:-.03em;text-decoration:none;width:fit-content}.brand-mark{align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-size:14px;height:32px;justify-content:center;width:32px}.header-date{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:750;gap:7px;letter-spacing:.02em}.header-actions{align-items:center;display:flex;gap:9px;justify-self:end}.header-action,.primary-button,.secondary-button{align-items:center;border:1px solid var(--ink);border-radius:999px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;gap:7px;justify-content:center;padding:10px 15px}.header-action,.primary-button{background:var(--ink);color:#fff}.secondary-button{background:#fff;color:var(--ink)}.header-action:hover,.primary-button:hover{background:#343434}.secondary-button:hover{background:var(--soft)}.settings-button,.icon-button,.text-button{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;gap:6px;justify-content:center}.settings-button{color:var(--muted);font-size:11px;padding:9px 5px}.settings-button:hover{color:var(--ink)}.icon-button{border-radius:50%;height:38px;width:38px}.icon-button:hover{background:var(--soft)}.text-button{color:var(--muted);font-size:12px;font-weight:800;padding:10px}.text-button:hover{color:var(--ink)}.demo-pill{border:1px solid var(--ink);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.12em;padding:4px 7px;text-transform:uppercase}.journal-shell{margin:0 auto;max-width:1280px;padding:52px clamp(16px,4vw,52px) 80px}.journal-heading,.demo-intro{align-items:end;display:flex;justify-content:space-between;margin-bottom:38px;gap:32px}.eyebrow{color:var(--muted);display:block;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.journal-heading h1,.demo-intro h1{font-family:Georgia,serif;font-size:clamp(39px,6vw,70px);font-weight:500;letter-spacing:-.06em;line-height:.95;margin:12px 0 0}.journal-heading>p,.demo-intro>div>p{color:var(--muted);font-family:Georgia,serif;font-size:15px;line-height:1.7;margin:0;max-width:350px}.plain-link{color:var(--muted);font-size:12px;font-weight:750;text-underline-offset:4px}.demo-controls{align-items:stretch;background:var(--ink);border-radius:var(--radius);color:#fff;display:grid;gap:30px;grid-template-columns:minmax(210px,.8fr) 1.5fr;margin-bottom:22px;padding:24px}.demo-controls-copy>span{color:#aaa;display:block;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.demo-controls-copy strong{display:block;font-family:Georgia,serif;font-size:30px;font-weight:500;margin-top:8px}.demo-controls-copy p{color:#c9c9c9;font-size:12px;line-height:1.5;margin:8px 0 0}.demo-control-stack{display:grid;gap:12px}.stage-buttons{display:grid;gap:7px;grid-template-columns:repeat(5,1fr)}.stage-buttons button{background:transparent;border:1px solid #555;border-radius:999px;color:#bbb;cursor:pointer;font-size:11px;font-weight:850;min-height:36px}.stage-buttons button.active{background:#fff;border-color:#fff;color:#111}.auto-demo-controls{display:flex;gap:6px;min-height:38px}.auto-demo-controls .secondary-button{border-color:#fff}.stop-button{color:#c8c8c8}.auto-progress{align-self:end}.auto-progress-copy{color:#aaa;display:flex;font-size:10px;justify-content:space-between;margin-bottom:7px}.auto-progress-copy strong{color:#fff}.progress-track{background:#3e3e3e;border-radius:99px;height:4px;overflow:hidden}.progress-track span{background:#fff;display:block;height:100%;transition:width .5s ease}.journal-grid{display:grid;gap:18px;grid-template-columns:minmax(250px,330px) minmax(0,1fr)}.entry-list,.entry-detail{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.entry-list{align-self:start;max-height:680px;overflow:auto;padding:10px}.panel-title{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:800;justify-content:space-between;padding:10px 10px 14px;text-transform:uppercase}.panel-title div{align-items:center;display:flex;gap:8px}.new-entry-card,.entry-card{border:0;border-radius:14px;cursor:pointer;text-align:left;width:100%}.new-entry-card{align-items:center;background:var(--ink);color:#fff;display:flex;font-size:12px;font-weight:800;gap:8px;margin-bottom:7px;padding:14px}.entry-card{background:transparent;display:grid;gap:6px;padding:15px 13px}.entry-card:hover{background:#f5f5f2}.entry-card.active{background:var(--soft)}.entry-date{color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.02em}.entry-card strong{font-family:Georgia,serif;font-size:17px;font-weight:600;overflow-wrap:anywhere}.entry-preview{color:var(--muted);display:-webkit-box;font-family:Georgia,serif;font-size:12px;line-height:1.5;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-detail{min-height:560px;overflow:hidden}.detail-toolbar{align-items:center;border-bottom:1px solid var(--line);color:var(--muted);display:flex;font-size:9px;font-weight:850;justify-content:space-between;letter-spacing:.12em;min-height:51px;padding:0 23px;text-transform:uppercase}.entry-page{margin:0 auto;max-width:760px;padding:clamp(38px,7vw,74px) clamp(24px,7vw,76px)}.entry-page-date{align-items:baseline;color:var(--muted);display:flex;font-size:11px;gap:9px}.entry-page h2{font-family:Georgia,serif;font-size:clamp(35px,5vw,58px);font-weight:500;letter-spacing:-.05em;line-height:1;margin:25px 0 15px;overflow-wrap:anywhere}.mood-chip{background:var(--soft);border-radius:999px;color:#555;display:inline-block;font-size:10px;font-weight:750;padding:5px 9px}.entry-body{font-family:Georgia,serif;font-size:clamp(17px,2vw,20px);line-height:1.9;margin:34px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}footer{align-items:center;color:var(--muted);display:flex;font-size:11px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:24px clamp(16px,4vw,52px) 44px}footer .brand-mark{height:26px;width:26px}footer .footer-brand{font-size:14px}.modal-backdrop{align-items:center;background:#0f0f0f94;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:80}.composer,.settings-panel{background:var(--paper);border-radius:24px;box-shadow:0 24px 80px #00000040;max-height:calc(100vh - 36px);overflow:auto;width:min(650px,100%)}.modal-header{align-items:start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 26px}.modal-header h2{font-family:Georgia,serif;font-size:32px;font-weight:500;letter-spacing:-.04em;margin:7px 0 0}.composer form{display:grid;gap:20px;padding:24px 26px 28px}.composer label{display:grid;gap:8px}.composer label>span:first-child{font-size:11px;font-weight:850;text-transform:uppercase}.composer label em,.composer label b{color:var(--muted);font-size:9px;font-style:normal;font-weight:700;margin-left:5px}.composer input,.composer textarea{background:#fafaf8;border:1px solid var(--line);border-radius:12px;padding:12px 13px;width:100%}.composer textarea{line-height:1.6;resize:vertical}.field-meta{color:var(--muted);display:flex;font-size:9px;justify-content:space-between}.composer-actions{align-items:center;display:flex;justify-content:flex-end;gap:8px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0)}.settings-backdrop{align-items:stretch;justify-content:flex-end;padding:12px}.settings-panel{border-radius:20px;max-height:calc(100vh - 24px);width:min(760px,100%)}.settings-title-row{position:sticky;top:0;z-index:2;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-section{border-bottom:1px solid var(--line);padding:24px 28px}.settings-section:last-child{border-bottom:0}.settings-section h3{align-items:center;display:flex;font-size:12px;gap:8px;margin:0 0 10px;text-transform:uppercase}.settings-section p{color:#565652;font-size:13px;line-height:1.65;margin:8px 0}.install-section{align-items:center;display:flex;gap:20px;justify-content:space-between}.source-strip{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.source-strip span{align-items:center;background:var(--soft);border-radius:999px;display:inline-flex;font-size:9px;font-weight:800;gap:5px;padding:7px 9px;text-transform:uppercase}.compare-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.compare-grid>section{background:#f7f7f4;border:1px solid var(--line);border-radius:14px;min-width:0;padding:18px}.compare-label{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.compare-grid h4{font-family:Georgia,serif;font-size:18px;margin:12px 0;overflow-wrap:anywhere}.diff-text{font-family:Georgia,serif;font-size:13px!important;line-height:1.75!important;overflow-wrap:anywhere;white-space:pre-wrap}.diff-removed{color:#888;text-decoration:line-through;text-decoration-thickness:1px}.diff-added{background:#151515;border-radius:3px;color:#fff;padding:1px 2px}.storage-note{background:#fafaf8}.toast{align-items:center;background:var(--ink);border-radius:999px;bottom:25px;color:#fff;display:flex;font-size:12px;font-weight:750;gap:8px;left:50%;padding:12px 17px;position:fixed;transform:translate(-50%);z-index:100}@media(max-width:760px){.site-header{grid-template-columns:1fr auto}.header-date{display:none}.header-action{padding:10px 12px}.settings-button span{display:none}.journal-shell{padding-top:34px}.journal-heading,.demo-intro{align-items:start;flex-direction:column;margin-bottom:28px}.journal-heading>p,.demo-intro>div>p{margin-top:14px}.demo-controls{grid-template-columns:1fr;gap:20px;padding:20px}.journal-grid{grid-template-columns:1fr}.entry-list{display:flex;gap:8px;max-height:none;overflow-x:auto;padding:9px}.panel-title{display:none}.new-entry-card,.entry-card{flex:0 0 min(245px,74vw);min-height:118px}.entry-detail{min-height:440px}.entry-page{padding:38px 24px 54px}footer{align-items:flex-start;flex-direction:column;gap:12px}.compare-grid{grid-template-columns:1fr}}@media(max-width:390px){.site-header{padding:0 12px}.brand{font-size:17px}.brand-mark{height:29px;width:29px}.header-actions{gap:4px}.header-action{font-size:0;height:38px;padding:0;width:38px}.header-action svg{margin:0}.journal-shell{padding-left:12px;padding-right:12px}.journal-heading h1,.demo-intro h1{font-size:39px}.stage-buttons{gap:4px}.stage-buttons button{font-size:10px;min-height:33px}.auto-demo-controls{flex-wrap:wrap}.modal-backdrop{padding:8px}.composer,.settings-panel{border-radius:16px;max-height:calc(100vh - 16px)}.modal-header,.settings-section,.composer form{padding-left:18px;padding-right:18px}.install-section{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}