:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#020202;--panel:#0c0c0cdb;--line:#ffffff1f;--text:#efefef;--muted:#8c8c8c}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 50% 20%,#151515 0%,#050505 45%,#000 100%);margin:0;font-family:Helvetica,Arial,sans-serif}.self-shell{grid-template-rows:auto 1fr auto;gap:20px;min-height:100vh;padding:28px;display:grid}.self-header,.self-footer{letter-spacing:.18em;justify-content:space-between;align-items:center;display:flex}.self-mark{font-size:clamp(2.8rem,8vw,7rem);font-weight:300}.self-meta,.self-footer{color:var(--muted);font-size:.72rem}.self-reader-card{border:1px solid var(--line);background:var(--panel);min-height:68vh;position:relative;overflow:hidden;box-shadow:0 0 80px #ffffff0d}.self-controls{border-bottom:1px solid var(--line);background:#00000080;gap:10px;height:54px;padding:10px;display:flex}button{color:var(--text);border:1px solid var(--line);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#080808;padding:8px 12px;font-size:.68rem}button:hover{background:#171717}.self-viewer{width:100%;height:calc(68vh - 86px);padding:20px}.self-status{height:32px;color:var(--muted);border-top:1px solid var(--line);padding:6px 12px;font-size:.75rem}.self-toc{border-right:1px solid var(--line);z-index:5;background:#000000f0;width:min(360px,85vw);padding:14px;transition:transform .22s;position:absolute;top:54px;bottom:32px;left:0;overflow-y:auto;transform:translate(-100%)}.self-toc.open{transform:translate(0)}.self-toc button{text-align:left;width:100%;margin:0 0 8px;line-height:1.35;display:block}@media (width<=700px){.self-shell{padding:16px}.self-header,.self-footer{flex-direction:column;align-items:flex-start;gap:8px}.self-reader-card{min-height:72vh}.self-viewer{height:calc(72vh - 86px);padding:10px}}