:root{--bg-paper: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #18181b;--ink-primary: #fafafa;--ink-secondary: #a1a1aa;--ink-muted: #52525b;--accent-warm: #f59e0b;--accent-cool: #3b82f6;--accent-rose: #f43f5e;--line-color: #27272a;--line-hover: #3f3f46;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--layout-padding: 40px;--anim-duration: 8s}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{background-color:var(--bg-paper);color:var(--ink-primary);font-family:var(--font-main);min-height:100vh;width:100vw;overflow-x:hidden}.page-wrapper{display:grid;grid-template-columns:420px 1fr;min-height:100vh}.sidebar{position:fixed;width:420px;height:100vh;padding:var(--layout-padding);display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(135deg,var(--bg-paper) 0%,var(--bg-secondary) 100%);border-right:1px solid var(--line-color);z-index:100}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--line-color);border-radius:2px}.brand{margin-bottom:24px}.brand-name{font-size:28px;font-weight:600;letter-spacing:-.04em;margin-bottom:8px;background:linear-gradient(135deg,var(--ink-primary) 0%,var(--ink-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{margin-bottom:36px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:16px;display:block;color:var(--ink-muted)}.section-content{font-size:14px;line-height:1.7;color:var(--ink-secondary)}.section-content a{color:var(--ink-primary);text-decoration:none;border-bottom:1px solid var(--line-color);transition:all .2s ease}.section-content a:hover{border-color:var(--accent-warm);color:var(--accent-warm)}.links-list{display:flex;gap:10px;flex-wrap:wrap}.link-item{font-size:12px;color:var(--ink-secondary);text-decoration:none;border-bottom:1px solid var(--line-color);transition:all .2s ease}.link-item:hover{border-color:var(--accent-warm);color:var(--accent-warm)}.entry{padding:14px 0;border-top:1px solid var(--line-color)}.entry:last-child{border-bottom:1px solid var(--line-color)}.entry-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px}.entry-title{font-size:13px;font-weight:500;color:var(--ink-primary)}.entry-title a{color:var(--ink-primary);text-decoration:none;border-bottom:1px solid var(--line-color);transition:all .2s}.entry-title a:hover{color:var(--accent-warm);border-color:var(--accent-warm)}.entry-date{font-size:11px;color:var(--ink-muted);white-space:nowrap;flex-shrink:0}.entry-role{font-size:12px;color:var(--ink-muted);font-style:italic;margin-bottom:6px}.entry-desc{font-size:12px;color:var(--ink-secondary);line-height:1.6;margin-bottom:2px}.pub-item{padding:14px 0;border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color)}.pub-item a{font-size:13px;color:var(--ink-secondary);text-decoration:none;border-bottom:1px solid var(--line-color);transition:all .2s;line-height:1.6}.pub-item a:hover{color:var(--accent-warm);border-color:var(--accent-warm)}.pub-venue{font-size:11px;color:var(--ink-muted);margin-top:4px}.writing-links{display:flex;flex-direction:column;gap:0}.writing-link{font-size:13px;color:var(--ink-secondary);text-decoration:none;padding:10px 0;border-bottom:1px solid var(--line-color);transition:all .2s}.writing-link:first-child{border-top:1px solid var(--line-color)}.writing-link:hover{color:var(--accent-warm);padding-left:8px}.reading-group{margin-bottom:24px}.reading-title{font-size:11px;font-weight:600;color:var(--ink-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.reading-list{list-style:none}.reading-list li{font-size:13px;color:var(--ink-secondary);padding:6px 0;border-bottom:1px solid var(--line-color);display:flex;justify-content:space-between}.reading-list li:last-child{border-bottom:none}.book-title{color:var(--ink-primary)}.book-author{color:var(--ink-muted);font-size:11px}.control-group{margin-bottom:16px}.control-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.control-name{font-size:12px;color:var(--ink-secondary)}.intensity-options{display:flex;gap:6px}.intensity-btn{padding:4px 12px;font-size:11px;cursor:pointer;border:1px solid var(--line-color);background:transparent;color:var(--ink-secondary);border-radius:4px;transition:all .2s;font-family:var(--font-main)}.intensity-btn:hover{border-color:var(--ink-secondary)}.intensity-btn.active{background:var(--ink-primary);color:var(--bg-paper);border-color:var(--ink-primary)}.pause-label{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;font-family:inherit;font-size:12px;cursor:pointer;padding:10px 16px;text-align:left;border:1px solid var(--line-color);border-radius:6px;color:var(--ink-secondary);transition:all .2s ease}.pause-label:hover{border-color:var(--accent-warm);color:var(--ink-primary)}.canvas-section{margin-left:420px;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.css-canvas{position:fixed;top:0;left:420px;right:0;width:calc(100vw - 420px);height:100vh;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(15,1fr);gap:0;perspective:1000px;z-index:1}.grid-cell{position:relative;overflow:hidden;animation:warp var(--anim-duration) ease-in-out infinite;transform-style:preserve-3d}.grid-cell:before{content:"";position:absolute;inset:-2px;background:var(--bg-paper)}.grid-cell:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.04);pointer-events:none}.grid-cell.circle{--cell-color: var(--accent-rose)}.grid-cell.circle:before{background:var(--cell-color);opacity:.7}.grid-cell.square{--cell-color: var(--accent-cool)}.grid-cell.square:before{background:var(--cell-color);opacity:.6}.grid-cell:nth-child(20n+1){animation-delay:0s}.grid-cell:nth-child(20n+2){animation-delay:.05s}.grid-cell:nth-child(20n+3){animation-delay:.1s}.grid-cell:nth-child(20n+4){animation-delay:.15s}.grid-cell:nth-child(20n+5){animation-delay:.2s}.grid-cell:nth-child(20n+6){animation-delay:.25s}.grid-cell:nth-child(20n+7){animation-delay:.3s}.grid-cell:nth-child(20n+8){animation-delay:.35s}.grid-cell:nth-child(20n+9){animation-delay:.4s}.grid-cell:nth-child(20n+10){animation-delay:.45s}.grid-cell:nth-child(20n+11){animation-delay:.5s}.grid-cell:nth-child(20n+12){animation-delay:.55s}.grid-cell:nth-child(20n+13){animation-delay:.6s}.grid-cell:nth-child(20n+14){animation-delay:.65s}.grid-cell:nth-child(20n+15){animation-delay:.7s}.grid-cell:nth-child(20n+16){animation-delay:.75s}.grid-cell:nth-child(20n+17){animation-delay:.8s}.grid-cell:nth-child(20n+18){animation-delay:.85s}.grid-cell:nth-child(20n+19){animation-delay:.9s}.grid-cell:nth-child(20n+20){animation-delay:.95s}.grid-cell:nth-child(n+21):nth-child(-n+40){animation-delay:calc(var(--base-delay, 0s) + .1s)}.grid-cell:nth-child(n+41):nth-child(-n+60){animation-delay:calc(var(--base-delay, 0s) + .2s)}.grid-cell:nth-child(n+61):nth-child(-n+80){animation-delay:calc(var(--base-delay, 0s) + .3s)}.grid-cell:nth-child(n+81):nth-child(-n+100){animation-delay:calc(var(--base-delay, 0s) + .4s)}.grid-cell:nth-child(n+101):nth-child(-n+120){animation-delay:calc(var(--base-delay, 0s) + .5s)}.grid-cell:nth-child(n+121):nth-child(-n+140){animation-delay:calc(var(--base-delay, 0s) + .6s)}.grid-cell:nth-child(n+141):nth-child(-n+160){animation-delay:calc(var(--base-delay, 0s) + .7s)}.grid-cell:nth-child(n+161):nth-child(-n+180){animation-delay:calc(var(--base-delay, 0s) + .8s)}.grid-cell:nth-child(n+181):nth-child(-n+200){animation-delay:calc(var(--base-delay, 0s) + .9s)}.grid-cell:nth-child(n+201):nth-child(-n+220){animation-delay:calc(var(--base-delay, 0s) + 1s)}.grid-cell:nth-child(n+221):nth-child(-n+240){animation-delay:calc(var(--base-delay, 0s) + 1.1s)}.grid-cell:nth-child(n+241):nth-child(-n+260){animation-delay:calc(var(--base-delay, 0s) + 1.2s)}.grid-cell:nth-child(n+261):nth-child(-n+280){animation-delay:calc(var(--base-delay, 0s) + 1.3s)}.grid-cell:nth-child(n+281):nth-child(-n+300){animation-delay:calc(var(--base-delay, 0s) + 1.4s)}@keyframes warp{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(8px,-5px) rotate(1deg) scale(1.02)}50%{transform:translate(-4px,8px) rotate(-.5deg) scale(.98)}75%{transform:translate(6px,4px) rotate(.8deg) scale(1.01)}}@keyframes warp-low{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(3px,-2px) rotate(.3deg) scale(1.01)}50%{transform:translate(-2px,3px) rotate(-.2deg) scale(.99)}75%{transform:translate(2px,2px) rotate(.2deg) scale(1.005)}}@keyframes warp-high{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(15px,-10px) rotate(2deg) scale(1.05)}50%{transform:translate(-10px,15px) rotate(-1deg) scale(.95)}75%{transform:translate(12px,8px) rotate(1.5deg) scale(1.03)}}.grid-cell:hover{animation-play-state:paused;transform:scale(1.15)!important;z-index:10;transition:transform .2s ease}.grid-cell.paused{animation-play-state:paused}.css-canvas.intensity-low{--anim-duration: 12s}.css-canvas.intensity-low .grid-cell{animation-name:warp-low}.css-canvas.intensity-med{--anim-duration: 8s}.css-canvas.intensity-high{--anim-duration: 4s}.css-canvas.intensity-high .grid-cell{animation-name:warp-high}.canvas-overlay{position:fixed;bottom:40px;right:40px;text-align:right;z-index:50}.canvas-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted)}@media(max-width:900px){.page-wrapper{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--line-color)}.canvas-section{margin-left:0;height:60vh;min-height:400px}.css-canvas{position:relative;width:100%;height:100%;left:0}}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--line-color);font-size:11px;color:var(--ink-muted)}.essay-page{background:var(--bg-paper);color:var(--ink-primary);font-family:Inter,-apple-system,sans-serif;padding:60px 24px 100px;line-height:1.8;min-height:100vh}.essay-container{max-width:660px;margin:0 auto}.essay-back{display:inline-block;font-size:12px;color:var(--ink-muted);text-decoration:none;margin-bottom:48px;letter-spacing:.05em;transition:color .2s}.essay-back:hover{color:var(--ink-primary)}.essay-header{margin-bottom:48px}.essay-header h1{font-size:26px;font-weight:600;letter-spacing:-.03em;margin-bottom:10px;line-height:1.3}.essay-header .subtitle{font-size:14px;color:var(--ink-secondary);margin-bottom:16px}.essay-header .meta{font-size:12px;color:var(--ink-muted)}.essay-divider{border:none;border-top:1px solid var(--line-color);margin:36px 0}.essay-content p{font-size:15px;color:var(--ink-secondary);margin-bottom:20px}.essay-content h2{font-size:15px;font-weight:600;color:var(--ink-primary);margin:36px 0 12px}.essay-content h3{font-size:13px;font-weight:600;color:var(--ink-secondary);margin:24px 0 10px;text-transform:uppercase;letter-spacing:.08em}.essay-content blockquote{border-left:2px solid var(--line-color);margin:28px 0;padding:0 0 0 20px;font-style:italic;color:var(--ink-muted);font-size:14px;line-height:1.7}.essay-content a{color:var(--ink-secondary);text-decoration:none;border-bottom:1px solid var(--line-color);transition:all .2s}.essay-content a:hover{color:var(--accent-warm);border-color:var(--accent-warm)}.essay-content code{font-family:monospace;background:#18181b;padding:2px 6px;border-radius:3px;font-size:13px;color:var(--ink-primary)}.essay-content pre{background:#18181b;border:1px solid var(--line-color);border-radius:6px;padding:16px 20px;margin:20px 0;overflow-x:auto;font-family:monospace;font-size:13px;color:var(--ink-secondary);line-height:1.6}.essay-content pre code{background:none;padding:0}.references,.more-reading{margin-top:48px;padding-top:24px;border-top:1px solid var(--line-color)}.references h2,.more-reading h2{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin:0 0 16px}.references p,.more-reading p{font-size:13px;color:var(--ink-muted);margin-bottom:6px}