/* Haute Lumière: cream never white, gold as a hairline only, radius 0, serif for anything read aloud. */
:root,html[data-register="daylight"]{--paper:#FAF8F3;--paper-2:#F3EFE6;--ink:#0C1E16;--ink-soft:#334A3F;--muted:#5C7065;--gold:#C5A059;--gold-d:#9A7A3A;--rule:#E1E7E2;--ease:cubic-bezier(.165,.84,.44,1)}
html[data-register="midnight"]{--paper:#10130F;--paper-2:#171B16;--ink:#EFE8D8;--ink-soft:#C9C3B2;--muted:#9AA39A;--gold:#C5A059;--gold-d:#C5A059;--rule:#262B25}
@media (prefers-color-scheme:dark){html:not([data-register="daylight"]){--paper:#10130F;--paper-2:#171B16;--ink:#EFE8D8;--ink-soft:#C9C3B2;--muted:#9AA39A;--rule:#262B25}}
*{box-sizing:border-box;border-radius:0}
body{margin:0;background:var(--paper);color:var(--ink);font:400 19px/1.55 "Cormorant Garamond",Georgia,serif;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.furn{font:500 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.bar{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem 1.25rem;border-bottom:1px solid var(--gold)}
nav{display:flex;gap:.25rem;flex-wrap:wrap}
button,.quiet{font:inherit}
nav button,nav a{background:none;border:0;border-bottom:1px solid transparent;color:var(--ink-soft);padding:.5rem .75rem;min-height:44px;cursor:pointer;text-decoration:none;transition:border-color .2s var(--ease),color .2s var(--ease)}
nav [aria-current="true"]{color:var(--ink);border-bottom-color:var(--gold)}
nav button:hover,nav a:hover{color:var(--ink)}
:focus-visible{outline:1px solid var(--gold-d);outline-offset:2px}
main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}
footer{padding:1rem 1.25rem;border-top:1px solid var(--rule);text-align:center}
footer a{color:var(--muted)}
h1,h2{font-weight:500;margin:.2em 0 .6em}
h1{font-size:2rem}
.quiet{color:var(--muted)}
.grid{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.grid>*{background:var(--paper);padding:.9rem 1rem}
.row{display:flex;gap:1rem;justify-content:space-between;align-items:baseline;cursor:pointer;text-align:left;width:100%;border:0;color:inherit;background:var(--paper)}
.row:hover{background:var(--paper-2)}
.unread .s{font-weight:500}.unread .s::before{content:"";display:inline-block;width:5px;height:5px;background:var(--gold);margin-right:.5em;vertical-align:middle}
.go,.ghost{font:500 11px Manrope,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:.8rem 1.1rem;min-height:44px;background:none;border:1px solid var(--ink);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s var(--ease)}
.ghost{border-color:var(--rule);color:var(--ink-soft)}
.go:hover,.ghost:hover{background:var(--paper-2)}
input,textarea{font:inherit;color:inherit;background:var(--paper);border:1px solid var(--rule);padding:.6rem .7rem;width:100%}
textarea{min-height:12rem}
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
@media(min-width:820px){.split{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}
.body{white-space:pre-wrap}
.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.shelf-row{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.shelf-row p{margin:.15em 0}.shelf-title{font-size:1.35rem}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}