@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:GeistPixel;font-style:normal;font-display:swap;src:url(/fonts/GeistPixel.ttf) format("truetype")}::view-transition-old(root),::view-transition-new(root){animation:none!important}html{opacity:1;transition:opacity 0s!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}:root{--accent:#8B7EC8;--accent-glow:rgba(139,126,200,.35);--accent-subtle:rgba(139,126,200,.08);--bg:#E4E0DA;--bg-raised:#ECEAE6;--bg-inset:#D9D5CF;--text-primary:#3A3632;--text-secondary:#67625C;--text-muted:#6A655E;--noise-felt:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-matte:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-paper:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-cardstock:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--ease:cubic-bezier(.32,.72,0,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-expo:cubic-bezier(.16,1,.3,1);--light-highlight:rgba(255,255,255,.45);--shadow-contact:rgba(0,0,0,.25);--shadow-cast:rgba(0,0,0,.1);--shadow-diffuse:rgba(0,0,0,.06);--shadow-hue:30deg 25% 12%;--shadow-sm: 1px 2px 3px hsl(var(--shadow-hue) / .12);--shadow-md: 1px 2px 4px hsl(var(--shadow-hue) / .1), 2px 4px 12px hsl(var(--shadow-hue) / .08);--shadow-lg: 2px 4px 8px hsl(var(--shadow-hue) / .12), 4px 8px 14px hsl(var(--shadow-hue) / .09);--shadow-xl: 3px 6px 10px hsl(var(--shadow-hue) / .14), 6px 12px 14px hsl(var(--shadow-hue) / .1);--shadow-raised: 4px 4px 12px rgba(0,0,0,.1), -2px -2px 8px rgba(255,255,255,.7), inset 0 1px 0 rgba(255,255,255,.6);--shadow-inset: inset 3px 3px 8px rgba(0,0,0,.08), inset -2px -2px 6px rgba(255,255,255,.5);--shadow-deep: 8px 8px 24px rgba(0,0,0,.12), -4px -4px 16px rgba(255,255,255,.6), inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(0,0,0,.04);--shadow-object: 0 1px 2px var(--shadow-contact), 3px 5px 14px var(--shadow-cast);--shadow-object-hover: 0 2px 4px rgba(0,0,0,.18), 4px 8px 20px rgba(0,0,0,.1), 8px 16px 16px rgba(0,0,0,.06);--shadow-object-pressed: 0 .5px 1px var(--shadow-contact), 1px 2px 6px var(--shadow-cast);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-full:50%;--text-h1:32px;--text-h2:28px;--text-h3:24px;--text-h4:20px;--text-body:16px;--text-sm:12px;--text-xs:11px;--t-display-size:32px;--t-heading-size:24px;--t-heading-sm-size:20px;--t-subtitle-size:16px;--t-body-size:16px;--t-body-sm-size:14px;--t-tag-size:12px}@media(max-width:768px){:root{--t-display-size:24px;--t-heading-size:20px;--t-heading-sm-size:18px;--t-subtitle-size:15px;--t-body-size:15px;--t-body-sm-size:13px;--t-tag-size:12px}}.t-display{font-family:GeistPixel,sans-serif;font-size:var(--t-display-size);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0}.t-heading{font-family:GeistPixel,sans-serif;font-size:var(--t-heading-size);font-weight:400;line-height:1.2;letter-spacing:-.02em}.t-heading-sm{font-family:Geist,sans-serif;font-size:var(--t-heading-sm-size);font-weight:500;line-height:1.3;letter-spacing:-.01em}.t-subtitle{font-family:Geist,sans-serif;font-size:var(--t-subtitle-size);font-weight:400;line-height:1.5;letter-spacing:0}.t-body{font-family:Geist,sans-serif;font-size:var(--t-body-size);font-weight:400;line-height:1.7;letter-spacing:0}.t-body-sm{font-family:Geist,sans-serif;font-size:var(--t-body-sm-size);font-weight:400;line-height:1.6;letter-spacing:0}.t-tag{font-family:Geist Mono,monospace;font-size:var(--t-tag-size);font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:auto;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .25s var(--ease)}.modal-overlay.open{pointer-events:auto;opacity:1}.modal-backdrop{position:absolute;inset:0;background:#3a363273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(640px,92vw);max-height:min(85vh,800px);background:#edeae6;border-radius:20px;box-shadow:var(--shadow-xl);opacity:0;transform:translateY(100vh);isolation:isolate;transition:opacity .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.modal-card-inner{border-radius:20px;overflow:hidden;height:min(85vh,800px);display:flex;flex-direction:column;position:relative;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.modal-overlay.open .modal-card{opacity:1;transform:translateY(0)}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:var(--radius-full);background:#00000040;border:none;padding:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:var(--text-sm);line-height:1;color:#ffffffd9;opacity:.45;transition:opacity .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.modal-card:hover .modal-close{opacity:1}.modal-close:hover{background:#0006;transform:scale(1.05)}.modal-close:active{transform:scale(.97)}.modal-carousel{position:relative;width:100%;flex-shrink:0;aspect-ratio:5/4;overflow:hidden;background:var(--bg)}.modal-carousel--fit{aspect-ratio:4/3}.modal-carousel--fit .carousel-slide img{object-fit:contain;outline:none}.carousel-scroll{display:flex;height:100%;padding:0;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-slide{min-width:100%;height:100%;scroll-snap-align:start;overflow:hidden;flex-shrink:0}.carousel-slide-color{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-h2);font-weight:600;color:#ffffffd9}.coming-soon-label{font-family:Geist,sans-serif;font-size:var(--text-body);font-weight:500;color:#ffffff80;letter-spacing:.02em}.carousel-slide img,.carousel-slide video{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-drag:none;user-select:none;outline:1px solid rgba(0,0,0,.08);outline-offset:-1px}.carousel-slide video,.puzzle-img video{opacity:0;transform:scale(1.02);transition:opacity .3s var(--ease),transform .3s var(--ease)}.carousel-slide video.loaded,.puzzle-img video.loaded{opacity:1;transform:scale(1)}.carousel-counter{position:absolute;top:12px;left:12px;background:#3a363266;color:#fffc;padding:4px 10px;border-radius:12px;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:5}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:var(--radius-full);background:#00000040;border:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;color:#ffffffd9;opacity:.45;transition:opacity .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);touch-action:manipulation}.modal-card:hover .carousel-btn:not(:disabled){opacity:1}.carousel-btn:hover:not(:disabled){background:#0006;transform:translateY(-50%) scale(1.05)}.carousel-btn:active:not(:disabled){transform:translateY(-50%) scale(.97)}.carousel-btn:disabled{opacity:.2!important;cursor:default;pointer-events:none}.carousel-btn.prev{left:16px}.carousel-btn.next{right:16px}.modal-body{padding:20px 24px 24px;flex-shrink:0;overflow-y:auto;min-height:0}.modal-meta{margin-bottom:16px}.modal-desc-wrap{padding-top:16px;border-top:1px solid rgba(0,0,0,.08);max-height:200px;overflow-y:auto}.modal-desc-wrap.has-bottom-fade:not(.has-scroll-fade){-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 28px),rgba(0,0,0,.85) calc(100% - 16px),rgba(0,0,0,.4) calc(100% - 8px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 28px),rgba(0,0,0,.85) calc(100% - 16px),rgba(0,0,0,.4) calc(100% - 8px),transparent 100%)}.modal-desc-wrap.has-scroll-fade:not(.has-bottom-fade){-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 8px,rgba(0,0,0,.85) 16px,#000 28px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 8px,rgba(0,0,0,.85) 16px,#000 28px,#000 100%)}.modal-desc-wrap.has-scroll-fade.has-bottom-fade{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 8px,rgba(0,0,0,.85) 16px,#000 28px,#000 calc(100% - 28px),rgba(0,0,0,.85) calc(100% - 16px),rgba(0,0,0,.4) calc(100% - 8px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 8px,rgba(0,0,0,.85) 16px,#000 28px,#000 calc(100% - 28px),rgba(0,0,0,.85) calc(100% - 16px),rgba(0,0,0,.4) calc(100% - 8px),transparent 100%)}.modal-title{color:var(--text-primary);margin-bottom:12px;text-wrap:balance}.modal-tags{display:flex;gap:8px;flex-wrap:wrap}.modal-tag{padding:4px 10px;border-radius:var(--radius-sm);font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#0000000a;color:var(--text-secondary);border:1px solid rgba(0,0,0,.06)}.modal-tag.link{cursor:pointer;color:var(--accent);background:var(--accent-subtle);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:background .15s var(--ease)}.modal-tag.link:hover{background:#8b7ec826}.modal-tag.link:active{transform:scale(.97)}.modal-desc{color:var(--text-secondary);text-wrap:pretty}.modal-desc p{margin-bottom:12px}.modal-desc p:last-child{margin-bottom:0}.puzzle-filters{display:flex;gap:8px;padding:0 0 16px;flex-wrap:wrap;max-width:520px;margin-left:auto;margin-right:auto}.puzzle-card.filter-hidden{display:none!important}.puzzle-grid{display:grid;grid-template-columns:1fr 1fr;max-width:520px;margin-left:auto;margin-right:auto;gap:12px}.puzzle-card-link{display:contents;text-decoration:none;color:inherit}.puzzle-card{border-radius:12px;position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4/3;transition:transform .2s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-object);background:#f0eee9;border-bottom:2px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.06);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.1)}.puzzle-card:after{content:"";position:absolute;inset:0;border-radius:12px;background:radial-gradient(ellipse at 30% 25%,rgba(255,255,255,.18) 0%,transparent 55%);pointer-events:none;z-index:2;transition:opacity .2s cubic-bezier(.32,.72,0,1)}.puzzle-live-badge{position:absolute;top:8px;right:8px;z-index:4;display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 6px;border-radius:100px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 2px #0000004d,0 1px #ffffff14;font-family:Geist Mono,monospace;font-size:var(--t-tag-size);font-weight:600;letter-spacing:.1em;color:#ffffffe6;pointer-events:none}.puzzle-live-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 40% 35%,#6be08a,#2ecb55);box-shadow:0 0 4px #2ecb5599,0 0 10px #2ecb5540;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 4px #2ecb5599,0 0 10px #2ecb5540}50%{box-shadow:0 0 6px #2ecb55cc,0 0 16px #2ecb5566}}@media(prefers-reduced-motion:reduce){.puzzle-live-dot{animation:none}}.puzzle-card.is-hovered{transform:translateY(-2px) scale(1.01)}.puzzle-card.is-hovered:after{opacity:.7}.puzzle-card:active{transform:scale(.97)}.puzzle-img{position:absolute;inset:0;transition:transform .3s cubic-bezier(.32,.72,0,1)}.puzzle-card.is-hovered .puzzle-img,.puzzle-card:focus-within .puzzle-img{transform:translateY(-28px)}.puzzle-extra{display:none;opacity:0;transform:translateY(12px)}.puzzle-grid.expanded .puzzle-extra{display:block;animation:puzzleReveal .3s cubic-bezier(.32,.72,0,1) forwards}.puzzle-grid.expanded .puzzle-extra:nth-child(9){animation-delay:0s}.puzzle-grid.expanded .puzzle-extra:nth-child(10){animation-delay:.04s}.puzzle-grid.expanded .puzzle-extra:nth-child(11){animation-delay:.08s}.puzzle-grid.expanded .puzzle-extra:nth-child(12){animation-delay:.12s}.puzzle-grid.expanded .puzzle-extra:nth-child(13){animation-delay:.16s}.puzzle-grid.expanded .puzzle-extra:nth-child(14){animation-delay:.2s}.puzzle-grid.expanded .puzzle-extra:nth-child(15){animation-delay:.24s}.puzzle-grid.expanded .puzzle-extra:nth-child(16){animation-delay:.28s}@keyframes puzzleReveal{70%{opacity:1;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.puzzle-grid.collapsing .puzzle-extra{display:none}.puzzle-show-more{display:block;margin:32px auto 0;color:var(--text-secondary);padding:10px 22px;border-radius:var(--radius-md);background:linear-gradient(180deg,#f0ede8,#e8e5e0);border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 3px #0000000f,0 2px #d4d0ca;cursor:pointer;transform:translateY(0);transition:transform .1s cubic-bezier(.32,.72,0,1),box-shadow .1s cubic-bezier(.32,.72,0,1),color .15s cubic-bezier(.32,.72,0,1);touch-action:manipulation}.puzzle-show-more:hover{color:var(--text-primary);box-shadow:0 2px 4px #00000014,0 3px #d4d0ca;transform:translateY(-1px)}.puzzle-show-more:active{transform:translateY(2px);box-shadow:0 0 #d4d0ca,inset 0 1px 2px #0000000f}.puzzle-show-more.hidden{display:none}.puzzle-img img,.puzzle-img video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;outline:1px solid rgba(0,0,0,.08);outline-offset:-1px}.puzzle-img video::-webkit-media-controls-start-playback-button,.puzzle-img video::-webkit-media-controls{display:none!important;-webkit-appearance:none}.puzzle-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;padding:0 12px;height:28px;background:#0000000a;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:3;pointer-events:none}.puzzle-card.is-hovered .puzzle-overlay,.puzzle-card:focus-within .puzzle-overlay{transform:translateY(0)}.puzzle-overlay span{font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:500;text-align:left;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.puzzle-subtitle{font-family:Geist Mono,monospace;font-size:var(--t-tag-size)!important;font-weight:400!important;color:var(--text-secondary)!important;margin-left:auto}.about-bio{margin-bottom:32px;text-align:left;max-width:520px;margin-left:auto;margin-right:auto}.about-bio p{color:var(--text-secondary);margin-bottom:16px;text-wrap:pretty}.about-bio p:first-child{color:var(--text-primary)}.about-bio em{font-style:italic;color:var(--text-primary);font-weight:500}.about-bio strong{font-weight:600;color:var(--text-primary)}.about-bio-sub{color:var(--text-secondary)}.about-drop-trigger{color:var(--text-primary);cursor:pointer;position:relative;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#00000026;transition:text-decoration-color .2s cubic-bezier(.32,.72,0,1)}.about-drop-trigger:hover{text-decoration-color:#0006}.about-drop-wrap{position:absolute;left:0;top:calc(100% + 6px);z-index:50;min-width:160px;border-radius:10px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s cubic-bezier(.32,.72,0,1),transform .15s cubic-bezier(.32,.72,0,1)}.about-drop-wrap.open{opacity:1;transform:translateY(0);pointer-events:auto}.about-dropdown{padding:8px 0;border-radius:10px;max-height:200px;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:auto;background:var(--text-primary);box-shadow:2px 4px 14px hsl(var(--shadow-hue) / .18),1px 2px 4px hsl(var(--shadow-hue) / .1)}.about-drop-fade{position:absolute;bottom:0;left:0;right:0;height:28px;pointer-events:none;background:linear-gradient(transparent,var(--text-primary));border-radius:0 0 10px 10px;transition:opacity .15s cubic-bezier(.32,.72,0,1)}.about-drop-fade.hidden{opacity:0}.about-dropdown-item{display:block;padding:6px 14px;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;color:var(--bg);white-space:nowrap;text-decoration:none;transition:opacity .15s cubic-bezier(.32,.72,0,1)}a.about-dropdown-item:hover{opacity:.7}.about-dropdown-item:not(a){opacity:.85}.about-bio-link{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#00000026;transition:text-decoration-color .2s cubic-bezier(.32,.72,0,1)}.about-bio-link:hover{text-decoration-color:#0006}.about-ctas{margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.about-cta-primary-wrap{display:inline-block}.about-cta-primary{display:block;position:relative;padding:16px 38px 16px 40px;border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;font-family:Geist,sans-serif;font-size:var(--text-body);font-weight:600;letter-spacing:.03em;color:#fff;background:linear-gradient(180deg,#7e6ebe,#6b5ca8 30%,#6050a0 70%,#5848a0);box-shadow:0 4px #483c88,0 8px 14px #483c8840;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:translateY(0);transition:transform .08s cubic-bezier(.32,.72,0,1),box-shadow .08s cubic-bezier(.32,.72,0,1);touch-action:manipulation}.about-cta-primary:hover{background:linear-gradient(180deg,#8a7ac6,#7868b4 30%,#6c5ca8 70%,#6050a0);box-shadow:0 5px #483c88,0 10px 16px #483c884d;transform:translateY(-1px)}.about-cta-primary:active{background:linear-gradient(180deg,#6050a0,#5848a0 40%,#4e4090);box-shadow:0 1px #483c88,0 2px 6px #483c8833;transform:translateY(3px);text-shadow:0 0 1px rgba(0,0,0,.3)}.cta-arrow{display:inline-block;vertical-align:middle;margin-left:6px;margin-top:-1px}.about-cta-strip{display:inline-flex;gap:8px;align-items:center}.about-cta{width:32px;height:32px;padding:0;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-muted);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 35% 25%,#ffffffb3,#fff0 60%),linear-gradient(180deg,#f4f1ed,#e2dfda);box-shadow:0 2px #c4c0ba,0 4px 6px #0000000f;transform:translateY(0);transition:transform .1s cubic-bezier(.32,.72,0,1),box-shadow .1s cubic-bezier(.32,.72,0,1),color .1s cubic-bezier(.32,.72,0,1);touch-action:manipulation}.about-cta:hover{color:var(--accent);background:radial-gradient(ellipse at 35% 25%,#fffc,#fff0 60%),linear-gradient(180deg,#f8f5f1,#e8e5e0);box-shadow:0 3px #c4c0ba,0 5px 8px #00000014;transform:translateY(-1px)}.about-cta:active{color:var(--accent);background:radial-gradient(ellipse at 50% 60%,#ffffff4d,#fff0 50%),linear-gradient(180deg,#d5d2cc,#e0ddd8);box-shadow:0 0 #c4c0ba,inset 0 2px 4px #0000001a;transform:translateY(2px)}.about-cta svg{width:13px;height:13px;flex-shrink:0}.about-cta[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) scale(.5) translateY(8px);transform-origin:50% 100%;padding:6px 14px;border-radius:100px;background:var(--text-primary);color:var(--bg);font-family:Geist Mono,monospace;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.about-cta[data-tip]:hover:after{opacity:1;transform:translate(-50%) scale(1) translateY(0)}.tip-warm .about-cta[data-tip]:after{transition-duration:0ms}.about-details{border-top:1px solid rgba(0,0,0,.06);padding-top:24px;text-align:left;max-width:520px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:20px}.about-detail{display:flex;align-items:center;gap:16px}.about-detail-label{color:var(--text-muted);min-width:80px;flex-shrink:0}.about-detail-value{color:var(--text-secondary);display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.led{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 35% 35%,#6be08a,#34c759);box-shadow:0 0 3px #34c75980,0 0 7px #34c75933;animation:ledPulse 2.5s linear infinite}@keyframes ledPulse{0%,to{box-shadow:0 0 3px #34c75980,0 0 7px #34c75933}50%{box-shadow:0 0 5px #34c759b3,0 0 12px #34c7594d}}.toggle{width:30px;height:17px;border-radius:8px;position:relative;cursor:pointer;flex-shrink:0;background:linear-gradient(180deg,#dad7d2,#e2dfda);box-shadow:inset 0 1px 3px #0000001f,0 1px #ffffff80;transition:background .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1);outline:none;touch-action:manipulation}.toggle:focus-visible{box-shadow:inset 0 1px 3px #0000001f,0 0 0 2px var(--accent)}.toggle.on{background:linear-gradient(180deg,#6050a0,#6b5ca8);box-shadow:inset 0 1px 3px #00000026,0 1px #ffffff80}.toggle-knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#ffffffe6,#fff0 60%),linear-gradient(180deg,#f8f6f3,#e8e5e0);box-shadow:0 1px 3px #00000026,0 1px 1px #00000014;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.toggle.on .toggle-knob{transform:translate(13px)}.stack-cards{display:flex;align-items:center;padding:0 0 0 4px}.stack-card{padding:8px 12px;border-radius:var(--radius-md);color:var(--text-secondary);white-space:nowrap;background:linear-gradient(180deg,#f0ede8,#e8e5e0);border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 3px #0000000f,0 2px #d4d0ca;position:relative;margin-left:-18px;cursor:default;transition:transform .35s cubic-bezier(.32,.72,0,1)}.stack-card:first-child{margin-left:0;z-index:4;transform:rotate(-2.5deg)}.stack-card:nth-child(2){z-index:3;transform:rotate(2deg)}.stack-card:nth-child(3){z-index:2;transform:rotate(-1.5deg)}.stack-card:nth-child(4){z-index:1;transform:rotate(2.5deg)}.stack-cards:hover .stack-card,.stack-cards.touched .stack-card{margin-left:4px;transform:rotate(0)}.stack-cards:hover .stack-card:first-child,.stack-cards.touched .stack-card:first-child{margin-left:0}@media(prefers-reduced-motion:reduce){.led{animation:none}.toggle-knob,.stack-card{transition:none}}.browse-content{position:relative;top:0;left:0;width:100%;min-height:100vh;padding:80px 0 60px;pointer-events:auto;background:var(--bg);-webkit-overflow-scrolling:touch}.browse-inner{max-width:680px;margin:0 auto}.podcast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:520px;margin-left:auto;margin-right:auto}.podcast-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;border-radius:12px;transition:transform .2s var(--ease)}.podcast-card:active{transform:scale(.97)}.podcast-card-visual{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:16/9;background:var(--bg)}.podcast-cover{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:12px;overflow:hidden;transition:transform .35s var(--ease)}.podcast-cover img{width:100%;height:100%;object-fit:cover;display:block;outline:1px solid rgba(0,0,0,.08);outline-offset:-1px}.podcast-play-btn{position:absolute;z-index:0;width:44px;height:44px;border-radius:50%;left:calc(100% - 98px);top:50%;margin-top:-22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3a3632,#1f1c18);box-shadow:0 2px 4px #0000004d,0 4px 8px #0000002e,inset 0 1px #ffffff2e,inset 0 -1px 2px #0000004d;color:#fff;transition:transform .35s var(--ease),box-shadow .15s var(--ease)}.podcast-play-btn svg{margin-left:2px}.podcast-card:hover .podcast-cover,.podcast-card:focus-within .podcast-cover{transform:translate(-46px)}.podcast-card:hover .podcast-play-btn,.podcast-card:focus-within .podcast-play-btn{transform:translate(40px);box-shadow:0 3px 6px #00000059,0 5px 10px #0003,inset 0 1px #ffffff38,inset 0 -1px 2px #0000004d}.podcast-card:active .podcast-play-btn{transform:translate(40px) scale(.93);box-shadow:0 1px 2px #00000040,0 2px 4px #00000026,inset 0 1px #ffffff2e,inset 0 -1px 2px #0000004d}.podcast-extra{display:none;opacity:0;transform:translateY(12px)}.podcast-grid.expanded .podcast-extra{display:flex;animation:puzzleReveal .3s cubic-bezier(.32,.72,0,1) forwards}.podcast-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px}.podcast-title{font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);letter-spacing:-.01em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.podcast-channel{font-family:Geist Mono,monospace;font-size:var(--t-tag-size);color:var(--text-secondary);letter-spacing:.01em}.cursor-bubble{position:fixed;pointer-events:none;z-index:999;padding:5px 10px;border-radius:8px;background:var(--text-primary);color:var(--bg);font-family:Geist,sans-serif;font-size:12px;font-weight:450;letter-spacing:-.01em;line-height:1.35;white-space:nowrap;opacity:0;transform:translateY(2px);transition:opacity .12s cubic-bezier(.32,.72,0,1),transform .12s cubic-bezier(.32,.72,0,1)}@media(hover:none){.cursor-bubble{display:none}}.site-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 24px 48px;border-top:1px solid rgba(0,0,0,.06);color:var(--text-muted)}.footer-sep{opacity:.4}.footer-link{color:var(--text-muted);text-decoration:none}.footer-link:hover{text-decoration:underline;color:var(--text-secondary)}.reveal-item{opacity:0;transform:translateY(10px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.reveal-item.revealed{opacity:1;transform:translateY(0)}.tilt-card{transform-style:preserve-3d;transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1)}.browse-section{padding:64px 24px;border-bottom:1px solid rgba(0,0,0,.04);text-align:left}.browse-section{scroll-margin-top:72px}.browse-section:last-child{border-bottom:none}.browse-section-label{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;max-width:520px;margin-left:auto;margin-right:auto}.browse-section h1,.browse-section h2{margin-bottom:8px;color:var(--text-primary);max-width:520px;margin-left:auto;margin-right:auto;text-wrap:balance}.browse-section .subtitle{color:var(--text-secondary);margin-bottom:40px;max-width:520px;margin-left:auto;margin-right:auto}.timeline-item{padding:24px 0;border-top:1px solid rgba(0,0,0,.04);display:flex;gap:16px}.oss-grid{max-width:520px;margin:0 auto}.oss-card{display:block;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#fff;transition:box-shadow .2s cubic-bezier(.32,.72,0,1),border-color .2s cubic-bezier(.32,.72,0,1)}.oss-card:hover{box-shadow:var(--shadow-md);border-color:#0000001a}.oss-card:active{transform:scale(.99)}.oss-card-video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#0b0c10}.oss-card-info{padding:16px 20px;display:flex;flex-direction:column;gap:4px}.oss-card-name{font-family:Geist Mono,monospace;font-size:var(--text-body);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.oss-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.timeline-year{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:700;color:var(--accent);min-width:80px;padding-top:2px;flex-shrink:0;letter-spacing:.02em}.timeline-text{font-size:var(--text-body);line-height:1.65;color:var(--text-secondary)}.timeline-text strong{color:var(--text-primary);font-weight:500}.term{color:#8b7ec8;cursor:pointer;border-bottom:1px dashed rgba(139,126,200,.4);transition:border-color .15s cubic-bezier(.32,.72,0,1);position:relative}.term:hover{border-color:#8b7ec8}.term:active{opacity:.7}.popover{position:fixed;background:#fff;border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.06);width:220px;pointer-events:none;opacity:0;transition:opacity .2s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.22,1.1,.36,1);z-index:1050;transform:scale(.92)}.popover.visible{opacity:1;transform:scale(1);pointer-events:auto}.popover-title{font-size:var(--text-sm);font-weight:700;color:#1a1a1a;margin-bottom:4px;letter-spacing:.02em;text-transform:uppercase}.popover-desc{font-size:var(--text-sm);color:#00000080;line-height:1.5}.note-link{color:var(--text-primary);text-decoration:none;font-weight:500;border-bottom:1px solid rgba(0,0,0,.15);transition:border-color .15s cubic-bezier(.32,.72,0,1)}.note-link:hover{border-color:#0006}.note-link:active{opacity:.7}.note-link:after{content:"";display:inline-block;width:10px;height:10px;margin-left:3px;vertical-align:middle;opacity:.5;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12L12 4'/%3E%3Cpath d='M5 4h7v7'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12L12 4'/%3E%3Cpath d='M5 4h7v7'/%3E%3C/svg%3E") no-repeat center/contain}.note-img{width:100%;border-radius:12px;margin:8px 0 4px;box-shadow:1px 2px 8px hsl(var(--shadow-hue) / .1);overflow:hidden;background:#00000008}.note-img img,.note-img canvas{width:100%;display:block;border-radius:12px}.note-img-caption{font-size:var(--text-sm);color:#00000080;margin:6px 0 12px;font-style:italic}.note-demo{width:100%;border-radius:12px;margin:12px 0;background:linear-gradient(145deg,#f5f3ef,#edeae6);border:1px solid rgba(0,0,0,.05);overflow:hidden;position:relative}.note-demo-label{position:absolute;top:8px;right:10px;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#00000073;pointer-events:none}.note-demo canvas{display:block;width:100%;aspect-ratio:460/140;cursor:grab}.note-demo canvas:active{cursor:grabbing}.note-demo-hint{text-align:center;padding:6px;font-size:var(--text-sm);color:#00000073;border-top:1px solid rgba(0,0,0,.04)}.note-code{background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:12px 60px 12px 14px;margin:4px 0 0;font-family:Geist Mono,monospace;font-size:var(--text-sm);line-height:1.7;color:#0000008c;overflow-x:auto;word-break:break-all}.note-code .kw{color:#7b6ba5}.note-code .fn{color:#5a7baf}.note-code .str{color:#6b8f5e}.note-code .num{color:#b87a4a}.note-code .cm{color:#00000040}.note-code-copy{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:#0000000a;border:1px solid rgba(0,0,0,.06);border-radius:6px;padding:4px 8px;font-family:Geist Mono,monospace;font-size:var(--text-sm);color:#00000073;cursor:pointer;transition:opacity .15s cubic-bezier(.32,.72,0,1),color .15s cubic-bezier(.32,.72,0,1)}.note-code-copy:hover{opacity:.7}.note-code-copy:active{transform:translateY(-50%) scale(.97)}.note-code-copy.copied{color:var(--accent);opacity:1}.skill-filters{display:flex;gap:8px;padding:0 0 16px;flex-wrap:wrap}.skill-filters::-webkit-scrollbar{display:none}.skill-item{margin-top:40px}.skill-item .note-code{margin-top:6px}.skill-item strong{font-size:var(--t-body-sm-size);font-weight:600;color:var(--text-primary)}.skill-item span{font-size:var(--t-body-sm-size)}.skill-cat-header{margin-top:20px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08)}.skill-cat-header em{font-style:normal;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.skill-item.skill-hidden,.skill-cat-header.skill-hidden{display:none}.note-callout{background:#8b7ec80f;border-left:3px solid #8B7EC8;border-radius:0 8px 8px 0;padding:12px 16px;margin:12px 0;font-size:var(--text-sm);color:#0000008c;line-height:1.6}.note-embed{width:100%;border-radius:12px;margin:12px 0 4px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.note-embed-placeholder{width:100%;height:280px;background:linear-gradient(145deg,#f5f3ef,#edeae6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:opacity .2s cubic-bezier(.32,.72,0,1)}.note-embed-placeholder:hover{opacity:.85}.note-embed-label{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#00000059}.note-embed-btn{font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:500;color:#fff;background:#8b7ec8;border:none;border-radius:20px;padding:8px 20px;cursor:pointer;transition:transform .15s cubic-bezier(.32,.72,0,1),opacity .15s cubic-bezier(.32,.72,0,1)}.note-embed-btn:hover{opacity:.9}.note-embed-btn:active{transform:scale(.97)}.note-embed iframe{width:100%;height:480px;border:none;display:block}.note-embed-caption{font-size:var(--text-sm);color:#0000004d;margin:6px 0 12px;font-style:italic}.note-component{width:100%;border-radius:12px;margin:20px 0;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:linear-gradient(145deg,#f5f3ef,#edeae6);position:relative}.note-component-hint{text-align:center;padding:8px 12px;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;color:#00000059;border-top:1px solid rgba(0,0,0,.04)}.note-component.hide-mobile{display:block}@media(max-width:768px){.note-component.hide-mobile{display:none}}.note-toc{position:fixed;top:50%;transform:translateY(-50%);left:max(20px,calc((100vw - 600px)/2 - 220px));width:180px;z-index:10}.note-toc-header{display:flex;align-items:center;gap:6px;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#00000059;margin-bottom:12px}.note-toc-list{list-style:none;padding:0;margin:0}.note-toc-list li{margin-bottom:2px}.note-toc-link{display:block;padding:4px 0 4px 12px;font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:400;color:#00000040;text-decoration:none;border-left:2px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease);line-height:1.5}.note-toc-link:hover{color:#00000073}.note-toc-link.active{color:var(--text-primary);font-weight:600;border-left-color:var(--accent)}@media(max-width:1100px){.note-toc{display:none}}.mymind-header{padding:0 0 12px;max-width:520px;margin-left:auto;margin-right:auto}.mymind-search{width:100%;border:none;outline:none;background:none;font-style:italic;color:var(--text-primary)}.mymind-search:focus-visible{outline:none;border-bottom:2px solid var(--text-secondary)}.mymind-search::placeholder{color:#00000059;font-style:italic}.mymind-filters{display:flex;gap:8px;padding:0 0 16px;flex-wrap:wrap;max-width:520px;margin-left:auto;margin-right:auto}.mymind-pill{padding:6px 12px;border:none;border-radius:var(--radius-sm);background:#0000000a;color:#00000073;white-space:nowrap;cursor:pointer;transition:background .15s cubic-bezier(.32,.72,0,1),color .15s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.34,1.56,.64,1);touch-action:manipulation}.mymind-pill.active{background:var(--accent);color:#fff;animation:pillBounce .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pillBounce{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mymind-pill:hover:not(.active){background:#00000012}.mymind-pill:active{transform:scale(.97)}.mymind-grid{display:flex;gap:8px;padding:0;max-width:520px;margin-left:auto;margin-right:auto}.mm-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.mm-card{border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative;transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1)}.mm-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mm-card:active{transform:scale(.97);transition:transform .1s cubic-bezier(.32,.72,0,1)}.mm-card.active{box-shadow:0 0 0 1.5px var(--accent),0 4px 16px #8b7ec81f;transform:translateY(-1px)}.mm-img-card{background:#fff;border:1px solid rgba(0,0,0,.04);padding:8px}.mm-thumb{width:100%;border-radius:8px;background-size:cover;overflow:hidden}.mm-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.mm-caption{font-family:Geist,sans-serif;font-size:var(--text-sm);color:#0000009e;padding:8px 4px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-note-card{background:#fffef8;padding:12px;border:1px solid rgba(0,0,0,.04)}.mm-note-card p{font-family:Geist,sans-serif;font-size:var(--text-sm);color:#0000009e;line-height:1.5;font-style:italic}.mm-author{font-family:Geist,sans-serif;font-size:var(--text-sm);color:#0000007a;margin-top:8px;display:block}.mm-link-card{background:#fff;padding:12px;border:1px solid rgba(0,0,0,.05)}.mm-link-icon{font-size:var(--text-sm);margin-bottom:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00000008;border-radius:8px}.mm-link-title{font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.3}.mm-link-desc{font-family:Geist,sans-serif;font-size:var(--text-sm);color:#0000008c;line-height:1.4}.mm-popover-wrap{position:absolute;z-index:1050;pointer-events:none;width:52%;min-width:200px}.mm-popover{background:#edeae6;border-radius:16px;box-shadow:0 16px 16px #0000001f,0 4px 12px #0000000f;padding:16px;opacity:0;transform:translateY(var(--pop-dir, 6px)) scale(.96);transition:opacity .15s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.22,1.1,.36,1)}.mm-popover-wrap.open{pointer-events:auto}.mm-popover-wrap.open .mm-popover{opacity:1;transform:translateY(0) scale(1)}.pop-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.pop-title{font-family:Geist,sans-serif;font-size:var(--text-body);font-weight:600;color:var(--text-primary);line-height:1.35;flex:1;text-wrap:balance}.pop-close{width:28px;height:28px;border-radius:50%;background:#00000014;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-sm);line-height:1;color:#00000080;transition:background .15s cubic-bezier(.32,.72,0,1),color .15s cubic-bezier(.32,.72,0,1);flex-shrink:0;margin-left:8px;padding:0;touch-action:manipulation}.pop-close:hover{background:#00000024;color:#000000b3}.pop-close:active{transform:scale(.97)}.pop-source{font-family:Geist Mono,monospace;font-size:var(--text-sm);color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;transition:opacity .15s cubic-bezier(.32,.72,0,1)}.pop-source:hover{opacity:.7}.pop-source:active{opacity:.5}.pop-tldr{font-family:Geist,sans-serif;font-size:var(--text-sm);color:#0000009e;line-height:1.6;margin-bottom:12px;text-wrap:pretty}.pop-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pop-tag{padding:2px 6px;border-radius:var(--radius-xs);font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;text-transform:uppercase;background:#0000000a;color:#00000073;border:none}.pop-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.05)}.pop-date{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:#0000007a;letter-spacing:.02em}.pop-copy{display:flex;align-items:center;gap:4px;font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:500;color:#0006;background:none;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;transition:color .15s cubic-bezier(.32,.72,0,1),border-color .15s cubic-bezier(.32,.72,0,1),background .15s cubic-bezier(.32,.72,0,1)}.pop-copy:hover{color:#0009;border-color:#00000026;background:#00000008}.pop-copy:active{transform:scale(.97)}.pop-copy.copied{color:var(--accent);border-color:#8b7ec84d}.mm-scrim{position:fixed;inset:0;z-index:1000;pointer-events:none;background:#3a363200;transition:background .2s var(--ease)}.mm-scrim.open{pointer-events:auto;background:#3a363240}.sheet-handle{display:none}.book-item{padding:12px 0;border-top:1px solid rgba(0,0,0,.04)}.book-item h4{font-size:var(--text-body);font-weight:500;color:var(--text-primary);margin-bottom:2px}.book-item p{font-size:var(--text-sm);color:var(--text-secondary)}.connect-box{background:#ffffff4d;border-radius:16px;padding:32px;box-shadow:none;border:1px solid rgba(0,0,0,.06)}.connect-box p{font-size:var(--text-body);line-height:1.6;color:var(--text-secondary);margin-bottom:24px}.form-field{margin-bottom:16px}.form-field label{display:block;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.form-field input,.form-field textarea{width:100%;padding:12px 16px;border-radius:12px;border:none;font-family:Geist,sans-serif;font-size:var(--text-body);background:#0000000a;color:var(--text-primary);border:1px solid rgba(0,0,0,.08);box-shadow:none;transition:box-shadow .2s cubic-bezier(.32,.72,0,1);outline:none;resize:vertical}.form-field input:focus,.form-field textarea:focus{box-shadow:none;border-color:var(--accent)}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-field textarea{min-height:100px}.send-btn{padding:12px 24px;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1);box-shadow:none}.send-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8b7ec84d}.social-links{display:flex;gap:16px;margin-top:24px}.social-links a{font-size:var(--text-sm);color:var(--accent);text-decoration:none;font-weight:600;letter-spacing:.02em;transition:opacity .2s cubic-bezier(.32,.72,0,1)}.social-links a:hover{opacity:.7}.social-links a:active{opacity:.5}.mymind-pill:active,.mm-card:active,.send-btn:active{transform:scale(.97)}.shutter-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden}.shutter-inner{position:absolute;top:0;left:0;width:100%}.shutter-bar{--bar-h: calc((100dvh - 30px)/4) ;width:100%;height:var(--bar-h);margin-bottom:-1px;animation:shutter-collapse .7s ease-in-out var(--d,0s) forwards}.shutter-bar:nth-child(4){--d:.5s}.shutter-bar:nth-child(3){--d:.62s}.shutter-bar:nth-child(2){--d:.74s}.shutter-bar:nth-child(1){--d:.86s}.shutter-bar:nth-child(1),.shutter-bar:nth-child(3){background:var(--bg-inset)}.shutter-bar:nth-child(2),.shutter-bar:nth-child(4){background:var(--bg)}.shutter-handle{position:relative;width:100%;height:30px;margin-top:-1px;background:var(--text-muted);overflow:hidden;animation:shutter-handle-exit .3s ease-in-out 1.52s forwards}.shutter-handle:before{content:"";display:block;position:absolute;top:50%;left:50%;width:50px;height:12px;transform:translate(-50%,-50%);background:var(--bg-raised);border-radius:999px;animation:shutter-pill-compress .25s ease-in-out 1.3s forwards}@keyframes shutter-collapse{0%{height:var(--bar-h)}14%{height:calc(var(--bar-h) + 8px)}55%{height:0}70%{height:10px}82%{height:0}90%{height:4px}to{height:0}}@keyframes shutter-pill-compress{0%{transform:translate(-50%,-50%) scaleX(1) scaleY(1)}20%{transform:translate(-50%,-50%) scaleX(1.1) scaleY(1)}70%{transform:translate(-50%,-50%) scaleX(.3) scaleY(.2)}to{transform:translate(-50%,-50%) scaleX(0) scaleY(0)}}@keyframes shutter-handle-exit{0%{transform:translateY(0)}to{transform:translateY(-100%);height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.carousel-scroll{scroll-behavior:auto!important}.modal-card{transition:transform 0s,opacity 0s,box-shadow 0s!important}.mm-popover,.book-pop{transition:opacity 0s,transform 0s!important}.shutter-overlay{display:none!important}.reveal-item{opacity:1!important;transform:none!important}.tilt-card{transform:none!important}.puzzle-card.is-hovered,.puzzle-card:active,.puzzle-card.is-hovered .puzzle-img{transform:none}.puzzle-card.is-hovered .puzzle-overlay{transform:translateY(100%)}.podcast-card:hover .podcast-cover,.podcast-card:hover .podcast-play-btn{transform:none!important}}@media(hover:none){.note-card:hover,.note-upnext-card:hover,.book-cover-item:hover,.send-btn:hover{transform:none;box-shadow:none}.modal-close:hover{transform:none}.carousel-btn:hover:not(:disabled){transform:translateY(-50%)}.about-cta-primary:hover{transform:none}.about-cta:hover{transform:none;box-shadow:none}.sound-knob:hover{box-shadow:inherit}.stack-cards:hover .stack-card{transform:none}}.sound-knob-wrap{position:relative;width:36px;height:36px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle,#d8d4ce,#e0ddd8 60%,#e4e0da);box-shadow:inset 0 2px 6px #0000001a,inset 0 1px 2px #0000000f,0 1px #fff9;display:flex;align-items:center;justify-content:center}.sound-knob{width:28px;height:28px;border-radius:50%;cursor:pointer;position:relative;background:radial-gradient(ellipse at 40% 30%,#fffc,#fff0 50%),linear-gradient(180deg,#f6f3ef,#edeae5 40%,#e6e3de);box-shadow:0 2px 4px #0000001a,0 4px 8px #0000000f,0 1px #fff6,inset 0 1px #ffffffe6,inset 0 -1px 2px #0000000a;transition:transform .3s var(--ease-spring);transform:rotate(0)}.sound-knob:hover{box-shadow:0 3px 6px #0000001f,0 5px 10px #0000000f,0 1px #fff6,inset 0 1px #fffffff2,inset 0 -1px 2px #0000000a}.sound-knob:active{box-shadow:0 1px 2px #0000001a,0 2px 4px #0000000d,inset 0 1px #ffffffb3,inset 0 -1px 2px #0000000a}.sound-knob.off{transform:rotate(180deg)}.knob-dot{position:absolute;top:3px;left:50%;width:3.5px;height:3.5px;margin-left:-1.75px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9b8dd6,#6b5ca8);box-shadow:0 0 4px #6b5ca899,0 0 8px #6b5ca84d,inset 0 1px 1px #fff6;transition:opacity .3s cubic-bezier(.32,.72,0,1),box-shadow .3s cubic-bezier(.32,.72,0,1)}.sound-knob.off .knob-dot{background:radial-gradient(circle at 35% 35%,#c8c4be,#b0aca6);box-shadow:inset 0 1px 2px #0000001a;opacity:.5}.side-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:998;display:none;flex-direction:column;align-items:flex-end;gap:0;transition:gap .4s var(--ease)}.side-nav:hover{gap:4px}.side-nav-line{display:flex;align-items:center;gap:10px;flex-direction:row-reverse;background:none;border:none;cursor:pointer;padding:4px 0;transform-origin:right center;transition:transform .4s var(--ease),opacity .15s cubic-bezier(.32,.72,0,1)}.side-nav:hover .side-nav-line:nth-child(1){transform:translate(0) rotate(14deg)}.side-nav:hover .side-nav-line:nth-child(2){transform:translate(-15px) rotate(8.4deg)}.side-nav:hover .side-nav-line:nth-child(3){transform:translate(-23px) rotate(2.8deg)}.side-nav:hover .side-nav-line:nth-child(4){transform:translate(-23px) rotate(-2.8deg)}.side-nav:hover .side-nav-line:nth-child(5){transform:translate(-15px) rotate(-8.4deg)}.side-nav:hover .side-nav-line:nth-child(6){transform:translate(0) rotate(-14deg)}.side-nav-line:before{content:"";display:block;flex-shrink:0;width:6px;height:1.5px;border-radius:1px;background:#3a36322e;transition:width .25s var(--ease),background .25s var(--ease)}.side-nav-line.active:before{width:18px;background:var(--text-primary)}.side-nav-line.active:hover:before{width:18px;background:var(--text-primary)}.side-nav-line:not(.active):hover:before{width:14px;background:#3a36324d}.side-nav-label{font-family:Geist,sans-serif;font-size:var(--t-body-sm-size);font-weight:400;color:#3a36324d;letter-spacing:.01em;white-space:nowrap;pointer-events:none;transition:color .2s var(--ease),opacity .2s var(--ease)}.side-nav-line:hover .side-nav-label{color:#3a363299}.side-nav-line.active .side-nav-label{color:var(--text-primary);font-weight:500}.side-nav.proximity-active .side-nav-line:not(.active) .side-nav-label{opacity:calc(.4 + .6 * var(--prox,0))}.side-nav.proximity-active .side-nav-line:not(.active):before{width:calc(6px + 8px * var(--prox,0));background:rgba(58,54,50,calc(.12 + .18 * var(--prox,0)))}.burger-btn{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:10px;z-index:999;width:48px;height:48px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:10px;touch-action:manipulation}.burger-line{display:block;width:18px;height:1.5px;background:var(--text-primary);border-radius:1px;transition:transform .25s var(--ease),opacity .15s var(--ease);transform-origin:center}.burger-btn.open{z-index:1060}.burger-btn.open .burger-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.burger-btn.open .burger-line:nth-child(2){opacity:0}.burger-btn.open .burger-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu-wrap{position:fixed;inset:0;z-index:1050;pointer-events:none;opacity:0;transform:scale(.97);background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .25s var(--ease),transform .25s var(--ease-spring)}.mobile-menu-wrap.open{pointer-events:auto;opacity:1;transform:scale(1)}.mobile-menu{width:100%;height:100dvh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:calc(20px + env(safe-area-inset-top,0px)) 20px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}.mobile-menu-wrap .sheet-handle{display:block;width:36px;height:4px;border-radius:2px;background:#00000026;margin:10px auto 0;flex-shrink:0;position:absolute;top:env(safe-area-inset-top,0px);left:50%;transform:translate(-50%);z-index:1}.mobile-menu-item{color:#3a363259;background:none;border:none;cursor:pointer;padding:8px 16px;transition:color .2s var(--ease);min-height:48px;min-width:min(100%,240px);display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}.mobile-menu-item.active{color:var(--text-primary)}.mobile-menu-item:active{transform:scale(.97)}.sound-toast{position:absolute;bottom:calc(100% + 10px);left:0;transform:scale(.5) translateY(8px);transform-origin:0% 100%;padding:6px 14px;border-radius:100px;background:var(--text-primary);color:var(--bg);font-family:Geist Mono,monospace;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.34,1.56,.64,1);z-index:999}.sound-toast.show{opacity:1;transform:scale(1) translateY(0)}.page-content{width:100%;min-height:100vh;padding:40px 0;background:var(--bg)}.page-inner{max-width:680px;margin:0 auto}.note-filters{display:flex;gap:8px;padding:0 0 16px;flex-wrap:wrap;max-width:520px;margin-left:auto;margin-right:auto}.note-cards{display:flex;flex-direction:column;gap:12px;max-width:520px;margin:0 auto}.note-card.note-extra{display:none;opacity:0;transform:translateY(12px)}.note-cards.expanded .note-card.note-extra{display:block;animation:puzzleReveal .3s cubic-bezier(.32,.72,0,1) forwards}.note-cards.expanded .note-extra:nth-child(4){animation-delay:0s}.note-cards.expanded .note-extra:nth-child(5){animation-delay:.04s}.note-cards.expanded .note-extra:nth-child(6){animation-delay:.08s}.note-cards.expanded .note-extra:nth-child(7){animation-delay:.12s}.note-cards.expanded .note-extra:nth-child(8){animation-delay:.16s}.note-cards.collapsing .note-card.note-extra{display:none}.note-card.filter-hidden{display:none!important}.note-cards+.puzzle-show-more{margin-top:32px}.note-card{display:block;text-decoration:none;color:inherit;padding:20px;border-radius:var(--radius-md);background:#fff6;border:1px solid rgba(0,0,0,.06);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.note-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.note-card:active{transform:scale(.97)}.note-card-date{font-variant-numeric:tabular-nums;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.note-card-read-time{font-family:Geist Mono,monospace;font-size:var(--t-tag-size);color:#0000004d;font-weight:500;letter-spacing:.02em;white-space:nowrap}.note-card-title{color:var(--text-primary);margin-bottom:6px}.note-card-preview{color:var(--text-secondary);margin-bottom:10px;text-wrap:pretty}.note-card-tags{display:flex;gap:6px;flex-wrap:wrap}.note-card-tag{padding:2px 6px;border-radius:4px;white-space:nowrap;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;text-transform:uppercase;background:#0000000a;color:#00000073}.books-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:520px;margin:0 auto}.book-cover-item{cursor:pointer;position:relative;border-radius:6px;transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1)}.book-cover-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);z-index:2}.book-cover-item:active{transform:scale(.97)}.book-cover-item.active{box-shadow:0 0 0 2px var(--accent),0 4px 12px #8b7ec826}.book-cover-img{position:relative}.book-cover-img img{width:100%;display:block;border-radius:6px;aspect-ratio:2/3;object-fit:cover}.book-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1)}.book-badge svg{transition:transform .2s cubic-bezier(.32,.72,0,1)}.book-cover-item:hover .book-badge{transform:scale(1.15);box-shadow:1px 2px 6px hsl(var(--shadow-hue) / .22)}.book-cover-item:hover .book-badge svg{transform:rotate(15deg) scale(1.1)}.book-badge.fav{border:1.5px solid rgba(192,57,43,.2)}.book-badge.done{border:1.5px solid rgba(139,126,200,.2)}.book-badge[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) scale(.5) translateY(-8px);transform-origin:50% 0%;padding:6px 14px;border-radius:100px;background:var(--text-primary);color:var(--bg);font-family:Geist Mono,monospace;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.book-badge[data-tip]:hover:after{opacity:1;transform:translate(-50%) scale(1) translateY(0)}.book-filters{display:flex;gap:8px;padding:0 0 16px;flex-wrap:wrap;max-width:520px;margin:0 auto}.book-pop-wrap{position:fixed;z-index:1050;pointer-events:none}.book-pop{background:#edeae6;border-radius:16px;box-shadow:0 16px 16px #0000001f,0 4px 12px #0000000f;padding:16px;opacity:0;transform:translateY(var(--pop-dir, 8px)) scale(.97);transition:opacity .2s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.22,1.1,.36,1)}.book-pop-wrap.open{pointer-events:auto}.book-pop-wrap.open .book-pop{opacity:1;transform:translateY(0) scale(1)}.book-pop-meta{font-family:Geist,sans-serif;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.book-pop-rating{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-sm)}.book-pop-rating.excellent{background:#c0392b1a;color:#c0392b;border:1px solid rgba(192,57,43,.15)}.book-pop-rating.great{background:#8b7ec81f;color:#8b7ec8;border:1px solid rgba(139,126,200,.15)}.book-pop-progress{display:flex;align-items:center;gap:8px;margin-bottom:12px}.book-pop-progress-bar{flex:1;height:4px;border-radius:2px;background:#0000000f;overflow:hidden}.book-pop-progress-fill{height:100%;border-radius:2px;background:#8b7ec8;transform-origin:left;transition:transform .3s cubic-bezier(.32,.72,0,1)}.book-pop-pct{font-family:Geist Mono,monospace;font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.book-pop-highlights{max-height:180px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.05);padding-top:10px;margin-top:4px;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.book-pop-highlights::-webkit-scrollbar{width:4px}.book-pop-highlights::-webkit-scrollbar-track{background:transparent}.book-pop-highlights::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.book-pop-highlights::-webkit-scrollbar-thumb:hover{background:#00000040}.book-pop-highlight{font-family:Geist,sans-serif;font-size:var(--text-sm);line-height:1.55;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04);margin-bottom:0}.book-pop-highlight:last-child{border-bottom:none;padding-bottom:0}.book-pop-highlight mark{background:#8b7ec826;color:var(--text-primary);border-radius:2px;padding:1px 2px}.book-detail{max-width:520px;margin:0 auto;clip-path:inset(0 0 100% 0);opacity:0;transition:clip-path .3s cubic-bezier(.32,.72,0,1),opacity .25s cubic-bezier(.32,.72,0,1)}.book-detail.open{clip-path:inset(0);opacity:1;margin-top:20px;padding:20px;border-radius:12px;background:#fff6;border:1px solid rgba(0,0,0,.06)}.book-detail-header{display:flex;gap:16px;margin-bottom:16px}.book-detail-cover{width:80px;flex-shrink:0}.book-detail-cover img{width:100%;border-radius:4px;box-shadow:1px 2px 8px hsl(var(--shadow-hue) / .14)}.book-detail-meta{flex:1;min-width:0}.book-detail-title{font-family:Geist,sans-serif;font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.book-detail-author{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:8px}.book-detail-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.book-detail-badge.fav{background:#c0392b14;color:#c0392b}.book-detail-badge.done{background:#8b7ec814;color:#8b7ec8}.book-detail-progress{display:flex;align-items:center;gap:8px}.book-detail-progress-bar{flex:1;height:4px;border-radius:2px;background:#0000000f;overflow:hidden}.book-detail-progress-fill{height:100%;border-radius:2px;background:var(--accent);transform-origin:left;transition:transform .3s cubic-bezier(.32,.72,0,1)}.book-detail-progress-pct{font-family:Geist Mono,monospace;font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.book-highlights-title{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.book-highlight{padding:12px 0;border-top:1px solid rgba(0,0,0,.04)}.book-highlight:first-child{border-top:none}.book-highlight-note{font-size:var(--text-body);color:var(--text-secondary);line-height:1.65;font-style:italic}@keyframes bookReveal{0%{opacity:0;transform:translateY(12px)}70%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:none}}.book-extra{display:none}.books-shelf.expanded .book-extra{display:block;animation:bookReveal .3s cubic-bezier(.32,.72,0,1) backwards}.mm-extra{display:none}.mymind-grid.expanded .mm-extra{display:block;opacity:0;transform:translateY(12px)}.note-page{min-height:100vh;padding:40px 24px 80px;background:var(--bg)}.note-page-inner{max-width:600px;margin:0 auto}.note-page-back{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;margin-bottom:32px;transition:opacity .15s cubic-bezier(.32,.72,0,1)}.note-page-back:hover{opacity:.7}.note-page-back:active{opacity:.5}.note-page-date{display:block;color:var(--text-secondary);margin-bottom:8px;font-weight:400;font-size:var(--text-xs);opacity:.64;text-transform:none;letter-spacing:normal}.note-page-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.note-page-tag{padding:4px 10px;border-radius:8px;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#0000000a;color:#00000059;border:1px solid rgba(0,0,0,.06)}.note-page-title{color:var(--text-primary);margin-bottom:32px;text-wrap:balance}.note-page-body{color:#0000008c}.note-page-body p{margin-bottom:16px}.note-page-body .note-img{margin:32px 0}.note-h2{font-size:inherit;font-weight:600;line-height:1.7;margin:0 0 16px;color:var(--text-primary)}.note-h3{font-size:inherit;font-weight:400;font-style:italic;line-height:1.7;margin:0 0 16px;color:var(--text-primary)}.note-page-body a{text-decoration:none}.note-link{color:var(--text-primary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:#00000059;transition:text-decoration-color .2s cubic-bezier(.32,.72,0,1)}.note-link:hover{text-decoration-color:#00000080}.note-page-footer{margin-top:40px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06)}.note-page-share{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);background:none;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 14px;cursor:pointer;transition:background .15s cubic-bezier(.32,.72,0,1),color .15s cubic-bezier(.32,.72,0,1)}.note-page-share:hover{background:#0000000a;color:var(--text-primary)}.note-page-share:active{transform:scale(.97)}.note-upnext,.note-page-upnext{margin-top:40px;padding-top:24px;border-top:1px solid rgba(0,0,0,.06)}.note-upnext-label,.note-page-upnext-label{color:var(--text-muted);margin-bottom:12px}.note-upnext-card{cursor:pointer;padding:16px;border-radius:var(--radius-md);background:#fff6;border:1px solid rgba(0,0,0,.06);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.note-upnext-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.note-upnext-card:active{transform:scale(.97)}.note-page-upnext .note-card{margin-top:0}.teardown{height:100dvh;overflow:hidden;background:var(--bg);color:var(--text-primary);display:grid;grid-template-columns:1fr 1fr}.td-left{overflow-y:auto;padding:40px 48px 80px;min-width:0;scrollbar-width:none}.td-left::-webkit-scrollbar{display:none}.td-preview{background:var(--bg-raised);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.td-preview-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.td-date{display:block;color:var(--text-muted);margin-bottom:8px}.td-title{color:var(--text-primary);margin-bottom:16px}.td-intro{color:var(--text-secondary);margin-bottom:48px}.td-mockup{opacity:0;position:absolute;inset:0;display:flex;gap:16px;align-items:center;justify-content:center;padding:40px;transition:opacity .3s var(--ease);pointer-events:none}.td-mockup.active{opacity:1;pointer-events:auto}.td-mockup-frame{max-width:480px}.td-mockup-frame img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-lg)}.td-chapter{color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:24px;margin-top:48px}.td-chapter:first-child{margin-top:0}.td-section{margin-bottom:36px}.td-section-body{border-left:3px solid var(--accent);padding:20px 24px;background:#00000005;border-radius:0 var(--radius-md) var(--radius-md) 0}.td-section-title{color:var(--text-primary);margin-bottom:8px}.td-section-text{color:var(--text-secondary)}.td-section-text p{margin-bottom:12px}.td-section-text p:last-child{margin-bottom:0}@media(max-width:480px){.modal-overlay{align-items:stretch;justify-content:stretch}.modal-backdrop{background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-card{width:100%;max-height:100dvh;border-radius:0;opacity:0;transform:translateY(100dvh);transition:opacity .25s cubic-bezier(.32,.72,0,1),transform .35s cubic-bezier(.32,.72,0,1)}.modal-overlay.open .modal-card{opacity:1;transform:translateY(0)}.modal-card .sheet-handle{display:none}.modal-card-inner{height:100dvh;max-height:100dvh;border-radius:0;padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain}.modal-carousel{aspect-ratio:unset;height:90vw;flex:0 0 auto}.modal-carousel--fit{height:auto;aspect-ratio:4/3}.carousel-scroll{scroll-snap-type:x mandatory}.carousel-slide{min-width:100vw;width:100vw;scroll-snap-align:center}.carousel-slide img,.carousel-slide video{object-position:center center}.carousel-btn{width:48px;height:48px;font-size:var(--text-body)}.modal-body{padding:20px 20px 32px;flex:1;overflow-y:auto}.modal-desc-wrap{max-height:none}.modal-close{top:16px;right:16px;width:36px;height:36px;font-size:var(--text-h4);opacity:1;background:#00000014;color:#00000080;backdrop-filter:none;-webkit-backdrop-filter:none}.browse-content{padding-top:calc(52px + env(safe-area-inset-top,0px))}.puzzle-card:after{display:none}.browse-section{padding:36px 20px}.puzzle-filters,.note-filters,.mymind-filters,.book-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:16px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.puzzle-filters::-webkit-scrollbar,.note-filters::-webkit-scrollbar,.mymind-filters::-webkit-scrollbar,.book-filters::-webkit-scrollbar{display:none}.mymind-pill{white-space:nowrap}.puzzle-grid{grid-template-columns:1fr 1fr;grid-auto-rows:140px;gap:10px}.popover{width:180px}.books-shelf{grid-template-columns:repeat(3,1fr);gap:10px}.book-detail-cover{width:60px}.sheet-handle{display:block;width:36px;height:4px;border-radius:2px;background:#00000026;margin:10px auto 0;flex-shrink:0;cursor:pointer;touch-action:none;position:relative}.book-pop-wrap{position:fixed!important;inset:0!important;width:100%!important;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transform:scale(.97);transition:opacity .25s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.32,.72,0,1)}.book-pop-wrap.open{opacity:1;transform:scale(1)}.book-pop{position:relative;width:100%;height:100dvh;box-shadow:none;border-radius:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--bg)}.book-pop-wrap.open .book-pop{transform:none}.book-pop-highlights{max-height:none}.book-pop-highlight{font-size:var(--t-body-sm-size);line-height:1.6}.mm-popover-wrap{position:fixed!important;inset:0!important;width:100%!important;min-width:0!important;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transform:scale(.97);transition:opacity .25s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.32,.72,0,1)}.mm-popover-wrap.open{opacity:1;transform:scale(1)}.mm-popover{position:relative;width:100%;height:100dvh;box-shadow:none;border-radius:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--bg)}.mm-popover-wrap.open .mm-popover{transform:none}.pop-tldr{font-size:var(--t-body-sm-size);line-height:1.6}.mm-scrim.open{background:#0000004d;transition:background .25s cubic-bezier(.32,.72,0,1)}.note-page{padding:32px 20px 60px}.teardown{grid-template-columns:1fr;grid-template-rows:40vh 1fr;height:100dvh}.td-left{padding:24px 20px 60px;order:2}.td-preview{order:1}.td-mockup{padding:16px 20px}.td-chapter{margin-top:32px}.td-section-body{padding:16px 20px}.stack-card{padding:6px 8px;margin-left:-22px}.stack-card:first-child{margin-left:0}.about-cta-row{flex-direction:column}.about-cta{text-align:center}.skill-item{margin-top:20px}.skill-item strong,.skill-item span{font-size:14px}.skill-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 24px 16px;margin:0 -24px}.skill-item .note-code{padding-right:14px}.note-code-copy{position:static;transform:none;display:block;margin:4px 0 0 auto}.note-code-copy:active{transform:scale(.97)}.pop-close{width:44px;height:44px;font-size:var(--text-h4);position:absolute;top:16px;right:16px;margin:0}.puzzle-show-more{min-height:48px}.about-cta{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.about-cta-primary{min-height:48px;display:inline-flex;align-items:center}.podcast-card:hover .podcast-cover,.podcast-card:hover .podcast-play-btn{transform:none!important}.podcast-play-btn{display:none}}@media(min-width:481px)and (max-width:768px){.modal-card{width:min(640px,95vw)}}@media(min-width:769px){.side-nav{display:flex}.burger-btn,.mobile-menu-wrap{display:none}}