/* ===========================================
   MAIN SITE STYLES
   =========================================== */
   :root{--bg:#06080f;--bg2:#0c1018;--text:#f0f2f5;--sub:#8a95a8;--accent:#00e1ff;--accent2:#6366f1;--accent3:#a855f7;--card:rgba(12,16,24,0.65);--border:rgba(255,255,255,0.08);--cardH:rgba(255,255,255,0.07);--glow:rgba(0,225,255,0.15);--glowS:rgba(0,225,255,0.4)}
   .light-mode{--bg:#f4f6fb;--bg2:#fff;--text:#0a0f1a;--sub:#5a6578;--accent:#0066ff;--accent2:#4f46e5;--accent3:#9333ea;--card:rgba(255,255,255,0.7);--border:rgba(0,0,0,0.06);--cardH:rgba(255,255,255,0.95);--glow:rgba(0,102,255,0.08);--glowS:rgba(0,102,255,0.2)}
   *{margin:0;padding:0;box-sizing:border-box}
   body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background .6s,color .6s}
   @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}#preloader{display:none!important}#app{opacity:1!important}.rv{opacity:1!important;transform:none!important}body{overflow:auto!important;overflow-x:hidden!important}}
   
   /* PRELOADER */
   #preloader{position:fixed;inset:0;background:var(--bg);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .6s}
   .pre-line{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--sub);opacity:0}
   .pre-ctr{font-family:'JetBrains Mono',monospace;font-size:72px;font-weight:700;color:var(--text);line-height:1;margin:16px 0;opacity:0}
   .pre-bar{width:200px;height:1px;background:var(--border);position:relative;overflow:hidden;opacity:0}
   .pre-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--accent);box-shadow:0 0 20px var(--glowS)}
   .pre-stage{margin-top:24px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--accent);opacity:0;height:14px}
   
   #bgC{position:fixed;inset:0;z-index:0}
   .mesh{position:fixed;inset:0;z-index:-1;opacity:.4}
   .mesh div{position:absolute;border-radius:50%;filter:blur(100px)}
   .mesh .b1{width:50vw;height:50vw;background:var(--accent);opacity:.08;top:-15%;left:-10%;animation:mf1 20s ease-in-out infinite}
   .mesh .b2{width:40vw;height:40vw;background:var(--accent2);opacity:.06;bottom:-10%;right:-10%;animation:mf2 25s ease-in-out infinite}
   .mesh .b3{width:35vw;height:35vw;background:var(--accent3);opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%);animation:mf3 18s ease-in-out infinite}
   @keyframes mf1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(5vw,8vh) scale(1.1)}66%{transform:translate(-3vw,-5vh) scale(.95)}}
   @keyframes mf2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-8vw,-4vh) scale(1.15)}66%{transform:translate(4vw,6vh) scale(.9)}}
   @keyframes mf3{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-45%,-55%) scale(1.2)}}
   .noise{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}
   .cg{position:fixed;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,var(--glow) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}
   .cg.on{opacity:1}
   .cd{position:fixed;width:6px;height:6px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),background .25s,border .25s}
   .cd.hov{width:44px;height:44px;background:transparent;border:1.5px solid var(--accent);opacity:.5}
   @media(pointer:coarse){.cg,.cd{display:none!important}}
   .sbar{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent2));z-index:1000}
   
   /* TOP BUTTONS */
   .top-btns{position:fixed;top:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:0;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;transition:all .3s}
   .tbtn{width:32px;height:32px;border:none;background:transparent;color:var(--sub);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all .2s;padding:0;position:relative}
   .tbtn:hover{color:var(--accent)}
   .tbtn .trophy-btn-dot{position:absolute;top:4px;right:4px}
   .tb-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--sub);cursor:pointer;font-size:14px;line-height:32px;text-align:center;padding:0;transition:color .2s}
   .tb-toggle:hover{color:var(--accent)}
   .top-btns .tbtn{height:0;overflow:hidden;opacity:0;transition:height .25s ease,opacity .2s}
   .top-btns.expanded .tbtn{height:32px;opacity:1}
   .top-btns.expanded .tbtn[style*="display:none"]{height:0!important;opacity:0!important}
   .top-btns.expanded{box-shadow:0 8px 24px rgba(0,0,0,.2)}
   .tbtn.active{color:var(--accent);background:rgba(0,225,255,0.12);box-shadow:0 0 10px rgba(0,225,255,0.15) inset}
   .light-mode .tbtn.active{color:var(--accent);background:rgba(0,102,255,0.1);box-shadow:0 0 10px rgba(0,102,255,0.1) inset}
   .tbtn:hover,.tbtn:focus-visible{color:var(--accent);border-color:var(--accent);transform:rotate(20deg) scale(1.05);outline:none}
   .lang-btn{font-size:11px;font-weight:700;font-family:'JetBrains Mono',monospace}
   .lang-btn:hover,.lang-btn:focus-visible{transform:scale(1.05);rotate:0deg}
   
   #app{position:relative;z-index:2;width:100%;max-width:480px;margin:0 auto;padding:48px 24px 120px;opacity:0}
   .rv{opacity:0;transform:translateY(30px)}
   
   /* STATUS */
   .st{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:100px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sub)}
   .sd{width:6px;height:6px;border-radius:50%;position:relative;flex-shrink:0}
   .sd::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:inherit;opacity:.4;animation:sp 2s ease-in-out infinite}
   @keyframes sp{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(2);opacity:0}}
   
   .pf{position:relative;width:120px;height:120px;margin:24px auto 8px;cursor:pointer}
   .pf svg{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}
   .pf svg circle{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:8 6;animation:rr 12s linear infinite;transform-origin:center}
   @keyframes rr{to{transform:rotate(360deg)}}
   .pfi{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;z-index:2}
   .pfi img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
   .pf:hover .pfi img{transform:scale(1.08)}
   .fc{perspective:1000px;width:100%;height:100%;border-radius:50%}
   .fi{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}
   .fi.flipped{transform:rotateY(180deg)}
   .ff,.fb{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;overflow:hidden}
   .fb{transform:rotateY(180deg);background:var(--bg2);display:flex;align-items:center;justify-content:center;border:2px solid var(--border)}
   .qb{position:absolute;bottom:2px;right:2px;width:24px;height:24px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .3s cubic-bezier(.16,1,.3,1)}
   .pf:hover .qb{transform:scale(1.15)}
   .qb i{font-size:10px;color:var(--bg)}
   .ph{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--sub);opacity:.4;text-align:center;letter-spacing:1px;margin-bottom:20px}
   
   .hn{font-size:28px;font-weight:800;text-align:center;letter-spacing:-.5px;line-height:1.2}
   .ng{background:linear-gradient(135deg,var(--accent),var(--accent2));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ns 6s ease-in-out infinite}
   @keyframes ns{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
   .sg{color:var(--accent);opacity:.5}
   .vp{text-align:center;font-size:14px;color:var(--sub);line-height:1.6;margin:12px 0 4px;max-width:380px;margin-left:auto;margin-right:auto}
   .vp strong{color:var(--text);font-weight:600}
   .rl{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
   .rt{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:4px;background:var(--card);border:1px solid var(--border);color:var(--sub);backdrop-filter:blur(10px);transition:all .3s}
   .rt:hover{border-color:var(--accent);color:var(--accent)}
   
   /* IMPACT STRIP */
   .imp{display:flex;justify-content:center;gap:24px;margin:20px 0 4px;flex-wrap:wrap}
   .imp-item{text-align:center}.imp-num{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;color:var(--accent);line-height:1.2}
   .imp-label{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sub);margin-top:2px}
   
   /* WEATHER WIDGET */
   .weather-widget{position:absolute;top:16px;left:16px;z-index:100;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:20px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--sub);opacity:0;transition:opacity .5s;cursor:default}
   .weather-widget.show{opacity:1}
   .weather-icon{font-size:16px;line-height:1}
   .weather-temp{font-weight:600;color:var(--text)}
   .weather-desc{font-size:7px;letter-spacing:.5px;opacity:.6}
   /* SOCIAL PROOF TICKER */
   .ticker-wrap{overflow:hidden;margin:16px -24px 0;position:relative}
   .ticker-wrap::before,.ticker-wrap::after{content:'';position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}
   .ticker-wrap::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
   .ticker-wrap::after{right:0;background:linear-gradient(90deg,transparent,var(--bg))}
   .light-mode .ticker-wrap::before{background:linear-gradient(90deg,var(--bg),transparent)}
   .light-mode .ticker-wrap::after{background:linear-gradient(90deg,transparent,var(--bg))}
   .ticker{display:flex;animation:tickScroll 90s linear infinite;width:max-content}
   .ticker:hover{animation-play-state:paused}
   .tq{flex-shrink:0;padding:10px 24px;font-size:12px;color:var(--sub);font-style:italic;white-space:nowrap}
   .tq strong{color:var(--text);font-style:normal;font-weight:600;font-size:10px}
   @keyframes tickScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
   
   /* CONFERENCE BADGES */
   .conf-strip{display:flex;align-items:center;gap:16px;margin:12px 0 4px;overflow-x:auto;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;flex-wrap:wrap}
   .conf-strip::-webkit-scrollbar{display:none}
   .conf-badge{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:100px;background:var(--card);border:1px solid var(--border);color:var(--sub);white-space:nowrap;transition:all .3s;backdrop-filter:blur(10px)}
   .conf-badge:hover{border-color:var(--accent);color:var(--accent)}
   
   .sr{display:flex;gap:20px;justify-content:center;margin:24px 0 28px}
   .si{color:var(--sub);font-size:20px;transition:color .3s,transform .3s cubic-bezier(.16,1,.3,1);position:relative;text-decoration:none}
   .si:hover,.si:focus-visible{transform:translateY(-3px);outline:none}
   .si::after{content:'';position:absolute;bottom:-6px;left:50%;width:0;height:2px;background:var(--accent);border-radius:1px;transform:translateX(-50%);transition:width .3s cubic-bezier(.16,1,.3,1)}
   .si:hover::after,.si:focus-visible::after{width:20px}
   
   .lk{display:flex;align-items:center;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-decoration:none;color:var(--text);position:relative;overflow:hidden;transition:background .3s,border-color .3s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;will-change:transform}
   .lk:hover,.lk:focus-visible{background:var(--cardH);border-color:rgba(0,225,255,.12);box-shadow:0 8px 32px -8px var(--glow),0 0 0 1px var(--border);outline:none}
   .light-mode .lk:hover,.light-mode .lk:focus-visible{border-color:rgba(0,102,255,.15);box-shadow:0 8px 32px -8px rgba(0,0,0,.08)}
   .ls{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;z-index:0}
   .lk:hover .ls{opacity:1}
   .lm{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,var(--glow) 50%,transparent 60%);transform:translateX(-100%);pointer-events:none;z-index:1}
   .lk:hover .lm{animation:shm .8s ease forwards}
   @keyframes shm{to{transform:translateX(100%)}}
   .li{width:44px;height:44px;border-radius:12px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0;position:relative;z-index:2;transition:border-color .3s}
   .lk:hover .li{border-color:rgba(0,225,255,.15)}
   .li img{width:26px;height:26px;object-fit:contain}
   .li .fbi{display:none;font-size:18px}
   .lb{flex:1;position:relative;z-index:2}.lt{font-weight:600;font-size:14px}
   .lsu{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--sub);margin-top:2px}
   .la{color:var(--sub);font-size:13px;position:relative;z-index:2;transition:color .3s,transform .3s cubic-bezier(.16,1,.3,1);opacity:.4}
   .lk:hover .la{opacity:1;color:var(--accent);transform:translateX(3px)}
   
   .nd{display:flex;align-items:center;gap:12px;margin:32px 0 16px;opacity:.3}
   .ndl{flex:1;height:1px;background:var(--sub)}
   .ndt{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--accent);white-space:nowrap}
   .nl{display:flex;align-items:center;padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);text-decoration:none;color:var(--sub);font-size:13px;font-weight:500;position:relative;overflow:hidden;transition:background .3s,color .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1)}
   .nl:hover,.nl:focus-visible{background:var(--cardH);color:var(--text);transform:translateX(4px);outline:none}
   .ni{width:28px;display:flex;justify-content:center;flex-shrink:0;font-size:14px}
   .nlb{flex:1;position:relative}
   .nlb::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .4s cubic-bezier(.16,1,.3,1)}
   .nl:hover .nlb::after{width:100%}
   .ne{font-size:10px;opacity:.3;transition:opacity .3s}.nl:hover .ne{opacity:.7}
   
   /* CTA */
   .vcb{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:12px;background:rgba(0,225,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,225,255,0.2);color:var(--text);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .4s,border-color .3s;margin-bottom:4px;text-decoration:none;box-shadow:0 4px 16px rgba(0,225,255,0.08),inset 0 1px 0 rgba(255,255,255,0.1)}
   .vcb:hover,.vcb:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px -4px var(--glowS),inset 0 1px 0 rgba(255,255,255,0.15);border-color:rgba(0,225,255,0.35);outline:none;background:rgba(0,225,255,0.15)}
   .light-mode .vcb{background:rgba(0,102,255,0.08);border-color:rgba(0,102,255,0.15);box-shadow:0 4px 16px rgba(0,102,255,0.06),inset 0 1px 0 rgba(255,255,255,0.4)}
   .light-mode .vcb:hover,.light-mode .vcb:focus-visible{background:rgba(0,102,255,0.12);border-color:rgba(0,102,255,0.3);box-shadow:0 8px 24px rgba(0,102,255,0.1),inset 0 1px 0 rgba(255,255,255,0.5)}
   .vcb:active{transform:translateY(0) scale(.98)}
   .vcb i{font-size:14px;transition:transform .3s}.vcb:hover i{transform:translateY(2px)}
   .vcb-shim{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);transform:translateX(-100%);pointer-events:none}
   .vcb:hover .vcb-shim{animation:shm .8s ease forwards}
   .vcb-done{background:rgba(34,197,94,0.15)!important;border-color:rgba(34,197,94,0.3)!important}
   
   #contactSecret{max-height:0;overflow:hidden;opacity:0;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .5s,margin .4s;margin:0}
   #contactSecret.revealed{max-height:200px;opacity:1;margin:8px 0 4px}
   #contactSecret .sr{margin:8px 0 12px}
   .shake-hint{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sub);opacity:.25;text-align:center;transition:opacity .4s;margin-bottom:4px;display:none}
   .shake-hint.shaking{opacity:.6;animation:shakeHintPulse 1s ease-in-out infinite}
   .shake-hint.unlocked{opacity:.8;color:var(--accent)}
   @keyframes shakeHintPulse{0%,100%{opacity:.4}50%{opacity:.8}}
   .desk-hint{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sub);opacity:.2;text-align:center;margin-top:2px;margin-bottom:4px;display:none}
   .shake-bar{width:100%;height:2px;border-radius:1px;background:var(--border);margin:4px 0 0;overflow:hidden;opacity:0;transition:opacity .3s}
   .shake-bar.active{opacity:1}
   .shake-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:1px;transition:width .15s linear}
   
   /* EASTER EGG — Glassmorphism */
   #easterEgg {
     position: fixed; inset: 0; z-index: 9999;
     background: rgba(4,8,16,.5);
     display: flex; align-items: center; justify-content: center;
     opacity: 0; visibility: hidden;
     transition: opacity .4s ease, visibility .4s ease;
     backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
     pointer-events: none;
   }
   #easterEgg.show { opacity: 1; visibility: visible; pointer-events: auto; }

   .egg-card {
     position: relative; overflow: hidden;
     max-width: 400px; width: 92%; padding: 36px 32px 28px;
     border-radius: 28px; text-align: center;
     background: rgba(12,18,32,.58);
     backdrop-filter: blur(40px) saturate(1.5); -webkit-backdrop-filter: blur(40px) saturate(1.5);
     border: 1px solid rgba(255,255,255,.1);
     box-shadow:
       0 8px 40px rgba(0,0,0,.5),
       0 0 0 1px rgba(0,225,255,.04),
       inset 0 1px 0 rgba(255,255,255,.08);
     transform: scale(.85) translateY(16px);
     transition: transform .55s cubic-bezier(.16,1,.3,1), opacity .4s ease;
   }
   #easterEgg.show .egg-card { transform: scale(1) translateY(0); }

   .egg-glow {
     position: absolute; top: -40%; left: -20%; width: 140%; height: 100%;
     background: radial-gradient(ellipse at 50% 0%, rgba(0,225,255,.1) 0%, transparent 60%);
     pointer-events: none; z-index: 0;
   }

   .egg-emoji {
     position: relative; z-index: 1;
     font-size: 56px; margin-bottom: 16px;
     filter: drop-shadow(0 4px 12px rgba(0,225,255,.2));
     animation: eggFloat 3s ease-in-out infinite;
   }
   @keyframes eggFloat {
     0%, 100% { transform: translateY(0); }
     50% { transform: translateY(-6px); }
   }

   .egg-title {
     position: relative; z-index: 1;
     font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 700;
     letter-spacing: 2.5px; text-transform: uppercase;
     color: #00e1ff; margin-bottom: 14px;
     text-shadow: 0 0 24px rgba(0,225,255,.35);
   }

   .egg-text {
     position: relative; z-index: 1;
     font-size: 14px; color: #cbd5e1; line-height: 1.7;
     margin-bottom: 20px;
   }

   .egg-download {
     position: relative; z-index: 1;
     display: inline-flex; align-items: center; gap: 10px;
     font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 600;
     letter-spacing: 1px; text-transform: uppercase; text-decoration: none;
     padding: 14px 28px; border-radius: 16px;
     color: #00e1ff;
     background: linear-gradient(135deg, rgba(0,225,255,.12), rgba(99,102,241,.08));
     border: 1px solid rgba(0,225,255,.25);
     backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
     box-shadow: 0 4px 20px rgba(0,225,255,.12);
     transition: all .3s cubic-bezier(.16,1,.3,1);
     cursor: pointer;
   }
   .egg-download i { font-size: 16px; }
   .egg-download:hover {
     background: linear-gradient(135deg, rgba(0,225,255,.22), rgba(99,102,241,.14));
     border-color: rgba(0,225,255,.5);
     box-shadow: 0 6px 28px rgba(0,225,255,.22);
     transform: translateY(-2px);
     color: #00e1ff;
   }
   .egg-download:active { transform: translateY(0) scale(.98); }

   .egg-footnote {
     position: relative; z-index: 1;
     font-size: 11px; color: rgba(148,163,184,.5);
     line-height: 1.6; margin-top: 18px;
     padding-top: 16px;
     border-top: 1px solid rgba(255,255,255,.06);
   }

   .egg-close {
     position: relative; z-index: 1;
     margin-top: 16px;
     font-family: 'JetBrains Mono', monospace; font-size: 10px;
     color: rgba(148,163,184,.35); cursor: pointer;
     transition: color .2s, opacity .2s;
   }
   .egg-close:hover { color: #00e1ff; opacity: 1; }

   /* Light-mode glass */
   .light-mode #easterEgg { background: rgba(220,230,245,.35); }
   .light-mode .egg-card {
     background: rgba(255,255,255,.55);
     backdrop-filter: blur(40px) saturate(1.6); -webkit-backdrop-filter: blur(40px) saturate(1.6);
     border-color: rgba(255,255,255,.5);
     box-shadow: 0 8px 40px rgba(0,0,0,.08), 0 0 0 1px rgba(0,102,255,.05), inset 0 1px 0 rgba(255,255,255,.7);
   }
   .light-mode .egg-glow { background: radial-gradient(ellipse at 50% 0%, rgba(0,102,255,.06) 0%, transparent 60%); }
   .light-mode .egg-emoji { filter: drop-shadow(0 4px 12px rgba(0,102,255,.12)); }
   .light-mode .egg-title { color: #0066ff; text-shadow: none; }
   .light-mode .egg-text { color: #475569; }
   .light-mode .egg-download {
     color: #0066ff;
     background: linear-gradient(135deg, rgba(0,102,255,.08), rgba(99,102,241,.05));
     border-color: rgba(0,102,255,.25);
     box-shadow: 0 4px 20px rgba(0,102,255,.08);
   }
   .light-mode .egg-download:hover {
     background: linear-gradient(135deg, rgba(0,102,255,.16), rgba(99,102,241,.1));
     border-color: rgba(0,102,255,.4);
     box-shadow: 0 6px 28px rgba(0,102,255,.16);
     color: #0066ff;
   }
   .light-mode .egg-footnote { color: rgba(71,85,105,.45); border-top-color: rgba(0,0,0,.06); }
   .light-mode .egg-close { color: rgba(71,85,105,.35); }
   .light-mode .egg-close:hover { color: #0066ff; }
   
   /* ARABIC MODE */
   [dir="rtl"] .hn,[dir="rtl"] .vp,[dir="rtl"] .rt,[dir="rtl"] .lt,[dir="rtl"] .lsu,[dir="rtl"] .nlb,[dir="rtl"] .st,[dir="rtl"] .imp-label,[dir="rtl"] .tq{font-family:'Noto Sans Arabic','Inter',sans-serif}
   [dir="rtl"] .vp{direction:rtl;text-align:center}
   [dir="rtl"] .li{margin-right:0;margin-left:14px}
   
   /* READING */
   .reading-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);margin:12px 0 0}
   .reading-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;color:var(--bg)}
   .reading-meta{flex:1}.reading-label{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:2px}.reading-title{font-size:13px;font-weight:600}.reading-author{font-size:11px;color:var(--sub);margin-top:1px}
   /* INSIGHTS */
   .insight-card{padding:14px;border-radius:12px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);margin-bottom:8px;transition:all .3s;text-decoration:none;display:block;color:var(--text)}.insight-card:hover{background:var(--cardH);border-color:rgba(0,225,255,.12);transform:translateX(4px)}
   .insight-text{font-size:13px;line-height:1.6;color:var(--sub)}.insight-text strong{color:var(--text)}.insight-source{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-top:6px;opacity:.6}
   /* TIMELINE */
   .tl-wrap{position:relative;padding-left:20px;margin:8px 0 12px}.tl-line{position:absolute;left:5px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--accent),var(--accent2),var(--accent3))}
   .tl-item{position:relative;padding:8px 0 8px 16px;display:flex;align-items:flex-start;gap:8px}.tl-dot{position:absolute;left:-20px;top:12px;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);background:var(--bg);z-index:1;transition:all .3s}
   .tl-item:hover .tl-dot{background:var(--accent);box-shadow:0 0 12px var(--glowS)}.tl-yr{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--accent);min-width:46px;flex-shrink:0}.tl-txt{font-size:12px;color:var(--sub);line-height:1.4}.tl-txt strong{color:var(--text);font-weight:600}
   .tl-era .tl-txt{font-size:13px}.tl-era .tl-dot{width:12px;height:12px;left:-21px}
   .tl-sub{padding:4px 0 4px 16px}.tl-sub .tl-dot{width:6px;height:6px;left:-18px;top:10px;border-width:1.5px;opacity:.7}.tl-sub .tl-txt{font-size:11px;opacity:.9}
   [dir="rtl"] .tl-wrap{padding-left:0;padding-right:20px}[dir="rtl"] .tl-line{left:auto;right:5px}[dir="rtl"] .tl-item{padding-left:0;padding-right:16px}[dir="rtl"] .tl-dot{left:auto;right:-20px}
   /* SHARE CARD OVERLAY */
   #shareOverlay{position:fixed;inset:0;z-index:9999;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;backdrop-filter:blur(6px);pointer-events:none}
   #shareOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   .share-panel{width:94%;max-width:400px;border-radius:20px;background:rgba(12,16,24,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);transform:scale(.9);transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.4)}
   .light-mode .share-panel{background:rgba(255,255,255,0.88);border-color:rgba(0,0,0,0.08);box-shadow:0 16px 48px rgba(0,0,0,0.1)}
   #shareOverlay.show .share-panel{transform:scale(1)}
   .share-card-preview{position:relative;overflow:hidden}
   .share-canvas{display:block;width:100%;border-radius:0}
   .share-tabs{display:flex;border-bottom:1px solid var(--border)}
   .share-tab{flex:1;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;padding:10px;text-align:center;color:var(--sub);cursor:pointer;transition:all .3s;border:none;background:transparent;-webkit-tap-highlight-color:transparent}.share-tab.active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}
   .share-platforms{padding:12px 16px}
   .share-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
   .share-plat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:10px;border:1px solid var(--border);background:transparent;cursor:pointer;transition:all .3s;color:var(--sub);-webkit-tap-highlight-color:transparent}
   .share-plat:hover,.share-plat:active{border-color:var(--accent);color:var(--accent);background:rgba(0,225,255,.03);transform:translateY(-2px)}
   .share-plat-icon{font-size:20px;transition:transform .3s}.share-plat:hover .share-plat-icon{transform:scale(1.15)}
   .share-plat-name{font-family:'JetBrains Mono',monospace;font-size:6px;letter-spacing:1px;text-transform:uppercase}
   .share-qr-section{padding:12px 16px;display:none;text-align:center}
   .share-qr-section.active{display:block}
   .share-qr-canvas{border-radius:12px;border:1px solid var(--border);display:block;margin:0 auto}
   .share-qr-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--sub);margin-top:6px;letter-spacing:1px}
   .share-card-section{padding:12px 16px;display:none}
   .share-card-section.active{display:block}
   .share-dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
   .share-dl-btn{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--sub);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent}.share-dl-btn:hover{border-color:var(--accent);color:var(--accent)}
   .share-dl-btn.primary{border-color:var(--accent);color:var(--accent);background:rgba(0,225,255,.05)}
   .share-resume-btn{border-color:var(--accent2)!important;color:var(--accent2)!important;background:rgba(99,102,241,.06)!important;font-weight:600}.share-resume-btn:hover{background:rgba(99,102,241,.12)!important;border-color:var(--accent2)!important}
   .share-copied{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'JetBrains Mono',monospace;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#22c55e;background:rgba(0,0,0,.8);padding:12px 24px;border-radius:10px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:10}
   .share-copied.show{opacity:1}
   .share-close{text-align:center;padding:8px;font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--sub);opacity:.5;cursor:pointer;border-top:1px solid var(--border);transition:all .2s}.share-close:hover{opacity:1;color:var(--accent)}
   /* STREAK & SOUND */
   .streak{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--accent);opacity:.2;text-align:center;margin-top:4px;transition:opacity .3s}.streak:hover{opacity:.6}
   /* ACHIEVEMENT TOAST */
   .toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9990;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
   .toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:14px;background:var(--bg2);border:1px solid var(--accent);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,225,255,.25);font-family:'JetBrains Mono',monospace;transform:translateY(60px) scale(.8);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1);pointer-events:auto;max-width:90vw;position:relative;overflow:hidden}
   .toast.show{transform:translateY(0) scale(1);opacity:1}
   .toast-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,225,255,.06),transparent);animation:tshimmer 2s ease-in-out}
   @keyframes tshimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
   .toast-emoji{font-size:32px;flex-shrink:0;animation:tpop .5s cubic-bezier(.16,1,.3,1)}.toast.show .toast-emoji{animation:tpop .5s cubic-bezier(.16,1,.3,1) .2s both}
   @keyframes tpop{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.3) rotate(5deg)}100%{transform:scale(1) rotate(0deg)}}
   .toast-body{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}
   .toast-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-weight:700}
   .toast-desc{font-size:11px;color:var(--sub)}
   .toast-xp{font-size:9px;color:var(--accent3);margin-top:2px;letter-spacing:1px}
   .toast-rarity{font-size:7px;letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}
   .toast.legendary{border-color:#fbbf24;box-shadow:0 8px 32px rgba(251,191,36,.3)}
   .toast.legendary .toast-title{color:#fbbf24}
   .toast.epic{border-color:#a855f7;box-shadow:0 8px 32px rgba(168,85,247,.25)}
   .toast.epic .toast-title{color:#a855f7}
   /* LEVEL UP TOAST */
   .toast-levelup{border-color:#22c55e;box-shadow:0 8px 40px rgba(34,197,94,.3);background:linear-gradient(135deg,var(--bg2),rgba(34,197,94,.05))}
   .toast-levelup .toast-title{color:#22c55e;font-size:12px}
   /* TROPHY CASE - UPGRADED */
   #trophyOverlay{position:fixed;inset:0;z-index:9999;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;backdrop-filter:blur(6px);pointer-events:none}
   #trophyOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   .trophy-panel{width:92%;max-width:420px;max-height:85vh;overflow-y:auto;padding:24px;border-radius:22px;background:rgba(10,12,18,0.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);transform:scale(.85);transition:transform .5s cubic-bezier(.16,1,.3,1);color:#f0f2f5;box-shadow:0 16px 48px rgba(0,0,0,0.4)}
   .light-mode .trophy-panel{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.08);box-shadow:0 16px 48px rgba(0,0,0,0.1);color:#0a0f1a}
   .light-mode .trophy-title{color:var(--accent)}
   .light-mode .trophy-stat-num{color:#0a0f1a}
   .light-mode .trophy-stat-label,.light-mode .trophy-ring-sub,.light-mode .trophy-level,.light-mode .trophy-close{color:#5a6578}
   .light-mode .trophy-ring-pct{color:#0a0f1a}
   .light-mode .trophy-badge{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}
   .light-mode .trophy-badge-name{color:#1f2937}
   .light-mode .trophy-badge-desc{color:#5a6578}
   .light-mode .trophy-tier-label{color:#5a6578;border-color:rgba(0,0,0,.08)}
   #trophyOverlay.show .trophy-panel{transform:scale(1)}
   .trophy-panel::-webkit-scrollbar{width:3px}.trophy-panel::-webkit-scrollbar-track{background:transparent}.trophy-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}
   .trophy-header{text-align:center;margin-bottom:20px}
   .trophy-title{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#00e1ff}
   .trophy-stats{display:flex;justify-content:center;gap:24px;margin:12px 0}
   .trophy-stat{text-align:center}.trophy-stat-num{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;color:#f0f2f5}.trophy-stat-label{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1.5px;text-transform:uppercase;color:#6b7a90;margin-top:2px}
   .trophy-ring-wrap{position:relative;width:100px;height:100px;margin:16px auto}
   .trophy-ring-svg{transform:rotate(-90deg)}
   .trophy-ring-bg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:4}
   .trophy-ring-fill{fill:none;stroke:url(#trophyGrad);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1)}
   .trophy-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
   .trophy-ring-pct{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:#f0f2f5}
   .trophy-ring-sub{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1px;text-transform:uppercase;color:#6b7a90;margin-top:1px}
   .trophy-xp-bar{margin:12px 0 6px;height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
   .trophy-xp-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));transition:width 1s cubic-bezier(.16,1,.3,1);position:relative}
   .trophy-xp-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:xpshimmer 2s ease-in-out infinite}
   @keyframes xpshimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
   .trophy-level{font-family:'JetBrains Mono',monospace;font-size:9px;color:#6b7a90;text-align:center;letter-spacing:1px}
   .trophy-tier-label{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#8b95a5;margin:18px 0 8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
   .trophy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
   .trophy-badge{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);text-align:center;transition:all .4s;position:relative;overflow:hidden;cursor:default}
   .trophy-badge.unlocked{border-color:rgba(0,225,255,.15);background:rgba(0,225,255,.02)}
   .trophy-badge.unlocked.legendary{border-color:rgba(251,191,36,.2);background:rgba(251,191,36,.03)}
   .trophy-badge.unlocked.epic{border-color:rgba(168,85,247,.2);background:rgba(168,85,247,.03)}
   .trophy-badge.unlocked.rare{border-color:rgba(59,130,246,.2);background:rgba(59,130,246,.03)}
   .trophy-badge.locked{opacity:.25;filter:grayscale(1)}
   .trophy-badge-emoji{font-size:30px;transition:transform .4s}.trophy-badge.unlocked:hover .trophy-badge-emoji{transform:scale(1.25) rotate(8deg)}
   .trophy-badge-name{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#e2e8f0;font-weight:600}
   .trophy-badge-desc{font-size:8px;color:#8b95a5;line-height:1.3}
   .trophy-badge-rarity{font-family:'JetBrains Mono',monospace;font-size:6px;letter-spacing:1.5px;text-transform:uppercase;margin-top:1px;padding:2px 6px;border-radius:4px}
   .trophy-badge-rarity.common{color:#6b7a90;background:rgba(107,122,144,.1)}
   .trophy-badge-rarity.rare{color:#3b82f6;background:rgba(59,130,246,.1)}
   .trophy-badge-rarity.epic{color:#a855f7;background:rgba(168,85,247,.1)}
   .trophy-badge-rarity.legendary{color:#fbbf24;background:rgba(251,191,36,.1)}
   .trophy-badge-time{font-family:'JetBrains Mono',monospace;font-size:6px;color:#6b7a90;opacity:.5;margin-top:1px}
   .trophy-close{text-align:center;margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:9px;color:#8b949e;opacity:.6;cursor:pointer;transition:all .2s}.trophy-close:hover{opacity:1;color:#00e1ff;text-shadow:0 0 8px rgba(0,225,255,.25)}
   .trophy-share-btn{display:block;margin:12px auto 0;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;padding:8px 20px;border-radius:8px;border:1px solid #00e1ff;background:transparent;color:#00e1ff;cursor:pointer;transition:all .3s}.trophy-share-btn:hover{background:rgba(0,225,255,.1)}
   /* XP BAR (footer) - enhanced */
   .xp-footer{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:8px;opacity:.25;transition:opacity .3s;cursor:pointer}.xp-footer:hover{opacity:.7}
   .xp-bar-mini{width:100px;height:4px;border-radius:2px;background:var(--border);overflow:hidden;position:relative}.xp-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .5s}
   .xp-text{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--sub);letter-spacing:1px}
   .xp-level-badge{font-family:'JetBrains Mono',monospace;font-size:7px;padding:2px 6px;border-radius:4px;letter-spacing:1px;font-weight:700}
   /* TROPHY BUTTON */
   .trophy-btn{font-size:12px;position:relative}
   .trophy-btn-dot{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}
   /* COMBO INDICATOR */
   .combo-indicator{position:fixed;top:60px;right:16px;z-index:100;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);opacity:0;transition:all .4s;pointer-events:none;text-align:right}
   .combo-indicator.show{opacity:1}
   .combo-count{font-size:20px;font-weight:700;line-height:1}
   .combo-label{font-size:7px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sub);margin-top:2px}
   .combo-mult{font-size:9px;color:var(--accent3)}
   /* LIVE CONSOLE */
   .live-console{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--accent);opacity:.25;text-align:center;margin-top:8px;min-height:14px;letter-spacing:.5px;transition:opacity .3s}.live-console:hover{opacity:.6}
   .live-console .cursor-blink{animation:cblink 1s step-end infinite}
   @keyframes cblink{50%{opacity:0}}
   /* SMART CTA */
   .smart-cta{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:16px 24px;background:linear-gradient(180deg,transparent,var(--bg) 30%);display:flex;justify-content:center;transform:translateY(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
   .smart-cta.show{transform:translateY(0);pointer-events:auto}
   .smart-cta-inner{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;background:rgba(12,16,24,0.8);border:1px solid rgba(0,225,255,0.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 24px rgba(0,225,255,.12),inset 0 1px 0 rgba(255,255,255,0.08);max-width:400px;width:100%;text-decoration:none;color:var(--text);transition:all .3s}
   .light-mode .smart-cta-inner{background:rgba(255,255,255,0.85);border-color:rgba(0,102,255,0.15);box-shadow:0 -4px 24px rgba(0,102,255,.08),inset 0 1px 0 rgba(255,255,255,0.5)}
   .smart-cta-inner:hover{box-shadow:0 -4px 32px rgba(0,225,255,.3);transform:translateY(-2px)}
   .smart-cta-icon{font-size:18px;color:var(--accent)}.smart-cta-text{flex:1}.smart-cta-title{font-size:12px;font-weight:600}.smart-cta-sub{font-size:9px;color:var(--sub);font-family:'JetBrains Mono',monospace;margin-top:2px}
   .smart-cta-close{color:var(--sub);cursor:pointer;padding:4px;font-size:12px;opacity:.5;transition:opacity .3s}.smart-cta-close:hover{opacity:1}
   /* PERSONALIZED RECS */
   .rec-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--card);border:1px solid var(--border);margin-top:8px;text-decoration:none;color:var(--text);transition:all .3s}
   .rec-card:hover{border-color:rgba(0,225,255,.15);background:var(--cardH);transform:translateX(4px)}
   .rec-icon{font-size:16px;color:var(--accent);flex-shrink:0}.rec-meta{flex:1}.rec-label{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent3);margin-bottom:1px}.rec-title{font-size:12px;font-weight:600}
   /* CERTIFICATION WALL */
   .cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}
   .cert-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);text-decoration:none;color:var(--text);transition:all .4s;text-align:center;position:relative;overflow:hidden}
   .cert-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,225,255,.04),transparent);opacity:0;transition:opacity .3s}.cert-card:hover::before{opacity:1}
   .cert-card:hover{border-color:rgba(0,225,255,.15);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,225,255,.08)}
   .cert-icon{font-size:24px;transition:transform .3s}.cert-card:hover .cert-icon{transform:scale(1.15)}
   .cert-name{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:.5px;text-transform:uppercase;line-height:1.3;color:var(--sub)}.cert-name strong{color:var(--text);display:block;font-size:8px;margin-bottom:1px}
   .cert-org{font-size:7px;color:var(--accent);opacity:.6;font-family:'JetBrains Mono',monospace;letter-spacing:.5px}
   .cert-verify{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:rgba(34,197,94,.15);display:flex;align-items:center;justify-content:center;font-size:7px;color:#22c55e;opacity:0;transition:opacity .3s}.cert-card:hover .cert-verify{opacity:1}
   @media(max-width:380px){.cert-grid{grid-template-columns:repeat(2,1fr)}}
   /* MICRO-ANIMATIONS (scroll-triggered) */
   .sa{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1)}.sa.vis{opacity:1;transform:none!important}
   .sa-up{transform:translateY(30px)}.sa-left{transform:translateX(-30px)}.sa-right{transform:translateX(30px)}.sa-scale{transform:scale(.9)}.sa-rotate{transform:rotate(-3deg) translateY(20px)}
   .foot{text-align:center;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--sub);opacity:.25;transition:opacity .3s}
   .foot:hover{opacity:.7}
   .visitor-count{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--sub);opacity:.15;text-align:center;margin-top:8px;transition:opacity .3s}
   .visitor-count:hover{opacity:.5}
   .live-presence{font-family:'JetBrains Mono',monospace;font-size:9px;color:#22c55e;text-align:center;margin-top:6px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.3px}
   .live-presence.visible{opacity:.7;max-height:30px}
   .live-presence:hover{opacity:1}
   .live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block;flex-shrink:0;animation:livePulse 2s ease-in-out infinite}
   @keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(34,197,94,0)}}

   /* MULTIPLAYER PRESENCE BAR */
   .mp-bar{text-align:center;margin-top:8px}
   .mp-avatars{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-bottom:4px}
   .mp-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border:2px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:all .2s;position:relative}
   .mp-avatar:hover{border-color:rgba(0,225,255,.4);transform:scale(1.15);background:rgba(0,225,255,.08)}
   .mp-avatar-me{border-color:rgba(0,225,255,.3);background:rgba(0,225,255,.06)}
   .mp-status{font-family:'JetBrains Mono',monospace;font-size:9px;color:#22c55e;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.3px}
   .mp-status.visible{opacity:.7;max-height:30px}

   /* CONTEXT MENU */
   .mp-ctx{position:fixed;z-index:10001;background:rgba(10,16,30,.8);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(0,225,255,.12);border-radius:10px;padding:4px 0;min-width:160px;box-shadow:0 8px 24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.03);font-family:'JetBrains Mono',monospace;font-size:10px}
   .mp-ctx-title{padding:6px 12px;color:#8b949e;font-size:9px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}
   .mp-ctx-item{padding:6px 12px;color:#e6edf3;cursor:pointer;transition:background .15s}
   .mp-ctx-item:hover{background:rgba(0,225,255,.08);color:#00e1ff}

   /* WHISPER BUBBLE */
   .mp-whisper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10002;background:rgba(10,16,30,.8);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(168,85,247,.2);border-radius:14px;padding:12px 16px;box-shadow:0 8px 32px rgba(168,85,247,.12),inset 0 1px 0 rgba(255,255,255,.03);align-items:center;gap:8px;font-family:'JetBrains Mono',monospace}
   .mp-whisper-input{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:#e6edf3;font-family:inherit;font-size:11px;width:220px;outline:none}
   .mp-whisper-input:focus{border-color:rgba(168,85,247,.4)}
   .mp-whisper-close{color:#8b949e;cursor:pointer;font-size:16px;padding:0 4px}
   .mp-whisper-close:hover{color:#e6edf3}

   /* VS PANEL */
   .mp-vs-panel{position:fixed;top:50%;right:12px;transform:translateY(-50%);z-index:9998;background:rgba(13,17,23,.9);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 14px;flex-direction:column;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;box-shadow:0 4px 20px rgba(239,68,68,.15);backdrop-filter:blur(8px)}
   .mp-vs-label{font-size:14px;font-weight:bold;color:#ef4444;letter-spacing:2px;text-shadow:0 0 8px rgba(239,68,68,.4)}
   .mp-vs-nick{font-size:9px;color:#8b949e;letter-spacing:.5px}
   .mp-vs-score{font-size:18px;color:#e6edf3;font-weight:bold}

   /* SPECTATOR BANNER */
   .mp-spec-banner{position:fixed;top:0;left:0;right:0;z-index:10000;background:rgba(168,85,247,.12);border-bottom:1px solid rgba(168,85,247,.3);padding:6px 16px;font-family:'JetBrains Mono',monospace;font-size:10px;color:#c4b5fd;justify-content:center;align-items:center;gap:8px;backdrop-filter:blur(4px)}
   .mp-spec-exit{cursor:pointer;margin-left:12px;padding:2px 8px;border-radius:4px;border:1px solid rgba(168,85,247,.3);transition:all .15s}
   .mp-spec-exit:hover{background:rgba(168,85,247,.2);color:#fff}

   /* PARTICLE BURST (high-five) */
   .mp-particle-burst{position:fixed;top:50%;left:50%;z-index:10003;pointer-events:none}
   .mp-particle{position:absolute;font-size:18px;animation:particleFly .8s ease-out forwards;animation-delay:var(--delay)}
   @keyframes particleFly{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}

   /* COIN ANIMATION (XP tip) */
   .mp-coin{position:fixed;top:50%;left:50%;z-index:10003;font-size:28px;pointer-events:none;animation:coinFly 1s ease-out forwards}
   @keyframes coinFly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-200px) scale(.3);opacity:0}}

   /* ATTENTION GLOW (swarm) */
   .attention-glow{position:relative;animation:attnGlow 2s ease-in-out infinite}
   @keyframes attnGlow{0%,100%{box-shadow:0 0 0 0 rgba(0,225,255,0)}50%{box-shadow:0 0 12px 2px rgba(0,225,255,.12)}}
   .mp-attn-badge{position:absolute;top:-8px;right:-8px;background:rgba(0,225,255,.15);border:1px solid rgba(0,225,255,.3);border-radius:10px;padding:2px 8px;font-family:'JetBrains Mono',monospace;font-size:8px;color:#00e1ff;letter-spacing:.3px;white-space:nowrap;z-index:5}

   /* MULTIPLAYER LIGHT MODE */
   .light-mode .mp-avatar{border-color:rgba(0,0,0,.08);background:rgba(0,0,0,.03)}
   .light-mode .mp-avatar:hover{border-color:rgba(0,102,255,.3);background:rgba(0,102,255,.06)}
   .light-mode .mp-avatar-me{border-color:rgba(0,102,255,.2);background:rgba(0,102,255,.05)}
   .light-mode .mp-status{color:#16a34a}
   .light-mode .mp-ctx{background:rgba(255,255,255,.82);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-color:rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5)}
   .light-mode .mp-ctx-title{color:#6b7280;border-color:rgba(0,0,0,.06)}
   .light-mode .mp-ctx-item{color:#1f2937}
   .light-mode .mp-ctx-item:hover{background:rgba(0,102,255,.06);color:#0066ff}
   .light-mode .mp-whisper{background:rgba(255,255,255,.82);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-color:rgba(139,92,246,.15);box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5)}
   .light-mode .mp-whisper-input{color:#1f2937;border-color:rgba(0,0,0,.12)}
   .light-mode .mp-vs-panel{background:rgba(255,255,255,.92);border-color:rgba(239,68,68,.2)}
   .light-mode .mp-vs-score{color:#1f2937}
   .light-mode .mp-spec-banner{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.15);color:#7c3aed}
   .light-mode .attention-glow{box-shadow:0 0 12px 2px rgba(0,102,255,.08)}

   /* AUDIO INDICATOR */
   .mp-audio-ind{display:inline-flex;align-items:center;gap:3px;margin-left:6px;cursor:pointer;opacity:.5;transition:opacity .2s;vertical-align:middle}
   .mp-audio-ind:hover{opacity:.9}
   .mp-audio-ind.active{opacity:.8}
   .mp-audio-ind-icon{font-size:11px}
   .mp-audio-ind-bars{display:flex;align-items:flex-end;gap:1px;height:10px}
   .mp-audio-ind-bar{width:2px;background:rgba(0,225,255,.5);border-radius:1px;transition:height .15s}
   .mp-audio-ind.active .mp-audio-ind-bar{animation:audioBar .6s ease-in-out infinite alternate}
   .mp-audio-ind.active .mp-audio-ind-bar:nth-child(1){animation-delay:0s;height:4px}
   .mp-audio-ind.active .mp-audio-ind-bar:nth-child(2){animation-delay:.15s;height:8px}
   .mp-audio-ind.active .mp-audio-ind-bar:nth-child(3){animation-delay:.3s;height:5px}
   @keyframes audioBar{0%{height:3px}100%{height:10px}}
   .light-mode .mp-audio-ind-bar{background:rgba(0,102,255,.4)}

   /* CURSOR CHAT */
   .cc-bubble{position:fixed;z-index:10003;display:flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:16px 16px 16px 4px;font-family:'JetBrains Mono',monospace;font-size:12px;pointer-events:none;white-space:nowrap;max-width:320px;transition:opacity .3s,transform .15s;animation:ccIn .25s ease-out}
   .cc-mine{background:rgba(0,225,255,.15);border:1px solid rgba(0,225,255,.35);color:#e6edf3;box-shadow:0 4px 20px rgba(0,225,255,.1)}
   .cc-peer{background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);color:#e6edf3;box-shadow:0 4px 20px rgba(168,85,247,.1)}
   .cc-avatar{font-size:14px;flex-shrink:0}
   .cc-nick{font-size:9px;color:rgba(168,85,247,.7);letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}
   .cc-text{overflow:hidden;text-overflow:ellipsis;max-width:220px}
   .cc-caret{width:2px;height:14px;background:rgba(0,225,255,.6);border-radius:1px;animation:ccBlink 1s step-end infinite;flex-shrink:0}
   @keyframes ccBlink{0%,100%{opacity:1}50%{opacity:0}}
   @keyframes ccIn{from{opacity:0;transform:scale(.85) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}
   .light-mode .cc-mine{background:rgba(0,102,255,.1);border-color:rgba(0,102,255,.25);color:#1f2937;box-shadow:0 4px 16px rgba(0,102,255,.08)}
   .light-mode .cc-peer{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2);color:#1f2937;box-shadow:0 4px 16px rgba(139,92,246,.08)}
   .light-mode .cc-nick{color:rgba(139,92,246,.6)}
   .light-mode .cc-caret{background:rgba(0,102,255,.5)}

   /* TERMINAL — Glassmorphism Ultra */
   #termOverlay{position:fixed;inset:0;z-index:9999;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;backdrop-filter:blur(8px);pointer-events:none}
   #termOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   .term-win{width:94%;max-width:560px;max-height:82vh;border-radius:16px;background:rgba(8,12,24,.68);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(0,225,255,.08);box-shadow:0 8px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden;transform:scale(.88) translateY(12px);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;flex-direction:column;position:relative}
   #termOverlay.show .term-win{transform:scale(1) translateY(0)}
   .term-win::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,225,255,.008) 2px,rgba(0,225,255,.008) 4px);border-radius:16px}
   .term-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(12,18,32,.55);border-bottom:1px solid rgba(0,225,255,.06);position:relative;z-index:2;flex-shrink:0}
   .term-dots{display:flex;gap:6px;align-items:center;flex-shrink:0}
   .term-dot{width:10px;height:10px;border-radius:50%;cursor:pointer;transition:opacity .2s}.term-dot:hover{opacity:.7}
   .term-dot.r{background:#ff5f57;box-shadow:0 0 6px rgba(255,95,87,.3)}.term-dot.y{background:#febc2e;box-shadow:0 0 6px rgba(254,188,46,.3)}.term-dot.g{background:#28c840;box-shadow:0 0 6px rgba(40,200,64,.3)}
   .term-tabs{display:flex;gap:2px;margin-left:10px;overflow-x:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}
   .term-tabs::-webkit-scrollbar{display:none}
   .term-tab{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.8px;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);color:rgba(139,148,158,.6);cursor:pointer;transition:all .25s;white-space:nowrap;display:flex;align-items:center;gap:4px;flex-shrink:0}
   .term-tab.active{background:rgba(0,225,255,.08);border-color:rgba(0,225,255,.15);color:#00e1ff;text-shadow:0 0 8px rgba(0,225,255,.3)}
   .term-tab:hover:not(.active){background:rgba(255,255,255,.05);color:#8b949e}
   .term-tab-close{font-size:9px;opacity:.4;transition:opacity .2s;line-height:1}.term-tab-close:hover{opacity:1;color:#ef4444}
   .term-tab-add{font-family:'JetBrains Mono',monospace;font-size:12px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.08);color:rgba(139,148,158,.55);cursor:pointer;transition:all .25s;flex-shrink:0}
   .term-tab-add:hover{background:rgba(0,225,255,.08);border-color:rgba(0,225,255,.15);color:#00e1ff}
   .term-title{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(139,148,158,.5);letter-spacing:1px;margin-left:auto;flex-shrink:0}
   .term-body{padding:14px 16px;overflow-y:auto;flex:1;max-height:55vh;font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.7;color:#c9d1d9;position:relative;z-index:2;scroll-behavior:smooth}
   .term-body::-webkit-scrollbar{width:5px}.term-body::-webkit-scrollbar-track{background:rgba(0,225,255,.02);border-radius:3px}.term-body::-webkit-scrollbar-thumb{background:rgba(0,225,255,.1);border-radius:3px}.term-body::-webkit-scrollbar-thumb:hover{background:rgba(0,225,255,.2)}
   .term-line{margin-bottom:4px;animation:termLineIn .25s ease both}
   @keyframes termLineIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
   .term-line.glitch{animation:termGlitch .3s ease}
   @keyframes termGlitch{0%{transform:translateX(0);filter:none}15%{transform:translateX(-3px);filter:hue-rotate(90deg)}30%{transform:translateX(2px);filter:hue-rotate(-90deg)}45%{transform:translateX(-1px)}60%{transform:translateX(1px);filter:hue-rotate(45deg)}100%{transform:translateX(0);filter:none}}
   .term-prompt{color:#00e1ff;text-shadow:0 0 8px rgba(0,225,255,.3)}.term-cmd{color:#c9d1d9}.term-out{color:#8b949e;margin-left:12px}.term-accent{color:#00e1ff;text-shadow:0 0 8px rgba(0,225,255,.25)}.term-green{color:#3fb950;text-shadow:0 0 8px rgba(63,185,80,.2)}.term-warn{color:#d29922}.term-cyan{color:#00e1ff;text-shadow:0 0 8px rgba(0,225,255,.25)}.term-white{color:#e2e8f0}.term-red{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.2)}.term-gray{color:#6b7a90}
   .term-suggest{position:absolute;bottom:100%;left:0;right:0;z-index:30;display:none;flex-direction:column;background:rgba(10,16,30,.8);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(0,225,255,.1);border-radius:10px;padding:4px;box-shadow:0 -4px 24px rgba(0,0,0,.4);max-height:180px;overflow-y:auto}
   .term-suggest.show{display:flex}
   .term-suggest-item{font-family:'JetBrains Mono',monospace;font-size:10px;padding:6px 10px;border-radius:6px;color:#8b949e;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}
   .term-suggest-item:hover,.term-suggest-item.active{background:rgba(0,225,255,.08);color:#e2e8f0}
   .term-suggest-cmd{color:#00e1ff;min-width:80px;text-shadow:0 0 8px rgba(0,225,255,.2)}.term-suggest-desc{color:rgba(139,148,158,.6);font-size:9px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
   .term-suggest-match{color:#00e1ff;text-decoration:underline}
   .term-input-wrap{position:relative;display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid rgba(0,225,255,.06);background:rgba(8,12,24,.45);z-index:2;flex-shrink:0}
   .term-input-inner{flex:1;position:relative;display:flex;align-items:center}
   .term-input{flex:1;background:transparent;border:none;outline:none;color:#c9d1d9;font-family:'JetBrains Mono',monospace;font-size:11px;caret-color:#00e1ff;position:relative;z-index:2}
   .term-ghost{position:absolute;left:0;top:0;font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(0,225,255,.2);pointer-events:none;white-space:pre;z-index:1;line-height:inherit}
   .term-status{display:flex;align-items:center;gap:0;padding:0;background:rgba(6,9,16,.5);border-top:1px solid rgba(0,225,255,.04);font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:.8px;color:rgba(139,148,158,.45);z-index:2;flex-shrink:0;overflow:hidden}
   .term-status-item{padding:3px 10px;border-right:1px solid rgba(0,225,255,.04);white-space:nowrap;display:flex;align-items:center;gap:4px}
   .term-status-item:last-child{border-right:none}
   .term-status-badge{font-size:6px;padding:1px 5px;border-radius:3px;letter-spacing:.5px;text-transform:uppercase;font-weight:600}
   .term-status-badge.ai{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.2)}
   .term-status-badge.kb{background:rgba(139,148,158,.08);color:#6b7a90;border:1px solid rgba(139,148,158,.12)}
   .term-help-grid{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:4px 0}
   .term-help-cmd{color:#00e1ff;text-shadow:0 0 8px rgba(0,225,255,.2)}.term-help-desc{color:#6b7a90}
   .term-help-cat{color:#22c55e;font-weight:700;grid-column:1/-1;margin-top:6px;text-shadow:0 0 8px rgba(34,197,94,.2);text-transform:uppercase;letter-spacing:1.5px;font-size:9px}
   .term-help-cat:first-child{margin-top:0}
   /* Light mode terminal */
   .light-mode .term-win{background:rgba(255,255,255,.72);border-color:rgba(0,0,0,.08);box-shadow:0 16px 48px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.5)}
   .light-mode .term-win::after{background:none}
   .light-mode .term-bar{background:rgba(245,247,250,.6);border-color:rgba(0,0,0,.05)}
   .light-mode .term-tab{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.04);color:rgba(90,101,120,.5)}
   .light-mode .term-tab.active{background:rgba(0,102,255,.08);border-color:rgba(0,102,255,.15);color:#0066ff;text-shadow:none}
   .light-mode .term-title{color:rgba(90,101,120,.5)}
   .light-mode .term-body{color:#1f2937}
   .light-mode .term-cmd{color:#1f2937}.light-mode .term-out{color:#5a6578}
   .light-mode .term-prompt{color:#0066ff;text-shadow:none}.light-mode .term-accent{color:#0066ff;text-shadow:none}
   .light-mode .term-green{color:#16a34a;text-shadow:none}.light-mode .term-warn{color:#ca8a04}
   .light-mode .term-cyan{color:#0066ff;text-shadow:none}.light-mode .term-white{color:#0a0f1a}.light-mode .term-red{color:#dc2626;text-shadow:none}.light-mode .term-gray{color:#6b7280}
   .light-mode .term-input-wrap{background:rgba(245,247,250,.5);border-color:rgba(0,0,0,.05)}
   .light-mode .term-input{color:#1f2937;caret-color:#0066ff}
   .light-mode .term-ghost{color:rgba(0,102,255,.18)}
   .light-mode .term-suggest{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.08)}
   .light-mode .term-suggest-item:hover,.light-mode .term-suggest-item.active{background:rgba(0,102,255,.06)}
   .light-mode .term-suggest-cmd{color:#0066ff;text-shadow:none}
   .light-mode .term-status{background:rgba(245,247,250,.5);border-color:rgba(0,0,0,.04)}
   .light-mode .term-help-cmd{color:#0066ff;text-shadow:none}.light-mode .term-help-cat{color:#16a34a;text-shadow:none}
   /* FINTECH TRADER GAME */
   #gameOverlay{position:fixed;inset:0;z-index:9999;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;backdrop-filter:blur(6px);pointer-events:none}
   #gameOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   .game-win{width:96%;max-width:380px;border-radius:16px;background:rgba(8,12,24,.68);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(0,225,255,.08);box-shadow:0 8px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden;transform:scale(.9);transition:transform .5s cubic-bezier(.16,1,.3,1);text-align:center;padding:0}
   #gameOverlay.show .game-win{transform:scale(1)}
   .game-hud{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(12,18,32,.55);border-bottom:1px solid rgba(0,225,255,.06)}
   .game-hud-item{text-align:center}
   .game-hud-val{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;color:#00e1ff;line-height:1;text-shadow:0 0 8px rgba(0,225,255,.25)}
   .game-hud-val.profit{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.2)}.game-hud-val.loss{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.2)}
   .game-hud-label{font-family:'JetBrains Mono',monospace;font-size:6px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(139,148,158,.6);margin-top:2px}
   .game-ticker{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(139,148,158,.5);padding:4px 14px;background:rgba(6,10,18,.4);overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(0,225,255,.04)}
   .game-ticker span{display:inline-block;animation:tickscroll 80s linear infinite}
   @keyframes tickscroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
   .game-ticker .up{color:#22c55e}.game-ticker .down{color:#ef4444}
   .game-canvas-wrap{padding:8px;position:relative}
   .game-canvas{border:1px solid rgba(0,225,255,.06);border-radius:8px;display:block;margin:0 auto;max-width:100%;touch-action:none;background:rgba(6,10,18,.5)}
   .game-level-bar{display:flex;align-items:center;gap:6px;padding:0 14px;margin-top:2px}
   .game-level-text{font-family:'JetBrains Mono',monospace;font-size:7px;color:rgba(139,148,158,.5);letter-spacing:1px;flex-shrink:0}
   .game-level-track{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.04);overflow:hidden}
   .game-level-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#00e1ff,#6366f1);transition:width .3s}
   .game-msg{font-family:'JetBrains Mono',monospace;font-size:10px;color:#8b949e;padding:6px 14px;min-height:24px}
   .game-msg .bonus{color:#fbbf24}.game-msg .warn{color:#ef4444}
   .game-hint{font-family:'JetBrains Mono',monospace;font-size:7px;color:rgba(139,148,158,.5);padding:0 14px 4px}
   .game-btns{display:flex;gap:8px;justify-content:center;padding:8px 14px}
   .game-btn{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;border-radius:6px;border:1px solid rgba(0,225,255,.15);background:rgba(0,225,255,.04);color:rgba(0,225,255,.7);cursor:pointer;transition:all .25s;-webkit-tap-highlight-color:transparent;flex:1}.game-btn:hover,.game-btn:active{border-color:rgba(0,225,255,.4);color:#00e1ff;background:rgba(0,225,255,.1);text-shadow:0 0 8px rgba(0,225,255,.3)}
   .light-mode .game-win{background:rgba(255,255,255,.72);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-color:rgba(0,0,0,.08);box-shadow:0 16px 48px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5)}
   .light-mode .game-hud{background:rgba(245,247,250,.5);border-color:rgba(0,0,0,.05)}
   .light-mode .game-hud-val{color:#0066ff;text-shadow:none}
   .light-mode .game-hud-label{color:#5a6578}
   .light-mode .game-ticker{background:rgba(245,247,250,.4);border-color:rgba(0,0,0,.04);color:#5a6578}
   .light-mode .game-canvas{border-color:rgba(0,0,0,.06);background:rgba(245,247,250,.5)}
   .light-mode .game-level-text{color:#5a6578}
   .light-mode .game-level-track{background:rgba(0,0,0,.06)}
   .light-mode .game-msg{color:#5a6578}
   .light-mode .game-hint{color:#9ca3af}
   .light-mode .game-btn{border-color:rgba(0,0,0,.06);background:rgba(0,0,0,.03);color:#5a6578}
   .light-mode .game-btn:hover,.light-mode .game-btn:active{border-color:rgba(0,102,255,.25);color:#0066ff;background:rgba(0,102,255,.05);text-shadow:none}
   @media(max-width:600px){.game-hint{display:none}}
   /* KEYBOARD SHORTCUTS */
   #shortcutOverlay{position:fixed;inset:0;z-index:9999;background:transparent;display:flex;align-items:center;justify-content:flex-start;padding-left:24px;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;pointer-events:none}
   #shortcutOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   .shortcut-panel{width:90%;max-width:360px;padding:24px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);transform:scale(.9);transition:transform .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 8px 32px rgba(0,0,0,.3)}
   #shortcutOverlay.show .shortcut-panel{transform:scale(1)}
   [data-theme="light"] .shortcut-panel{background:rgba(255,255,255,.45);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.1)}
   .sc-title{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:16px}
   .sc-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}
   .sc-key{font-family:'JetBrains Mono',monospace;font-size:10px;padding:3px 8px;border-radius:5px;background:var(--card);border:1px solid var(--border);color:var(--text);min-width:24px;text-align:center}
   .sc-desc{font-size:11px;color:var(--sub)}
   .sc-close{text-align:center;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--sub);opacity:.6;cursor:pointer;transition:all .2s}.sc-close:hover{opacity:1;color:var(--accent)}
   
   /* FIRST-LOAD SHORTCUTS WELCOME */
   #shortcutsWelcome{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:transparent;backdrop-filter:blur(6px);opacity:0;transition:opacity .5s ease;pointer-events:none}
   #shortcutsWelcome.visible{opacity:1;pointer-events:auto}
   .sw-panel{width:94%;max-width:820px;max-height:88vh;overflow-y:auto;padding:28px 32px;border-radius:18px;background:rgba(var(--bg2-rgb,6,8,15),.75);border:1px solid var(--border);transform:translateY(20px) scale(.95);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s ease;opacity:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
   .sw-panel::-webkit-scrollbar{width:3px}.sw-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
   #shortcutsWelcome.visible .sw-panel{transform:translateY(0) scale(1);opacity:1}
   .sw-header{text-align:center;margin-bottom:20px}
   .sw-title{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
   .sw-sub{font-size:11px;color:var(--sub);line-height:1.5}
   .sw-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
   .sw-group-title{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#c9d1d9;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}
   .sw-grid{display:flex;flex-direction:column;gap:5px}
   .sw-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--border);transition:background .2s}
   .sw-item:hover{background:rgba(255,255,255,.07)}
   .sw-kbd{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;min-width:28px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--card);border:1px solid var(--border);color:var(--accent);flex-shrink:0;padding:0 5px}
   .sw-label{font-size:10px;color:#e2e8f0;line-height:1.3}
   .sw-dismiss{display:block;width:100%;padding:10px;border:none;border-radius:10px;background:linear-gradient(135deg,rgba(0,225,255,.1),rgba(99,102,241,.1));border:1px solid rgba(0,225,255,.15);color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s}
   .sw-dismiss:hover{background:linear-gradient(135deg,rgba(0,225,255,.2),rgba(99,102,241,.2));transform:translateY(-1px)}
   [data-theme="light"] .sw-panel{background:rgba(255,255,255,.7)}
   [data-theme="light"] .sw-label{color:#1f2937}
   [data-theme="light"] .sw-group-title{color:#374151}
   
   /* CURSOR TRAIL */
   .cursor-particle{position:fixed;pointer-events:none;z-index:9990;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;transition:none}
   /* TESTIMONIAL CAROUSEL */
   .tc-section{margin:8px 0 12px}
   .tc-cats{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
   .tc-cats::-webkit-scrollbar{display:none}
   .tc-cat{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--sub);cursor:pointer;white-space:nowrap;transition:all .3s;-webkit-tap-highlight-color:transparent;flex-shrink:0}
   .tc-cat.active{border-color:var(--accent);color:var(--accent);background:rgba(0,225,255,.06)}
   .tc-cat .tc-cat-count{opacity:.4;margin-left:3px}
   .tc-viewport{position:relative;overflow:hidden;min-height:160px}
   .tc-track{display:flex;transition:transform .5s cubic-bezier(.16,1,.3,1)}
   .tc-slide{min-width:100%;padding:0 2px;box-sizing:border-box}
   .tc-card{padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);transition:border-color .3s;min-height:130px;display:flex;flex-direction:column}
   .tc-card:hover{border-color:rgba(0,225,255,.1)}
   .tc-quote{font-size:12px;line-height:1.65;color:var(--sub);flex:1;position:relative;padding-left:16px}
   .tc-quote::before{content:'"';position:absolute;left:0;top:-4px;font-size:28px;color:var(--accent);opacity:.25;font-family:Georgia,serif;line-height:1}
   .tc-author{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
   .tc-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;font-weight:700;color:#fff}
   .tc-info{flex:1;min-width:0}.tc-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-role{font-size:8px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
   .tc-cat-badge{font-family:'JetBrains Mono',monospace;font-size:6px;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:4px;margin-left:auto;flex-shrink:0;white-space:nowrap}
   .tc-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}
   .tc-arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:10px;-webkit-tap-highlight-color:transparent}.tc-arrow:hover{border-color:var(--accent);color:var(--accent)}
   .tc-dots{display:flex;gap:4px;align-items:center}
   .tc-dot{width:4px;height:4px;border-radius:50%;background:var(--border);transition:all .3s;cursor:pointer}.tc-dot.active{width:16px;border-radius:2px;background:var(--accent)}
   .tc-counter{font-family:'JetBrains Mono',monospace;font-size:7px;color:var(--sub);letter-spacing:1px;text-align:center;margin-top:4px;opacity:.4}
   .tc-auto-bar{height:2px;border-radius:1px;background:var(--border);margin-top:6px;overflow:hidden}
   .tc-auto-fill{height:100%;border-radius:1px;background:var(--accent);opacity:.3;width:0%;transition:width 6s linear}
   .tc-auto-fill.running{width:100%}
   /* PRINT RESUME */
   @media print{body{background:#fff!important;color:#000!important;overflow:visible!important}#preloader,.noise,.sbar,.cg,.cd,.mesh,#bgC,.top-btns,.weather-widget,.toast-container,.combo-indicator,.smart-cta,.xp-footer,.live-console,.visitor-count,.streak,.foot,#trophyOverlay,#shortcutOverlay,#termOverlay,#gameOverlay,#shareOverlay,#easterEgg,canvas,.vcb,.rec-card,#recContainer{display:none!important}.rv{opacity:1!important;transform:none!important}#app{opacity:1!important;max-width:700px;margin:0 auto;padding:20px}.sa{opacity:1!important;transform:none!important}.print-only{display:block!important}.cert-card{break-inside:avoid;page-break-inside:avoid;border-color:#ddd!important;background:#fff!important}*{color:#000!important;border-color:#ddd!important}}
   .print-only{display:none}
   
   /* ===========================================
      ARCADE OVERLAY (moved from JS for reliability)
      =========================================== */
   #arcadeOverlay{position:fixed;inset:0;z-index:9999;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;backdrop-filter:blur(6px);pointer-events:none}
   #arcadeOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   .arcade-hub{width:96%;max-width:420px;max-height:88vh;overflow-y:auto;padding:20px;border-radius:20px;background:rgba(8,12,24,.68);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(0,225,255,.08);box-shadow:0 8px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.03);transform:scale(.9);transition:transform .5s cubic-bezier(.16,1,.3,1)}
   #arcadeOverlay.show .arcade-hub{transform:scale(1)}
   .arcade-hub::-webkit-scrollbar{width:0;display:none}
   .arcade-header{text-align:center;margin-bottom:16px}
   .arcade-title{font-family:'JetBrains Mono',monospace;font-size:14px;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#00e1ff,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
   .arcade-subtitle{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;color:#6b7a90;margin-top:4px}
   .arcade-level-bar{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
   .arcade-level-badge{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}
   .arcade-xp-track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.04);overflow:hidden}
   .arcade-xp-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#00e1ff,#6366f1,#a855f7);transition:width .8s cubic-bezier(.16,1,.3,1)}
   .arcade-xp-text{font-family:'JetBrains Mono',monospace;font-size:8px;color:#6b7a90;white-space:nowrap}
   .arcade-base-tag{display:inline-flex;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:100px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:#22c55e;margin-top:8px}
   .arcade-combined{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;padding:8px 12px;border-radius:10px;background:rgba(251,191,36,.04);border:1px solid rgba(251,191,36,.12)}
   .arcade-combined-val{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:#fbbf24}
   .arcade-combined-label{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1.5px;text-transform:uppercase;color:#6b7280}
   .arcade-grid{display:flex;flex-direction:column;gap:8px}
   .arcade-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .3s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
   .arcade-card:hover:not(.locked){background:rgba(255,255,255,.04);border-color:rgba(0,225,255,.15);transform:translateX(4px)}
   .arcade-card.locked{opacity:.35;cursor:default;filter:grayscale(.8)}
   .arcade-card.locked:hover{transform:none}
   .arcade-card-glow{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none}
   .arcade-card:hover:not(.locked) .arcade-card-glow{opacity:1}
   .arcade-card-icon{font-size:28px;flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:transform .3s}
   .arcade-card:hover:not(.locked) .arcade-card-icon{transform:scale(1.1) rotate(5deg)}
   .arcade-card-meta{flex:1;min-width:0}
   .arcade-card-name{font-size:14px;font-weight:600;color:#e2e8f0}
   .arcade-card-tagline{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;margin-top:1px}
   .arcade-card-desc{font-size:10px;color:#6b7a90;margin-top:3px}
   .arcade-card-right{text-align:right;flex-shrink:0}
   .arcade-card-score{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:#00e1ff}
   .arcade-card-plays{font-family:'JetBrains Mono',monospace;font-size:7px;color:#6b7a90;letter-spacing:.5px;margin-top:1px}
   .arcade-card-lock{font-size:18px;color:#6b7a90}
   .arcade-card-unlock{font-family:'JetBrains Mono',monospace;font-size:7px;color:#6b7a90;letter-spacing:.5px;margin-top:2px}
   .arcade-card.base-game{border-color:rgba(34,197,94,.15)}
   .arcade-card.base-game::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#22c55e,transparent)}
   .arcade-card.boss-card{border-color:rgba(239,68,68,.15)}
   .arcade-card.boss-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ef4444,transparent)}
   .arcade-close{text-align:center;margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:9px;color:#8b949e;opacity:.6;cursor:pointer;transition:all .2s}.arcade-close:hover{opacity:1;color:#00e1ff;text-shadow:0 0 8px rgba(0,225,255,.25)}
   .light-mode .arcade-hub{background:rgba(255,255,255,.72);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-color:rgba(0,0,0,.08);box-shadow:0 16px 48px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5)}
   .light-mode .arcade-subtitle{color:#5a6578}
   .light-mode .arcade-level-bar{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}
   .light-mode .arcade-xp-track{background:rgba(0,0,0,.06)}
   .light-mode .arcade-xp-text{color:#5a6578}
   .light-mode .arcade-combined{background:rgba(251,191,36,.06);border-color:rgba(251,191,36,.15)}
   .light-mode .arcade-combined-label{color:#5a6578}
   .light-mode .arcade-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
   .light-mode .arcade-card:hover:not(.locked){background:rgba(0,102,255,.03);border-color:rgba(0,102,255,.15)}
   .light-mode .arcade-card-icon{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}
   .light-mode .arcade-card-name{color:#1f2937}
   .light-mode .arcade-card-desc{color:#5a6578}
   .light-mode .arcade-card-score{color:#0066ff}
   .light-mode .arcade-card-plays{color:#5a6578}
   .light-mode .arcade-card-lock{color:#9ca3af}
   .light-mode .arcade-card-unlock{color:#9ca3af}
   .light-mode .arcade-close{color:#5a6578}.light-mode .arcade-close:hover{color:#0066ff}
   #miniGameOverlay{position:fixed;inset:0;z-index:10000;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;backdrop-filter:blur(6px);pointer-events:none}
   #miniGameOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   .mg-container{width:96%;max-width:400px;max-height:90vh;overflow-y:auto;border-radius:16px;background:#080c14;border:none;transform:scale(.9);transition:transform .4s cubic-bezier(.16,1,.3,1)}
   #miniGameOverlay.show .mg-container{transform:scale(1)}
   @media(max-width:600px){.arcade-card{padding:10px}.arcade-card-icon{width:36px;height:36px;font-size:22px}}
   
   /* ===========================================
      COMMAND PALETTE OVERLAY (moved from JS for reliability)
      =========================================== */
   #cmdPaletteOverlay{position:fixed;inset:0;z-index:99999;background:transparent;backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none}
   #cmdPaletteOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   .cmd-palette{width:94%;max-width:460px;border-radius:16px;background:rgba(13,20,32,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 60px rgba(0,0,0,.4);overflow:hidden;transform:scale(.95) translateY(-10px);transition:transform .25s cubic-bezier(.16,1,.3,1)}
   .light-mode .cmd-palette{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.08);box-shadow:0 20px 60px rgba(0,0,0,.12)}
   .light-mode .cmd-input{color:#1f2937}
   .light-mode .cmd-input::placeholder{color:#9ca3af}
   .light-mode .cmd-item-name{color:#1f2937}
   .light-mode .cmd-item:hover,.light-mode .cmd-item.active{background:rgba(0,102,255,.06)}
   #cmdPaletteOverlay.show .cmd-palette{transform:scale(1) translateY(0)}
   .cmd-input-wrap{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #1a2332}
   .cmd-input-icon{color:#4a5568;font-size:14px;flex-shrink:0}
   .cmd-input{flex:1;border:none;outline:none;background:transparent;font-family:'JetBrains Mono',monospace;font-size:13px;color:#e2e8f0;caret-color:#00e1ff}
   .cmd-input::placeholder{color:#3a4a5c}
   .cmd-input-hint{font-family:'JetBrains Mono',monospace;font-size:8px;color:#2d3748;letter-spacing:1px;flex-shrink:0}
   .cmd-results{max-height:320px;overflow-y:auto;padding:6px}
   .cmd-results::-webkit-scrollbar{width:3px}
   .cmd-results::-webkit-scrollbar-thumb{background:#1a2332;border-radius:3px}
   .cmd-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}
   .cmd-item:hover,.cmd-item.active{background:rgba(0,225,255,.06)}
   .cmd-item-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}
   .cmd-item-text{flex:1;min-width:0}
   .cmd-item-name{font-size:12px;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
   .cmd-item-name mark{background:none;color:#00e1ff;font-weight:600}
   .cmd-item-desc{font-size:9px;color:#4a5568;margin-top:1px}
   .cmd-item-key{font-family:'JetBrains Mono',monospace;font-size:8px;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.06);color:#6b7a90;flex-shrink:0}
   .cmd-item-badge{font-family:'JetBrains Mono',monospace;font-size:7px;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.04);color:#4a5568;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}
   .cmd-cat-header{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#4a5568;padding:8px 10px 4px;margin-top:4px}
   .cmd-empty{text-align:center;padding:20px;font-family:'JetBrains Mono',monospace;font-size:10px;color:#3a4a5c}
   .cmd-footer{display:flex;justify-content:center;gap:12px;padding:8px;border-top:1px solid #111827;font-family:'JetBrains Mono',monospace;font-size:7px;color:#2d3748;letter-spacing:1px}
   @media print{#cmdPaletteOverlay,#arcadeOverlay,#miniGameOverlay{display:none!important}}
   
   /* ===========================================
      ADMIN OVERLAY (moved from JS for reliability)
      =========================================== */
   #adminOverlay{position:fixed;inset:0;z-index:99999;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none;backdrop-filter:blur(6px)}
   #adminOverlay.show{opacity:1;visibility:visible;pointer-events:auto}
   
   /* ===========================================
      UNIFIED TOAST SYSTEM
      =========================================== */
       /* 1. New Container */
       #uni-toast-container {
           position: fixed;
           bottom: 32px;
           left: 50%;
           transform: translateX(-50%);
           z-index: 2147483647; /* Max possible Z-Index */
           display: flex;
           flex-direction: column;
           align-items: center;
           gap: 8px;
           pointer-events: none;
           width: max-content;
           max-width: 90vw;
       }
   
       /* 2. The Minimal Toast Card */
       .uni-toast {
           display: flex;
           align-items: center;
           gap: 12px;
           padding: 12px 18px 12px 14px;
           background: rgba(13, 17, 23, 0.82);
           backdrop-filter: blur(20px) saturate(1.2);
           -webkit-backdrop-filter: blur(20px) saturate(1.2);
           border: 1px solid rgba(255, 255, 255, 0.12);
           border-radius: 99px;
           box-shadow: 0 10px 40px -10px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.06);
           color: #e6edf3;
           font-family: 'Inter', sans-serif;
           font-size: 13px;
           letter-spacing: -0.01em;
           pointer-events: auto;
           opacity: 0;
           transform: translateY(20px) scale(0.95);
           transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
           will-change: transform, opacity;
       }
   
       /* 3. Visible State */
       .uni-toast.show {
           opacity: 1;
           transform: translateY(0) scale(1);
       }
   
       /* 4. Layout */
       .uni-toast-icon { font-size: 16px; line-height: 1; }
       .uni-toast-content { display: flex; flex-direction: column; line-height: 1.2; }
       .uni-toast-title { font-weight: 600; font-size: 13px; color: #fff; }
       .uni-toast-meta { font-size: 11px; color: #8b949e; margin-top: 2px; font-family: 'JetBrains Mono', monospace; }
   
       /* 5. Status Indicators (Dot) */
       .uni-toast::before {
           content: ''; width: 6px; height: 6px; border-radius: 50%;
           background: #30363d; margin-right: 2px;
       }
       .uni-toast[data-type="success"]::before   { background: #238636; box-shadow: 0 0 12px rgba(35,134,54,0.4); }
       .uni-toast[data-type="accent"]::before    { background: #00e1ff; box-shadow: 0 0 12px rgba(0,225,255,0.4); }
       .uni-toast[data-type="legendary"]::before { background: #e3b341; box-shadow: 0 0 12px rgba(227,179,65,0.4); }
       .uni-toast[data-type="rare"]::before      { background: #a371f7; box-shadow: 0 0 12px rgba(163,113,247,0.4); }
   
       /* 6. Light Mode Toast Adaptation */
       .light-mode .uni-toast {
           background: rgba(255, 255, 255, 0.88);
           border: 1px solid rgba(0, 0, 0, 0.08);
           color: #1f2937;
           box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06);
       }
       .light-mode .uni-toast::before { background: #d1d5db; }
       .light-mode .uni-toast[data-type="success"]::before   { background: #16a34a; box-shadow: 0 0 10px rgba(22,163,74,0.3); }
       .light-mode .uni-toast[data-type="accent"]::before    { background: #0066ff; box-shadow: 0 0 10px rgba(0,102,255,0.3); }
       .light-mode .uni-toast[data-type="legendary"]::before { background: #ca8a04; box-shadow: 0 0 10px rgba(202,138,4,0.3); }
       .light-mode .uni-toast[data-type="rare"]::before      { background: #7c3aed; box-shadow: 0 0 10px rgba(124,58,237,0.3); }
       .light-mode .uni-toast-title { color: #0a0f1a; }
       .light-mode .uni-toast-meta { color: #5a6578; }

       /* 7. BRUTE FORCE HIDE OLD ELEMENTS */
       .toast-container, .toast, .trophy-toast, .surprise-toast, #shareCopied, .combo-indicator, #comboIndicator {
           display: none !important;
           opacity: 0 !important;
           visibility: hidden !important;
           pointer-events: none !important;
       }
   
   /* ===========================================
      CTA BUTTON OVERRIDES
      =========================================== */
       /* 1. Container Spacing */
       .always-cta-row {
           gap: 12px !important;
           padding: 0 8px;
           z-index: 1000 !important;
       }
   
       /* 2. Base "Advanced" Button Structure */
       .always-cta {
           position: relative;
           height: 44px;
           border-radius: 12px !important;
           font-family: 'JetBrains Mono', monospace !important;
           font-size: 10px !important;
           font-weight: 700 !important;
           letter-spacing: 1px !important;
           text-transform: uppercase;
           overflow: hidden;
           transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
       }
   
       /* Hover Lift Effect */
       .always-cta:hover {
           transform: translateY(-3px) scale(1.02) !important;
       }
   
       /* Active Press Effect */
       .always-cta:active {
           transform: translateY(-1px) scale(0.98) !important;
       }
   
       /* --- LEFT BUTTON: LINKEDIN (Glassmorphism Blue) --- */
       .always-cta-linkedin {
           background: rgba(0, 119, 181, 0.15) !important;
           backdrop-filter: blur(20px) !important;
           -webkit-backdrop-filter: blur(20px) !important;
           border: 1px solid rgba(0, 119, 181, 0.25) !important;
           color: #fff !important;
           box-shadow: 0 4px 16px rgba(0, 119, 181, 0.12),
                       inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
       }
       .always-cta-linkedin:hover {
           background: rgba(0, 119, 181, 0.22) !important;
           border-color: rgba(0, 119, 181, 0.4) !important;
           box-shadow: 0 8px 28px rgba(0, 119, 181, 0.2),
                       inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
       }
       .light-mode .always-cta-linkedin {
           background: rgba(0, 119, 181, 0.1) !important;
           border-color: rgba(0, 119, 181, 0.2) !important;
           color: #0077b5 !important;
           box-shadow: 0 4px 16px rgba(0, 119, 181, 0.08),
                       inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
       }
       .light-mode .always-cta-linkedin:hover {
           background: rgba(0, 119, 181, 0.15) !important;
           border-color: rgba(0, 119, 181, 0.3) !important;
       }

       /* Subtle gloss overlay */
       .always-cta-linkedin::after {
           content: '';
           position: absolute;
           top: 0; left: 0; width: 100%; height: 50%;
           background: linear-gradient(180deg, rgba(255,255,255,0.08), transparent);
           pointer-events: none;
       }
   
       /* --- RIGHT BUTTON: GET MENTORED (Glassmorphism Pink/Purple) --- */
       .always-cta-mentor {
           background: rgba(121, 40, 202, 0.1) !important;
           backdrop-filter: blur(20px) !important;
           -webkit-backdrop-filter: blur(20px) !important;
           border: 1px solid rgba(255, 0, 128, 0.2) !important;
           color: #fff !important;
           position: relative;
           z-index: 1;
           box-shadow: 0 4px 16px rgba(255, 0, 128, 0.08),
                       inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
       }
   
       /* Gradient border accent line */
       .always-cta-mentor::before {
           content: "";
           position: absolute;
           top: 0; left: 10%; right: 10%; height: 1px;
           background: linear-gradient(90deg, transparent, rgba(255, 0, 128, 0.5), rgba(121, 40, 202, 0.5), transparent);
           pointer-events: none;
       }
   
       /* Inner glow overlay */
       .always-cta-mentor::after {
           content: '';
           position: absolute;
           inset: 0;
           border-radius: 12px;
           background: linear-gradient(135deg, rgba(255,0,128,0.06), rgba(121,40,202,0.06));
           z-index: -1;
           opacity: 0.6;
           transition: opacity 0.3s;
           pointer-events: none;
       }
   
       .always-cta-mentor:hover::after {
           opacity: 1;
       }
       
       .always-cta-mentor:hover {
           background: rgba(121, 40, 202, 0.18) !important;
           border-color: rgba(255, 0, 128, 0.35) !important;
           box-shadow: 0 8px 28px rgba(121, 40, 202, 0.15),
                       inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
       }
       .light-mode .always-cta-mentor {
           background: rgba(121, 40, 202, 0.06) !important;
           border-color: rgba(255, 0, 128, 0.15) !important;
           color: #7928ca !important;
           box-shadow: 0 4px 16px rgba(121, 40, 202, 0.06),
                       inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
       }
       .light-mode .always-cta-mentor:hover {
           background: rgba(121, 40, 202, 0.1) !important;
           border-color: rgba(255, 0, 128, 0.25) !important;
       }
   
       /* Icon/Image styling */
       .always-cta img {
           filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
           transition: transform 0.3s;
       }
       .always-cta:hover img {
           transform: scale(1.1) rotate(-5deg);
       }

/* ═══ SPATIAL NAVIGATION — Hybrid Architecture ═══ */

/* --- PiP Camera Preview (Desktop) --- */
.spatial-pip {
  position:fixed; bottom:16px; left:16px;
  width:120px; height:90px;
  border-radius:10px;
  border:1px solid rgba(0,243,255,.25);
  box-shadow: 0 0 20px rgba(0,243,255,.1), inset 0 0 30px rgba(0,243,255,.03);
  z-index:9000;
  transition:opacity .3s;
}

/* --- Full-screen Canvas Overlay (Desktop HUD) --- */
.spatial-overlay {
  position:fixed; inset:0;
  z-index:8999;
  pointer-events:none;
  mix-blend-mode:screen;
}

/* --- HUD Label (shared mobile + desktop) --- */
.spatial-hud {
  position:fixed; bottom:112px; left:16px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:1px;
  color:#00f3ff;
  background:rgba(6,8,15,.88);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  padding:5px 14px;
  border-radius:100px;
  border:1px solid rgba(0,243,255,.2);
  box-shadow:0 0 12px rgba(0,243,255,.06);
  z-index:9001;
  white-space:nowrap;
  transition:opacity .3s, transform .3s;
}

/* --- Spatial Button Active State --- */
#spatialBtn.spatial-active { color:#00f3ff !important; position:relative; }
#spatialBtn.spatial-active::after {
  content:''; position:absolute; top:4px; right:4px;
  width:6px; height:6px; border-radius:50%;
  background:#ef4444;
  animation:spatialPulse 1.5s infinite;
}
@keyframes spatialPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

/* --- iOS Motion Permission Button --- */
.spatial-motion-btn {
  position:fixed; bottom:50%; left:50%;
  transform:translate(-50%, 50%) scale(.9);
  z-index:9999;
  font-family:'JetBrains Mono',monospace;
  font-size:12px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  padding:16px 32px;
  border-radius:14px;
  border:1px solid rgba(0,243,255,.3);
  background:rgba(6,8,15,.92);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  color:#00f3ff;
  cursor:pointer;
  box-shadow: 0 0 40px rgba(0,243,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0;
  transition:all .4s cubic-bezier(.16,1,.3,1);
  display:flex; align-items:center; gap:10px;
}
.spatial-motion-btn.show {
  opacity:1;
  transform:translate(-50%, 50%) scale(1);
}
.spatial-motion-btn:active {
  transform:translate(-50%, 50%) scale(.96);
}
.spatial-motion-btn i { font-size:16px; }

/* --- 3D Parallax Container --- */
.spatial-3d {
  perspective: 1000px;
  perspective-origin: 50% 50%;
  transform-style: preserve-3d;
}

.spatial-layer-bg,
.spatial-layer-mid,
.spatial-layer-fg {
  will-change: transform;
  transition: transform .08s linear;
  transform: translate3d(0, 0, 0);
}

.spatial-layer-bg  { z-index: 0; }
.spatial-layer-mid { z-index: 1; }
.spatial-layer-fg  { z-index: 2; }

/* --- Section Indicator (Mobile) --- */
.spatial-section-indicator {
  position:fixed; bottom:16px; left:50%;
  transform:translateX(-50%);
  display:flex; gap:8px; align-items:center;
  z-index:9001; pointer-events:none;
}
.spatial-dot {
  width:7px; height:7px; border-radius:50%;
  background:rgba(0,243,255,.25);
  border:1px solid rgba(0,243,255,.3);
  transition:all .25s ease;
}
.spatial-dot.active {
  background:#00f3ff;
  box-shadow:0 0 8px rgba(0,243,255,.6);
  transform:scale(1.35);
}
.light-mode .spatial-dot { background:rgba(0,102,255,.15); border-color:rgba(0,102,255,.2); }
.light-mode .spatial-dot.active { background:#0066ff; box-shadow:0 0 8px rgba(0,102,255,.4); }

/* --- Gesture Label (Desktop HUD) --- */
.spatial-gesture-label {
  position:fixed; bottom:140px; left:16px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:.8px; text-transform:uppercase;
  color:#ff00ff; background:rgba(6,8,15,.7);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  padding:3px 10px; border-radius:100px;
  border:1px solid rgba(255,0,255,.15);
  z-index:9001; pointer-events:none;
  transition:opacity .3s;
}
.light-mode .spatial-gesture-label {
  background:rgba(255,255,255,.85);
  border-color:rgba(0,102,255,.15);
  color:#6b21a8;
}

/* --- Zen Mode / Reduced Motion / Responsive --- */
body.zen-mode .spatial-pip,
body.zen-mode .spatial-hud,
body.zen-mode .spatial-overlay,
body.zen-mode .spatial-motion-btn,
body.zen-mode .spatial-section-indicator,
body.zen-mode .spatial-gesture-label,
body.zen-mode #spatialBtn { display:none !important; }

@media(prefers-reduced-motion:reduce) {
  .spatial-layer-bg,
  .spatial-layer-mid,
  .spatial-layer-fg { transition:none !important; transform:none !important; }
}

@media(max-width:600px) {
  .spatial-pip { width:90px; height:68px; bottom:12px; left:12px; }
  .spatial-hud { bottom:86px; left:12px; font-size:8px; }
  .spatial-section-indicator { bottom:12px; gap:6px; }
  .spatial-dot { width:6px; height:6px; }
  .spatial-gesture-label { bottom:110px; left:12px; font-size:7px; }
}

/* --- Spatial Hover Highlight (Point gesture) --- */
.spatial-hover {
  outline:2px solid #00f3ff !important;
  outline-offset:3px;
  transition:outline .15s ease;
}
body.light-mode .spatial-hover {
  outline-color:#3b82f6 !important;
}

/* --- Light Mode Adaptations --- */
.light-mode .spatial-overlay {
  mix-blend-mode:normal;
}
.light-mode .spatial-hud {
  background:rgba(255,255,255,.88);
  border-color:rgba(0,102,255,.2);
  color:#0066ff;
  box-shadow:0 0 12px rgba(0,102,255,.06);
}
.light-mode .spatial-pip {
  border-color:rgba(0,102,255,.2);
  box-shadow:0 0 16px rgba(0,102,255,.08);
}
.light-mode .spatial-motion-btn {
  background:rgba(255,255,255,.92);
  border-color:rgba(0,102,255,.25);
  color:#0066ff;
  box-shadow:0 0 40px rgba(0,102,255,.08);
}

/* ═══ COMPUTE PRESSURE — Performance Degradation ═══ */

/* -- FAIR: tone down the heaviest GPU effects -- */
body.perf-fair .mesh div { filter:blur(40px); }
body.perf-fair .noise { opacity:.2; }

/* -- SERIOUS: strip blur, kill particles, reduce animations -- */
body.perf-serious,body.perf-serious *,
body.perf-critical,body.perf-critical * {
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.perf-serious .mesh div,
body.perf-critical .mesh div { filter:none; animation:none !important; }
body.perf-serious #bgC,body.perf-serious .noise,
body.perf-serious .cursor-glow,body.perf-serious .emoji-cursor,
body.perf-critical #bgC,body.perf-critical .noise,
body.perf-critical .cursor-glow,body.perf-critical .emoji-cursor { display:none !important; }

/* -- CRITICAL: maximum degradation — survival mode -- */
body.perf-critical .mesh { display:none !important; }
body.perf-critical .spatial-overlay { mix-blend-mode:normal; }
body.perf-critical .ng,
body.perf-critical .sd::after,
body.perf-critical .pf svg circle,
body.perf-critical .ticker span,
body.perf-critical .game-ticker span,
body.perf-critical .trophy-btn-dot,
body.perf-critical .live-dot,
body.perf-critical .live-console .cursor-blink,
body.perf-critical .cc-caret,
body.perf-critical .trophy-xp-fill::after,
body.perf-critical .mp-audio-ind-bar { animation:none !important; }

/* ═══ P2P DATA MESH HUD ═══ */
.mesh-hud { position:fixed; bottom:54px; right:16px; font-family:'JetBrains Mono',monospace; font-size:7px; letter-spacing:.5px; color:#a0aec0; background:rgba(6,8,15,.75); backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px); padding:3px 10px; border-radius:100px; border:1px solid rgba(255,255,255,.08); z-index:8500; display:flex; align-items:center; gap:5px; white-space:nowrap; transition:opacity .4s; }
.light-mode .mesh-hud { background:rgba(255,255,255,.8); border-color:rgba(0,0,0,.06); color:#5a6578; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.mesh-indicator { width:5px; height:5px; border-radius:50%; display:inline-block; flex-shrink:0; }
.mesh-indicator.mesh-full { background:#22c55e; box-shadow:0 0 6px rgba(34,197,94,.5); }
.mesh-indicator.mesh-partial { background:#f59e0b; box-shadow:0 0 6px rgba(245,158,11,.4); }
.mesh-indicator.mesh-off { background:#6b7a90; }
.mesh-label { color:inherit; }
body.zen-mode .mesh-hud { display:none !important; }
@media(max-width:600px) { .mesh-hud { bottom:48px; right:12px; font-size:6px; padding:3px 8px; } }