:root{--surface:#fdf8f0;--surface-raised:#fffdf8;--ink:#1b1f3b;--ink-muted:#5a5b78;--rule:#e6dccb;--accent:#c9412a;--accent-gold:#e8a33d;--accent-teal:#1f7a6c;--accent-indigo:#2d3561;--radius-sm:.35rem;--radius-md:.75rem;--radius-lg:1.25rem;--shadow-sm:0 .35rem 1.2rem #1b1f3b14;--measure:68ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#141118;--surface-raised:#1e1a24;--ink:#ede8e0;--ink-muted:#a39cb0;--rule:#2e2838;--accent:#f4795e;--accent-gold:#f0b45c;--accent-teal:#4fbfac;--accent-indigo:#7c86c4}}*{box-sizing:border-box}html{background:var(--surface);min-width:320px}body{background:var(--surface);min-height:100svh;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:.09em}a:hover{color:var(--accent-indigo)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input,textarea{font:inherit}button{cursor:pointer}.site-shell{min-height:100svh}.landing{place-items:center;min-height:100svh;padding:2rem 1rem;display:grid}.landing__inner{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(100%,34rem);box-shadow:var(--shadow-sm);text-align:center;padding:clamp(2rem,10vw,6rem) clamp(1.25rem,6vw,4.5rem)}.landing h1{color:var(--accent-indigo);letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,14vw,5.5rem);font-weight:500;line-height:.95}.landing__nav{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-top:clamp(2rem,8vw,3.5rem);font-size:.95rem;display:flex}.auth-page,.admin-page{width:min(100% - 2rem,52rem);margin:0 auto;padding:clamp(3rem,9vw,7rem) 0}.auth-page__header,.admin-page__header{margin-bottom:2rem}.auth-page h1,.admin-page h1{color:var(--accent-indigo);letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,8vw,4rem);font-weight:500;line-height:1}.auth-page__header p,.admin-page__header p{color:var(--ink-muted);margin:.8rem 0 0}.auth-form,.note-form{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface-raised);width:min(100%,34rem);box-shadow:var(--shadow-sm);gap:.85rem;padding:clamp(1.25rem,5vw,2rem);display:grid}.auth-form label,.note-form label{font-weight:650}.auth-form input,.note-form textarea{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);padding:.8rem .9rem}.note-form textarea{resize:vertical;min-height:14rem}.auth-form input:focus-visible,.note-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);width:fit-content;color:var(--surface-raised);padding:.7rem 1rem;font-weight:700}.button:hover{border-color:var(--accent-indigo);background:var(--accent-indigo);color:var(--surface-raised)}.button--small{padding:.45rem .75rem;font-size:.9rem}.auth-page__status,.admin-page__status{color:var(--accent-teal);margin:0 0 1rem;font-weight:650}.page-link{margin-top:1.25rem;display:inline-block}.admin-page__topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.logout-form{margin:0}.logout-form button{color:var(--ink-muted);background:0 0;border:0;border-bottom:1px solid;padding:0}.logout-form button:hover{color:var(--accent)}.note-form{width:100%;max-width:48rem}.notes-list{gap:1rem;margin:3rem 0 0;display:grid}.notes-list h2{color:var(--accent-indigo);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:500}.note{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface-raised);overflow:hidden}.note__meta{border-bottom:1px solid var(--rule);color:var(--ink-muted);margin:0;padding:.7rem 1rem;font-size:.85rem}.note pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;overflow-x:auto}.note__actions{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.8rem 1rem;padding:.8rem 1rem;display:flex}.note__actions form{margin:0}.note__failure{border-top:1px solid var(--rule);color:var(--accent);margin:0;padding:.8rem 1rem}@media (prefers-reduced-motion:no-preference){a,button{transition:color .16s,background-color .16s,border-color .16s}}