[hidden]{display:none!important}main{min-height:660px}header{flex-shrink:0;padding:10px 22px}#reaction{padding:12px 22px;min-height:118px;flex-shrink:0;text-align:center;background:linear-gradient(110deg,#080d21,#111126);border-bottom:1px solid #9db8ff33}#chapter{margin:0 0 6px}#thought{font-size:clamp(19px,2.1vw,27px);line-height:1.3;max-width:1000px;margin:auto}#status{font-size:12px;color:#bacbff;margin:7px 0 0;min-height:18px}#pool{min-height:330px;background:#030614}#notice{top:auto;bottom:54px;background:#05091bdc;border-radius:12px;padding:5px 10px}#notice:empty{display:none}.water-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;text-align:center;padding:5px 12px;border:1px solid #9db8ff55;border-radius:15px;background:#050a1be8;font-size:15px;white-space:nowrap;box-shadow:0 0 25px #91a8ff12}.water-label span{display:block;font-size:9px;color:#b7c7e2}.moon{color:#c8d9ff}.gold{color:#ffe0a4;border-color:#ffd27d66}.water-label[data-selected=true]{box-shadow:0 0 25px #bdccff55;border-color:currentColor}footer{flex-shrink:0;min-height:145px;padding:13px 22px;align-items:center}.explain{max-width:760px;flex:1}#instruction{font-size:20px;font-weight:400;line-height:1.25;margin:0}#help{font-size:12px;margin-top:7px;line-height:1.5}.actions{display:flex;gap:8px;flex-wrap:wrap}.options{max-width:320px;justify-content:flex-end}.actions button,.actions a{font-size:12px}#reflection{margin-top:10px}#reflect-heading{font-size:14px;color:#e6edff;margin:0 0 8px}#reflect-heading span{font-size:11px;color:#afbfdb}#next,#acknowledge,#resume{background:linear-gradient(135deg,#9db8ff,#ffd27d);color:#080e20;border-color:transparent}details{font-size:11px;color:#b6c8e8}summary{padding:8px;cursor:pointer}.small{font-size:12px!important}dialog{max-height:88dvh;overflow:auto;background:#080e21}#review-list p{font-size:13px;padding:10px;border-left:2px solid #9db8ff77}.keys{font-size:10px;margin-top:8px}#ending{width:min(580px,calc(100vw - 28px))}
@media(max-width:600px){main{min-height:780px}header{padding:10px 12px}nav{max-width:220px}#reaction{padding:12px 15px;min-height:145px}#thought{font-size:19px}#pool{min-height:300px}.water-label{font-size:12px;padding:4px 8px}.water-label span{font-size:8px}#progress{font-size:9px}#notice{top:auto;bottom:48px;left:50%;right:auto;transform:translateX(-50%);text-align:center;width:90%;font-size:11px}footer{flex-direction:column;align-items:stretch;gap:9px;min-height:150px;padding:12px 14px}.options{max-width:none;justify-content:flex-start}#instruction{font-size:17px}#help{font-size:11px}.keys{display:none}.actions{gap:6px}.actions button,.actions a{font-size:11px;padding:8px 11px}}

#thought:focus,#instruction:focus,#reflect-heading:focus{outline:none}

/* Original Riverlight: open dark water, restrained framing, color in living things. */
#reaction{background:#050919;border-color:#9db8ff20}
.water-label{background:#030614a8;border-color:transparent;border-radius:5px;box-shadow:none;padding:4px 8px}
.water-label[data-selected=true]{box-shadow:none;border-color:#c3d4ff55}


:root,body,main,header,footer,#reaction,#pool{background:#000}
.water-label{background:#000c}

/* Let the light teach movement; keep reading at the forks. */
#reaction[data-playing=true]{min-height:65px;padding:12px}#reaction[data-playing=true] h1,#reaction[data-playing=true] #status{display:none}
#help:empty{display:none}.keys{display:none}footer{min-height:95px}#progress{opacity:.6}#notice:empty{display:none}
@media(max-width:600px){#reaction[data-playing=true]{min-height:55px}footer{min-height:95px}}