@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}*{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:#8A857D;--text-muted:#B0AAA2;--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-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:10px}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:auto;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.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:0 16px 16px #0000001f,0 4px 12px #0000000f;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)}.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}.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;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)}.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{font-family:GeistPixel,sans-serif;font-size:var(--text-h3);font-weight:400;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px}.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;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{font-size:var(--text-body);line-height:1.7;color:var(--text-secondary)}.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{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:9px;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{width:100%;height:100%;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{to{opacity:1;transform:translateY(0)}}.puzzle-grid.collapsing .puzzle-extra{display:none}.puzzle-show-more{display:block;margin:32px auto 0;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;text-transform:uppercase;padding:8px 20px;border-radius:var(--radius-md);background:#0000000a;color:#00000073;border:none;cursor:pointer;transition:background .15s cubic-bezier(.32,.72,0,1),color .15s cubic-bezier(.32,.72,0,1)}.puzzle-show-more:hover{background:#00000012;color:#0009}.puzzle-show-more:active{transform:scale(.97)}.puzzle-show-more.hidden{display:none}.puzzle-img img,.puzzle-img video{width:100%;height:100%;object-fit:cover;display:block;pointer-events: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:12px!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{font-size:var(--text-body);line-height:1.75;color:var(--text-secondary);margin-bottom:16px}.about-bio p:first-child{font-size:var(--text-body);color:var(--text-primary);line-height:1.7}.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:0 4px 16px #00000026}.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 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)}.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)}.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;font-size:var(--text-sm)}.about-detail-label{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);min-width:80px;flex-shrink:0}.about-detail-value{color:var(--text-secondary);display:flex;align-items:center;gap:8px}.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}.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);font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;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}.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,#9b8ed8,#7b6eb8);box-shadow:0 2px 4px #6b5ca840,0 4px 8px #6b5ca826,inset 0 1px #ffffff40,inset 0 -1px 2px #0000001a;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 #6b5ca84d,0 5px 10px #6b5ca826,inset 0 1px #ffffff4d,inset 0 -1px 2px #0000001a}.podcast-card:active .podcast-play-btn{transform:translate(40px) scale(.93);box-shadow:0 1px 2px #6b5ca833,0 2px 4px #6b5ca81a,inset 0 1px #fff3,inset 0 -1px 2px #0000001a}.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:12px;color:var(--text-secondary);letter-spacing:.01em}.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);font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase;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: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 h2{font-family:GeistPixel,sans-serif;font-size:var(--text-h1);font-weight:400;letter-spacing:-.02em;margin-bottom:8px;line-height:1.2;color:var(--text-primary);max-width:520px;margin-left:auto;margin-right:auto}.browse-section .subtitle{font-size:var(--text-body);color:var(--text-secondary);margin-bottom:40px;line-height:1.5;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:0 4px 24px #0000000f;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:0 4px 20px #0000001f,0 1px 4px #0000000f;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 .2s cubic-bezier(.32,.72,0,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:#8b7ec8;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(139,126,200,.25);transition:border-color .15s cubic-bezier(.32,.72,0,1)}.note-link:hover{border-color:#8b7ec8}.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:0 2px 12px #0000000f;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:#0000004d;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:#00000059;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:#00000059;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:#0000004d;cursor:pointer;transition:opacity .15s cubic-bezier(.32,.72,0,1)}.note-code-copy:hover{opacity:.7}.note-code-copy:active{transform:translateY(-50%) scale(.97)}.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:#00000080;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-family:Geist,sans-serif;font-size:var(--text-h3);font-weight:300;font-style:italic;color:var(--text-primary);letter-spacing:-.01em}.mymind-search:focus-visible{outline:none}.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{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-xs);background:#0000000a;color:#00000073;cursor:pointer;transition:background .15s cubic-bezier(.32,.72,0,1),color .15s cubic-bezier(.32,.72,0,1)}.mymind-pill.active{background:var(--accent);color:#fff}.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:0 6px 20px #00000014,0 2px 6px #0000000a}.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}.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}.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}.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);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)}@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}.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}.bottom-nav{display:flex;align-items:center;gap:6px;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:20px;right:20px;z-index:998;padding:4px;border-radius:100px;background:#edeae5;box-shadow:0 4px 12px #0000001a,0 1px 3px #0000000f;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-nav-pill{position:relative;display:flex;align-items:center;flex:1}.bottom-nav-item{position:relative;z-index:1;flex:1;text-align:center;font-family:Geist Mono,monospace;font-size:14px;font-weight:500;letter-spacing:.01em;padding:8px 0;border-radius:100px;color:#3a363280;text-decoration:none;cursor:pointer;transition:color .2s cubic-bezier(.32,.72,0,1);white-space:nowrap}.bottom-nav-item.active{color:var(--text-primary)}.bottom-nav-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 72px;background:var(--bg)}.page-inner{max-width:680px;margin:0 auto}.note-cards{display:flex;flex-direction:column;gap:12px;max-width:520px;margin:0 auto}.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:0 8px 24px #0000000f,0 2px 6px #0000000a}.note-card:active{transform:scale(.97)}.note-card-date{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);margin-bottom:6px;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between}.note-card-read-time{font-family:Geist Mono,monospace;font-size:12px;color:#0000004d;font-weight:500;letter-spacing:.02em}.note-card-title{font-family:Geist,sans-serif;font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.note-card:hover .note-card-title{color:#8b7ec8}.note-card-preview{font-size:var(--text-body);color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.note-card-tags{display:flex;gap:6px;flex-wrap:wrap}.note-card-tag{padding:2px 6px;border-radius:4px;font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;text-transform:uppercase;background:#0000000a;color:#00000073;transition:background .2s cubic-bezier(.32,.72,0,1),color .2s cubic-bezier(.32,.72,0,1)}.note-card:hover .note-card-tag{background:#8b7ec814;color:#8b7ec8}.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:0 4px 12px #0000001a;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:0 1px 3px #0000001f;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:0 2px 6px #0000002e}.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(.32,.72,0,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:0 2px 8px #0000001a}.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)}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;font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:500;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{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);margin-bottom:8px;letter-spacing:.02em}.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{font-family:GeistPixel,sans-serif;font-size:var(--text-h2);font-weight:400;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:32px;line-height:1.2}.note-page-body{font-size:var(--text-body);color:#0000008c;line-height:1.75}.note-page-body p{margin-bottom:16px}.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;font-family:Geist,sans-serif;font-size:var(--text-sm);font-weight:500;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{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;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:0 6px 20px #0000000f,0 2px 6px #0000000a}.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{font-family:Geist Mono,monospace;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);margin-bottom:8px;letter-spacing:.02em}.td-title{font-family:GeistPixel,sans-serif;font-size:var(--text-h2);font-weight:400;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.td-intro{font-family:Geist,sans-serif;font-size:var(--text-body);line-height:1.7;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:0 2px 4px #00000014,0 8px 24px #0000001a}.td-chapter{font-family:Geist,sans-serif;font-size:var(--text-h3);font-weight:500;color:var(--text-primary);letter-spacing:-.01em;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{font-family:Geist,sans-serif;font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin-bottom:8px}.td-section-text{font-family:Geist,sans-serif;font-size:15px;line-height:1.75;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)}.modal-carousel{aspect-ratio:unset;height:90vw;flex:0 0 auto}.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-desc{font-size:14px;line-height:1.6}.modal-title{font-size:var(--text-h4)}.modal-close{top:8px;right:8px;width:48px;height:48px;font-size:var(--text-body);opacity:1}.browse-content{padding-top:52px}.puzzle-card:after{display:none}.browse-section{padding:36px 20px}.browse-section h2{font-size:var(--text-h3)}.puzzle-grid{grid-template-columns:1fr 1fr;grid-auto-rows:140px;gap:10px}.mymind-search{font-size:var(--text-h4)}.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}.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{width:100%;height:100dvh;box-shadow:none;border-radius:0;max-height:none;overflow-y:auto;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background:#fff}.book-pop-wrap.open .book-pop{transform:none}.book-pop-highlights{max-height:none}.book-pop-highlight{font-size:14px;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{width:100%;height:100dvh;box-shadow:none;border-radius:0;max-height:none;overflow-y:auto;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background:#fff}.mm-popover-wrap.open .mm-popover{transform:none}.pop-tldr{font-size:14px;line-height:1.6}.mm-scrim.open{background:#0000004d;transition:background .25s cubic-bezier(.32,.72,0,1)}.note-page{padding:32px 20px 60px}.note-page-title{font-size:var(--text-h3)}.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}.pop-close{width:36px;height:36px;font-size:var(--text-h4)}.mymind-pill{min-height:48px;display:inline-flex;align-items:center;padding:2px 12px;border-radius:var(--radius-md)}.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)}.bottom-nav{bottom:12px;padding-bottom:env(safe-area-inset-bottom)}.page-content{padding-bottom:72px}.site-footer{margin-bottom:48px}}@media(min-width:769px){.bottom-nav{left:50%;right:auto;transform:translate(-50%);bottom:16px}.bottom-nav-item{flex:none;padding:8px 12px}}