@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/andika-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/andika-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/andika-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/andika-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: #e8e8ed;--page: #f6f6f8;--page-border: #d4d4dc;--ink: #1a1a22;--accent: #6a6a8a;--btn-bg: #e0e0e8;--btn-fg: #3a3a58;--line-mid: #b8b8cc;--line-base: #6a6a8a}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:Andika,sans-serif;background:var(--bg);color:var(--ink);min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem}#app{width:100%;max-width:720px;display:flex;flex-direction:column}.page{background:var(--page);border:1px solid var(--page-border);border-radius:14px;box-shadow:0 2px 10px #0000000d;padding:1.2rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.8rem;transition:background .15s ease}.page.locked{background:#ededf2}.header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--accent);flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:.4rem}.btn{background:var(--btn-bg);color:var(--btn-fg);border:none;padding:.4rem .9rem;border-radius:6px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:background .15s ease}.btn:hover{background:#d0d0da}.btn[data-armed=true]{background:#f5c4a3;color:#7a3a1e}.icon-btn{background:transparent;border:none;font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px}.icon-btn:hover{background:var(--btn-bg)}.writing-surface{font-family:Andika,sans-serif;font-size:38px;line-height:80px;color:var(--ink);background:var(--page);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='80'><line x1='0' y1='37' x2='4' y2='37' stroke='%23b8b8cc' stroke-width='1'/><line x1='8' y1='37' x2='12' y2='37' stroke='%23b8b8cc' stroke-width='1'/><line x1='16' y1='37' x2='20' y2='37' stroke='%23b8b8cc' stroke-width='1'/><line x1='0' y1='56' x2='24' y2='56' stroke='%236a6a8a' stroke-width='1.2'/></svg>");background-repeat:repeat;background-size:24px 80px;border:none;outline:none;resize:none;padding:0;margin:0;width:100%;min-height:240px;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word}.intro{font-size:.9rem;color:var(--accent);flex-shrink:0;line-height:1.5}.site-footer{width:100%;max-width:720px;margin-top:.6rem;padding-bottom:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;color:var(--accent)}.footer-row{display:flex;align-items:center;gap:1rem}.made-with-love{opacity:.75}.feedback-link{background:none;border:none;color:var(--accent);font-family:inherit;font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;opacity:.75}.feedback-link:hover{opacity:1}.feedback-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.5rem}.feedback-form[hidden]{display:none}.feedback-close{padding:.35rem .7rem}[hidden]{display:none!important}.feedback-textarea{width:100%;border:1px solid var(--page-border);border-radius:6px;padding:.5rem .6rem;font-family:inherit;font-size:.85rem;background:var(--page);color:var(--ink);resize:vertical;min-height:70px;outline:none}.feedback-textarea:focus{border-color:var(--accent)}.feedback-actions{display:flex;align-items:center;justify-content:center;gap:.75rem}.feedback-honeypot{display:none}.feedback-send{font-size:.82rem;padding:.35rem .8rem}.feedback-send.sending{display:inline-flex;align-items:center;gap:.4rem;pointer-events:none}.feedback-send.sending:after{content:"";width:.75em;height:.75em;border:2px solid var(--btn-fg);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feedback-thanks{color:var(--accent)}@media (max-width: 480px){body{padding:.5rem}.page{padding:.8rem 1rem 1rem}.writing-surface{font-size:32px;line-height:68px;background-size:24px 68px;min-height:204px}}