@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary: #040711;--bg-secondary: #0a0f1d;--bg-card: rgba(13, 20, 36, .65);--bg-card-hover: rgba(19, 29, 52, .8);--border-card: rgba(56, 189, 248, .12);--border-glow: rgba(56, 189, 248, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #38bdf8;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.08) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(15,23,42,.5) 0px,transparent 100%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;letter-spacing:-.01em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#040711cc}::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38bdf866}.container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem;width:100%}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;background:#0d142480;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:16px;box-shadow:0 10px 30px -10px #00000080}.brand-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.4rem;background:linear-gradient(135deg,#fff,#93c5fd,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.6rem}.brand-subtitle{font-size:.78rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:9999px;font-size:.78rem;font-weight:600;background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.25);transition:all .2s ease}.badge.online{background:#10b9811f;color:#34d399;border-color:#10b9814d}.badge.offline{background:#f43f5e1f;color:#fb7185;border-color:#f43f5e4d}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;margin-bottom:2.5rem}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-7{grid-column:span 7}.col-span-6{grid-column:span 6}.col-span-5{grid-column:span 5}.col-span-4{grid-column:span 4}@media (max-width: 1024px){.col-span-8,.col-span-7,.col-span-6,.col-span-5,.col-span-4{grid-column:span 12}}.card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:16px;padding:1.35rem;box-shadow:0 15px 35px -10px #0009;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.card:hover{border-color:var(--border-glow);box-shadow:0 20px 40px -10px #0ea5e926}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.15rem}.card-title{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.55rem}.tab5-chassis-wrapper{perspective:1200px;margin-bottom:2.5rem;width:100%}.tab5-chassis{background:linear-gradient(145deg,#182030,#0d121f,#070a12);border:4px solid #2a374f;border-radius:26px;padding:1rem 1.25rem;box-shadow:0 25px 60px -15px #000000e6,0 0 0 1px #ffffff14,inset 0 2px 4px #ffffff26,inset 0 -2px 6px #000c;position:relative;width:100%;max-width:600px;margin:0 auto;transition:max-width .3s ease}.tab5-chassis.expanded-size{max-width:860px}.tab5-top-sensor-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;padding:0 .25rem}.tab5-mic-hole{width:6px;height:6px;background:#050811;border-radius:50%;box-shadow:inset 0 1px 2px #000}.tab5-status-led{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981,inset 0 1px 2px #fff9}.tab5-brand-engraving{font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:700;color:#475569;letter-spacing:.15em;text-transform:uppercase}.tab5-screen-container{width:100%;aspect-ratio:16 / 9;background:linear-gradient(180deg,#070a134d,#04070f4d),url(/batcave_wallpaper.jpg) center / cover no-repeat;border-radius:14px;border:1px solid rgba(56,189,248,.2);box-shadow:inset 0 0 30px #000000bf;position:relative;overflow:hidden;display:flex;flex-direction:column}.tab5-screen-glass-glare{position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;z-index:10}.tab5-screen-modal{position:absolute;top:74px;bottom:0;left:0;right:0;background:#060a16bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-top:1px solid rgba(56,189,248,.45);border-radius:0 0 14px 14px;z-index:60;display:flex;flex-direction:column;justify-content:space-between;padding:.65rem .95rem;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1)}.tab5-list-modal{position:absolute;top:74px;bottom:0;left:0;right:0;background:#060a16d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-top:1px solid rgba(56,189,248,.45);border-radius:0 0 14px 14px;z-index:24;display:flex;flex-direction:column;padding:.65rem .85rem;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1)}.tab5-top-glow-text{text-shadow:0 2px 8px rgba(0,0,0,.95),0 4px 18px rgba(0,0,0,.9);filter:drop-shadow(0 2px 8px rgba(0,0,0,.95))}.tab5-clickable-widget{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tab5-clickable-widget:hover{transform:translateY(-1px);box-shadow:0 4px 15px #38bdf826;border-color:#38bdf899!important}.ring-btn-answer{background:#0f172ac7;border:1px solid rgba(34,197,94,.75);color:#4ade80;font-family:Space Grotesk,sans-serif;font-weight:800;border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px #0009,inset 0 0 12px #22c55e26;transition:all .2s ease;cursor:pointer}.ring-btn-answer:hover{background:#166534d9;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #22c55e73}.ring-btn-ptt{background:#0f172ac7;border:1px solid rgba(56,189,248,.75);color:#38bdf8;font-family:Space Grotesk,sans-serif;font-weight:800;border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px #0009,inset 0 0 12px #38bdf826;transition:all .2s ease;cursor:pointer}.ring-btn-ptt:hover{background:#0284c7d9;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #38bdf873}.ring-btn-hangup{background:#0f172ac7;border:1px solid rgba(244,63,94,.75);color:#fb7185;font-family:Space Grotesk,sans-serif;font-weight:800;border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px #0009,inset 0 0 12px #f43f5e26;transition:all .2s ease;cursor:pointer}.ring-btn-hangup:hover{background:#e11d48d9;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #f43f5e73}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1.5rem}.auth-modal{background:linear-gradient(180deg,#111827f2,#0a0f1dfa);border:1px solid rgba(56,189,248,.25);border-radius:24px;padding:2.5rem 2rem;max-width:420px;width:100%;box-shadow:0 25px 60px -15px #000000e6,0 0 40px #38bdf81a;text-align:center;animation:modalPop .3s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-avatar{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#0284c7,#0369a1);display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 1.25rem;box-shadow:0 10px 25px #0284c759;border:1px solid rgba(255,255,255,.2)}.pin-display{display:flex;justify-content:center;gap:.75rem;margin:1.5rem 0}.pin-dot{width:14px;height:14px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.pin-dot.filled{background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 12px #38bdf8;transform:scale(1.15)}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.25rem}.pin-btn{background:#1e293b80;border:1px solid rgba(255,255,255,.08);color:#f8fafc;font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600;height:54px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pin-btn:hover{background:#38bdf826;border-color:#38bdf866;transform:translateY(-2px)}.pin-btn:active{transform:translateY(1px) scale(.96);background:#38bdf840}.btn{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(255,255,255,.15);padding:.65rem 1.25rem;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0284c740}.btn:hover{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 6px 16px #0284c766;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-secondary{background:#1e293b99;border-color:#ffffff1a;color:#cbd5e1;box-shadow:none}.btn-secondary:hover{background:#334155cc;border-color:#38bdf84d;color:#fff}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a4d}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}}.pulse-animation{animation:pulseGlow 1.8s infinite ease-in-out}.equalizer-container{display:flex;align-items:flex-end;gap:3px;height:18px}.equalizer-bar{width:3px;background:#38bdf8;border-radius:2px;animation:equalizerBounce 1.2s infinite ease-in-out alternate}.equalizer-bar:nth-child(1){height:60%;animation-delay:.1s}.equalizer-bar:nth-child(2){height:100%;animation-delay:.3s}.equalizer-bar:nth-child(3){height:40%;animation-delay:.2s}.equalizer-bar:nth-child(4){height:80%;animation-delay:.4s}@keyframes equalizerBounce{0%{height:20%}to{height:100%}}@keyframes subtleBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2.5px) scale(1.008)}}.subtle-breath{animation:subtleBreath 3.6s infinite ease-in-out}.alfred-avatar-halo.idle{background:radial-gradient(circle,rgba(56,189,248,.12) 0%,transparent 70%)}.alfred-avatar-halo.listening{background:radial-gradient(circle,rgba(74,222,128,.35) 0%,rgba(56,189,248,.15) 50%,transparent 75%);animation:pulseGlow 1.5s infinite ease-in-out}.alfred-avatar-halo.processing{background:radial-gradient(circle,rgba(168,85,247,.35) 0%,rgba(56,189,248,.15) 50%,transparent 75%);animation:pulseGlow 1.2s infinite ease-in-out}.alfred-avatar-halo.speaking{background:radial-gradient(circle,rgba(56,189,248,.35) 0%,rgba(14,165,233,.18) 50%,transparent 75%);animation:pulseGlow 1.4s infinite ease-in-out}