:root{--bg-primary: #0a0a0a;--bg-card: #111111;--green: #00ff41;--cyan: #00d4ff;--amber: #ff9500;--text-dim: #9a9a9a;--text-bright: #e0e0e0;--border: #1a1a1a;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif;--glow-green: 0 0 10px rgba(0, 255, 65, .3), 0 0 20px rgba(0, 255, 65, .1);--glow-cyan: 0 0 10px rgba(0, 212, 255, .3), 0 0 20px rgba(0, 212, 255, .1);--glow-amber: 0 0 10px rgba(255, 149, 0, .3);--transition: .3s ease;--nav-height: 60px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00ff4126;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00ff414d}[data-theme=amber] ::-webkit-scrollbar-thumb{background:#ff950026}[data-theme=amber] ::-webkit-scrollbar-thumb:hover{background:#ff95004d}[data-theme=cyan] ::-webkit-scrollbar-thumb{background:#00d4ff26}[data-theme=cyan] ::-webkit-scrollbar-thumb:hover{background:#00d4ff4d}*{scrollbar-width:thin;scrollbar-color:rgba(0,255,65,.15) transparent}[data-theme=amber] *{scrollbar-color:rgba(255,149,0,.15) transparent}[data-theme=cyan] *{scrollbar-color:rgba(0,212,255,.15) transparent}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-bright);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--cyan);text-decoration:none;transition:color var(--transition),text-shadow var(--transition)}a:hover{text-shadow:var(--glow-cyan)}::selection{background:#00ff4133;color:var(--green)}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 3px)}@keyframes flicker{0%{opacity:1}3%{opacity:.95}6%{opacity:1}7%{opacity:.9}9%{opacity:1}50%{opacity:1}52%{opacity:.97}54%{opacity:1}to{opacity:1}}body.flicker{animation:flicker .15s ease-in-out}.boot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:1;transition:opacity .6s ease}.boot-overlay.fade-out{opacity:0;pointer-events:none}.boot-screen{width:90%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:20px;transition:transform .6s ease,opacity .4s ease}.boot-overlay.fade-out .boot-screen{transform:scale(.95);opacity:0}.boot-logo{display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono);font-size:clamp(6px,1.5vw,11px);line-height:1.3;color:var(--green);text-shadow:0 0 8px rgba(0,255,65,.3);white-space:pre;transition:text-shadow .4s ease}.boot-logo.glow-intense{text-shadow:0 0 10px rgba(0,255,65,.5),0 0 25px rgba(0,255,65,.3),0 0 45px rgba(0,255,65,.15)}.boot-logo-line{opacity:0;animation:logoLineIn .3s ease forwards}@keyframes logoLineIn{0%{opacity:0;transform:translateY(4px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.boot-progress{width:100%;max-width:400px;display:flex;align-items:center;gap:12px}.boot-progress-track{flex:1;height:3px;background:#00ff411a;border-radius:2px;overflow:hidden;position:relative}.boot-progress-fill{height:100%;background:var(--green);border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #00ff4166;position:relative}.boot-progress-fill.fast{transition:width .15s ease}.boot-progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));filter:blur(2px)}.boot-progress-pct{font-family:var(--font-mono);font-size:12px;color:var(--green);min-width:36px;text-align:right;text-shadow:0 0 6px rgba(0,255,65,.3)}.boot-lines{width:100%;color:var(--text-dim);font-size:11px;line-height:1.6;max-height:180px;overflow:hidden}.boot-lines .boot-line{opacity:0;animation:bootLineIn .15s ease forwards}@keyframes bootLineIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.boot-lines .ok{color:var(--green);opacity:.7}.boot-lines .info{color:var(--cyan);opacity:.9}.boot-lines .welcome{color:var(--cyan);opacity:1;font-weight:600;text-shadow:0 0 8px rgba(0,212,255,.3)}.boot-lines .warn{color:var(--amber)}.boot-cursor{color:var(--green);animation:blink .7s step-end infinite;display:inline-block;margin-top:2px;font-size:12px}@keyframes blink{50%{opacity:0}}.skip-boot{position:fixed;bottom:30px;right:30px;background:none;border:1px solid var(--text-dim);color:var(--text-dim);font-family:var(--font-mono);font-size:12px;padding:6px 14px;cursor:pointer;transition:all var(--transition);z-index:10001}.skip-boot:hover{color:var(--green);border-color:var(--green)}.boot-overlay.fade-out .skip-boot{opacity:0;pointer-events:none}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:#0a0a0aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:9000;display:flex;align-items:center;opacity:0;transition:opacity .5s ease}.navbar.visible{opacity:1}.nav-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:14px;font-weight:700;white-space:nowrap}.nav-prompt{color:var(--green)}.nav-at{color:var(--text-dim)}.nav-host{color:var(--cyan)}.nav-colon{color:var(--text-dim)}.nav-logo:hover{text-shadow:var(--glow-green)}.nav-menu{list-style:none;display:flex;gap:8px}.nav-link{font-size:13px;color:var(--text-dim);padding:6px 12px;border-radius:4px;transition:all var(--transition)}.nav-link:hover,.nav-link.active{color:var(--green);text-shadow:var(--glow-green);background:#00ff410d}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text-dim);transition:all var(--transition)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:var(--green)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background:var(--green)}.section{min-height:100vh;padding:100px 0 60px;position:relative}.section-container{max-width:1000px;margin:0 auto;padding:0 24px}.terminal-header{font-size:15px;color:var(--text-dim);margin-bottom:40px;padding-bottom:12px;border-bottom:1px solid var(--border)}.terminal-header .prompt{color:var(--green);font-weight:700}.subsection-title{font-size:13px;color:var(--text-dim);margin:40px 0 20px;letter-spacing:1px}.hero-section{display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:var(--nav-height);position:relative;overflow:hidden}.hero-container{max-width:1000px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:60px;z-index:2;position:relative}.hero-text{flex:1;opacity:0}.hero-prefix{font-size:14px;color:var(--text-dim);margin-bottom:12px}.hero-name{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--green);text-shadow:var(--glow-green);line-height:1.1;margin-bottom:20px;letter-spacing:2px}.shimmer{background:linear-gradient(90deg,var(--green) 0%,var(--green) 40%,#a0ffc0 50%,var(--green) 60%,var(--green) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerMove 4s ease-in-out infinite}@keyframes shimmerMove{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glitch:before{color:var(--cyan);z-index:-1;animation:glitch-1 3s infinite linear alternate-reverse}.glitch:after{color:var(--amber);z-index:-2;animation:glitch-2 2s infinite linear alternate-reverse}@keyframes glitch-1{0%,95%{clip-path:inset(0 0 0 0);transform:translate(0)}96%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,1px)}97%{clip-path:inset(50% 0 30% 0);transform:translate(2px,-1px)}98%{clip-path:inset(80% 0 5% 0);transform:translate(-1px,2px)}99%{clip-path:inset(10% 0 70% 0);transform:translate(1px,-2px)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-2{0%,95%{clip-path:inset(0 0 0 0);transform:translate(0)}96%{clip-path:inset(40% 0 40% 0);transform:translate(2px,-1px)}97%{clip-path:inset(70% 0 10% 0);transform:translate(-2px,1px)}98%{clip-path:inset(15% 0 65% 0);transform:translate(1px,2px)}99%{clip-path:inset(60% 0 20% 0);transform:translate(-1px,-1px)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}.hero-tagline{font-size:clamp(.9rem,2vw,1.2rem);color:var(--text-bright);margin-bottom:30px;min-height:1.8em;display:flex;align-items:center}.tagline-prompt{color:var(--cyan);font-weight:700}.typed-text{color:var(--text-bright)}.typed-cursor{color:var(--green);animation:blink .7s step-end infinite;font-weight:700}.hero-links{display:flex;gap:12px;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:13px;transition:all var(--transition)}.hero-btn svg{flex-shrink:0;opacity:.8;transition:opacity var(--transition)}.hero-btn:hover svg{opacity:1}.hero-btn:hover{background:#00ff411a;text-shadow:var(--glow-green);box-shadow:var(--glow-green);color:var(--green)}.hero-btn-primary{background:#00ff411f;border-color:var(--green);color:var(--green);font-weight:700;text-shadow:var(--glow-green);position:relative;overflow:hidden}.hero-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.15),transparent);animation:btnSheen 3s infinite}@keyframes btnSheen{0%{left:-100%}50%,to{left:100%}}.hero-btn-primary:hover{background:#00ff4133;box-shadow:0 0 15px #00ff4166,0 0 30px #00ff4126}.hero-photo{flex-shrink:0;opacity:0}.photo-frame{width:220px;height:220px;border:2px solid var(--green);border-radius:8px;overflow:hidden;position:relative;box-shadow:var(--glow-green)}.photo-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%) contrast(1.1)}.photo-frame.no-photo{display:flex;align-items:center;justify-content:center;background:var(--bg-card)}.photo-frame.no-photo:after{content:"> IMG_NOT_FOUND";color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.photo-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 3px);pointer-events:none}.matrix-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.04;pointer-events:none;overflow:hidden}.about-section{min-height:auto;padding-bottom:40px}.about-text{font-family:var(--font-sans);font-size:16px;line-height:1.8;color:var(--text-bright);margin-bottom:40px;max-width:700px}.highlight{color:var(--cyan);font-family:var(--font-mono);font-size:14px}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:20px 16px;text-align:center;transition:all var(--transition)}.stat-box:hover{border-color:var(--green);box-shadow:var(--glow-green)}.stat-number{display:block;font-size:28px;font-weight:700;color:var(--green);text-shadow:var(--glow-green);margin-bottom:6px}.stat-label{display:block;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.about-education{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--cyan);padding:16px 20px;border-radius:4px}.edu-icon{color:var(--cyan);font-weight:700;margin-right:8px}.edu-line{font-size:14px;font-weight:600;margin-bottom:4px}.edu-detail{font-size:13px;color:var(--text-dim)}.experience-section{min-height:auto}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:36px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-30px;top:6px;width:14px;height:14px;border-radius:50%;border:2px solid var(--green);background:var(--bg-primary);z-index:2;transition:all var(--transition)}.timeline-item:hover .timeline-marker{background:var(--green);box-shadow:var(--glow-green)}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:20px 24px;transition:all var(--transition)}.timeline-content:hover{border-color:#00ff414d}.timeline-header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;flex-wrap:wrap;gap:8px}.timeline-role{font-size:16px;font-weight:700;color:var(--green)}.timeline-date{font-size:12px;color:var(--text-dim);white-space:nowrap}.timeline-org{font-size:14px;color:var(--cyan);margin-bottom:10px}.timeline-details{list-style:none;padding:0}.timeline-details li{font-family:var(--font-sans);font-size:13px;color:var(--text-dim);line-height:1.6;padding-left:16px;position:relative;margin-bottom:4px}.timeline-details li:before{content:">";position:absolute;left:0;color:var(--green);font-family:var(--font-mono);font-weight:700}.projects-section{min-height:auto}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:24px;transition:all var(--transition);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--card-gradient, linear-gradient(90deg, var(--green), var(--cyan)));opacity:.7;transition:opacity var(--transition),height var(--transition)}.project-card:hover{border-color:#00ff414d;transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 20px #00ff410d}.project-card:hover:before{opacity:1;height:4px}.project-award{font-size:11px;color:var(--amber);font-weight:700;letter-spacing:1px;margin-bottom:8px;text-shadow:var(--glow-amber);display:flex;align-items:center;gap:8px}.award-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{box-shadow:0 0 #ff950080}50%{box-shadow:0 0 0 6px #ff950000}}.project-name{font-size:18px;font-weight:700;color:var(--green);margin-bottom:8px}.project-desc{font-family:var(--font-sans);font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:14px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag{font-size:11px;color:var(--cyan);border:1px solid rgba(0,212,255,.3);padding:2px 8px;border-radius:3px;white-space:nowrap}.project-links{display:flex;gap:10px}.project-link{font-size:12px;color:var(--text-dim);transition:color var(--transition)}.project-link:hover{color:var(--green);text-shadow:var(--glow-green)}.toggle-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:13px;padding:8px 18px;cursor:pointer;transition:all var(--transition);margin-bottom:20px}.toggle-btn:hover{color:var(--green);border-color:var(--green)}.other-projects.collapsed{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease}.other-projects.expanded{max-height:2000px;opacity:1;transition:max-height .5s ease,opacity .4s ease}.other-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card-mini{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:18px;transition:all var(--transition)}.project-card-mini:hover{border-color:#00ff414d;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.project-name-mini{font-size:14px;font-weight:700;color:var(--green);margin-bottom:6px}.project-desc-mini{font-family:var(--font-sans);font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:10px}.publications-list{display:flex;flex-direction:column;gap:20px}.publications-section{min-height:auto;padding:80px 0 60px}.publication-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:6px;padding:24px;transition:all var(--transition)}.publication-card:hover{border-color:#00d4ff4d;border-left-color:var(--cyan);box-shadow:0 4px 20px #0003}.pub-header-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}.pub-title{font-size:16px;font-weight:700;color:var(--green);line-height:1.4}.pub-date{font-size:12px;color:var(--text-dim);white-space:nowrap}.pub-meta{font-size:13px;margin-bottom:12px}.pub-authors{color:var(--text-bright);font-weight:600}.pub-separator{color:var(--text-dim)}.pub-journal{color:var(--cyan);font-style:italic}.pub-details{list-style:none;padding:0}.pub-details li{font-family:var(--font-sans);font-size:13px;color:var(--text-dim);line-height:1.6;padding-left:16px;position:relative;margin-bottom:4px}.pub-details li:before{content:">";position:absolute;left:0;color:var(--cyan);font-family:var(--font-mono);font-weight:700}.pub-links{margin-top:12px}.pub-doi-link{font-size:12px;color:var(--cyan);border:1px solid rgba(0,212,255,.3);padding:4px 12px;border-radius:4px;transition:all var(--transition);display:inline-block}.pub-doi-link:hover{background:#00d4ff14;box-shadow:var(--glow-cyan);text-shadow:var(--glow-cyan);color:var(--cyan)}.skills-section{min-height:auto}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:20px;transition:all var(--transition)}.skill-category:hover{border-color:#00ff414d}.skill-cat-title{font-size:13px;color:var(--cyan);font-weight:700;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);letter-spacing:1px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:12px;color:var(--text-bright);background:#00ff410d;border:1px solid rgba(0,255,65,.15);padding:4px 10px;border-radius:4px;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px}.skill-tag:hover{color:var(--green);border-color:var(--green);text-shadow:var(--glow-green);box-shadow:var(--glow-green)}.proficiency-dots{display:inline-flex;gap:3px;margin-left:2px}.prof-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#00ff4126;transition:all var(--transition)}.prof-dot.filled{background:var(--green);box-shadow:0 0 4px #00ff4166}.skill-tag:hover .prof-dot.filled{box-shadow:0 0 6px #00ff41cc}.skill-name{line-height:1}.contact-section{min-height:auto;padding-bottom:40px}.contact-text{font-family:var(--font-sans);font-size:18px;color:var(--text-bright);margin-bottom:30px}.contact-links{display:flex;flex-direction:column;gap:14px;max-width:500px}.contact-link{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:16px 20px;transition:all var(--transition);color:var(--text-bright)}.contact-link:hover{border-color:var(--green);box-shadow:var(--glow-green);color:var(--text-bright)}.contact-icon{color:var(--green);font-weight:700;font-size:14px;min-width:50px}.contact-info{font-size:14px;color:var(--text-dim);transition:color var(--transition)}.contact-link:hover .contact-info{color:var(--text-bright)}.footer-enhanced{border-top:1px solid var(--border);padding:40px 24px 100px;position:relative}.footer-enhanced:before{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,65,.3),transparent)}.footer-container{max-width:1000px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:30px;flex-wrap:wrap}.footer-brand{flex:1;min-width:200px}.footer-logo{font-size:14px;font-weight:700}.footer-tagline{font-size:12px;color:var(--text-dim);margin-top:8px}.footer-nav{display:flex;gap:16px;flex-wrap:wrap}.footer-nav-link{font-size:13px;color:var(--text-dim);transition:all var(--transition)}.footer-nav-link:hover{color:var(--green);text-shadow:var(--glow-green)}.footer-socials{display:flex;gap:12px}.footer-social-link{font-size:13px;color:var(--text-dim);border:1px solid var(--border);padding:4px 10px;border-radius:4px;transition:all var(--transition)}.footer-social-link:hover{color:var(--green);border-color:var(--green);box-shadow:var(--glow-green)}.footer-bottom{text-align:center;font-size:12px;color:var(--text-dim);padding-top:20px;border-top:1px solid var(--border)}.chatbot-widget{position:fixed;bottom:24px;right:24px;z-index:9999}.chatbot-toggle{width:52px;height:52px;border-radius:50%;border:2px solid var(--green);background:var(--bg-primary);color:var(--green);font-family:var(--font-mono);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.chatbot-toggle:hover{box-shadow:var(--glow-green);background:#00ff410d}.chatbot-toggle.pulse-ring{animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{box-shadow:0 0 #00ff4180}70%{box-shadow:0 0 0 14px #00ff4100}to{box-shadow:0 0 #00ff4100}}.chatbot-bubble{position:absolute;bottom:66px;right:-4px;cursor:pointer;animation:bubbleSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;z-index:1}@keyframes bubbleSlideIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble-content{background:var(--bg-card);border:1px solid var(--green);border-radius:8px;padding:12px 16px;min-width:230px;box-shadow:0 0 20px #00ff411a,0 8px 30px #0000004d;transition:border-color var(--transition),box-shadow var(--transition)}.chatbot-bubble:hover .bubble-content{border-color:var(--green);box-shadow:0 0 25px #00ff4133,0 8px 30px #0006}.bubble-text{font-family:var(--font-mono);font-size:12px;color:var(--green);line-height:1.6;margin:0;white-space:pre-wrap}.bubble-cursor{color:var(--green);animation:blink .7s step-end infinite;font-weight:700}.bubble-arrow{width:10px;height:10px;background:var(--bg-card);border-right:1px solid var(--green);border-bottom:1px solid var(--green);transform:rotate(45deg);position:absolute;bottom:-6px;right:22px}.chatbot-window{position:absolute;bottom:64px;right:0;width:380px;max-height:480px;background:var(--bg-primary);border:1px solid var(--green);border-radius:8px;display:flex;flex-direction:column;box-shadow:0 0 30px #00ff411a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatbot-window.hidden{display:none}.chatbot-window.fullscreen{position:fixed;top:20px;left:20px;right:20px;bottom:20px;width:auto;max-height:none;z-index:10001;border-radius:12px;box-shadow:0 0 60px #00ff4126,0 25px 80px #0009}.chatbot-window.fullscreen .chatbot-messages{max-height:none;flex:1}.chatbot-titlebar{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-card);gap:10px}.titlebar-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.dot:hover{opacity:.85;transform:scale(1.2)}.dot-red{background:#ff5f57}.dot-red:hover{box-shadow:0 0 6px #ff5f5799}.dot-yellow{background:#febc2e}.dot-yellow:hover{box-shadow:0 0 6px #febc2e99}.dot-green{background:#28c840}.dot-green:hover{box-shadow:0 0 6px #28c84099}.titlebar-text{flex:1;font-size:12px;color:var(--text-dim);text-align:center}.chatbot-close{background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:16px;cursor:pointer;transition:color var(--transition);line-height:1}.chatbot-close:hover{color:var(--amber)}.chatbot-clear{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;padding:2px 8px;border-radius:3px;cursor:pointer;transition:all var(--transition);letter-spacing:.5px}.chatbot-clear:hover{color:var(--amber);border-color:var(--amber)}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;max-height:340px}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#00ff4140;border-radius:2px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#00ff4173}.chat-msg{font-size:13px;line-height:1.5}.chat-prompt{font-size:12px;margin-bottom:2px;font-weight:700}.prompt-user{color:var(--green)}.prompt-visitor{color:var(--amber)}.prompt-at{color:var(--text-dim)}.prompt-host{color:var(--cyan)}.chat-body{padding-left:4px}.chat-msg.bot .chat-body{color:var(--green)}.chat-msg.user .chat-body{color:var(--amber)}.chatbot-input-row{display:flex;align-items:center;padding:10px 14px;border-top:1px solid var(--border);background:var(--bg-card);gap:8px}.chat-input-prompt{font-size:12px;font-weight:700;white-space:nowrap}.chatbot-input{flex:1;background:none;border:none;color:var(--amber);font-family:var(--font-mono);font-size:13px;outline:none}.chatbot-input::placeholder{color:var(--text-dim)}.chatbot-input:disabled{opacity:.5;cursor:not-allowed}.chat-starters{display:flex;flex-direction:column;gap:8px;margin-top:8px}.chat-starter-btn{background:#00ff410a;border:1px solid var(--border);border-radius:6px;color:var(--green);font-family:var(--font-mono);font-size:12px;padding:10px 14px;text-align:left;cursor:pointer;transition:all var(--transition);line-height:1.4}.chat-starter-btn:hover{border-color:var(--green);background:#00ff4114;box-shadow:0 0 10px #00ff4114}.starter-arrow{color:var(--text-dim);margin-right:6px}.chat-starter-btn:hover .starter-arrow{color:var(--green)}.chat-limit-msg{color:var(--amber)!important}.chat-limit-msg a{color:var(--cyan);text-decoration:underline;text-decoration-color:#00d4ff4d}.chat-limit-msg a:hover{text-shadow:var(--glow-cyan)}.back-to-top{position:fixed;bottom:90px;right:28px;z-index:9999;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-dim);font-family:var(--font-mono);font-size:16px;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.back-to-top.visible{opacity:1;pointer-events:all}.back-to-top:hover{color:var(--green);border-color:var(--green);box-shadow:var(--glow-green)}.typing-indicator{display:flex;gap:4px;padding-left:4px;align-items:center;height:20px}.typing-indicator span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);opacity:.4;animation:typingBounce 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.stream-cursor{display:inline-block;color:var(--green);font-weight:700;animation:streamBlink .6s step-end infinite;margin-left:1px}@keyframes streamBlink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-bold{color:var(--cyan);font-weight:700}.chat-list-item{padding-left:8px;margin:2px 0}.chat-list-num{color:var(--amber);font-weight:600;margin-right:4px}.chat-line-break{height:8px}.chat-link{color:var(--cyan);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#00d4ff66;transition:all var(--transition);cursor:pointer}.chat-link:hover{text-shadow:var(--glow-cyan);text-decoration-color:var(--cyan)}.chat-code{background:#00ff4114;color:var(--green);padding:1px 5px;border-radius:3px;font-size:.9em}.chat-codeblock{background:#0006;border:1px solid var(--border);border-radius:4px;padding:8px 10px;margin:4px 0;font-size:12px;line-height:1.5;overflow-x:auto;color:var(--green)}.chat-codeblock code{font-family:var(--font-mono)}.anim-fade-up{opacity:0;transform:translateY(30px)}@media(max-width:768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:var(--nav-height);left:0;width:100%;background:#0a0a0afa;flex-direction:column;padding:20px 24px;gap:4px;border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .4s ease}.nav-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.hero-container{flex-direction:column-reverse;text-align:center;gap:30px}.hero-links,.hero-tagline{justify-content:center}.about-stats{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}.other-projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.chatbot-window{width:calc(100vw - 48px);right:-12px}.chat-prompt,.chat-input-prompt{font-size:11px}}@media(max-width:480px){.hero-name{font-size:1.8rem}.about-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-number{font-size:22px}.other-projects-grid,.skills-grid{grid-template-columns:1fr}.timeline-header-row{flex-direction:column;gap:2px}.photo-frame{width:160px;height:160px}.footer-top{flex-direction:column;gap:20px;text-align:center}.footer-nav,.footer-socials{justify-content:center}.marquee-label{display:none}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;animation:scrollBounce 2s ease-in-out infinite}.scroll-arrow{display:block;width:14px;height:14px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg);opacity:.5}.scroll-arrow:first-child{opacity:.3}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.marquee-section{padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative;display:flex;align-items:center;gap:20px}.marquee-label{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);white-space:nowrap;padding-left:24px;flex-shrink:0}.marquee-label .prompt{color:var(--green);font-weight:700}.marquee-track{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.marquee-content{display:flex;gap:40px;white-space:nowrap;animation:marqueeScroll 30s linear infinite;width:max-content}.marquee-item{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);display:inline-flex;align-items:center;gap:10px;transition:color var(--transition)}.marquee-item:hover{color:var(--green)}.marquee-dot{width:5px;height:5px;border-radius:50%;background:var(--green);opacity:.5;flex-shrink:0}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-form-wrapper{margin-top:20px}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:16px}.form-row{display:flex;align-items:flex-start;gap:12px}.form-label{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);white-space:nowrap;min-width:100px;padding-top:8px}.form-prompt{color:var(--green);font-weight:700}.form-input{flex:1;background:#00ff4108;border:1px solid var(--border);border-radius:4px;color:var(--green);font-family:var(--font-mono);font-size:14px;padding:8px 12px;outline:none;transition:all var(--transition)}.form-input:focus{border-color:var(--green);box-shadow:0 0 10px #00ff411a}.form-input::placeholder{color:var(--text-dim);opacity:.5}.form-textarea{resize:vertical;min-height:80px;line-height:1.6}.form-submit{align-self:flex-start;background:#00ff4114;border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:14px;font-weight:700;padding:10px 24px;border-radius:4px;cursor:pointer;transition:all var(--transition);margin-top:4px}.form-submit:hover{background:#00ff4126;box-shadow:var(--glow-green);text-shadow:var(--glow-green)}[data-theme=amber]{--green: #ff9500;--glow-green: 0 0 10px rgba(255, 149, 0, .3), 0 0 20px rgba(255, 149, 0, .1)}[data-theme=cyan]{--green: #00d4ff;--glow-green: 0 0 10px rgba(0, 212, 255, .3), 0 0 20px rgba(0, 212, 255, .1)}[data-theme=amber] ::selection{background:#ff950033;color:var(--green)}[data-theme=cyan] ::selection{background:#00d4ff33;color:var(--green)}.cmd-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:cmdFadeIn .15s ease}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}.cmd-palette{width:90%;max-width:580px;background:var(--bg-primary);border:1px solid var(--green);border-radius:10px;box-shadow:0 0 40px #00ff411a,0 20px 60px #00000080;overflow:hidden;display:flex;flex-direction:column;max-height:60vh;animation:cmdSlideIn .2s cubic-bezier(.34,1.56,.64,1)}[data-theme=amber] .cmd-palette{border-color:var(--green);box-shadow:0 0 40px #ff95001a,0 20px 60px #00000080}[data-theme=cyan] .cmd-palette{border-color:var(--green);box-shadow:0 0 40px #00d4ff1a,0 20px 60px #00000080}@keyframes cmdSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-titlebar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card)}.cmd-title{font-family:var(--font-mono);font-size:13px;color:var(--green);font-weight:700}.cmd-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.cmd-output{flex:1;overflow-y:auto;padding:16px;font-family:var(--font-mono);font-size:13px;min-height:80px;max-height:35vh}.cmd-output::-webkit-scrollbar{width:4px}.cmd-output::-webkit-scrollbar-thumb{background:#00ff4140;border-radius:2px}.cmd-output::-webkit-scrollbar-thumb:hover{background:#00ff4173}.cmd-welcome{color:var(--text-dim);margin-bottom:12px;font-size:12px}.cmd-highlight{color:var(--green);font-weight:700}.cmd-entry{margin-bottom:12px}.cmd-entry-input{color:var(--green);font-weight:600}.cmd-prompt-text{color:var(--green);font-weight:700;margin-right:4px}.cmd-entry-output{color:var(--text-dim);margin-top:4px;white-space:pre-wrap;font-size:12px;line-height:1.6}.cmd-entry-output.error{color:var(--amber)}.cmd-input-row{display:flex;align-items:center;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-card);gap:8px}.cmd-input{flex:1;background:none;border:none;color:var(--green);font-family:var(--font-mono);font-size:14px;font-weight:500;outline:none;caret-color:var(--green)}.cmd-input::placeholder{color:var(--text-dim);opacity:.5}.resume-picker-wrap{position:relative;display:inline-block}.resume-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:var(--bg-primary);border:1px solid var(--green);border-radius:6px;overflow:hidden;min-width:220px;box-shadow:0 0 20px #00ff411a,0 8px 30px #0006;z-index:100;animation:cmdFadeIn .15s ease}.resume-option{display:block;width:100%;padding:10px 14px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);background:none;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;transition:all var(--transition);text-decoration:none}.resume-option:last-child{border-bottom:none}.resume-option:hover{background:#00ff4114;color:var(--green);text-shadow:var(--glow-green)}.resume-option-label{display:block;font-weight:600;color:var(--green);margin-bottom:2px}.resume-option-file{font-size:10px;color:var(--text-dim)}.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-pill{font-family:var(--font-mono);font-size:12px;padding:5px 14px;border:1px solid var(--border);border-radius:20px;background:none;color:var(--text-dim);cursor:pointer;transition:all var(--transition);white-space:nowrap}.filter-pill:hover{border-color:var(--green);color:var(--green)}.filter-pill.active{background:#00ff411f;border-color:var(--green);color:var(--green);text-shadow:var(--glow-green);box-shadow:var(--glow-green)}.filter-fade-in{animation:filterIn .35s ease both}@keyframes filterIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.project-card.filter-hidden,.project-card-mini.filter-hidden{display:none}.theme-switcher{display:flex;align-items:center;gap:6px;margin-left:12px}.theme-btn{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:all var(--transition);padding:0;background:none}.theme-btn:hover{transform:scale(1.2)}.theme-btn.active{border-color:currentColor;box-shadow:0 0 8px currentColor}.theme-btn[data-color=green]{background:#00ff41;color:#00ff41}.theme-btn[data-color=amber]{background:#ff9500;color:#ff9500}.theme-btn[data-color=cyan]{background:#00d4ff;color:#00d4ff}.marquee-section:hover .marquee-content{animation-play-state:paused}.marquee-item{cursor:default;position:relative}.marquee-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--green);border-radius:6px;padding:8px 12px;font-size:11px;color:var(--text-bright);white-space:nowrap;z-index:100;box-shadow:0 0 15px #00ff411a,0 4px 20px #0006;pointer-events:none;animation:cmdFadeIn .15s ease}.marquee-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--green)}.form-submit.sending{opacity:.7;cursor:wait}.form-submit.success{border-color:var(--green);color:var(--green);text-shadow:var(--glow-green)}.form-submit.error{border-color:#ff5f57;color:#ff5f57}.form-error{font-family:var(--font-mono);font-size:12px;color:#ff5f57;margin-top:4px}.form-field-error .form-input{border-color:#ff5f57}.map-section{min-height:auto;padding:80px 5% 40px}.map-subtitle{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);margin:8px 0 0;max-width:900px}.map-container{position:relative;width:100%;max-width:900px;margin:24px auto 0}.map-svg{width:100%;height:auto}.map-grid-dot{fill:#00ff410d}[data-theme=amber] .map-grid-dot{fill:#ffb0000d}[data-theme=cyan] .map-grid-dot{fill:#00d4ff0d}.map-state{fill:#00ff4104;stroke:#00ff411a;stroke-width:.15;transition:fill .3s ease}.map-state.visited{fill:#00ff410f}[data-theme=amber] .map-state{fill:#ffb00004;stroke:#ffb0001a}[data-theme=amber] .map-state.visited{fill:#ffb0000f}[data-theme=cyan] .map-state{fill:#00d4ff04;stroke:#00d4ff1a}[data-theme=cyan] .map-state.visited{fill:#00d4ff0f}.map-outline{stroke:#00ff4140;transition:stroke .3s ease}[data-theme=amber] .map-outline{stroke:#ffb00040}[data-theme=cyan] .map-outline{stroke:#00d4ff40}.map-arc-active{stroke:var(--green);stroke-width:.2;stroke-dasharray:1 .5;opacity:.35}.map-dot{fill:var(--green)}.map-dot.home{fill:var(--green);filter:drop-shadow(0 0 2px var(--green))}.map-dot.active{fill:var(--text-bright);filter:drop-shadow(0 0 3px var(--green))}.map-dot-hitarea{cursor:pointer}.map-dot-ring{fill:none;stroke:var(--green);stroke-width:.2;opacity:.5;animation:mapPulse 1.4s ease-out infinite}@keyframes mapPulse{0%{opacity:.6;transform-origin:center;stroke-width:.3}to{opacity:0;stroke-width:.05}}.map-home-ring{fill:none;stroke:var(--green);stroke-width:.12;opacity:.25;animation:mapHomeBreathe 3s ease-in-out infinite}@keyframes mapHomeBreathe{0%,to{opacity:.2}50%{opacity:.35}}.map-home-label{fill:var(--text-dim);font-family:var(--font-mono);pointer-events:none}.map-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 14px));pointer-events:none;z-index:100;background:var(--bg-primary);border:1px solid var(--green);border-radius:6px;padding:8px 12px;box-shadow:0 0 15px #00ff411a,0 4px 20px #00000080;display:flex;flex-direction:column;gap:3px;animation:cmdFadeIn .12s ease;white-space:nowrap}.map-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--green)}.map-tooltip-emoji{font-size:14px}.map-tooltip-label{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--green);text-shadow:var(--glow-green)}.map-tooltip-detail{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.map-legend{display:flex;align-items:center;gap:24px;max-width:900px;margin:12px auto 0;padding:0;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);position:relative;z-index:1}.map-legend-item{display:flex;align-items:center;gap:8px}.map-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.map-legend-dot.home{width:10px;height:10px;box-shadow:0 0 10px var(--green)}.map-legend-dot.visited{width:12px;height:8px;border-radius:2px;background:#00ff4126;border:1px solid rgba(0,255,65,.3);box-shadow:none}.map-legend-hint{font-style:italic;opacity:.5;margin-left:auto}@media(max-width:600px){.map-legend{flex-wrap:wrap;gap:10px}.map-legend-hint{margin-left:0;width:100%}}.status-bar-section{padding:0 5% 20px}.status-bar{max-width:700px;margin:0 auto;padding:14px 20px;background:#00ff4105;border:1px solid rgba(0,255,65,.08);border-radius:8px;font-family:var(--font-mono);font-size:12px;display:flex;flex-direction:column;gap:6px;animation:cmdFadeIn .5s ease}.status-line{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.status-line .status-prefix{color:var(--green);-webkit-user-select:none;user-select:none;flex-shrink:0}.status-line .status-key{color:var(--text-dim);min-width:60px;flex-shrink:0}.status-line .status-value{color:var(--text-bright)}.status-line .status-value a{color:var(--green);text-decoration:none}.status-line .status-value a:hover{text-shadow:var(--glow-green)}.status-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.status-indicator.online{background:#00ff41;box-shadow:0 0 8px #00ff4199;animation:pulse 2s ease-in-out infinite}.status-indicator.away{background:#ffb000;box-shadow:0 0 6px #ffb00066}.status-loading{padding:14px 20px;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}@media(max-width:600px){.status-bar{padding:10px 14px;font-size:11px}.status-line .status-key{min-width:50px}}.certs-section{min-height:auto;padding:80px 5% 0}.certs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.cert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;position:relative;transition:border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:6px}.cert-card:hover{border-color:var(--green);box-shadow:0 0 20px #00ff410f}.cert-verified{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--green);text-shadow:var(--glow-green);letter-spacing:1px}.cert-name{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--text-bright);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.cert-name:hover{color:var(--green);text-shadow:var(--glow-green)}.cert-issuer{font-family:var(--font-mono);font-size:12px;color:var(--cyan, #00d4ff)}.cert-sep{color:var(--text-dim);margin:0 2px}.cert-desc{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);line-height:1.5;margin-top:4px}.cert-bullet{color:var(--green);margin-right:4px;-webkit-user-select:none;user-select:none}.cert-link{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);text-decoration:none;margin-top:8px;transition:color .2s ease;align-self:flex-start}.cert-link:hover{color:var(--green);text-shadow:var(--glow-green)}@media(max-width:768px){.certs-grid{grid-template-columns:1fr}}.github-section{min-height:auto;padding:20px 5% 80px}.heatmap-loading,.heatmap-error{padding:40px 0;text-align:center}.heatmap-loading-text{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);animation:blink-caret 1s step-end infinite}.heatmap-error-text{font-family:var(--font-mono);font-size:14px;color:#ff5f57}.heatmap-container{margin-top:24px;overflow-x:auto;padding-bottom:8px}.heatmap-months{display:grid;grid-template-columns:30px repeat(52,1fr);gap:0;margin-bottom:4px;padding-left:0}.heatmap-day-spacer{width:30px}.heatmap-month-label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);white-space:nowrap}.heatmap-grid-wrap{display:flex;gap:4px}.heatmap-day-labels{display:grid;grid-template-rows:repeat(7,1fr);gap:3px;width:30px;flex-shrink:0}.heatmap-day-label{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);display:flex;align-items:center;height:13px}.heatmap-grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;flex:1}.heatmap-cell{width:13px;height:13px;border-radius:2px;transition:transform .15s ease,box-shadow .15s ease;cursor:crosshair}.heatmap-cell:hover{transform:scale(1.4);z-index:2}.heatmap-cell.level-0{background:#00ff410a;border:1px solid rgba(0,255,65,.06)}.heatmap-cell.level-1{background:#00ff4126;border:1px solid rgba(0,255,65,.2)}.heatmap-cell.level-2{background:#00ff414d;border:1px solid rgba(0,255,65,.35);box-shadow:0 0 4px #00ff411a}.heatmap-cell.level-3{background:#00ff4180;border:1px solid rgba(0,255,65,.55);box-shadow:0 0 6px #00ff4126}.heatmap-cell.level-4{background:#00ff41bf;border:1px solid rgba(0,255,65,.8);box-shadow:0 0 10px #00ff4140}.heatmap-cell.level-4:hover{box-shadow:0 0 16px #00ff4166}[data-theme=amber] .heatmap-cell.level-0{background:#ffb0000a;border-color:#ffb0000f}[data-theme=amber] .heatmap-cell.level-1{background:#ffb00026;border-color:#ffb00033}[data-theme=amber] .heatmap-cell.level-2{background:#ffb0004d;border-color:#ffb00059;box-shadow:0 0 4px #ffb0001a}[data-theme=amber] .heatmap-cell.level-3{background:#ffb00080;border-color:#ffb0008c;box-shadow:0 0 6px #ffb00026}[data-theme=amber] .heatmap-cell.level-4{background:#ffb000bf;border-color:#ffb000cc;box-shadow:0 0 10px #ffb00040}[data-theme=amber] .heatmap-cell.level-4:hover{box-shadow:0 0 16px #ffb00066}[data-theme=cyan] .heatmap-cell.level-0{background:#00d4ff0a;border-color:#00d4ff0f}[data-theme=cyan] .heatmap-cell.level-1{background:#00d4ff26;border-color:#00d4ff33}[data-theme=cyan] .heatmap-cell.level-2{background:#00d4ff4d;border-color:#00d4ff59;box-shadow:0 0 4px #00d4ff1a}[data-theme=cyan] .heatmap-cell.level-3{background:#00d4ff80;border-color:#00d4ff8c;box-shadow:0 0 6px #00d4ff26}[data-theme=cyan] .heatmap-cell.level-4{background:#00d4ffbf;border-color:#00d4ffcc;box-shadow:0 0 10px #00d4ff40}[data-theme=cyan] .heatmap-cell.level-4:hover{box-shadow:0 0 16px #00d4ff66}.heatmap-cell.legend{width:11px;height:11px;cursor:default}.heatmap-cell.legend:hover{transform:none}.heatmap-stats{display:flex;align-items:center;gap:32px;margin-top:20px;flex-wrap:wrap}.heatmap-stat{display:flex;align-items:baseline;gap:6px}.heatmap-stat-value{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--green);text-shadow:var(--glow-green)}.heatmap-stat-label{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.heatmap-legend{display:flex;align-items:center;gap:4px;margin-left:auto}.heatmap-legend-label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);margin:0 4px}@media(max-width:768px){.heatmap-grid-wrap{min-width:700px}.heatmap-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.heatmap-stats{gap:16px}.heatmap-legend{margin-left:0;width:100%;justify-content:flex-start;margin-top:8px}}.status-eq{display:inline-flex;align-items:flex-end;gap:1.5px;height:10px;margin-right:6px;vertical-align:middle;flex-shrink:0}.status-eq-bar{width:2px;background:#1db954;border-radius:1px;animation:eqBounce .8s ease-in-out infinite alternate}.status-eq-bar:nth-child(1){height:3px;animation-delay:0s}.status-eq-bar:nth-child(2){height:6px;animation-delay:.15s}.status-eq-bar:nth-child(3){height:5px;animation-delay:.3s}@keyframes eqBounce{0%{height:2px}to{height:10px}}.status-spotify-value a{color:var(--green);text-decoration:none}.status-spotify-value a:hover{text-shadow:var(--glow-green)}.status-indicator.busy{background:#ff5f57;box-shadow:0 0 8px #ff5f5780;animation:pulse 2s ease-in-out infinite}.cursor-glow{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,65,.06) 0%,rgba(0,255,65,.02) 30%,transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}