:root,[data-theme=light]{--bg-primary: #FDFDFC;--bg-hover: #F2F2F0;--text-main: #1C1C1A;--text-muted: #7E7E7A;--border: #E5E5E2;--accent: rgb(255, 0, 170);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--neon-pink: #FF0055;--electric-lime: #CCFF00;--hyper-blue: #0044FF;--tangerine: #FF5500;--cyber-purple: #9900FF;--social-email: #EA4335;--social-x: #1DA1F2;--social-linkedin: #0A66C2}[data-theme=dark]{--bg-primary: #101010;--bg-hover: #1A1A1A;--text-main: #EDEDEB;--text-muted: #828280;--border: #2A2A2A;--social-email: #FF6659;--social-x: #4DB5F4;--social-linkedin: #2D88FF}::view-transition-group(root){animation:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.theme-transition::view-transition-new(root){animation:clip-reveal .6s ease-in-out;z-index:1}.theme-transition::view-transition-old(root){animation:none;z-index:0}@keyframes clip-reveal{0%{clip-path:circle(0px at var(--click-x) var(--click-y))}to{clip-path:circle(150vw at var(--click-x) var(--click-y))}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease;min-height:100vh}::selection{background:var(--text-main);color:var(--bg-primary)}h1,h2,h3,h4,p{font-weight:400;letter-spacing:-.01em}.mono{font-size:13px}.muted{color:var(--text-muted)}a{color:inherit;text-decoration:none;transition:color .15s ease}.library-wrapper{max-width:900px;margin:0 auto;padding:4rem 1.5rem}.library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5rem}.header-title{font-size:14px;max-width:400px;line-height:1.4}.header-title a{border-bottom:1px solid var(--border);padding-bottom:1px}.header-title a:hover{border-bottom-color:var(--text-main)}.header-actions{display:flex;gap:.75rem}.header-cta-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;padding:0 0 1px;cursor:pointer;transition:color .15s ease;white-space:nowrap;border-bottom:1px solid transparent}.header-cta-btn:hover{color:var(--text-main);background:none;border-bottom-color:var(--text-main)}.directory-section{margin-bottom:4rem}.directory-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.directory-list{list-style:none}.directory-row{display:flex;align-items:center;padding:10px 8px;border-bottom:1px solid var(--border);margin:0 -8px;border-radius:4px;transition:background-color .1s ease,padding-left .15s ease;cursor:pointer}.directory-row:hover{background-color:var(--bg-hover);padding-left:14px}.directory-row:last-child{border-bottom:none}.row-year{width:60px;flex-shrink:0;color:var(--text-muted)}.row-title{flex-grow:1;font-weight:500}.row-category{color:var(--text-muted);text-align:right}.directory-row a{display:block;width:100%;display:flex;align-items:center}@media (max-width: 600px){.library-header{flex-direction:column;gap:1.5rem}}.proj-table{width:100%}.proj-table-header{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.02em;padding-bottom:.6rem;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.proj-table-row{display:flex;align-items:baseline;gap:0;padding:.65rem 0;text-decoration:none;color:inherit;transition:color .12s ease;position:relative}.proj-table-row.full-divider{border-bottom:1px solid var(--border)}.proj-table-row.partial-divider:after{content:"";position:absolute;bottom:0;left:64px;right:0;height:1px;background-color:var(--border)}.proj-table-row:last-child{border-bottom:none}.proj-table-row:last-child:after{display:none}.proj-table-year{width:64px;flex-shrink:0;font-size:13px;color:var(--text-muted)}.proj-table-name{flex-grow:1;font-size:14px;color:var(--text-main);display:flex;align-items:center;gap:.6rem;transition:color .12s ease}.new-badge-circle{font-size:11px;font-weight:400;color:var(--accent);border:1.5px solid var(--accent);border-radius:50em;padding:1px 9px 2px;letter-spacing:.01em;flex-shrink:0;opacity:.85}.site-footer{margin-top:6rem;padding-top:2rem;border-top:1px solid var(--border);padding-bottom:4rem}.footer-inner{display:flex;flex-direction:column;gap:1.25rem}.footer-cat-wrap{display:inline-flex;align-items:center;cursor:default;-webkit-user-select:none;user-select:none;position:relative;width:fit-content}.footer-cat-glyph{font-size:15px;color:var(--text-muted);transition:color .15s ease;line-height:1}.cat-status-effects{position:absolute;right:100%;bottom:0;margin-right:8px;white-space:nowrap;pointer-events:none}.cat-zzz-inline,.cat-bubbles-inline{display:inline-flex;align-items:flex-end;gap:2px;margin-bottom:2px}.zzz-z,.bubble{font-family:Courier New,Courier,monospace;color:var(--text-muted);opacity:0}.zzz-z{animation:zzzFloat 3s ease-in-out infinite}.bubble{animation:bubbleFloat 3s ease-in-out infinite}.zzz-z.z1{font-size:9px;animation-delay:0s}.zzz-z.z2{font-size:11px;animation-delay:.7s}.zzz-z.z3{font-size:13px;animation-delay:1.4s}.bubble.b1{font-size:7px;animation-delay:0s}.bubble.b2{font-size:9px;animation-delay:.7s}.bubble.b3{font-size:11px;animation-delay:1.4s}@keyframes zzzFloat{0%{opacity:0;transform:translateY(2px)}30%{opacity:.65}70%{opacity:.4}to{opacity:0;transform:translateY(-10px)}}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(2px)}30%{opacity:.45}70%{opacity:.3}to{opacity:0;transform:translateY(-12px)}}.footer-links{display:flex;gap:1.25rem;font-size:12px}.blog-head{margin-bottom:3rem;padding-bottom:1.5rem}.blog-head h2{font-size:16px;font-weight:500}.thought-date-group{margin-bottom:3rem}.thought-date-header{font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.5rem}.thought-container{margin-bottom:.5rem}.thought-summary-grid{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.thought-summary-grid.is-hidden{grid-template-rows:0fr}.thought-summary-inner{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;cursor:pointer;transition:opacity .3s ease;overflow:hidden;opacity:1}.thought-summary-grid.is-hidden .thought-summary-inner{opacity:.5;pointer-events:none}.thought-title{flex-grow:1;padding-right:2rem;font-size:14px;position:relative}.thought-title.has-glow{color:var(--text-main);position:relative}[data-theme=dark] .thought-title.has-glow{text-shadow:0 0 8px var(--text-main)}.thought-title.has-glow:after{content:"_";display:inline-block;margin-left:4px;color:var(--text-main);animation:cursorBlink 1s infinite step-end}@keyframes cursorBlink{50%{opacity:0}}.thought-meta{display:flex;gap:2.5rem;align-items:center;flex-shrink:0}.thought-tags-group{display:flex;gap:.4rem}.thought-expanded-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.thought-expanded-grid.is-visible{grid-template-rows:1fr}.thought-expanded-inner{opacity:0;overflow:hidden;transition:opacity .3s ease;cursor:pointer;padding:0}.thought-expanded-grid.is-visible .thought-expanded-inner{opacity:1;padding-top:.5rem;padding-bottom:1.5rem}.thought-full-image img{width:100%;max-height:500px;object-fit:cover;margin-top:2rem;border-radius:4px}.pointer-follower{position:fixed;top:0;left:0;z-index:100;width:250px;pointer-events:none;visibility:hidden;opacity:0;will-change:transform}.clean-image-box{width:100%;position:relative;overflow:hidden;border-radius:6px;box-shadow:0 15px 35px #00000026}.clean-image-box img{width:100%;height:auto;display:block}.brand-social{color:var(--text-muted);transition:color .15s ease;position:relative;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.brand-social:hover{color:var(--text-main)!important;border-bottom-color:var(--text-main)}.holographic-sheen{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-conic-gradient(from 45deg,#fff0,#ffffff1a,#fff0 30deg) 0% 0% / 40px 40px,radial-gradient(circle at 80% 20%,rgba(255,255,255,.6) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.3) 0%,transparent 50%),linear-gradient(135deg,#ff009699,#0cfc,#6f69,#fc0c,#ff009699);background-size:40px 40px,150% 150%,150% 150%,300% 300%;mix-blend-mode:color-dodge;opacity:0;animation:holoDrift 8s infinite linear;box-shadow:inset 0 0 25px #ffffffb3;border-radius:inherit}@keyframes holoDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tilt-image-wrapper{perspective:1200px;width:100%;max-width:450px;margin-top:2rem;cursor:crosshair}.tilt-lens{position:relative;transform-style:preserve-3d;will-change:transform;border-radius:4px;overflow:hidden;box-shadow:0 5px 15px #0000000d}.tilt-lens img{width:100%;height:auto;display:block}.article-container{max-width:540px;padding-bottom:6rem;animation:fadeSlide .4s ease forwards}@keyframes fadeSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.article-header{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.back-link{display:inline-block;margin-bottom:2rem;font-size:11px;text-transform:uppercase;letter-spacing:.05em;transition:color .15s ease,transform .15s ease}.back-link:hover{color:var(--text-main);transform:translate(-4px)}.article-title{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:.5rem}.article-meta .separator{margin:0 .5rem;color:var(--border)}.article-content p{margin-bottom:1.5rem;color:var(--text-main)}.article-content h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:2.5rem 0 1rem}.article-content strong{font-weight:500}.article-content blockquote{border-left:1px solid var(--text-main);padding-left:1rem;margin:2rem 0;font-style:italic;color:var(--text-muted)}.showcase-item{margin-bottom:3rem;border-bottom:1px solid var(--border);padding-bottom:2rem}.showcase-item:last-child{border-bottom:none}.showcase-tags{margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--text-muted)}.showcase-title-link{display:inline-block;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--text-main);text-decoration:none;font-family:var(--font-sans);transition:color .15s ease}.showcase-title-link:hover{color:var(--accent)}.year-group{margin-bottom:2.5rem}.year-group-header{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:0}.new-badge{font-size:10px;font-weight:500;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-left:8px;flex-shrink:0}.playground-item-wrapper{position:relative;z-index:1;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.playground-item-wrapper.is-dimmed{opacity:.3}.playground-item{width:100%;display:flex;flex-direction:column;gap:1rem;border-radius:4px}.playground-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;align-items:start}.playground-media{width:100%;height:auto;border-radius:4px;background-color:var(--bg-hover)}.playground-caption{font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.playground-download{color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.playground-download:hover{color:var(--text-main);border-bottom-color:var(--text-main)}@media (max-width: 768px){.library-header{flex-direction:column-reverse;gap:2rem;margin-bottom:4rem}.header-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.showcase-title-link{font-size:18px}.directory-row{flex-direction:column;align-items:flex-start;gap:.25rem}.row-year{display:none}.playground-grid{grid-template-columns:1fr;gap:3rem}.pointer-follower{display:none!important}}.tilt-lens:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1a;pointer-events:none;z-index:3}[data-theme=dark] .tilt-lens:after{box-shadow:inset 0 0 0 1px #ffffff0d}.holographic-sheen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:overlay;opacity:.15;pointer-events:none;border-radius:inherit}