@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Red+Hat+Mono:wght@300..700&display=swap";:root{--primary:#2563eb;--primary-hover:color-mix(in srgb, var(--primary) 60%, black);--primary-light:color-mix(in srgb, var(--primary) 12%, transparent);--secondary:#3b82f6;--background:#f8fafc;--surface:#fff;--text-primary:#051532;--text-secondary:#64748b;--border-color:#e5e7eb;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--logo-filter:brightness(0);--text-logo-color:linear-gradient(to right, #11357a, #51a8ff, #26df85);--sidebar-bg:#18181b;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--shadow-sm:0 2px 4px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 12px 24px #0f172a14;--shadow-hover:0 20px 32px #0f172a1f}[data-mode=dark]{--background:#0f172a;--surface:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 24px #0006;--shadow-hover:0 20px 32px #00000080;--logo-filter:brightness(0) invert(1);--text-logo-color:#fff}[data-theme=nature]{--primary:#059669;--background:#f0fdf4;--surface:#fff}*{box-sizing:border-box;margin:0;padding:0;font-family:Red Hat Mono,monospace}body{background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;background-image:radial-gradient(circle at 50% 20%,#0000 20%,#00000008 21%,#0000 22%),radial-gradient(circle at 50% 20%,#0000 35%,#00000008 36%,#0000 37%),radial-gradient(circle at 50% 20%,#0000 50%,#00000008 51%,#0000 52%),radial-gradient(circle at 50% 20%,#0000 65%,#00000008 66%,#0000 67%);background-size:100vw 100vw;background-attachment:fixed;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .4s}[data-mode=dark] body{background-image:radial-gradient(circle at 50% 20%,#0000 20%,#ffffff08 21%,#0000 22%),radial-gradient(circle at 50% 20%,#0000 35%,#ffffff08 36%,#0000 37%),radial-gradient(circle at 50% 20%,#0000 50%,#ffffff08 51%,#0000 52%),radial-gradient(circle at 50% 20%,#0000 65%,#ffffff08 66%,#0000 67%)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:800}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.glass-card,.glass-panel{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:24px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;animation:.5s ease-out forwards fadeInUp}.glass-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.glass-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--background);width:100%;color:var(--text-primary);outline:none;padding:14px 18px;font-size:15px;font-weight:500;transition:all .2s}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 20%, transparent);background:var(--surface)}.btn-primary{background:var(--primary);color:var(--primary-text,white);border-radius:var(--radius-pill);cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--primary);box-shadow:0 8px 16px color-mix(in srgb, var(--primary) 40%, transparent);filter:brightness(.9);transform:scale(1.02)translateY(-2px)}.btn-primary:active{transform:scale(.98)}.fab{background:var(--primary);width:60px;height:60px;color:var(--primary-text,white);box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 40%, transparent);cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:90px;right:20px}.fab:hover{transform:scale(1.1)rotate(90deg)}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.bottom-nav-wrapper{z-index:1000;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.bottom-nav-tooltip-container{pointer-events:none;z-index:50;position:absolute;top:-38px;left:0;right:0}.bottom-nav-tooltip{background:var(--primary);height:28px;color:var(--primary-text,white);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex;box-shadow:0 4px 12px #00000026}.bottom-nav-tooltip p{margin:0;font-size:13px;font-weight:600;line-height:1}[data-theme=dark] .bottom-nav-tooltip{background:var(--surface);color:var(--primary);border:1px solid var(--border-color)}.bottom-nav-container.animated-nav{background:var(--sidebar-bg,var(--surface));border:1px solid var(--border-color);border-radius:999px;justify-content:center;align-items:center;gap:4px;width:auto;max-width:none;height:64px;padding:0 8px;display:inline-flex;position:relative;bottom:auto;left:auto;transform:none;box-shadow:0 8px 30px #0000002e}.nav-item-animated{z-index:10;width:52px;height:52px;color:var(--sidebar-text,var(--text-secondary));cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item-animated:hover{color:var(--sidebar-text-active,var(--text-primary));background:#0000000d}[data-theme=dark] .nav-item-animated:hover{background:#ffffff1a}.nav-item-animated.active{color:var(--primary)}.nav-icon-animated{transition:transform .2s}.nav-item-animated.active .nav-icon-animated{transform:scale(1.1)}.nav-sliding-indicator{background:var(--primary-light);z-index:1;border-radius:999px;position:absolute;top:6px;bottom:6px}.app-container{z-index:10;justify-content:center;min-height:100vh;display:flex;position:relative}main{background:var(--background);flex-direction:column;width:100%;max-width:600px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 40px #0000000d}[data-theme=dark] main{box-shadow:0 0 40px #00000080}@media (width<=768px){main{margin-left:0}}