:root{--background-color:#eee8de;--text-color:#191918;--link-color:#191918;--link-hover-color:#d4765a;--border-color:#d8d0c4;--code-bg:#e4ddd2;--blockquote-bg:#e4ddd2;--blockquote-border:#c4bba9;--nav-text:#5a5650;--nav-text-hover:#191918;--nav-hover-bg:rgba(0,0,0,.05);--footer-text:#8a847c;--hover-bg:#e4ddd2;--card-bg:#e4ddd2;--card-shadow:rgba(25,25,24,.06);--card-hover-bg:#dbd3c6;--card-border:#cec5b5;--input-bg:#fff;--input-border:#c4bba9;--input-text:#191918;--accent-color:#d4765a;--accent-light:#e08a6e;--accent-bg:rgba(212,118,90,.1);--name-color:#191918;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-heading:"Work Sans",sans-serif;--font-serif:"Georgia","Times New Roman",serif;--font-mono:"SF Mono","Fira Code","Fira Mono",Menlo,Consolas,monospace;--max-width:1100px;--header-height:80px;--transition-speed:0.3s}.dark{--background-color:#191918;--text-color:#ece6da;--link-color:#d8d0c2;--link-hover-color:#e8936a;--border-color:#2c2b28;--code-bg:#23221f;--blockquote-bg:#23221f;--blockquote-border:#3a3834;--nav-text:#9b9588;--nav-text-hover:#ece6da;--nav-hover-bg:hsla(0,0%,100%,.06);--footer-text:#6b665e;--hover-bg:#23221f;--card-bg:#23221f;--card-shadow:rgba(0,0,0,.3);--card-hover-bg:#2c2b28;--card-border:#2c2b28;--input-bg:#23221f;--input-border:#3a3834;--input-text:#ece6da;--accent-color:#e8936a;--accent-light:#f0a580;--accent-bg:hsla(20,73%,66%,.12);--name-color:#ece6da}.light-mode{--background-color:#eee8de;--text-color:#191918;--link-color:#191918;--link-hover-color:#d4765a;--border-color:#d8d0c4;--code-bg:#e4ddd2;--blockquote-bg:#e4ddd2;--blockquote-border:#c4bba9;--nav-text:#5a5650;--nav-text-hover:#191918;--nav-hover-bg:rgba(0,0,0,.05);--footer-text:#8a847c;--hover-bg:#e4ddd2;--card-bg:#e4ddd2;--card-shadow:rgba(25,25,24,.06);--card-hover-bg:#dbd3c6;--card-border:#cec5b5;--input-bg:#fff;--input-border:#c4bba9;--input-text:#191918;--accent-color:#d4765a;--accent-light:#e08a6e;--accent-bg:rgba(212,118,90,.1);--name-color:#191918}body,html{padding:0;margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}*{box-sizing:border-box}:focus{outline:2px solid var(--link-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--link-color);outline-offset:2px;box-shadow:0 0 0 4px rgba(0,0,0,.05)}.dark :focus-visible{box-shadow:0 0 0 4px hsla(0,0%,100%,.1)}a{color:var(--link-color);text-decoration:none;transition:color .2s ease,outline .2s ease;font-weight:500}a:active,a:focus{color:var(--link-hover-color)}@media (hover:hover){a:hover{color:var(--link-hover-color)}}main{max-width:var(--max-width);margin:0 auto;padding:4rem 2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2;margin-top:2.5rem;margin-bottom:1.5rem;letter-spacing:-.03em;color:var(--text-color);transition:color var(--transition-speed) ease}h1{font-size:2.2rem;margin-top:0;letter-spacing:-.04em}h2{font-size:1.6rem;border-bottom:none;padding-bottom:0}h3{font-size:1.3rem}h4{font-size:1.1rem}ol,p,ul{margin-bottom:1.5rem;transition:color var(--transition-speed) ease}ol,ul{padding-left:1.5rem}li{margin-bottom:.5rem}blockquote{margin:1.5rem 0;padding:.5rem 1rem;border-left:4px solid var(--blockquote-border);background-color:var(--blockquote-bg);font-style:italic;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.875em;padding:2px 6px;border-radius:4px;color:var(--accent-color);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}code,pre{background-color:var(--code-bg)}pre{padding:1rem;border-radius:5px;overflow-x:auto;margin:1.5rem 0;transition:background-color var(--transition-speed) ease}pre code{background-color:transparent}.dark .essay-container:active,.dark .essay-hovered,.dark .interesting-item:active,.dark .item-hovered{background-color:var(--card-hover-bg)!important}@media (hover:hover){.dark .essay-container:hover,.dark .interesting-item:hover{background-color:var(--card-hover-bg)!important}}.dark .essay-summary,.dark .item-why{background-color:hsla(0,0%,100%,.05)}article,div,footer,header,nav,section{transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}hr{border:0;height:1px;background-color:var(--border-color);margin:2rem 0}img{max-width:100%;height:auto}table{width:100%;border-collapse:collapse;margin:1.5rem 0}table,td,th{border:1px solid var(--border-color);transition:all var(--transition-speed) ease}td,th{padding:.5rem}th{background-color:var(--code-bg);font-weight:600}tr:active{background-color:var(--hover-bg)}@media (hover:hover){tr:hover{background-color:var(--hover-bg)}}.dark table{border-color:var(--border-color)}.dark th{background-color:var(--code-bg)}.dark tr:active{background-color:var(--card-hover-bg)}@media (hover:hover){.dark tr:hover{background-color:var(--card-hover-bg)}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{padding:2rem 0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start}.footer{padding:2rem 0;border-top:1px solid var(--border-color);margin-top:5rem;font-size:.9rem;color:var(--footer-text)}.nav{gap:2rem;margin:1.5rem 0 .5rem}.nav,.nav a{display:flex}.nav a{font-family:var(--font-sans);font-size:.9rem;padding:6px 12px;border-radius:6px;transition:all .15s ease;align-items:center;height:36px;position:relative}.nav a:active{color:var(--nav-text-hover);background-color:var(--nav-hover-bg)}@media (hover:hover){.nav a:hover{color:var(--nav-text-hover);background-color:var(--nav-hover-bg)}}.nav a:focus-visible{color:var(--nav-text-hover);background-color:var(--nav-hover-bg);outline:2px solid var(--accent-color);outline-offset:2px;position:relative}.nav a:focus-visible:after{content:attr(data-shortcut);position:absolute;right:8px;font-size:.75rem;opacity:.8;background-color:rgba(0,0,0,.1);padding:2px 5px;border-radius:3px;margin-left:5px}.essay-summary{margin-top:1rem;color:var(--nav-text);line-height:1.6}.search-container{margin:3rem 0}.search-input{width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--input-text);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--input-border);background-color:var(--input-bg);box-shadow:0 2px 8px var(--card-shadow)}.intro{margin-bottom:4rem}.intro-line{font-size:1.1rem;color:var(--nav-text);margin:0 0 1.5rem;line-height:1.5}@media (min-width:768px){.header{flex-direction:row;justify-content:space-between;align-items:center}.nav,h1{margin:0}}.page-header{margin-bottom:3rem}.subtitle{color:var(--nav-text);font-size:1.1rem;margin-top:.5rem}.essay-content{margin-bottom:4rem}.essay-header{margin-bottom:3rem}.essay-body{font-size:1.05rem;line-height:1.7}.essay-body h2{margin-top:3rem}.essay-body h3{margin-top:2rem}.essay-body p{margin-bottom:1.5rem}.essay-body blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:3px solid var(--border-color);background-color:var(--blockquote-bg);font-style:italic}.code-block{position:relative;margin:1.5rem 0}.code-lang{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--nav-text);background-color:var(--card-bg);display:inline-block;padding:2px 10px;border-radius:8px 8px 0 0;border:1px solid var(--border-color);border-bottom:none;margin-bottom:-1px;position:relative;z-index:1}.code-block pre{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;overflow-x:auto;margin:0;font-size:.875rem;line-height:1.6}.code-lang+pre{border-top-left-radius:0}.code-block code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.875rem;color:var(--text-color);background:none;padding:0}.code-caption{font-size:.8rem;color:var(--nav-text);margin-top:.5rem;font-style:italic}pre code{background:none;padding:0;color:var(--text-color)}.notion-table-wrap{overflow-x:auto;margin:1.5rem 0;border-radius:8px;border:1px solid var(--border-color)}.notion-table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.5}.notion-table td,.notion-table th{padding:.6rem 1rem;border:1px solid var(--border-color);text-align:left}.notion-table-title{color:var(--nav-text);padding:.5rem 1rem;border-bottom:1px solid var(--border-color)}.notion-table th,.notion-table-title{font-size:.85rem;font-weight:600;background-color:var(--card-bg)}.notion-table tr:active{background-color:var(--hover-bg)}@media (hover:hover){.notion-table tr:hover{background-color:var(--hover-bg)}}.notion-select-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.85rem;font-weight:500;line-height:1.4;white-space:nowrap}.notion-table td .notion-select-tag{margin:1px 2px}details{margin:1rem 0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}details summary{padding:.75rem 1rem;cursor:pointer;font-weight:500;background-color:var(--card-bg);transition:background-color .15s ease}details summary:active{background-color:var(--card-hover-bg)}@media (hover:hover){details summary:hover{background-color:var(--card-hover-bg)}}details[open] summary{border-bottom:1px solid var(--border-color)}details>:not(summary){padding:.75rem 1rem}.video-embed{position:relative;width:100%;padding-bottom:56.25%;margin:1.5rem 0;border-radius:8px;overflow:hidden;background-color:var(--code-bg)}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.callout{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background-color:var(--card-bg);border-radius:8px;margin:1.5rem 0;font-size:.95rem;line-height:1.6;border:1px solid var(--border-color)}.callout-icon{font-size:1.2rem;flex-shrink:0;line-height:1.6}.dark .code-block pre{background-color:var(--code-bg);border-color:var(--border-color)}.dark code{background-color:var(--code-bg);color:var(--accent-color)}.back-to-essays{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--border-color)}.view-all{display:inline-block;margin-top:1rem;font-weight:500}.logo h1{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.search-button{background-color:var(--text-color);color:var(--background-color);border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:1rem;border-radius:4px}.search-button:active{background-color:var(--accent-color)}@media (hover:hover){.search-button:hover{background-color:var(--accent-color)}}.search-results{margin-top:3rem}.about-section{margin-bottom:3rem}.about-section ul{margin-top:1rem}.about-section li{margin-bottom:.7rem}@media (max-width:768px){main{padding:1.25rem 1rem 2rem}h1{font-size:1.3rem}h2{font-size:1.2rem}h3{font-size:1.05rem}.intro-line{font-size:1rem}.notion-table-wrap{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.notion-table{font-size:.8rem}.notion-table td,.notion-table th{padding:.4rem .6rem}.code-block pre{font-size:.8rem;padding:.75rem}.callout{padding:.75rem 1rem;font-size:.9rem}.video-embed{border-radius:0;margin-left:-1rem;margin-right:-1rem}}.skip-link,.skip-link:focus{display:none}.keyboard-mode :focus{outline:none!important}.dark.keyboard-mode :focus{outline-color:var(--accent-color)!important}.keyboard-mode .nav a[data-shortcut]:after{content:attr(data-shortcut);position:absolute;right:8px;font-size:.75rem;opacity:.9;background-color:rgba(0,0,0,.15);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-weight:700}.dark .keyboard-mode .nav a[data-shortcut]:after{background-color:hsla(0,0%,100%,.2);color:var(--accent-color)}@keyframes focusPulse{0%{box-shadow:0 0 0 0 rgba(237,137,54,.4)}70%{box-shadow:0 0 0 8px rgba(237,137,54,0)}to{box-shadow:0 0 0 0 rgba(237,137,54,0)}}.dark .keyboard-mode :focus-visible{animation:focusPulse 1.5s infinite;outline-color:var(--accent-color)!important}.dark .nav a.active,.dark .nav a:focus-visible{color:var(--nav-text-hover);background-color:var(--nav-hover-bg)}.dark .nav a:active{color:var(--nav-text-hover);background-color:var(--nav-hover-bg)}@media (hover:hover){.dark .nav a:hover{color:var(--nav-text-hover);background-color:var(--nav-hover-bg)}}.keyboard-mode .nav a.keyboard-focused{position:relative;color:var(--accent-color)!important;background-color:var(--accent-bg);text-shadow:0 0 8px rgba(237,137,54,.4);outline:none;box-shadow:0 0 0 3px rgba(237,137,54,.3);z-index:2}.light .keyboard-mode .nav a.keyboard-focused{color:#000!important;background-color:rgba(0,0,0,.05);text-shadow:none;box-shadow:0 0 0 3px rgba(0,0,0,.2)}.nav a:focus{background-color:var(--nav-hover-bg);color:var(--nav-text-hover)}@media (hover:hover){.nav a:hover{background-color:var(--nav-hover-bg);color:var(--nav-text-hover)}}.dark .nav a.keyboard-focused,.dark .nav a:active{color:var(--accent-color);background-color:var(--accent-bg)}@media (hover:hover){.dark .nav a:hover{color:var(--accent-color);background-color:var(--accent-bg)}}.keyboard-mode .header:after{content:none}.keyboard-mode [tabindex]:focus,.keyboard-mode a:focus,.keyboard-mode button:focus,.keyboard-mode input:focus{outline:2px solid var(--accent-color);outline-offset:2px;position:relative;z-index:10;background-color:var(--card-bg);transition:all .15s ease}.keyboard-mode [tabindex]:focus:after,.keyboard-mode a:focus:after,.keyboard-mode button:focus:after{content:none}.dark.keyboard-mode [tabindex]:focus,.dark.keyboard-mode a:focus,.dark.keyboard-mode button:focus,.dark.keyboard-mode input:focus{outline-color:var(--accent-color);background-color:var(--card-bg)}.dark.keyboard-mode [tabindex]:focus:after,.dark.keyboard-mode a:focus:after,.dark.keyboard-mode button:focus:after{color:var(--accent-color)}.keyboard-mode .download-button:focus{transition:all .15s ease}.dark.keyboard-mode .download-button:focus,.keyboard-mode .download-button:focus{background-color:var(--card-bg);border-color:var(--accent-color)}.keyboard-mode .interesting-item:focus-within{background-color:var(--card-bg)}.dark.keyboard-mode .interesting-item:focus-within{background-color:var(--card-bg)}.keyboard-mode .essay-item:focus .item-summary{display:block}.dark.keyboard-mode .essay-item:focus,.keyboard-mode .essay-item:focus{background-color:var(--card-bg)}.keyboard-mode .interesting-item:focus .item-why,.keyboard-mode .interesting-item:focus-within .item-why{display:block}.item-hovered .item-summary,.item-hovered .item-why,.keyboard-mode :focus-within .item-summary,.keyboard-mode :focus-within .item-why{display:block!important}.keyboard-mode .section-link:focus{outline:2px solid var(--link-color);outline-offset:2px;text-decoration:underline;color:var(--nav-text-hover)}.dark.keyboard-mode .section-link:focus{outline-color:var(--accent-color);color:var(--accent-color)}