body{--paper:#0e1117;--ink:#c7c7c4;--muted:#858b97;--line:#333f58;background:var(--paper);color:var(--ink);font:12px/1.9 monospace;transition:background .35s,color .35s}
main{max-width:1160px;margin:65px auto 30px;padding:0 25px}
h1,h2,p{margin:0}
.night-shell{display:grid;grid-template-columns:125px 1.05fr 1fr;gap:40px;align-items:start}
.night-edge{font-size:10px;color:var(--muted);position:sticky;top:45px}
.night-edge>span{color:#899ed4;letter-spacing:2px}
.night-edge nav{display:grid;gap:18px;padding-top:70px}
.night-edge a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:8px}
.light-switch{background:none;border:1px solid var(--line);font:9px/1.6 monospace;padding:12px 8px;margin-top:65px;text-align:left;width:100%}
.light-switch:before{content:'○ ';color:#dcad73}
.night-edge>p{margin-top:40px;font-size:9px}
.night-photo{position:sticky;top:45px;border:1px solid #38455d;padding:9px;outline:1px solid #232b3a;outline-offset:7px}
.night-photo img{height:610px;object-fit:cover;width:100%;filter:brightness(.85);transition:filter .35s}
.night-photo>span{display:block;font:8px/1.5 monospace;text-align:right;padding-top:12px;color:var(--muted)}
.night-writing{padding-top:8px}
.night-writing header>span{font:8px monospace;color:#879ac8;letter-spacing:1px}
.night-writing h1{font:60px/.9 Georgia,serif;letter-spacing:-3px;color:var(--ink);margin:25px 0}
.night-writing h1>span{color:#6e84b9}
.night-writing header>p{font:italic 15px Georgia;line-height:1.4;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:25px}
.night-writing section{padding-top:32px}
.night-writing h2{font:11px monospace;color:#a3b3df;margin-bottom:15px;font-weight:400;text-transform:uppercase;letter-spacing:1px}
.night-writing p{font-size:11px;line-height:1.9}
.night-writing p+p{margin-top:20px}
.night-entries details{border-top:1px solid var(--line);padding:14px 0}
.night-entries summary{cursor:pointer;display:flex;gap:17px;align-items:center;list-style:none}
.night-entries time{font-size:8px;color:#748fce;white-space:nowrap}
.night-entries summary>span{font-size:10px}
.night-entries details p{padding:15px 0 10px 51px;color:var(--muted);font-size:10px}
.night-outside a{display:block;color:var(--muted);font-size:10px;margin-bottom:10px;text-decoration:none}
.night-outside a:hover{color:#b9c9fb;text-decoration:underline}
.ring{font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:65px}
.mock-note{font-size:9px;color:var(--muted)}
.reading-light{--paper:#dedacc;--ink:#353d4b;--muted:#606b7b;--line:#a7adad}
.reading-light .night-writing h2,.reading-light .night-edge>span,.reading-light .night-writing header>span,.reading-light .night-entries time{color:#3c5799}
.reading-light .night-photo img{filter:brightness(1.2)}
@media(max-width:950px){.night-shell{grid-template-columns:100px 1fr 1fr;gap:25px}
.night-photo img{height:500px}
.night-writing h1{font-size:50px}
.night-entries summary{gap:10px}
}
@media(max-width:650px){main{margin:25px auto;padding:0 25px}
.night-shell{grid-template-columns:1fr;gap:35px}
.night-edge{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.night-edge nav{padding:0;display:flex;gap:15px;font-size:9px}
.night-edge>span{width:100%;font-size:9px}
.light-switch{margin:0;width:auto;padding:8px}
.night-edge>p{display:none}
.night-photo{position:relative;top:auto;grid-row:3}
.night-photo img{height:440px}
.night-writing{grid-row:2}
.night-writing h1{font-size:clamp(60px,20vw,78px)}
.night-writing p{font-size:12px}
.night-writing h2{font-size:12px}
.night-entries details p{font-size:11px;padding-left:0}
.night-entries summary>span{font-size:11px}
.night-entries time{font-size:9px}
.night-outside a{font-size:12px}
.ring{margin-top:30px}
.night-writing header>span{font-size:9px}
}