.navbar-container{z-index:1000;background:var(--bg-main);border-bottom:1px solid var(--border-color);padding:0;transition:background .4s,border-color .4s;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:15px 0;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-1px;z-index:1002;font-size:1.5rem;font-weight:900;text-decoration:none;position:relative}.nav-links{align-items:center;gap:20px;display:flex}.nav-framed-link{font-family:var(--font-mono);color:var(--text-primary);text-transform:uppercase;border:1px dashed var(--border-color);padding:6px 12px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.nav-framed-link:hover{border-style:solid;border-color:var(--accent);color:var(--accent);background:var(--bg-surface);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.nav-framed-link.active{border-style:solid;border-color:var(--accent);color:var(--accent)}.theme-toggle-btn{font-family:var(--font-mono);background:var(--text-primary);color:var(--bg-surface);border:2px solid var(--text-primary);cursor:pointer;text-transform:uppercase;margin-left:20px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.theme-toggle-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #0000001a}.nav-menu{align-items:center;display:flex}.desktop-only{display:block}.mobile-only,.nav-mobile-controls{display:none}.nav-mobile-socials{display:none!important}.hamburger-btn{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:18px;padding:0;display:flex}.hamburger-btn span{background-color:var(--text-primary);width:100%;height:2px;transition:all .3s}.hamburger-btn.open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width<=768px){.nav-mobile-controls{align-items:center;gap:15px;display:flex}.desktop-only{display:none}.mobile-only{margin-left:0;padding:6px 12px;font-size:.75rem;display:block}.nav-menu{background:var(--bg-surface);opacity:0;visibility:hidden;z-index:1001;flex-direction:column;align-items:center;gap:30px;height:calc(100vh - 61px);padding:40px 25px;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:61px 0 0;transform:translateY(-10px)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-links{flex-direction:column;gap:20px;width:100%}.nav-framed-link{text-align:center;background:var(--bg-main);width:100%;padding:20px;font-size:1.1rem}.nav-mobile-socials{justify-content:center;gap:30px;width:100%;margin-top:10px;display:flex!important}.nav-mobile-socials a{color:var(--text-primary);font-size:1.8rem;transition:all .2s}.nav-mobile-socials a:hover{color:var(--accent);transform:translateY(-3px)rotate(5deg)}}.dynamic-bg-wrapper{pointer-events:none;z-index:0;contain:strict;position:fixed;inset:0;overflow:hidden}.trim-path-svg{fill:none;will-change:stroke-dashoffset, opacity;height:20px;animation:linear infinite trimPathAnim;position:absolute}.trim-path-svg path{stroke-width:2px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px}.draw-red path{stroke:var(--accent)}.draw-grey path{stroke:var(--bg-line)}@keyframes trimPathAnim{0%{stroke-dashoffset:1000px;opacity:0;transform:translate(0)}10%{stroke-dashoffset:800px;opacity:.4}50%{stroke-dashoffset:0;opacity:.28}90%{opacity:0}to{stroke-dashoffset:0;transform:translate(200px)}}.cmdk-dock{z-index:900;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.cmdk-theme{background:var(--bg-surface);border:1px solid var(--border-strong);width:48px;height:48px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-lift);transition:transform .2s var(--ease-out), border-color .2s ease, box-shadow .2s ease, color .2s ease;justify-content:center;align-items:center;font-size:1rem;display:flex}.cmdk-theme:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cmdk-trigger{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;box-shadow:var(--shadow-lift);transition:transform .2s var(--ease-out), border-color .2s ease, box-shadow .2s ease, color .2s ease;align-items:center;gap:10px;padding:13px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.cmdk-trigger:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cmdk-trigger i{font-size:.9rem}.cmdk-trigger-key{background:var(--bg-raised);border:1px solid var(--border-color);letter-spacing:.5px;padding:3px 7px;font-size:.72rem}@media (width<=600px){.cmdk-dock{bottom:16px;right:16px}.cmdk-trigger{padding:13px}.cmdk-trigger-key{display:none}}.cmdk-overlay{z-index:10001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:flex-start;padding:14vh 20px 20px;animation:.18s cmdkFade;display:flex;position:fixed;inset:0}@keyframes cmdkFade{0%{opacity:0}to{opacity:1}}.cmdk-panel{background:var(--bg-surface);border:1px solid var(--border-strong);width:100%;max-width:600px;max-height:64vh;animation:cmdkPop .2s var(--ease-out);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 40px 90px -20px #000000b3}@keyframes cmdkPop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.cmdk-input-row{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px 18px;display:flex}.cmdk-input-row>i{color:var(--text-faint);font-size:1rem}.cmdk-input{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:1.05rem}.cmdk-input::placeholder{color:var(--text-faint)}.cmdk-esc{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border-color);padding:3px 7px;font-size:.65rem}.cmdk-list{scrollbar-width:thin;padding:8px;overflow-y:auto}.cmdk-section{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-faint);padding:12px 12px 6px;font-size:.66rem}.cmdk-item{width:100%;color:var(--text-secondary);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:14px;padding:11px 12px;font-size:.95rem;display:flex}.cmdk-item[data-active=true]{background:var(--bg-raised);color:var(--text-primary);border-left-color:var(--accent)}.cmdk-item-icon{text-align:center;width:18px;color:var(--accent);flex-shrink:0;font-size:.9rem}.cmdk-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cmdk-item-sub{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);border:1px solid var(--border-color);flex-shrink:0;padding:2px 7px;font-size:.66rem}.cmdk-item-enter{opacity:0;color:var(--text-faint);font-size:.8rem}.cmdk-item[data-active=true] .cmdk-item-enter{opacity:1}.cmdk-empty{text-align:center;color:var(--text-faint);font-family:var(--font-mono);padding:30px 14px;font-size:.9rem}.cmdk-footer{border-top:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-faint);gap:18px;padding:10px 16px;font-size:.68rem;display:flex}.cmdk-footer kbd{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-secondary);margin-right:3px;padding:1px 5px}:root{--bg-main:#0e0e11;--bg-surface:#17171b;--bg-raised:#202027;--bg-inset:#0a0a0c;--border-color:#2c2c34;--border-strong:#4a4a56;--text-primary:#f2efe8;--text-secondary:#9c978b;--text-faint:#6a675f;--accent:#ff3b30;--accent-rgb:255, 59, 48;--accent-deep:#e0241a;--cat-code:#5b9dff;--cat-video:#ff5a52;--cat-graphics:#c77dff;--cat-photos:#36d399;--cat-hardware:#ff9e45;--tape:#f2efe81a;--tape-edge:#ffffff1a;--grid-color:#ffffff09;--bg-line:#ffffff29;--shadow-soft:0 2px 10px #00000073;--shadow-lift:0 18px 44px -16px #000000bf;--shadow-hover:0 24px 55px -18px rgba(var(--accent-rgb), .45);--shadow-curtain:0 -24px 60px #0009;--glow-accent:0 0 28px rgba(var(--accent-rgb), .35);--media-bg:#202027;--gh-chart-filter:invert(1) hue-rotate(180deg) contrast(1.15);--radius-sm:0;--radius-md:0;--radius-lg:0;--font-display:"Sora", "Arial", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1)}body.light-theme{--bg-main:#edeae2;--bg-surface:#f7f5ef;--bg-raised:#fff;--bg-inset:#e4e1d8;--border-color:#cbc8bc;--border-strong:#1a1a1a;--text-primary:#16150f;--text-secondary:#5c5a51;--text-faint:#8a8678;--accent:#d91c1c;--accent-rgb:217, 28, 28;--accent-deep:#b01313;--cat-code:#05c;--cat-video:#d91c1c;--cat-graphics:#7a00cc;--cat-photos:#00802b;--cat-hardware:#e67e22;--tape:#78746438;--tape-edge:#0000001a;--grid-color:#0000000b;--bg-line:#0000002e;--shadow-soft:0 2px 10px #28241a1f;--shadow-lift:0 18px 40px -16px #28241a47;--shadow-hover:0 22px 50px -18px rgba(var(--accent-rgb), .3);--shadow-curtain:0 -24px 55px #28241a2e;--glow-accent:0 0 24px rgba(var(--accent-rgb), .22);--media-bg:#eceae2;--gh-chart-filter:contrast(1.15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:var(--bg-main);width:100%;max-width:100vw;color:var(--text-primary);font-family:var(--font-body);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);-webkit-backface-visibility:hidden;background-size:44px 44px;background-attachment:fixed;line-height:1.6;transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}.skip-link{z-index:100000;background:var(--accent);color:#fff;font-family:var(--font-mono);border-radius:var(--radius-sm);padding:12px 18px;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .2s;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{outline-offset:2px;outline:3px solid #fff;transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.container{z-index:10;box-sizing:border-box;width:100%;max-width:1140px;margin:0 auto;padding:0 40px;position:relative}@media (width<=768px){.container{padding:0 25px}}@media (width<=480px){.container{padding:0 18px}}img{width:100%;display:block}.massive-title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-primary);font-optical-sizing:auto;font-size:clamp(2.5rem,12vw,7rem);font-weight:700;line-height:1}.red-marker{background:linear-gradient(104deg, rgba(var(--accent-rgb), 0) 0.9%, rgba(var(--accent-rgb), .18) 2.4%, rgba(var(--accent-rgb), .34) 5.8%, rgba(var(--accent-rgb), .12) 93%, rgba(var(--accent-rgb), 0) 96%);color:var(--text-primary);padding:0 4px;font-style:italic}.glass-btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:transform .2s var(--ease-out), background .2s ease, color .2s ease, box-shadow .25s ease, border-color .2s ease;box-shadow:var(--shadow-soft);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:13px 26px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.glass-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.glass-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.glass-btn:disabled:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color);box-shadow:none;transform:none}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--glow-accent)}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}@media (width<=480px){.glass-btn{padding:11px 18px;font-size:.74rem}}.scrap-input{background:var(--bg-inset);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);border-radius:var(--radius-sm);width:100%;padding:14px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.scrap-input::placeholder{color:var(--text-faint)}.scrap-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .18);outline:none}.navbar-container{z-index:1000}.projects-grid,.archive-grid{grid-template-columns:1fr;gap:40px;width:100%;display:grid}::selection{background:rgba(var(--accent-rgb), .85);color:#fff}