@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#090c0b;--fg:#e8eeeb;--muted:#889b92;--line:#26332d;--accent:#b9ff73;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 var(--sans);background:var(--bg);color:var(--fg)}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#111}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.mono,.eyebrow{font-family:var(--mono)}.eyebrow{font-size:12px;letter-spacing:1.8px;text-transform:uppercase}.muted{color:var(--muted)}.accent{color:var(--accent)}.site-top{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);gap:20px}.brand{font:700 22px var(--display);letter-spacing:-1px}.brand span{color:var(--accent)}.top-links{display:flex;gap:28px;font-size:14px}.top-links button{background:none;border:0;padding:6px 0}.concept-tag{font:12px var(--mono);color:var(--muted)}.pill{border:1px solid var(--line);padding:10px 17px;background:transparent;border-radius:30px;font-size:13px}.pill.active,.pill:hover{color:var(--bg);background:var(--accent);border-color:var(--accent)}.action{border:0;background:var(--accent);color:#10160c;padding:14px 20px;font-size:14px;font-weight:600}.motion-control{border:1px solid var(--line);background:transparent;padding:6px 10px;color:var(--muted);font:12px var(--mono)}.preview-stamp{position:fixed;bottom:15px;right:18px;font:10px var(--mono);letter-spacing:1px;color:var(--muted);z-index:60;pointer-events:none}.preview-mode .preview-stamp{display:none}.entry-link{display:flex;justify-content:space-between;text-align:left;gap:15px;width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid var(--line)}.entry-link span{font-family:var(--mono);font-size:12px;color:var(--muted)}.entry-link:hover{color:var(--accent)}.reader{padding:0;border:1px solid #405447;background:#0e1511;color:#e8eeeb;width:min(900px,calc(100% - 32px));max-height:88vh;box-shadow:0 25px 180px #0009}.reader::backdrop{background:#020504c9;backdrop-filter:blur(12px)}.reader-bar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#0e1511;border-bottom:1px solid #2d3b31;padding:15px 24px;z-index:2}.reader-bar span{font:12px var(--mono);color:#9eb199}.reader-bar button{background:transparent;border:1px solid #465a45;padding:5px 12px}.reader-content{padding:26px 40px 38px}.reader h1{font:500 clamp(30px,4vw,48px)/1.15 var(--display);letter-spacing:-2px;margin:14px 0 25px}.reader h2{font:500 21px var(--display);margin:30px 0 12px}.reader p,.reader li{color:#bdc9bd;line-height:1.8}.reader .principle{border-left:2px solid var(--accent);padding:10px 22px;color:#eef5e8;font-size:20px}.reader .recall{padding:20px;border:1px solid #455b3c;margin-top:26px}.reader summary{cursor:pointer;color:var(--accent)}.reader code{font-family:var(--mono);font-size:12px;color:var(--accent)}.reader pre{overflow:auto;padding:16px;background:#09110c}.reader table{font-size:12px;border-collapse:collapse;width:100%}.reader td,.reader th{padding:12px;border-bottom:1px solid #384539;text-align:left}.reader .table-scroll{overflow:auto}.reader a{color:var(--accent);text-decoration:underline}.reader input,.reader button:not(.reader-bar button){max-width:100%}.reader-content .eyebrow{color:#9eb199}.empty{padding:25px;color:var(--muted)}.paused *, .preview-mode *{animation-play-state:paused!important}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
@media(max-width:700px){.site-top{height:70px;padding:0 20px}.top-links{gap:16px}.concept-tag{display:none}.reader-content{padding:20px}.reader .principle{font-size:17px}.preview-stamp{display:none}.brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}