:root{--lab-pink:#f472b6;--lab-blue:#38bdf8;--lab-purple:#a78bfa;--lab-green:#34d399;--lab-yellow:#fbbf24;--lab-red:#f87171;--lab-bg:#04080f;--lab-bg2:#080f1a;--lab-border:#111c2a;--lab-muted:#556070;--lab-text:#d4dce8;--lab-mono:"JetBrains Mono",monospace;--lab-sans:"Syne",system-ui,sans-serif}.lab-root{background:var(--lab-bg);min-height:100vh;position:relative}.lab-root:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#38bdf808 1px,#0000 1px),linear-gradient(90deg,#38bdf808 1px,#0000 1px),linear-gradient(#38bdf804 1px,#0000 1px),linear-gradient(90deg,#38bdf804 1px,#0000 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;position:fixed;inset:0}.lab-root:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 10% 0,#f472b614,#0000),radial-gradient(50% 60% at 90% 100%,#38bdf80f,#0000);position:fixed;inset:0}.lab-boot{z-index:9999;background:#02050a;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.lab-boot.done{opacity:0;visibility:hidden;pointer-events:none}.lab-boot-inner{width:min(520px,90vw)}.lab-boot-title{font-family:var(--lab-mono);color:var(--lab-green);letter-spacing:.12em;opacity:.7;margin-bottom:1.25rem;font-size:.72rem}.lab-boot-lines{font-family:var(--lab-mono);color:var(--lab-muted);min-height:152px;font-size:.76rem;line-height:1.9}.lab-boot-line{opacity:0;transition:opacity .2s,transform .2s;display:block;transform:translateY(4px)}.lab-boot-line.show{opacity:1;transform:translateY(0)}.lab-boot-bar-wrap{font-family:var(--lab-mono);color:var(--lab-muted);margin-top:1.25rem;font-size:.72rem;transition:opacity .3s}.lab-boot-bar-label{justify-content:space-between;margin-bottom:.4rem;display:flex}.lab-boot-bar-track{background:var(--lab-border);border-radius:2px;height:4px;overflow:hidden}.lab-boot-bar-fill{background:linear-gradient(90deg,var(--lab-blue),var(--lab-pink));border-radius:2px;height:100%;transition:width 80ms linear}.lab-nav{z-index:200;border-bottom:1px solid var(--lab-border);-webkit-backdrop-filter:blur(16px);background:#04080feb;position:sticky;top:0}.lab-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.85rem 2rem;display:flex}.lab-brand{font-family:var(--lab-mono);color:var(--lab-text);letter-spacing:.05em;flex-shrink:0;font-size:.88rem;font-weight:700;text-decoration:none}.lab-brand em{color:var(--lab-pink);font-style:normal}.lab-nav-status{font-family:var(--lab-mono);color:var(--lab-muted);align-items:center;gap:1.25rem;font-size:.67rem;display:flex}.lab-live{color:var(--lab-green);align-items:center;gap:.4rem;display:flex}.lab-blink{background:var(--lab-green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.4s ease-in-out infinite labBlink}@keyframes labBlink{0%,to{opacity:1}50%{opacity:.15}}.lab-uptime{color:var(--lab-blue);font-family:var(--lab-mono);font-size:.67rem}.lab-sep{color:var(--lab-border);-webkit-user-select:none;user-select:none}.lab-back{font-family:var(--lab-mono);color:var(--lab-muted);flex-shrink:0;font-size:.7rem;text-decoration:none;transition:color .2s}.lab-back:hover{color:var(--lab-pink)}.lab-main{z-index:1;opacity:0;max-width:1200px;margin:0 auto;padding:0 2rem 6rem;transition:opacity .5s;position:relative}.lab-main.visible{opacity:1}.lab-hero{padding:5rem 0 3.5rem;position:relative}.lab-hero:before{content:"";border-top:2px solid var(--lab-pink);border-left:2px solid var(--lab-pink);opacity:.4;width:60px;height:60px;position:absolute;top:3rem;left:-1rem}.lab-hero:after{content:"";border-bottom:2px solid var(--lab-blue);border-right:2px solid var(--lab-blue);opacity:.3;width:40px;height:40px;position:absolute;bottom:2rem;right:-1rem}.lab-eyebrow{font-family:var(--lab-mono);color:var(--lab-pink);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.72rem;display:flex}.lab-eyebrow:before{content:"";background:var(--lab-pink);width:24px;height:1px;display:inline-block}.lab-title{font-family:var(--lab-sans);letter-spacing:-.04em;color:#fff;cursor:default;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,10vw,7rem);font-weight:900;line-height:.9;display:inline-block;position:relative}.lab-title:before,.lab-title:after{content:attr(data-text);opacity:0;position:absolute;inset:0}.lab-title:before{color:var(--lab-blue);clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%)}.lab-title:after{color:var(--lab-pink);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}.lab-title:hover:before{animation:.4s steps(2,end) forwards labGlitch1}.lab-title:hover:after{animation:.4s steps(2,end) forwards labGlitch2}@keyframes labGlitch1{0%{opacity:.8;transform:translate(-3px)}50%{opacity:.6;transform:translate(3px)}to{opacity:0;transform:none}}@keyframes labGlitch2{0%{opacity:.7;transform:translate(3px,1px)}50%{opacity:.5;transform:translate(-3px,-1px)}to{opacity:0;transform:none}}.lab-hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-top:2rem;display:flex}.lab-hero-desc{font-family:var(--lab-mono);color:var(--lab-muted);max-width:460px;font-size:.8rem;line-height:1.9}.lab-stats{font-family:var(--lab-mono);color:var(--lab-muted);gap:2rem;font-size:.68rem;display:flex}.lab-stat-val{font-family:var(--lab-sans);color:var(--lab-text);font-size:1.5rem;font-weight:900;line-height:1;display:block}.lab-filters{border-bottom:1px solid var(--lab-border);flex-wrap:wrap;gap:.4rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.lab-filter-btn{font-family:var(--lab-mono);color:var(--lab-muted);cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #0000;border-radius:3px;padding:.3rem .75rem;font-size:.7rem;transition:all .15s}.lab-filter-btn:hover{color:var(--lab-text);border-color:var(--lab-border)}.lab-filter-btn.active{color:var(--lab-pink);border-color:var(--lab-pink);background:#f472b60f}.lab-section-label{font-family:var(--lab-mono);color:var(--lab-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.63rem;display:flex}.lab-section-label:after{content:"";background:var(--lab-border);flex:1;height:1px}.lab-bento{grid-template-rows:160px 160px 160px 160px 160px 160px 160px 160px;grid-template-columns:repeat(12,1fr);grid-template-areas:"pom pom pom pom tod tod tod san san ren ren ren""pom pom pom pom tod tod tod san san ren ren ren""pom pom pom pom tod tod tod cyb cyb cyb cyb cyb""pom pom pom pom tod tod tod cyb cyb cyb cyb cyb"". . . .tod tod tod cyb cyb cyb cyb cyb""aud aud aud aud aud dck dck dck dck dck dck dck""aud aud aud aud aud dck dck dck dck dck dck dck""aud aud aud aud aud dck dck dck dck dck dck dck";gap:10px;display:grid}.lc-pomodoro{grid-area:pom}.lc-todo{grid-area:tod}.lc-san{grid-area:san}.lc-render{grid-area:ren}.lc-cyber{grid-area:cyb}.lc-audit{grid-area:aud}.lc-deck{grid-area:dck}.lab-card{background:var(--lab-bg2);border:1px solid var(--lab-border);border-radius:12px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.lab-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px #00000080}.lab-card[data-cat=frontend]:hover{border-color:#38bdf866;box-shadow:0 0 30px #38bdf814}.lab-card[data-cat=security]:hover{border-color:#f8717166;box-shadow:0 0 30px #f8717114}.lab-card[data-cat=hardware]:hover{border-color:#34d39966;box-shadow:0 0 30px #34d39914}.lab-card[data-cat=ai]:hover{border-color:#a78bfa66;box-shadow:0 0 30px #a78bfa14}.lc-inner{z-index:2;flex-direction:column;height:100%;padding:1.25rem;display:flex;position:relative}.lc-header{justify-content:space-between;align-items:flex-start;margin-bottom:auto;display:flex}.lc-idx{font-family:var(--lab-mono);color:var(--lab-muted);letter-spacing:.08em;font-size:.6rem}.lc-badge{font-family:var(--lab-mono);letter-spacing:.06em;border-radius:3px;align-items:center;gap:.3rem;padding:.18rem .5rem;font-size:.58rem;display:flex}.lc-badge-live{border:1px solid var(--lab-green);color:var(--lab-green)}.lc-badge-wip{border:1px solid var(--lab-muted);color:var(--lab-muted)}.lc-badge-hardware{border:1px solid var(--lab-yellow);color:var(--lab-yellow)}.lc-badge-dot{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite labBlink}.lc-footer{margin-top:.75rem}.lc-name{font-family:var(--lab-sans);color:#fff;margin-bottom:.3rem;font-size:1rem;font-weight:800;line-height:1.2}.lc-name-sm{font-size:.85rem}.lc-name-lg{font-size:1.35rem}.lc-desc{font-family:var(--lab-mono);color:var(--lab-muted);margin-bottom:.6rem;font-size:.68rem;line-height:1.6}.lc-tags{flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem;display:flex}.lc-tag{font-family:var(--lab-mono);border:1px solid var(--lab-border);color:var(--lab-muted);letter-spacing:.04em;border-radius:2px;padding:.1rem .4rem;font-size:.58rem}.lc-links{gap:1rem;display:flex}.lc-link{font-family:var(--lab-mono);color:var(--lab-pink);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.67rem;text-decoration:none;transition:opacity .15s;display:flex}.lc-link:hover{opacity:.65}.lc-link-muted{color:var(--lab-muted);cursor:default;font-style:italic}.lc-clock-bg{opacity:.06;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lc-clock-ring{border:12px solid var(--lab-blue);border-radius:50%;width:140px;height:140px;position:relative}.lc-clock-ring:after{content:"";background:var(--lab-blue);transform-origin:bottom;width:4px;height:50px;animation:60s linear infinite labTick;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-100%)rotate(0)}@keyframes labTick{to{transform:translate(-50%)translateY(-100%)rotate(360deg)}}.lc-cyber-bg{background:linear-gradient(135deg,#0d0a1e 0%,#150a2d 100%)}.lc-cyber-glow{z-index:0;pointer-events:none;background:linear-gradient(135deg,#a78bfa14,#0000 60%);position:absolute;inset:0}.lc-san-bg{background:linear-gradient(135deg,#1a0d18 0%,#0f080f 100%)}.lc-scan-line{background:linear-gradient(90deg,transparent,var(--lab-red),transparent);opacity:0;z-index:1;pointer-events:none;height:2px;animation:3s ease-in-out infinite labScan;position:absolute;left:0;right:0}@keyframes labScan{0%{opacity:0;top:0%}5%{opacity:.5}95%{opacity:.3}to{opacity:0;top:100%}}.lc-terminal-bg{font-family:var(--lab-mono);color:var(--lab-red);opacity:.045;white-space:pre;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;padding:1rem;font-size:.52rem;line-height:1.8;position:absolute;inset:0;overflow:hidden}.lc-deck-layout{grid-template-columns:1fr 1fr;height:100%;display:grid}.lc-deck-photos{border-right:1px solid var(--lab-border);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid}.lc-deck-photo{font-family:var(--lab-mono);color:#34d39926;background:#0a1508;justify-content:center;align-items:center;font-size:.58rem;display:flex;position:relative;overflow:hidden}.lc-deck-photo:before{content:"";background-image:linear-gradient(#34d3990a 1px,#0000 1px),linear-gradient(90deg,#34d3990a 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.lc-deck-info{z-index:2;flex-direction:column;justify-content:center;padding:1.5rem;display:flex;position:relative}@media (max-width:900px){.lab-bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.lab-card{grid-area:auto!important}.lc-inner{min-height:200px}.lc-deck-layout{grid-template-columns:1fr}.lc-deck-photos{border-right:none;border-bottom:1px solid var(--lab-border);min-height:160px}}@media (max-width:600px){.lab-bento{grid-template-columns:1fr}.lab-main{padding:0 1rem 4rem}.lab-nav-status .lab-sep,.lab-nav-status .lab-uptime{display:none}}.lab-grid-filtered{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:auto;gap:10px;display:grid}.lab-grid-filtered .lab-card,.lab-grid-filtered .lc-pomodoro,.lab-grid-filtered .lc-todo,.lab-grid-filtered .lc-san,.lab-grid-filtered .lc-render,.lab-grid-filtered .lc-cyber,.lab-grid-filtered .lc-audit,.lab-grid-filtered .lc-deck{min-height:200px;grid-area:auto!important}.lab-grid-filtered .lc-deck-layout{grid-template-columns:1fr}.lab-grid-filtered .lc-deck-photos{border-right:none;border-bottom:1px solid var(--lab-border);min-height:160px}