:root{--primary:#06c;--primary-focus:#0071e3;--ink:#1d1d1f;--ink-muted-80:#333;--ink-muted-48:#7a7a7a;--canvas:#fff;--canvas-parchment:#f5f5f7;--hairline:#e0e0e0;--on-primary:#fff;--radius-sm:8px;--radius-lg:18px;--radius-pill:9999px;--font-display:"SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--font-text:"SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif}[data-theme=dark]{--ink:#fff;--ink-muted-80:#ccc;--ink-muted-48:#ccc;--canvas:#272729;--canvas-parchment:#1d1d1f;--hairline:#3a3a3c;--input-bg:#2a2a2c;--on-dark-canvas:#fff}:root{--input-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--canvas-parchment);color:var(--ink);font-family:var(--font-text);letter-spacing:-.374px;-webkit-font-smoothing:antialiased;font-size:17px;font-weight:400;line-height:1.47}.topnav{z-index:10;background:#000;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:680px;height:44px;margin:0 auto;padding:0 24px;display:flex}.topnav-brand{color:#fff;letter-spacing:-.12px;font-size:12px;font-weight:600}.topnav-links{align-items:center;gap:20px;display:flex}.topnav-link{color:#fffc;letter-spacing:-.12px;font-size:12px;text-decoration:none}.topnav-link:hover{color:#fff}.topnav-link.active{color:#fff;border-bottom:1px solid #2997ff}.topnav-toggle{color:#fff;font:inherit;letter-spacing:-.12px;cursor:pointer;background:#1d1d1f;border:none;border-radius:8px;padding:8px 15px;font-size:12px}.topnav-toggle:active{transform:scale(.95)}.topnav-toggle:focus-visible{outline-offset:2px;outline:2px solid #0071e3}.page{max-width:680px;margin:0 auto;padding:48px 24px 64px}.hero{text-align:center;padding:40px 0 32px}.hero-title{font-family:var(--font-display);letter-spacing:-.28px;font-size:40px;font-weight:600;line-height:1.1}.hero-lead{color:var(--ink-muted-80);margin-top:12px}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px}.field{display:block}.field+.field{margin-top:17px}.field-label{letter-spacing:-.224px;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.29;display:block}.input{width:100%;height:44px;font:inherit;letter-spacing:inherit;color:var(--ink);background:var(--input-bg);border:1px solid var(--hairline);border-radius:var(--radius-pill);outline:none;padding:12px 20px}.input:focus-visible{outline:2px solid var(--primary-focus);outline-offset:1px}.textarea{border-radius:var(--radius-lg);resize:vertical;height:auto;min-height:110px}.button{width:100%;font:inherit;letter-spacing:inherit;color:var(--on-primary);background:var(--primary);border-radius:var(--radius-pill);cursor:pointer;border:none;margin-top:24px;padding:11px 22px}.success{color:#2997ff}.button:active{transform:scale(.95)}.button:focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px}.button:disabled{opacity:.6;cursor:default}.feedback{letter-spacing:-.224px;margin-top:12px;font-size:14px;line-height:1.29}.error{color:#ff453a}.entry-delete{color:var(--primary);font:inherit;letter-spacing:-.224px;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.entry-delete:active{transform:scale(.95)}.entry-delete:focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px}.entry-delete:disabled{opacity:.5;cursor:default}@media (max-width:640px){.topnav-inner{gap:8px;padding:0 16px}.topnav-links{gap:12px}.hero-title{font-size:34px}.page{padding-top:24px}}.entries{flex-direction:column;gap:17px;margin-top:48px;display:flex}.empty{text-align:center;color:var(--ink-muted-48);font-size:14px}.entry{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px}.entry-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.entry-name{letter-spacing:-.374px;font-size:17px;font-weight:600;line-height:1.24}.entry-time{letter-spacing:-.12px;color:var(--ink-muted-48);white-space:nowrap;font-size:12px}.entry-message{white-space:pre-wrap;word-break:break-word;margin-top:8px}.footer{text-align:center;letter-spacing:-.12px;color:var(--ink-muted-48);margin-top:80px;font-size:12px}@media (max-width:640px){.hero-title{font-size:34px}.page{padding-top:24px}}