:root{color-scheme:dark;font:16px system-ui;background:#111823;color:#edf2f8}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{flex:none;position:relative;z-index:2;padding:calc(12px + env(safe-area-inset-top)) 16px 8px;background:#182333;border-bottom:1px solid #35445b}h1{font-size:19px;margin:0 0 10px}nav{display:flex;gap:8px}button{font:inherit;border:1px solid #566f92;border-radius:8px;background:#253c58;color:white;padding:9px 12px;cursor:pointer}#status{font-size:13px;color:#aebfd3;margin:8px 0 0}main{flex:1;min-height:0;overflow-y:scroll;overscroll-behavior:contain;padding:12px 16px calc(20px + env(safe-area-inset-bottom));scrollbar-gutter:stable}article{background:#1a2637;border:1px solid #34455d;border-radius:10px;margin-bottom:12px;padding:14px}time{display:block;color:#92c9ff;font-weight:600}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}a{color:#8ad9f2;margin-right:12px;display:inline-block;padding:6px 0}#sentinel{padding:20px;text-align:center;color:#b2c1d2}