@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Syne:wght@400..800&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&family=Great+Vibes&family=Bebas+Neue&family=Caveat:wght@700&family=Noto+Sans+JP:wght@400;900&family=Kalam:wght@700&display=swap";.cursor-wrapper{pointer-events:none;z-index:10000;mix-blend-mode:difference;position:fixed;top:0;left:0}.custom-cursor{color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.cursor-icon{width:16px;height:16px}.cursor-plus{font-family:var(--font-display);color:#fff;font-size:20px;font-weight:700;line-height:1}@keyframes bounce-y{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes sway-x{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.bounce-y{animation:1s ease-in-out infinite bounce-y}.sway-x{animation:1s ease-in-out infinite sway-x}.custom-yt-container{border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000014}.custom-yt-iframe-wrapper{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.custom-yt-iframe{width:100%;height:100%}.custom-yt-iframe-element{border:none;width:100%;height:100%}.custom-yt-overlay{z-index:10;cursor:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.custom-yt-center-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;transition:opacity .3s,transform .3s;display:flex;transform:scale(1)}.custom-yt-center-icon.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.custom-yt-controls-bar{z-index:20;opacity:0;width:100%;padding:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;bottom:0;left:0;transform:translateY(100%)}.custom-yt-controls-bar.visible{opacity:1;transform:translateY(0)}.custom-yt-controls-bg{z-index:-1;pointer-events:none;background:linear-gradient(#0000,#000c);width:100%;height:120%;position:absolute;bottom:0;left:0}.custom-yt-controls-content{align-items:center;gap:12px;display:flex}.custom-yt-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,transform .2s;display:flex}.custom-yt-btn:hover{opacity:1;transform:scale(1.1)}.custom-yt-time{color:#fff;font-size:12px;font-family:var(--font-mono,monospace);opacity:.8;text-align:center;min-width:40px}.custom-yt-seekbar{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;flex:1;height:4px;position:relative}.custom-yt-seekbar:before{content:"";height:100%;width:var(--progress,0%);pointer-events:none;background:red;border-radius:2px;position:absolute;top:0;left:0}.custom-yt-seekbar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:red;border-radius:50%;width:12px;height:12px;transition:transform .1s}.custom-yt-seekbar::-webkit-slider-thumb:hover{transform:scale(1.3)}.custom-yt-seekbar::-moz-range-thumb{cursor:pointer;background:red;border:none;border-radius:50%;width:12px;height:12px;transition:transform .1s}.custom-yt-seekbar::-moz-range-thumb:hover{transform:scale(1.3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{z-index:100;pointer-events:auto;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.modal-backdrop{background:#fff9;width:100%;height:100%;position:absolute;top:0;left:0}.modal-container{background:#fff;border-radius:24px;flex-direction:row;width:95vw;max-width:1600px;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d}.modal-details{color:#000;z-index:10;background:#fff;border-right:1px solid #0000000d;flex-direction:column;width:38%;height:100%;padding:48px;display:flex;position:relative}.modal-details-scroll{flex:1;padding-right:16px;overflow-y:auto}.modal-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px;font-size:3rem;font-weight:900}.modal-date{font-family:var(--font-mono);color:#666;margin-bottom:32px;font-size:1.125rem}.modal-desc{color:#333;white-space:pre-wrap;margin-bottom:40px;font-size:1.125rem;line-height:1.6}.modal-desc-link{color:#000;text-underline-offset:4px;font-weight:500;text-decoration:underline;transition:color .2s}.modal-desc-link:hover{color:#666}.modal-skills-title{text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:16px;font-size:.875rem;font-weight:700}.modal-skills-list{flex-wrap:wrap;gap:8px;display:flex}.modal-skill-tag{color:#111;background:#f0f0f0;border-radius:9999px;padding:8px 16px;font-size:.875rem;font-weight:500}.modal-close-btn{color:#000;z-index:20;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex;position:absolute;top:24px;right:24px;cursor:pointer!important}.modal-close-btn:hover{background:#e0e0e0}.modal-external-btn{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-top:28px;text-decoration:none;transition:all .2s;display:inline-flex}.modal-external-btn.youtube{color:#000;background:#0000000a}.modal-external-btn.youtube:hover{background:#0000001a;transform:translateY(-1px)}.modal-external-btn.github{color:#000;background:#0000000a}.modal-external-btn.github:hover{background:#0000001a;transform:translateY(-1px)}.modal-media{background:#fcfcfc;width:62%;height:100%;position:relative;overflow:hidden}.modal-media-inner{justify-content:center;align-items:center;width:100%;height:100%;padding:24px 80px 48px;display:flex;position:absolute;inset:0}.modal-nav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#000;z-index:20;background:#fffc;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a;cursor:pointer!important}.modal-nav-btn:hover{background:#fff;transform:translateY(-50%)scale(1.05)}.modal-nav-prev{left:24px}.modal-nav-next{right:24px}.modal-dots{z-index:20;gap:12px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.modal-dot{background:#0003;border:none;border-radius:50%;width:10px;height:10px;transition:all .2s;cursor:pointer!important}.modal-dot.active{background:#000c;transform:scale(1.3)}.modal-media-content{object-fit:contain;z-index:2;border-radius:16px;width:100%;height:100%;position:relative;box-shadow:0 20px 40px #00000014}.modal-media-iframe{z-index:2;border:none;border-radius:16px;width:100%;height:100%;position:relative;box-shadow:0 20px 40px #00000014}.modal-ambient-glow{filter:blur(60px)opacity(.4);z-index:1;object-fit:cover;pointer-events:none;width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.1)}@media (width<=768px){.modal-container{flex-direction:column-reverse}.modal-details{width:100%;height:50%;padding:24px}.modal-media{width:100%;height:50%}.modal-title{font-size:2rem}.modal-media-inner{padding:16px}}@font-face{font-family:The Historia;src:url(/fonts/TheHistoriaDemo.ttf)format("truetype")}@font-face{font-family:"RobotoFlex Baked 800";src:url(/fonts/RobotoFlex-w800-x85-baked.ttf)format("truetype")}@font-face{font-family:Impact;src:url(/fonts/impact.ttf)format("truetype")}:root{--zzz-accent:#ffe600;--zzz-accent-rgb:255, 230, 0;--zzz-black:#fff;--zzz-white:#0a0a0b;--zzz-gray:#e5e5e5;--zzz-gray-light:#d5d5d5;--zzz-gray-mid:#c5c5c5;--zzz-danger:#f33;--font-display:"Orbitron", sans-serif;--font-body:"Rajdhani", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;cursor:none!important}html{scroll-behavior:smooth;overscroll-behavior-y:none;overscroll-behavior-x:none;height:100%}body{background-color:var(--zzz-black);font-family:var(--font-body);color:var(--zzz-white);overscroll-behavior-y:none;overscroll-behavior-x:none;touch-action:none;-webkit-overflow-scrolling:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}#root{overscroll-behavior-y:none;overscroll-behavior-x:none;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--zzz-black)}::-webkit-scrollbar-thumb{background:var(--zzz-gray-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--zzz-accent)}::selection{background-color:var(--zzz-white);color:var(--zzz-black)}.hazard-stripe-bg{background:repeating-linear-gradient(45deg, var(--zzz-accent), var(--zzz-accent) 10px, var(--zzz-black) 10px, var(--zzz-black) 20px)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch{animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}