:root{color-scheme:light dark;--bg-top:#FFFDFB;--bg-bottom:#FBF1EA;--ink:#2A2622;--ink-secondary:#8A817A;--accent:#FF7A59;--streak:#F5A23A;--success:#4EC8C0;--hairline:rgba(0,0,0,0.06);--card:rgba(255,255,255,0.62)}@media (prefers-color-scheme:dark){:root{--bg-top:#241F1B;--bg-bottom:#14100C;--ink:#F6EEE7;--ink-secondary:#8A817A;--accent:#FF8A6B;--streak:#FBB552;--success:#57D8CF;--hairline:rgba(255,255,255,0.10);--card:rgba(255,255,255,0.09)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));min-height:100vh}.wrap{max-width:720px;margin:0 auto;padding:3rem 1.5rem 4rem}header.site{display:flex;align-items:center;gap:.6rem;margin-bottom:2.5rem}header.site .clock{font-size:1.8rem}header.site h1{font-size:1.4rem;margin:0;background:linear-gradient(180deg,var(--accent),var(--streak));-webkit-background-clip:text;background-clip:text;color:transparent}h1,h2{color:var(--ink)}h2{margin-top:2.2rem;font-size:1.15rem}li,p{color:var(--ink)}.tagline{color:var(--ink-secondary);font-size:1.1rem}.card{background:var(--card);border:1px solid var(--hairline);border-radius:12px;padding:1.5rem 1.75rem;margin-top:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}a{color:var(--success)}footer.site{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--hairline);font-size:.9rem;display:flex;gap:1.25rem;flex-wrap:wrap}.updated,footer.site,footer.site a{color:var(--ink-secondary)}.updated{font-size:.85rem}.story-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem}.story-image{width:220px;height:auto;border-radius:16px}.story-section h2{margin:.4rem 0 0}.story-section p{margin:0;max-width:32rem}form.contact{gap:1rem}form.contact,form.contact label{display:flex;flex-direction:column}form.contact label{gap:.4rem;font-size:.95rem}form.contact input,form.contact textarea{font:inherit;color:var(--ink);background:rgba(255,255,255,.5);border:1px solid var(--hairline);border-radius:8px;padding:.6rem .75rem}form.contact textarea{min-height:140px;resize:vertical}form.contact button{font:inherit;font-weight:600;color:white;background:var(--accent);border:none;border-radius:8px;padding:.7rem 1.25rem;cursor:pointer;align-self:flex-start}form.contact button:disabled{opacity:.6;cursor:default}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{font-size:.9rem}.form-status.success{color:var(--success)}.form-status.error{color:var(--accent)}