@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap");[data-app=subscriptions]{--primary:185 72% 37%;--primary-foreground:0 0% 100%;--secondary:185 30% 94%;--secondary-foreground:185 72% 18%;--accent:158 60% 38%;--accent-foreground:0 0% 100%;--background:36 20% 97%;--foreground:220 30% 12%;--muted:36 15% 93%;--muted-foreground:220 12% 46%;--card:0 0% 100%;--card-foreground:220 30% 12%;--border:220 14% 88%;--input:220 14% 88%;--ring:185 72% 37%;--radius:0.75rem;--destructive:4 86% 58%;--destructive-foreground:0 0% 100%;--font-family:"DM Sans",sans-serif;--cat-streaming:231 70% 58%;--cat-music:291 60% 52%;--cat-software:24 85% 52%;--cat-news:199 70% 44%;--cat-fitness:158 58% 40%;--cat-food:35 90% 50%;--cat-storage:185 72% 37%;--cat-gaming:263 60% 56%;--savings-green:158 60% 38%;--cancel-red:4 86% 58%}[data-app=subscriptions] *{font-family:DM Sans,sans-serif}[data-app=subscriptions] .font-display,[data-app=subscriptions] h1,[data-app=subscriptions] h2,[data-app=subscriptions] h3,[data-app=subscriptions] h4{font-family:Outfit,sans-serif}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes strikethrough{0%{width:0}to{width:100%}}@keyframes checkPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-app=subscriptions] .animate-count{animation:countUp .4s cubic-bezier(.16,1,.3,1)}[data-app=subscriptions] .animate-slide-in{animation:slideIn .3s cubic-bezier(.16,1,.3,1) both}[data-app=subscriptions] .animate-fade-in{animation:fadeIn .25s ease both}[data-app=subscriptions] .toggle-switch{position:relative;display:inline-flex;height:28px;border-radius:14px;transition:background-color .25s cubic-bezier(.16,1,.3,1);cursor:pointer;user-select:none}[data-app=subscriptions] .toggle-switch .toggle-knob{position:absolute;top:3px;width:22px;height:22px;border-radius:50%;background:white;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform .25s cubic-bezier(.16,1,.3,1)}[data-app=subscriptions] .sub-card-checked{border-color:hsl(var(--primary)/.3)!important;background:hsl(var(--primary)/.03)!important}[data-app=subscriptions] .cat-pill-active{background:hsl(var(--foreground));color:hsl(var(--background))}[data-app=subscriptions] .cat-pill{transition:all .15s ease}[data-app=subscriptions] .cat-pill:hover:not(.cat-pill-active){background:hsl(var(--muted))}[data-app=subscriptions] .decision-keep{background:hsl(var(--savings-green));color:white;transition:all .2s ease}[data-app=subscriptions] .decision-cancel{background:hsl(var(--cancel-red));color:white;transition:all .2s ease}[data-app=subscriptions] .decision-inactive{background:hsl(var(--muted));color:hsl(var(--muted-foreground));transition:all .2s ease}[data-app=subscriptions] .savings-hero{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(3rem,8vw,5rem);line-height:1;color:hsl(var(--savings-green));letter-spacing:-.03em}[data-app=subscriptions] .spend-bar{height:8px;border-radius:4px;overflow:hidden;background:hsl(var(--muted))}[data-app=subscriptions] .spend-bar-keep{background:hsl(var(--primary));height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}[data-app=subscriptions] .spend-bar-cancel{background:hsl(var(--cancel-red));height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}[data-app=subscriptions] .service-cancelled .service-name{position:relative;color:hsl(var(--muted-foreground))}[data-app=subscriptions] .service-cancelled .service-name:after{content:"";position:absolute;left:0;top:50%;height:1.5px;background:hsl(var(--cancel-red));animation:strikethrough .3s cubic-bezier(.16,1,.3,1) forwards}[data-app=subscriptions] .search-input{background:hsl(var(--card));border:1.5px solid hsl(var(--border));border-radius:.6rem;padding:.5rem .875rem;font-size:.875rem;width:100%;transition:border-color .15s ease;outline:none;color:hsl(var(--foreground))}[data-app=subscriptions] .search-input::placeholder{color:hsl(var(--muted-foreground))}[data-app=subscriptions] .search-input:focus{border-color:hsl(var(--primary))}[data-app=subscriptions] .cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}[data-app=subscriptions] .step-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:hsl(var(--muted-foreground))}[data-app=subscriptions] .step-indicator .step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;font-family:Outfit,sans-serif;border:1.5px solid}[data-app=subscriptions] .step-indicator.step-active{color:hsl(var(--primary))}[data-app=subscriptions] .step-indicator.step-done .step-num{background:hsl(var(--savings-green));color:white;border-color:hsl(var(--savings-green))}[data-app=subscriptions] .empty-state{border:1.5px dashed hsl(var(--border));border-radius:var(--radius);padding:3rem 2rem;text-align:center}.dark [data-app=subscriptions],[data-app=subscriptions].dark{--background:222 28% 8%;--foreground:36 15% 93%;--card:222 28% 11%;--card-foreground:36 15% 93%;--muted:222 20% 16%;--muted-foreground:220 12% 56%;--border:222 20% 20%;--input:222 20% 20%}