:root{color-scheme:light;font-family:Trebuchet MS,Tahoma,Verdana,Microsoft YaHei,sans-serif;--desk-bg: #f7f7f5;--desk-paper: #ffffff;--desk-panel: #fbfbfa;--desk-line: #ebe7df;--desk-shadow: rgba(15, 23, 42, .08);--desk-soft-shadow: rgba(15, 23, 42, .04);--desk-ink: #16181d;--desk-muted: #70757f;--desk-accent: #374151;--desk-accent-soft: #9ca3af;--desk-warm: #8d6946;--desk-shelf: #ba8450;--desk-shelf-edge: #8e6031}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.95),transparent 28%),linear-gradient(180deg,#ffffff 0%,var(--desk-bg) 100%);color:var(--desk-ink);font-family:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 34%),repeating-linear-gradient(90deg,rgba(15,23,42,.012) 0,rgba(15,23,42,.012) 1px,transparent 1px,transparent 24px);opacity:.25}img{display:block;max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit}.retro-desktop{position:relative;width:100%;overflow-x:clip}.retro-header{position:relative;z-index:5;isolation:isolate;min-width:0;padding:0 0 4rem}.retro-header-title{display:grid;gap:.15rem;margin:0 0 1rem;color:var(--desk-ink);font-size:clamp(2rem,5vw,3.6rem);font-weight:900;letter-spacing:.08em;line-height:.92;text-transform:uppercase}.retro-header-title span:last-child{color:var(--desk-muted);font-size:clamp(.92rem,2vw,1.28rem);font-weight:700;letter-spacing:.1em;text-transform:none}.content-auto{content-visibility:auto;contain-intrinsic-size:1px 640px}.page-reveal-body{min-width:0}.page-shell-preview .page-reveal-body{display:none!important}.page-shell-preview .retro-header{padding-bottom:.25rem}.page-shell-ready .page-reveal-body{animation:pageBodyReveal .56s cubic-bezier(.2,.8,.2,1) both}.retro-window{min-width:0;overflow:hidden;border:1px solid var(--desk-line);border-radius:24px;background:linear-gradient(180deg,var(--desk-paper) 0%,var(--desk-panel) 100%);box-shadow:0 24px 48px var(--desk-shadow),0 4px 12px var(--desk-soft-shadow)}.retro-window-bookshelf{overflow:visible}.retro-window-hover{transition:transform .18s ease,box-shadow .18s ease}.retro-window-hover:hover{transform:translateY(-3px);box-shadow:0 28px 56px #0f172a1a,0 6px 14px #0f172a0f}.retro-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(180deg,#fff,#fafaf9);border-bottom:1px solid #f0ece6}.retro-titlebar>:first-child{min-width:0;flex:1 1 auto}.retro-titlebar h2,.retro-titlebar p{overflow-wrap:anywhere}.retro-window-controls{display:flex;gap:.35rem;padding-top:.2rem}.retro-window-controls span{width:.82rem;height:.82rem;border:1px solid #d7dbe1;border-radius:999px;background:linear-gradient(180deg,#fff,#eef1f5);box-shadow:0 1px 2px #0f172a0f}.retro-kicker{display:inline-block;padding:.35rem .7rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:var(--desk-muted);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 18px #0f172a0a}.retro-copy{color:var(--desk-muted);line-height:1.8}.retro-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.88rem 1.34rem;border:1px solid #e5e7eb;border-radius:999px;background:linear-gradient(180deg,#fff,#f5f7fa);box-shadow:0 12px 24px #0f172a12,0 2px 6px #0f172a0a;color:var(--desk-accent);font-weight:700;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.retro-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0f172a14,0 4px 8px #0f172a0d}.retro-button:active{transform:translateY(0)}.retro-button-secondary{background:linear-gradient(180deg,#fff,#eef2f6)}.retro-monitor{padding:14px;border:1px solid #ebe7df;border-radius:28px;background:linear-gradient(180deg,#fff,#f4f4f3);box-shadow:0 24px 40px #0f172a14,0 4px 10px #0f172a0a}.retro-header-gallery{position:absolute;left:50%;bottom:.55rem;z-index:6;min-height:0;padding:.56rem 1rem;font-size:.88rem;transform:translate(-50%)}.retro-header-gallery:hover{transform:translate(-50%,-2px)}.retro-header-gallery:active{transform:translate(-50%)}.retro-monitor-screen{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:22px;aspect-ratio:1;background:linear-gradient(180deg,#f8fafc,#eef2f7);box-shadow:inset 0 0 0 1px #ffffff73}.retro-monitor-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.26),transparent 30%,rgba(255,255,255,.14))}.retro-monitor-screen img{width:100%;height:100%;object-fit:cover}.retro-list{display:grid;gap:.85rem;padding:0;margin:0;list-style:none}.retro-list li{position:relative;padding-left:1rem;line-height:1.75}.retro-list li:before{content:"";position:absolute;top:.72rem;left:0;width:.42rem;height:.42rem;border-radius:999px;background:#d0b08a}.retro-contact-grid{display:grid;gap:.85rem}.retro-contact-grid strong{color:var(--desk-ink)}.retro-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .74rem;border:1px solid #e8eaee;border-radius:999px;background:#fff;color:var(--desk-muted);box-shadow:0 8px 16px #0f172a09}.software-grid{display:grid;gap:1rem;--software-card-min-width: 220px;grid-template-columns:repeat(auto-fit,minmax(var(--software-card-min-width),1fr))}.software-grid>*,.software-grid-item{min-width:0}.software-drawer{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x proximity}.software-drawer-item{min-width:0;flex:0 0 min(86vw,280px)}.software-drawer-item .retro-floppy-card{min-width:0}.retro-floppy-slot .retro-floppy-card{animation:floppyCardEnter .76s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--card-index, 0) * 70ms);transform-origin:center bottom;will-change:transform,opacity}.retro-floppy-slot .retro-floppy-shell{animation:floppyShellEnter .78s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--card-index, 0) * 70ms + 60ms);transform-origin:center bottom;will-change:transform}.video-drawer{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x proximity}.video-drawer-item{min-width:0;flex:0 0 min(84vw,290px)}.video-drawer-item .retro-video-card{height:100%}.retro-video-slot .retro-video-card{animation:videoCardEnter .72s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--video-index, 0) * 85ms);will-change:transform,opacity}.retro-floppy-card{display:block;width:100%;min-width:0;overflow:hidden;padding:1.3rem;border:1px solid #ebe7df;border-radius:24px;background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 20px 36px #0f172a12,0 4px 10px #0f172a08;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.retro-floppy-card:hover{transform:translateY(-4px);box-shadow:0 24px 42px #0f172a14,0 8px 14px #0f172a0a}.retro-floppy-card:hover .retro-floppy-shell{animation:floppyLoadWobble .92s cubic-bezier(.2,.8,.2,1) both}.retro-floppy-card:hover .retro-floppy-label{transform:translateY(-2px)}.retro-floppy-card:hover .retro-floppy-shell:before,.retro-floppy-card:focus-visible .retro-floppy-shell:before{animation:floppySlotLoad .92s ease-in-out both}.retro-floppy-card:hover .retro-floppy-shell:after,.retro-floppy-card:focus-visible .retro-floppy-shell:after{animation:floppyAccessLight .92s steps(1,end) both}.retro-floppy-card-featured{background:linear-gradient(180deg,#fff,#f5f8fb)}.retro-floppy-shell{position:relative;aspect-ratio:1;max-width:220px;margin:0 auto;border:1px solid #cfd5dc;border-radius:20px 20px 18px 18px;background:linear-gradient(180deg,#fffffff5,#e4eaf0f5 48%,#cdd4dcfa);box-shadow:0 16px 24px #0f172a14,inset 0 1px #ffffffd9,inset 0 -12px 18px #94a3b824;transition:transform .2s ease}.retro-floppy-card-featured .retro-floppy-shell{max-width:240px}.retro-floppy-shell:before{content:"";position:absolute;top:.95rem;left:50%;width:44%;height:1.05rem;transform:translate(-50%);border:1px solid #c4ccd5;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#dde3ea,#bbc4ce)}.retro-floppy-shell:after{content:"";position:absolute;top:1rem;right:1rem;width:1.18rem;height:1.18rem;border:1px solid #c7cfd8;border-radius:4px;background:linear-gradient(180deg,#fff,#dde3e9);box-shadow:inset 0 1px #fffc}.retro-floppy-label{position:absolute;right:12%;bottom:18%;left:12%;display:flex;flex-direction:column;justify-content:space-between;gap:.35rem;min-height:38%;padding:.9rem .95rem;border:1px solid #d8dde3;border-radius:12px;overflow:hidden;transition:transform .2s ease;background:linear-gradient(180deg,#fff,#f5f7fa),repeating-linear-gradient(180deg,transparent,transparent 15px,rgba(15,23,42,.03) 16px)}.retro-floppy-label:after{content:"";position:absolute;top:-16%;bottom:-16%;left:-48%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skew(-18deg);opacity:0}.retro-floppy-card:hover .retro-floppy-label:after,.retro-floppy-card:focus-visible .retro-floppy-label:after{animation:floppyLabelShine .92s ease-out both}.retro-floppy-abbr{color:var(--desk-ink);font-size:clamp(1.5rem,4vw,2rem);font-weight:900;letter-spacing:.16em}.retro-floppy-caption,.retro-floppy-url{color:var(--desk-muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.retro-floppy-meta{flex:1 1 auto;width:100%;min-width:0}.retro-floppy-meta h3,.retro-floppy-meta p{min-width:0;word-break:break-word;overflow-wrap:anywhere}.retro-floppy-url{word-break:break-all}.retro-section-note{color:var(--desk-muted);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.retro-counter{display:inline-flex;align-items:center;padding:.38rem .7rem;border:1px solid #e7eaee;border-radius:999px;background:#fff;color:var(--desk-muted);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 16px #0f172a09}.retro-shelf-stack{display:grid;gap:1.2rem;--shelf-gap: 14px;--shelf-book-width: 150px;--shelf-row-padding: 9px}.retro-shelf-stage{position:relative;padding-top:.4rem}.retro-shelf-stage.is-preview{overflow:hidden;max-height:var(--shelf-preview-height, 480px)}.retro-shelf-fade{position:absolute;right:0;bottom:0;left:0;height:9rem;pointer-events:none;background:linear-gradient(180deg,#f7f7f500,#f7f7f5c7 58%,#f7f7f5f5 82%,#f7f7f5)}.retro-shelf-row{position:relative;overflow:visible;padding:.75rem var(--shelf-row-padding) 1.8rem;animation:shelfRowEnter .52s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--row-index, 0) * 90ms)}.retro-shelf-row:before{content:"";position:absolute;right:1rem;bottom:1.15rem;left:1rem;height:.22rem;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,245,233,.72),transparent);opacity:0;animation:shelfGlowSweep 1.1s ease-out both;animation-delay:calc(var(--row-index, 0) * .12s + .18s)}.retro-shelf-row:after{content:"";position:absolute;right:.2rem;bottom:.7rem;left:.2rem;height:1.08rem;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 40%),repeating-linear-gradient(90deg,#c7925e 0,#c7925e 28px,#b88150 28px,#b88150 58px,#ab7447 58px,#ab7447 86px);box-shadow:0 14px 24px #8e60312e,inset 0 -2px #704a262e}.retro-shelf-grid{display:flex;align-items:end;max-width:100%;min-width:0;gap:1.25rem var(--shelf-gap);flex-wrap:nowrap;overflow:visible;perspective:1400px}.retro-book{position:relative;z-index:1;flex:0 0 auto;display:flex;flex-direction:column;justify-content:space-between;width:var(--shelf-book-width);min-height:var(--paper-height, 220px);padding:1rem .95rem .9rem;border:1px solid #ece7df;border-radius:16px 16px 10px 10px;background:linear-gradient(180deg,#fff,#fafaf9),repeating-linear-gradient(180deg,transparent,transparent 18px,rgba(15,23,42,.025) 19px);box-shadow:0 20px 30px #0f172a14,0 4px 10px #0f172a09;color:var(--desk-ink);text-align:left;transform:rotate(var(--paper-tilt, 0deg));transform-origin:bottom center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:bookDockIn .78s cubic-bezier(.16,1,.3,1) both;animation-delay:calc((var(--row-index, 0) * .12s) + (var(--book-index, 0) * 48ms));will-change:transform,opacity}.retro-book:before{content:"";position:absolute;top:.6rem;right:.6rem;bottom:.6rem;width:.75rem;border-left:1px solid rgba(17,24,39,.04);background:linear-gradient(90deg,#11182705,#1118270e)}.retro-book:after{content:"";position:absolute;top:3.1rem;right:1rem;left:1rem;height:1px;background:#11182714;box-shadow:0 14px #1118270f,0 28px #1118270d}.retro-book:hover,.retro-book.is-active{border-color:#e1ddd6;transform:translateY(-10px) rotate(var(--paper-tilt, 0deg));box-shadow:0 26px 36px #0f172a1a,0 8px 16px #0f172a0d}.retro-book.is-opening{animation:bookPageFlip .24s cubic-bezier(.22,1,.36,1) both;transform-style:preserve-3d;backface-visibility:hidden}.retro-book-badge{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--desk-muted)}.retro-book-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7;font-size:.96rem;font-weight:800;line-height:1.48;color:var(--desk-ink)}.retro-book-stars{color:#b88b52;font-size:.78rem;letter-spacing:.18em}.retro-paper{border:1px solid #ece7df;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfbfa),repeating-linear-gradient(180deg,transparent,transparent 31px,rgba(15,23,42,.03) 32px);box-shadow:0 24px 40px #0f172a14,0 6px 12px #0f172a08;padding:1.4rem}.retro-paper-date{color:var(--desk-muted);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.retro-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.56rem .86rem;border:1px solid #e7eaee;border-radius:999px;background:#fff;color:var(--desk-accent);font-size:.86rem;font-weight:700;text-decoration:none;box-shadow:0 10px 18px #0f172a09;transition:transform .16s ease,box-shadow .16s ease}.retro-chip:hover{transform:translateY(-1px);box-shadow:0 14px 24px #0f172a0d}.retro-subsection-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.56rem .95rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:var(--desk-accent);font-weight:700;box-shadow:0 10px 18px #0f172a09;transition:transform .16s ease,box-shadow .16s ease}.retro-subsection-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 22px #0f172a0d}.retro-notes-grid{display:grid;gap:1rem}.retro-note-card{border:1px solid #ece7df;border-radius:18px;background:#fff;padding:1rem;box-shadow:0 14px 24px #0f172a0a}.retro-note-card h5{color:var(--desk-accent);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .8rem}.retro-note-list{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.retro-note-link{color:var(--desk-ink);line-height:1.6;text-decoration:none;transition:color .16s ease}.retro-note-link:hover{color:#4b5563}.retro-note-date{color:var(--desk-muted);font-size:.75rem}.retro-video-card{min-width:0;border:1px solid #ece7df;border-radius:22px;background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 20px 34px #0f172a12,0 4px 8px #0f172a08;padding:1rem;transition:transform .18s ease,box-shadow .18s ease}.retro-video-card:hover{transform:translateY(-3px);box-shadow:0 24px 38px #0f172a17,0 8px 14px #0f172a0a}.retro-vhs-placeholder{position:relative;width:100%;aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1rem;border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:var(--desk-ink);text-align:center;overflow:hidden}.retro-vhs-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 26%,rgba(255,255,255,.14)),repeating-linear-gradient(180deg,rgba(15,23,42,.028) 0,rgba(15,23,42,.028) 2px,transparent 2px,transparent 6px);opacity:.55;animation:vhsScan 6.4s linear infinite;pointer-events:none}.retro-vhs-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.34) 48%,transparent 100%);transform:translate(-140%);opacity:0;animation:vhsShine 4.8s ease-in-out infinite;pointer-events:none}.retro-vhs-placeholder>*{position:relative;z-index:1}.retro-vhs-placeholder h3,.retro-video-card p{overflow-wrap:anywhere}.retro-vhs-label{color:var(--desk-muted);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;animation:vhsLabelBlink 2.2s steps(1,end) infinite}.retro-vhs-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center}.retro-pill-actions{display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid #e5e7eb;border-radius:999px;background:linear-gradient(180deg,#fff,#f5f7fa);box-shadow:0 12px 24px #0f172a12,0 2px 6px #0f172a0a;animation:pillDockIn .56s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--video-index, 0) * 60ms + .22s)}.retro-pill-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.76rem 1.05rem;border:0;background:transparent;color:var(--desk-accent);font-weight:700;text-decoration:none;white-space:nowrap;transition:background .14s ease,color .14s ease}.retro-pill-action+.retro-pill-action{border-left:1px solid #e5e7eb}.retro-pill-action:hover{background:#ffffffb8}.retro-pill-action-secondary{background:linear-gradient(180deg,#fff,#eef2f6)}.retro-video-frame{overflow:hidden;border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc}.retro-video-card.is-loaded .retro-video-frame{animation:framePopIn .42s ease-out both}.retro-statusbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.5rem;padding:.9rem 1rem;border:1px solid #ece7df;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfbfa);box-shadow:0 20px 34px #0f172a0f,0 4px 10px #0f172a08;color:var(--desk-muted);font-size:.82rem}.retro-statusbar strong{color:var(--desk-ink)}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:1rem;background:#fafaf875;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-modal-shell{position:relative;width:min(780px,100%);max-height:min(86vh,920px);overflow:auto;padding:1rem;border:1px solid rgba(236,231,223,.96);border-radius:28px;background:#ffffffeb;box-shadow:0 36px 80px #0f172a29,0 8px 20px #0f172a14}.project-modal-close{position:sticky;top:0;z-index:2;display:inline-flex;margin-left:auto;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #e5e7eb;border-radius:999px;background:#fffffff2;color:var(--desk-accent);box-shadow:0 8px 18px #0f172a0f}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.gallery-fade-in{animation:galleryFadeIn .35s ease-out both}.gallery-fade-out{animation:galleryFadeOut .35s ease-out both}.gallery-slide-up{animation:gallerySlideUp .35s ease-out both}.gallery-scrollbar::-webkit-scrollbar{width:8px}.gallery-scrollbar::-webkit-scrollbar-track{background:transparent}.gallery-scrollbar::-webkit-scrollbar-thumb{background:#70757f2e;border-radius:999px}@keyframes galleryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes galleryFadeOut{0%{opacity:1}to{opacity:0}}@keyframes gallerySlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageBodyReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floppyCardEnter{0%{opacity:0;transform:translateY(24px) rotate(-2.4deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes floppyShellEnter{0%{transform:translateY(20px) rotate(-6deg) scale(.94)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes floppyLabelShine{0%,70%,to{left:-48%;opacity:0}16%,28%{opacity:.85}38%{left:118%;opacity:0}}@keyframes floppyLoadWobble{0%{transform:translateY(0) rotate(0)}24%{transform:translateY(-4px) rotate(-3deg)}46%{transform:translateY(-2px) rotate(2.4deg)}68%{transform:translateY(-5px) rotate(-1.4deg)}to{transform:translateY(-4px) rotate(-2deg)}}@keyframes floppySlotLoad{0%,to{transform:translate(-50%) translateY(0)}30%,62%{transform:translate(-50%) translateY(2px)}46%,78%{transform:translate(-50%) translateY(-1px)}}@keyframes floppyAccessLight{0%,to{background:linear-gradient(180deg,#fff,#dde3e9);box-shadow:inset 0 1px #fffc}18%,26%,42%,58%,74%{background:linear-gradient(180deg,#d9ffe7,#82d99f);box-shadow:inset 0 1px #fffc,0 0 10px #82d99f8c}}@keyframes videoCardEnter{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vhsScan{0%{background-position:0 0,0 0}to{background-position:0 0,0 42px}}@keyframes vhsShine{0%,68%,to{transform:translate(-140%);opacity:0}18%,28%{opacity:.55}40%{transform:translate(140%);opacity:0}}@keyframes vhsLabelBlink{0%,76%,to{opacity:.62}78%,82%{opacity:1}84%,88%{opacity:.4}}@keyframes pillDockIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes framePopIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes shelfRowEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shelfGlowSweep{0%{opacity:0;transform:scaleX(.5)}45%{opacity:.8}to{opacity:0;transform:scaleX(1.04)}}@keyframes bookDockIn{0%{opacity:0;transform:translateY(30px) rotate(calc(var(--paper-tilt, 0deg) - 5deg)) scale(.96)}62%{opacity:1;transform:translateY(-4px) rotate(calc(var(--paper-tilt, 0deg) + 1deg)) scale(1.01)}to{opacity:1;transform:translateY(0) rotate(var(--paper-tilt, 0deg)) scale(1)}}@keyframes bookPageFlip{0%{transform:translateY(-6px) rotate(var(--paper-tilt, 0deg)) rotateY(0)}45%{transform:translateY(-10px) rotate(var(--paper-tilt, 0deg)) rotateY(-34deg)}to{transform:translateY(-8px) translate(8px) rotate(var(--paper-tilt, 0deg)) rotateY(-74deg)}}@media(max-width:640px){body:before{display:none}.content-auto{content-visibility:visible;contain-intrinsic-size:auto}.retro-window,.retro-floppy-card,.retro-paper,.retro-video-card{border-radius:18px}.retro-window{box-shadow:0 14px 26px #0f172a0f,0 3px 8px #0f172a08}.retro-titlebar{flex-wrap:wrap;padding:.9rem 1rem}.retro-monitor{max-width:260px;padding:12px;border-radius:24px}.retro-header{padding-bottom:3.2rem}.retro-header-title{margin-bottom:.85rem;font-size:clamp(1.7rem,12vw,2.6rem);letter-spacing:.06em}.retro-header-title span:last-child{font-size:clamp(.8rem,4vw,1rem);letter-spacing:.08em}.retro-header-gallery{bottom:.4rem;padding:.5rem .86rem;font-size:.82rem}.retro-button{min-height:48px}.retro-paper{padding:1rem}.project-modal-backdrop{padding:.75rem;align-items:flex-end}.project-modal-shell{width:100%;max-height:82vh;padding:.8rem;border-radius:24px}.retro-shelf-stack{--shelf-gap: 12px;--shelf-book-width: 138px;--shelf-row-padding: 4px}.retro-shelf-row{padding-right:var(--shelf-row-padding);padding-left:var(--shelf-row-padding)}.retro-book{width:var(--shelf-book-width)}.retro-video-card,.retro-floppy-card,.retro-paper{box-shadow:0 14px 26px #0f172a0f,0 3px 8px #0f172a08}.retro-floppy-card{display:flex;align-items:flex-start;gap:.9rem;padding:.9rem 1rem}.software-grid{grid-template-columns:1fr}.software-drawer{gap:.85rem;margin-right:-.1rem;padding-right:.1rem}.software-drawer-item{flex-basis:min(84vw,286px)}.video-drawer{gap:.85rem;margin-right:-.1rem;padding-right:.1rem}.video-drawer-item{flex-basis:min(82vw,270px)}.retro-floppy-shell,.retro-floppy-card-featured .retro-floppy-shell{flex:0 0 clamp(52px,16vw,68px);width:clamp(52px,16vw,68px);max-width:clamp(52px,16vw,68px);margin:0}.retro-floppy-label{right:14%;bottom:16%;left:14%;min-height:auto;padding:.42rem}.retro-floppy-abbr{font-size:.92rem;letter-spacing:.08em}.retro-floppy-caption,.retro-floppy-url{display:none}.retro-floppy-meta{flex:1;margin-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}