:root{--stone:#ece7dc;--paper:#faf8f3;--ink:#23282b;--ink-soft:#5c6560;--moss:#5c6f52;--moss-dark:#46543f;--plum:#7a5d6b;--plum-soft:#efe6ea;--line:#d9d3c4;--font-display:"Fraunces", ui-serif, Georgia, serif;--font-body:"Work Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--stone);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}button{font-family:inherit}:focus-visible{outline:2px solid var(--moss);outline-offset:2px}.page{max-width:640px;margin:0 auto;padding:4rem 1.5rem 6rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.72rem;display:flex}.eyebrow .dot{background:var(--moss);border-radius:50%;width:6px;height:6px;display:inline-block}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;margin:.5rem 0 .4rem;font-size:2.6rem;font-style:italic;font-weight:500}.tagline{color:var(--ink-soft);max-width:46ch;margin:0 0 3rem;font-size:1.02rem;line-height:1.5}.entry-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.6rem;font-size:.75rem;display:block}.entry-wrap{border-radius:6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #23282b0f,0 8px 24px #23282b0d}.entry-wrap:before{content:"";background:var(--plum);opacity:.18;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:44px}textarea.entry{resize:vertical;border:1px solid var(--line);width:100%;min-height:200px;font-family:var(--font-body);color:var(--ink);background:repeating-linear-gradient(to bottom, transparent, transparent calc(2.1rem - 1px), var(--line) calc(2.1rem - 1px), var(--line) 2.1rem), var(--paper);background-position:0 1.85rem;border-radius:6px;padding:1.6rem 1.4rem 1.6rem 4rem;font-size:1.05rem;line-height:2.1rem}textarea.entry::placeholder{color:#a7a196}textarea.entry:focus{border-color:var(--moss);outline:none}.controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.hint{color:var(--ink-soft);font-size:.85rem;line-height:1.5}button.reflect{background:var(--moss);color:var(--paper);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;padding:.75rem 1.6rem;font-size:.95rem;font-weight:500;transition:background .15s,transform .1s}button.reflect:hover:not(:disabled){background:var(--moss-dark)}button.reflect:active:not(:disabled){transform:scale(.98)}button.reflect:disabled{opacity:.55;cursor:default}.error{color:#8a3d3d;background:#f6e9e7;border:1px solid #e3c3bf;border-radius:6px;margin-top:1rem;padding:.7rem .9rem;font-size:.9rem}.note{background:var(--plum-soft);border-left:3px solid var(--plum);border-radius:4px;margin-top:2.5rem;padding:1.3rem 1.4rem;animation:.35s ease-out settle;transform:rotate(-.3deg)}@keyframes settle{0%{opacity:0;transform:rotate(-.3deg)translateY(6px)}to{opacity:1;transform:rotate(-.3deg)translateY(0)}}.note-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--plum);margin-bottom:.55rem;font-size:.7rem}.note-body{font-family:var(--font-display);color:var(--ink);font-size:1.14rem;line-height:1.6}.footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:3.5rem;padding-top:1.5rem;font-size:.82rem;line-height:1.6}@media (max-width:480px){.wordmark{font-size:2.15rem}textarea.entry{padding-left:3.2rem}.entry-wrap:before{left:34px}.controls{flex-direction:column;align-items:stretch}button.reflect{width:100%}}.badge-row{justify-content:center;margin-top:1.75rem;display:flex}.badge-row a{background:var(--ink);border-radius:100px;align-items:center;padding:.4rem .9rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.badge-row a:hover{opacity:.85}.badge-row img{display:block}