:root{--background:#fff;--text:#111;--muted:#6b6b6b;--border:#dedede}*{box-sizing:border-box}html{background:var(--background);min-width:320px;color:var(--text)}body{background:var(--background);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Arial,sans-serif}button,textarea{font:inherit}button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:min(100% - 40px,680px);margin:0 auto;padding:96px 0}.masthead{margin-bottom:80px}h1{color:var(--text);text-align:center;letter-spacing:-.04em;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font-family:Playwrite NO Guides,cursive;font-size:clamp(30px,6vw - 4px,40px);font-weight:400;line-height:1.1}.entries{margin:0;padding:0;list-style:none}.entry,.composer-row{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:0 0 56px;display:grid}.entry{align-items:baseline}.entry time,.composer-row>time{color:var(--muted);outline:none;font-family:SFMono-Regular,SF Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.5;display:block}.entry time span,.composer-row>time span{display:block}.time-label{opacity:0}time:hover .time-label,time:focus .time-label{opacity:1}.entry-body{color:var(--text);letter-spacing:-.01em;white-space:pre-wrap;margin:0;font-size:16px;font-weight:400;line-height:1.55}.writing-field{position:relative}.inline-composer textarea{resize:none;width:100%;min-height:150px;color:var(--text);caret-color:#1769ff;background:0 0;border:0;border-radius:0;outline:0;padding:0;font-size:20px;line-height:1.55;display:block;overflow:hidden}.writing-field.is-empty textarea{caret-color:#0000}.custom-caret{opacity:0;pointer-events:none;background:#1769ff;width:3px;height:25px;position:absolute;top:2px;left:0}.writing-field.is-empty:focus-within .custom-caret{animation:1s step-end infinite caret-blink}@keyframes caret-blink{0%,45%{opacity:1}46%,to{opacity:0}}.composer-actions{border-top:1px solid #e5e5e5;justify-content:flex-start;align-items:center;gap:20px;margin-top:14px;padding-top:12px;display:flex}.add-button{color:#111;cursor:pointer;background:#fff;border:1px solid #bdbdbd;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:500}.add-button:disabled{cursor:wait;opacity:.5}.page-error,.form-error{color:#b00020;margin:0;padding:0;font-size:13px;line-height:1.5}.form-error{margin-top:12px}@media (width<=640px){.page{padding:72px 0}.masthead{margin-bottom:64px}.entry,.composer-row{grid-template-columns:1fr;gap:10px;padding-bottom:48px}.entry time span,.composer-row>time span{display:inline}.entry time span+span,.composer-row>time span+span{margin-left:6px}.entry-body{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}