:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--bg-base:#070913;--bg-gradient:linear-gradient(135deg, #070913 0%, #0d122b 50%, #080a15 100%);--bg-card:#11182773;--bg-card-hover:#1a243999;--border-glass:#ffffff12;--border-glass-hover:#ffffff26;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#6366f1;--accent-glow:#6366f126;--shadow-lg:0 10px 30px -10px #000c, inset 0 1px 0 #ffffff0d;--border-radius-md:16px;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-base);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.container{width:100%;max-width:980px}header.site{text-align:center;margin-bottom:2.5rem}h1.site-title{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}p.subtitle{color:var(--text-secondary);font-size:1.1rem}.section-head{justify-content:space-between;align-items:center;margin:2.5rem 0 1rem;display:flex}.section-head h2{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:1.1rem;font-weight:600}.section-head .who{color:var(--text-muted);font-size:.85rem}.linklike{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.linklike:hover{color:var(--text-secondary)}.widgets-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.widget{color:inherit;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);transition:var(--transition-normal);flex-direction:column;gap:.5rem;min-height:116px;padding:1.25rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.widget:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-3px);box-shadow:0 20px 40px -10px #000000e6,0 0 20px #6366f11a}.widget-top{align-items:center;gap:.6rem;display:flex}.widget-icon{background:var(--accent-glow);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}.widget-name{font-family:var(--font-display);color:var(--text-secondary);font-size:.9rem;font-weight:600}.widget-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.15}.widget-sub{color:var(--text-muted);font-size:.85rem}.widget-value.muted{color:var(--text-muted);font-size:1.05rem;font-weight:500}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0/200% 100%;border-radius:6px;width:60%;height:1.5rem;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.app-card{color:inherit;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);transition:var(--transition-normal);padding:1.25rem;text-decoration:none;display:block;position:relative;overflow:hidden}.app-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-4px);box-shadow:0 20px 40px -10px #000000e6,0 0 20px #6366f11a}.app-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:2px;transition:var(--transition-normal);position:absolute;top:0;left:0;right:0}.app-card:hover:before{opacity:1}.app-header{align-items:center;margin-bottom:.6rem;display:flex}.app-icon{background:var(--accent-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-right:.9rem;font-size:1.1rem;display:flex}.app-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:600}.app-description{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.footer{text-align:center;color:var(--text-muted);margin-top:4rem;font-size:.875rem}@media (width<=600px){h1.site-title{font-size:2rem}.widgets-grid{grid-template-columns:1fr 1fr}.apps-grid{grid-template-columns:1fr}}@media (width<=380px){.widgets-grid{grid-template-columns:1fr}}