:root{color-scheme:light;font-family:Iosevka Aile,IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,#f3eee2,transparent 32%),linear-gradient(180deg,#f8f4ec,#efe7da);color:#1f2629}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.72rem 1rem;cursor:pointer;background:#1f6f5f;color:#f8faf9;transition:transform .14s ease,opacity .14s ease,background .14s ease}button:hover,.button:hover{transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.65;transform:none}.button--secondary{background:#1f6f5f1f;color:#165447}input,textarea,select{width:100%;border:1px solid rgba(31,38,41,.14);border-radius:1rem;background:#ffffffd6;padding:.78rem .92rem;color:inherit}textarea{resize:vertical}.hidden{display:none!important}.site-shell{min-height:100vh;padding:1rem;display:grid;gap:1rem}.site-header,.hero,.panel,.publication-card,.preview-card{border:1px solid rgba(31,38,41,.12);border-radius:1.35rem;background:#fffcf7e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px #352e2314}.site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem}.brand{display:inline-flex;align-items:center;gap:.8rem}.brand strong,h1,h2,h3{font-family:Iosevka Etoile,IBM Plex Sans,sans-serif;letter-spacing:-.02em}.brand small{display:block;color:#607076}.brand__mark{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.9rem;background:#1f6f5f;color:#f7fbfa;font-weight:700}.site-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-self:start}.site-nav a{border-radius:999px;padding:.55rem .9rem;color:#4f5c61}.site-nav a.active{background:#1f6f5f24;color:#134d41}.site-search{justify-self:end;min-width:min(18rem,100%)}.site-search input{padding:.55rem .9rem}.site-main{display:grid;gap:1rem}.hero,.panel,.preview-card,.publication-card{padding:1.2rem}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.hero--compact{align-items:center}.hero__lead,.article-header__summary,.panel p{margin:.6rem 0 0;color:#526166}.hero__actions,.meta-row,.topic-row{display:flex;flex-wrap:wrap;gap:.75rem}.eyebrow{margin:0 0 .25rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#8b5e34}h1,h2,h3,p{margin:0}.section{display:grid;gap:1rem}.section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.publication-card__link{display:grid;gap:.8rem;height:100%}.publication-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.publication-card__emoji{font-size:1.6rem}.publication-card__kind,.meta-row,.chapter-link small,.topic-chip{color:#607076;font-size:.9rem}.topic-row{gap:.5rem}.topic-chip{padding:.25rem .65rem;border-radius:999px;background:#1f6f5f1a}.article-page,.book-layout,.reader-layout{display:grid;gap:1rem}.book-layout,.reader-layout{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr)}.book-sidebar,.reader-sidebar{align-self:start}.panel,.preview-card{display:grid;gap:1rem}.chapter-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.chapter-link{width:100%;display:grid;gap:.3rem;padding:.85rem .95rem;border-radius:1rem;border:1px solid rgba(31,111,95,.1);background:#fffdfa;text-align:left;color:inherit}.chapter-link.active{background:#1f6f5f;color:#f4faf8}.chapter-link.active small{color:#f4faf8d6}.search-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.search-list__item a{display:grid;gap:.35rem;padding:1rem 1.15rem;border-radius:1.2rem;border:1px solid rgba(31,38,41,.12);background:#fffcf7eb}.search-list__item a:hover{border-color:#1f6f5f59}.search-list__snippet{color:#526166;font-size:.95rem}.preview-surface{min-height:14rem;display:grid;gap:1rem;align-content:start}.preview-surface p,.preview-surface ul,.preview-surface ol,.preview-surface pre,.preview-surface table,.preview-surface figure{margin:0}.preview-surface ul,.preview-surface ol{padding-left:1.4rem;display:grid;gap:.55rem}.preview-surface li>p:first-child{display:inline}.preview-surface code{font-family:Iosevka,SFMono-Regular,monospace;font-size:.92em}.preview-surface p code,.preview-surface li code,.preview-surface td code{padding:.12rem .3rem;border-radius:.45rem;background:#1f6f5f14}.preview-surface pre{overflow:auto;padding:.9rem 1rem;border-radius:1rem;background:#1f2428;color:#f5f7f6}.preview-surface table{width:100%;border-collapse:collapse;border:1px solid rgba(31,38,41,.12);border-radius:.9rem;overflow:hidden;background:#fffdfa}.preview-surface th,.preview-surface td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid rgba(31,38,41,.08)}.preview-surface th{background:#1f6f5f14}.diagram-card{display:grid;gap:.65rem;padding:.9rem;border-radius:1rem;border:1px solid rgba(31,38,41,.1);background:#fffdfa}.diagram-card svg{display:block;width:100%;height:auto}.empty-state{padding:1rem;border-radius:1rem;background:#8b5e3414;color:#6a594a}.panel--error{border-color:#a3463233}.banner{padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(31,38,41,.12);background:#fffcf7eb}.banner--error{border-color:#a346322e;background:#fff3f0f2;color:#8a3f2e}.playground-mount{min-height:6rem}.playground-page{display:grid;gap:1rem}.playground-hero{align-items:center}.playground-actions{display:flex;flex-wrap:wrap;gap:.75rem}.playground-note{grid-template-columns:auto 1fr;align-items:center}.playground-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.playground-panel{align-content:start}.playground-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.playground-panel__header span{color:#607076;font-size:.9rem}.playground-toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.toolbar-button{padding:.55rem .85rem;border-radius:.9rem;background:#1f6f5f14;color:#165447}.toolbar-button.is-active{background:#1f6f5f;color:#f8faf9}.playground-rich-editor,.playground-markdown{min-height:24rem}.playground-rich-editor{border:1px solid rgba(31,38,41,.14);border-radius:1rem;background:#ffffffd6;overflow:hidden}.playground-rich-editor .ProseMirror{min-height:24rem;padding:1rem;outline:none}.playground-rich-editor .ProseMirror>*+*{margin-top:.8rem}.playground-rich-editor .ProseMirror ul,.playground-rich-editor .ProseMirror ol{padding-left:1.4rem}.playground-rich-editor .ProseMirror pre{padding:.85rem 1rem;border-radius:.9rem;background:#1f2428;color:#f5f7f6;overflow:auto}.playground-rich-editor .ProseMirror code{font-family:Iosevka,SFMono-Regular,monospace}.playground-rich-editor .ProseMirror p code,.playground-rich-editor .ProseMirror li code{padding:.12rem .3rem;border-radius:.45rem;background:#1f6f5f14}.playground-rich-editor .ProseMirror [data-papyr-block]{display:flex;align-items:center;min-height:3.5rem;padding:.9rem 1rem;border-radius:1rem;border:1px dashed rgba(31,111,95,.35);background:#1f6f5f0f;color:#165447}.playground-rich-editor .ProseMirror [data-papyr-block=table]{border-color:#545ba152;background:#545ba10f;color:#40467d}.playground-rich-editor .ProseMirror [data-papyr-block=excalidraw]{border-color:#8b5e3452;background:#8b5e3414;color:#70482b}.playground-rich-editor .ProseMirror [data-papyr-block]:before{content:attr(data-label);font-weight:600}.playground-markdown{font-family:Iosevka,SFMono-Regular,monospace;line-height:1.6}.playground-diagram-actions,.playground-diagram-list{display:flex;flex-wrap:wrap;gap:.75rem}.diagram-chip{flex-direction:column;align-items:flex-start;padding:.8rem .95rem;border-radius:1rem;background:#1f6f5f14;color:#1f2629}.diagram-chip.is-active{background:#1f6f5f;color:#f4faf8}.diagram-chip span{opacity:.84}.playground-inspector{display:grid;gap:.9rem}.playground-inspector label{display:grid;gap:.4rem}.playground-diagram-source{min-height:10rem;font-family:Iosevka,SFMono-Regular,monospace}.playground-excalidraw{min-height:22rem;border:1px solid rgba(31,38,41,.1);border-radius:1rem;overflow:hidden;background:#fffdfa}@media(max-width:1080px){.book-layout,.reader-layout,.playground-layout{grid-template-columns:1fr}}@media(max-width:720px){.site-shell{padding:.75rem}.site-header{grid-template-columns:1fr;align-items:start}.site-search{justify-self:stretch}.hero,.section__header{align-items:start;flex-direction:column}.playground-note,.playground-panel__header{grid-template-columns:1fr;display:grid}}