@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#f3f6fc;--bg-secondary:#fff;--bg-accent:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-accent:#3b82f6;--tile-bg:#ffffffa6;--tile-border:#fffc;--tile-shadow:0 8px 32px #1f26870d;--bg-gradient:linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);--brand-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--warm-gradient:linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);--cold-gradient:linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-full:9999px;--font-display:"Unbounded", sans-serif;--font-sans:"Unbounded", sans-serif;--font-brand:"Unbounded", sans-serif}.dark{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-accent:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-accent:#60a5fa;--tile-bg:#18181b8c;--tile-border:#ffffff14;--tile-shadow:0 8px 32px #0006;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--brand-gradient:linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--warm-gradient:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--cold-gradient:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;transition:background .5s,color .5s}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}#root{flex-direction:column;gap:32px;max-width:640px;margin:0 auto;padding:32px 20px;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s,background-color .2s}button:active{transform:scale(.95)}.glass-panel{background:var(--tile-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tile-border);border-radius:var(--radius-lg);box-shadow:var(--tile-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{border-color:#fff;transform:translateY(-4px);box-shadow:0 16px 48px #1f26871a}.dark .hover-lift:hover{border-color:#ffffff26;box-shadow:0 16px 48px #0009}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.warm-gradient-text{background:var(--warm-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cold-gradient-text{background:var(--cold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse-subtle{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-subtle{animation:3s ease-in-out infinite pulse-subtle}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.app-title{order:1}.header-search{flex:1;order:2;max-width:320px;position:relative}.header-search input{transition:box-shadow .3s,border-color .3s,background-color .3s}.header-search input:focus{border-color:var(--text-accent);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #3b82f64d}.dark .header-search input:focus{background-color:#1e293be6}.theme-toggle{border-radius:50%;flex-shrink:0;order:3;justify-content:center;align-items:center;padding:12px;display:flex}.theme-toggle:hover{background:var(--tile-border)}@media (width<=520px){.app-title{order:1}.header-search{flex:100%;order:3;max-width:none}.theme-toggle{order:2}}.segmented-control-container{background:var(--tile-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tile-border);border-radius:var(--radius-full);box-shadow:var(--tile-shadow);box-sizing:border-box;width:100%;margin-top:16px;padding:4px;display:flex;position:relative}.segmented-control-indicator{border-radius:var(--radius-full);background:var(--bg-secondary);z-index:0;width:calc(25% - 2px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #00000014}.dark .segmented-control-indicator{background:var(--bg-accent);box-shadow:0 2px 8px #0000004d}.segmented-control-btn{z-index:1;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;text-align:center;white-space:nowrap;font-size:.9rem;font-weight:500;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1;padding:10px 4px;transition:color .3s,font-weight .3s,transform .2s;position:relative}.segmented-control-btn:hover{color:var(--text-primary)}.segmented-control-btn.active{color:var(--text-primary);font-weight:700}.segmented-control-btn:active{transform:scale(.97)}@media (width<=480px){.segmented-control-btn{padding:8px 2px;font-size:.78rem}}@media (width<=360px){.segmented-control-btn{padding:8px 1px;font-size:.72rem}}.app-logo-text{font-family:var(--font-brand);text-transform:none;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;letter-spacing:-.02em!important;font-size:1.35rem!important;font-weight:500!important}.app-title:hover .app-logo-text{filter:drop-shadow(0 0 12px #60a5fa80)drop-shadow(0 0 2px #7c3aed4d);transform:scale(1.02);letter-spacing:.04em!important}.app-title:hover img{transform:rotate(8deg)scale(1.06);box-shadow:0 8px 24px #3b82f64d!important}.app-title img{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.metric-value{font-family:var(--font-display);letter-spacing:-.04em;white-space:nowrap;margin-top:auto;font-size:1.6rem;font-weight:800;line-height:1.1}.metric-value.highlight{font-size:2.6rem}@media (width<=480px){.metric-value{letter-spacing:-.03em;font-size:1.25rem}.metric-value.highlight{font-size:1.9rem}}