/* The same water surface continues beneath both the journal and analytics. */
body{isolation:isolate}
main,.footer{position:relative;z-index:1}
.lake-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#273e4d url(lake-still.jpg) 50% 0/cover no-repeat}
.lake-scene canvas{width:100%;height:100%;opacity:0}
/* Pages without the hero show the lake only as a faint mist, from the first frame (no flash of dark water); none at all on a phone. */
.subpage .lake-scene,.summary-page .lake-scene,.analytics-page .lake-scene{opacity:.09}
@media(max-width:759px){.subpage .lake-scene,.summary-page .lake-scene,.analytics-page .lake-scene{opacity:0;visibility:hidden}.hero::after{opacity:.55}}
.lake-scene[data-render="live"] canvas{opacity:1}
.lake-toggle{position:fixed;z-index:40;bottom:18px;right:var(--gutter);padding:10px 16px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);font:500 .75rem var(--font-display);cursor:pointer;min-height:40px;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.lake-at-top .lake-toggle{background:rgba(9,18,24,.42);color:rgba(255,255,255,.86);border-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lake-toggle[hidden]{display:none}
.lake-at-top .topbar{background:linear-gradient(rgba(8,16,22,.5),transparent) border-box;color:#fff}
.lake-at-top .topbar a,.lake-at-top .topbar button{color:#fff}
.lake-at-top .topnav ul{background:#173144c9;border-color:#8b9ca8}
.lake-at-top .topbar .pill,.lake-at-top .topbar .icon-button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.topbar::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--mark);transform:scaleX(var(--reading-progress,0));transform-origin:left}
.motion-paused *{animation-play-state:paused!important}
.footer{padding-bottom:6rem}
@media(max-width:600px){.topbar__actions [data-repo-link]{display:none}.topbar__actions .analytics-link{font-size:.75rem;padding:.55rem .75rem}.wordmark{max-width:175px;white-space:normal;line-height:1.15}.lake-toggle{right:12px;bottom:12px}.analytics-page .wordmark{max-width:130px}}
@media(max-width:360px){.wordmark{font-size:.85rem;max-width:140px}.analytics-page .topbar__actions .pill{max-width:85px;text-align:center}}
@media(prefers-reduced-motion:reduce){.lake-scene canvas{transition:none}}