.grain-overlay{position:relative}.grain-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.015'/%3E%3C/svg%3E");pointer-events:none;z-index:1;mix-blend-mode:overlay}@media(max-width:768px){.grain-overlay:before{display:none}.parallax-bg{opacity:.5!important}.gradient-mesh:before{opacity:.5}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}:root{--color-success: 150deg 90% 45%;--color-success-bg: 150deg 70% 10%;--color-error: 350deg 90% 65%;--color-error-bg: 350deg 70% 10%;--color-warning: 40deg 95% 60%;--color-warning-bg: 40deg 70% 10%;--color-info: 210deg 95% 65%;--color-info-bg: 210deg 70% 10%;--text-primary-opacity: .93;--text-secondary-opacity: .65;--text-tertiary-opacity: .4}.text-primary{color:rgba(255,255,255,var(--text-primary-opacity))!important}.text-secondary{color:rgba(255,255,255,var(--text-secondary-opacity))!important}.text-tertiary{color:rgba(255,255,255,var(--text-tertiary-opacity))!important}.text-semantic-success{color:hsl(var(--color-success))}.text-semantic-error{color:hsl(var(--color-error))}.text-semantic-warning{color:hsl(var(--color-warning))}.text-semantic-info{color:hsl(var(--color-info))}.bg-semantic-success{background-color:hsl(var(--color-success-bg));border:1px solid hsl(var(--color-success) / .2)}.bg-semantic-error{background-color:hsl(var(--color-error-bg));border:1px solid hsl(var(--color-error) / .2)}.bg-semantic-warning{background-color:hsl(var(--color-warning-bg));border:1px solid hsl(var(--color-warning) / .2)}.bg-semantic-info{background-color:hsl(var(--color-info-bg));border:1px solid hsl(var(--color-info) / .2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:fadeInUp .8s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.gradient-mesh{position:relative;overflow:hidden}.gradient-mesh:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 20% 30%,rgba(6,182,212,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(20,184,166,.1) 0%,transparent 50%);animation:meshMove 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes meshMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}:root{--theme-primary: #06b6d4;--theme-primary-rgb: 6, 182, 212;--theme-primary-text: #ffffff;--theme-primary-hover: #0891b2;--theme-primary-hover-light: #22d3ee;--theme-primary-active: #0e7490;--theme-primary-disabled: rgba(6, 182, 212, .3);--theme-secondary: #3b82f6;--theme-secondary-rgb: 59, 130, 246;--theme-secondary-text: #ffffff;--theme-secondary-hover: #2563eb;--theme-secondary-active: #1d4ed8;--theme-secondary-disabled: rgba(59, 130, 246, .3);--theme-accent: #a855f7;--theme-accent-rgb: 168, 85, 247;--theme-accent-text: #ffffff;--theme-accent-hover: #9333ea;--theme-accent-active: #7e22ce;--theme-bg-primary: #09090b;--theme-bg-secondary: #18181b;--theme-bg-tertiary: #27272a;--theme-spotlight: rgba(6, 182, 212, .12);--theme-spotlight-strong: rgba(6, 182, 212, .2);--theme-spotlight-accent: rgba(168, 85, 247, .15);--theme-surface-tint: color-mix(in srgb, var(--theme-primary) 8%, transparent);--theme-surface-border: color-mix(in srgb, var(--theme-primary) 20%, #27272a);--theme-surface-solid: color-mix(in srgb, var(--theme-primary) 15%, #18181b);--theme-surface-hover: color-mix(in srgb, var(--theme-primary) 12%, #27272a);--theme-success: #22c55e;--theme-success-rgb: 34, 197, 94;--theme-success-bg: rgba(34, 197, 94, .15);--theme-warning: #f59e0b;--theme-warning-rgb: 245, 158, 11;--theme-warning-bg: rgba(245, 158, 11, .15);--theme-error: #ef4444;--theme-error-rgb: 239, 68, 68;--theme-error-bg: rgba(239, 68, 68, .15);--theme-info: #06b6d4;--theme-info-rgb: 6, 182, 212;--theme-info-bg: rgba(6, 182, 212, .15);--theme-gradient: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);--theme-gradient-soft: linear-gradient(135deg, rgba(6, 182, 212, .2), rgba(59, 130, 246, .2));--theme-gradient-accent: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%);--theme-gradient-vibrant: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 50%, var(--theme-accent) 100%);--theme-chart-primary: #06b6d4;--theme-chart-secondary: #3b82f6;--theme-chart-accent: #a855f7;--theme-text-primary: hsl(0, 0%, 100%);--theme-text-secondary: hsl(0, 0%, 63%);--theme-text-tertiary: hsl(0, 0%, 63%);--theme-text-disabled: hsla(0, 0%, 63%, .5)}.theme-personalized .spotlight-glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:120vw;height:120vh;background:radial-gradient(ellipse at center,var(--theme-spotlight) 0%,transparent 70%);pointer-events:none;z-index:0}.theme-personalized .card-tinted,.theme-personalized .theme-card{background:var(--theme-surface-solid)!important;border-color:var(--theme-surface-border)!important}.theme-personalized .card-tinted:hover,.theme-personalized .theme-card:hover{border-color:var(--theme-primary-hover-light)!important}.theme-personalized .theme-card.no-hover-effect:hover{border-color:var(--theme-surface-border)!important}.theme-personalized .theme-progress-bar{background:var(--theme-gradient)!important}.theme-personalized .theme-progress-track{background:var(--theme-surface-border)!important}.theme-personalized .activity-timeline:before{background:linear-gradient(to bottom,var(--theme-primary),transparent)!important}.theme-personalized .activity-item:before{background:var(--theme-primary)!important;box-shadow:0 0 8px var(--theme-spotlight-strong)!important}.theme-personalized .btn-primary,.theme-personalized .theme-btn-primary{background-color:var(--theme-primary)!important;color:var(--theme-primary-text)!important;border-color:var(--theme-primary)!important}.theme-personalized .btn-primary:hover,.theme-personalized .theme-btn-primary:hover{background-color:var(--theme-primary-hover)!important}.theme-personalized .theme-gradient,.theme-personalized .badge-pro{background:var(--theme-gradient)!important;color:var(--theme-primary-text)!important}.theme-personalized .theme-gradient-soft{background:var(--theme-gradient-soft)!important}.theme-personalized .theme-active,.theme-personalized [data-active=true]{background-color:var(--theme-primary)!important;color:var(--theme-primary-text)!important}.theme-personalized .theme-ring:focus,.theme-personalized .theme-ring:focus-visible{box-shadow:0 0 0 2px var(--theme-primary)!important}.theme-personalized .theme-border-accent{border-color:var(--theme-surface-border)!important}.theme-personalized .chart-bar-primary,.theme-personalized .theme-progress-bar{background-color:var(--theme-primary)!important;background-image:none!important}.theme-personalized .theme-border-active,.theme-personalized .calendar-day.today .theme-card,.theme-personalized .calendar-day .theme-card{border-width:2px!important}.theme-personalized .chart-bar-secondary{background-color:var(--theme-chart-secondary)!important}.theme-personalized .theme-text-primary,.theme-personalized .text-brand-readable{color:var(--theme-text-readable)!important}.theme-personalized .theme-text-secondary{color:var(--theme-secondary)!important}.theme-personalized .tab-indicator-active{background-color:var(--theme-primary)!important}.theme-personalized .tab-text-active{color:var(--theme-primary-text)!important}.theme-personalized .theme-ring-active{--tw-ring-color: var(--theme-primary) !important;--tw-ring-opacity: 1 !important}.theme-personalized .theme-bg-active{background-color:var(--theme-primary)!important}.theme-personalized .theme-slider::-webkit-slider-thumb{background-color:var(--theme-primary)!important}.theme-personalized .theme-slider::-moz-range-thumb{background-color:var(--theme-primary)!important}.theme-personalized .theme-widget-bg{background:var(--theme-gradient-soft)!important;border-color:var(--theme-surface-border)!important}.theme-personalized .theme-text-accent{color:var(--theme-secondary)!important}.theme-personalized .theme-border-active{border-color:var(--theme-primary)!important}.theme-personalized ::-webkit-scrollbar-thumb{background:rgba(var(--theme-primary-rgb),.4)}.theme-personalized ::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-primary-rgb),.6)}.theme-personalized ::selection{background:rgba(var(--theme-primary-rgb),.3);color:var(--color-text-primary)}:root{--font-display: "Sora", sans-serif;--font-body: "Sora", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .01em;--color-text-primary: hsl(0, 0%, 95%);--color-text-secondary: hsl(0, 0%, 58%);--color-text-subtle: hsl(0, 0%, 42%);--color-text-accent: hsl(217, 91%, 60%)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.text-heading{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}.text-body,p{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-secondary{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-secondary)}.text-button{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:var(--tracking-wide)}.text-caption{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.text-subtle{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-subtle)}h1,.h1{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}h2,.h2{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--color-text-primary)}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--section-padding-y: var(--space-24);--section-padding-y-sm: var(--space-16);--section-padding-x: var(--space-6);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--gap-xs: var(--space-2);--gap-sm: var(--space-4);--gap-md: var(--space-6);--gap-lg: var(--space-8);--gap-xl: var(--space-12)}.section-padding{padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y);padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}.section-padding-sm{padding-top:var(--section-padding-y-sm);padding-bottom:var(--section-padding-y-sm);padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}.container-standard{max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-bold);border-radius:9999px;transition:all .2s ease;cursor:pointer;border:none;outline:none;position:relative;overflow:hidden}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-medium{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-primary{background-color:var(--theme-text-primary);color:var(--theme-bg-primary);box-shadow:0 2px 8px #00000026,0 0 0 1px #ffffff1a}.btn-primary:hover{background-color:#f4f4f5;box-shadow:0 4px 12px #0003,0 0 0 1px #ffffff26;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:#18181b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--theme-text-secondary);border:1px solid rgba(63,63,70,.5)}.btn-secondary:hover{background-color:#27272acc;color:var(--theme-text-primary);border-color:#06b6d480;transform:scale(1.02)}.btn-secondary:active{transform:scale(.98)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-tertiary{background-color:transparent;color:var(--theme-text-secondary);padding:var(--space-2) var(--space-4)}.btn-tertiary:hover{color:var(--theme-text-primary);text-decoration:underline}.btn-tertiary:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.card{background:#18181b66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(63,63,70,.4);border-radius:1.5rem;padding:var(--space-6);transition:all .2s ease;position:relative}.card-hover{cursor:pointer}.card-hover:hover{border-color:#06b6d480;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card-large{padding:var(--space-8);border-radius:1.75rem}.card-small{padding:var(--space-4);border-radius:1rem}.card-elevated{box-shadow:0 4px 16px #0003}.card-elevated:hover{box-shadow:0 8px 32px #0000004d}.form-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--theme-bg-secondary);border:1px solid rgba(63,63,70,.5);border-radius:.75rem;color:var(--theme-text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);transition:all .2s ease}.form-input::placeholder{color:var(--theme-text-tertiary)}.form-input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px #06b6d41a}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-label{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--theme-text-secondary);margin-bottom:var(--space-2)}.form-helper{font-size:var(--text-sm);color:var(--theme-text-tertiary);margin-top:var(--space-2)}.form-error{font-size:var(--text-sm);color:var(--theme-error);margin-top:var(--space-2)}.form-input-error{border-color:var(--theme-error)}.form-input-error:focus{border-color:var(--theme-error);box-shadow:0 0 0 3px #ef44441a}*:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px;border-radius:2px}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--theme-primary);color:var(--theme-primary-text);padding:var(--space-2) var(--space-4);text-decoration:none;z-index:100}.skip-to-main:focus{top:0}@media(prefers-contrast:high){.card,.btn{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.parallax-bg{transform:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.98)}.bg-brand-secondary{background-color:var(--theme-secondary)!important}.bg-brand-secondary-soft{background-color:rgba(var(--theme-secondary-rgb),.1)!important}.text-brand-secondary{color:var(--theme-secondary)!important}.border-brand-secondary-soft{border-color:rgba(var(--theme-secondary-rgb),.2)!important}.bg-brand-primary-soft{background-color:rgba(var(--theme-primary-rgb),.1)!important}.text-brand-primary{color:var(--theme-primary)!important}.bg-brand-primary{background-color:var(--theme-primary)!important;color:var(--theme-primary-text)!important}.hover-bg-brand-primary-hover:hover{background-color:var(--theme-primary-hover)!important}.border-brand-primary-soft{border-color:rgba(var(--theme-primary-rgb),.2)!important}.focus-border-brand-primary:focus{border-color:var(--theme-primary)!important;outline:none}.bg-gradient-brand{background:linear-gradient(to bottom right,var(--theme-primary),var(--theme-secondary))!important}.theme-transition,.theme-transition *{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.dashboard-bento{display:grid;gap:1.5rem;grid-template-rows:auto auto 1fr 1fr}.dashboard-row-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dashboard-row-60-40{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem}@media(max-width:1024px){.dashboard-row-split,.dashboard-row-60-40{grid-template-columns:1fr}}.stat-card{background:linear-gradient(135deg,#27272acc,#18181be6);border:1px solid rgba(63,63,70,.5);border-radius:1rem;padding:1.25rem;position:relative;overflow:hidden;transition:all .3s ease}.stat-card:hover{border-color:#06b6d44d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--theme-gradient, linear-gradient(90deg, #06b6d4, #3b82f6));opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activity-timeline{position:relative;padding-left:1.5rem}.activity-timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(6,182,212,.5),transparent)}.activity-item{position:relative;padding:.75rem 0;border-bottom:1px solid rgba(63,63,70,.3)}.activity-item:last-child{border-bottom:none}.activity-item:before{content:"";position:absolute;left:-1.25rem;top:1rem;width:8px;height:8px;border-radius:50%;background:#06b6d4;box-shadow:0 0 8px #06b6d480}.theme-personalized .activity-item:before{background:var(--theme-primary);box-shadow:0 0 8px var(--theme-spotlight-strong)}.brand-snapshot-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:#18181b80;border:1px solid transparent;transition:all .2s ease;cursor:pointer}.brand-snapshot-item:hover{background:#27272acc;border-color:rgba(var(--theme-secondary-rgb),.4)}.brand-avatar{width:2.5rem;height:2.5rem;border-radius:.5rem;background:linear-gradient(135deg,#3f3f46,#27272a);display:flex;align-items:center;justify-content:center;font-weight:700;color:#a1a1aa;font-size:.875rem;overflow:hidden}.brand-avatar img{width:100%;height:100%;object-fit:cover}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day{aspect-ratio:1;border-radius:.5rem;background:#18181b99;border:1px solid rgba(63,63,70,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.calendar-day:hover{border-color:#06b6d466;background:#27272acc}.calendar-day.has-post{border-color:#06b6d44d;background:#06b6d41a}.calendar-day.today{border-color:#06b6d4;box-shadow:0 0 12px #06b6d44d}.theme-personalized .calendar-day.today{border-color:var(--theme-surface-border)!important;box-shadow:none!important}.theme-personalized .calendar-day.today .theme-card,.theme-personalized .calendar-day .theme-card{border-color:var(--theme-primary)!important;box-shadow:0 0 12px var(--theme-spotlight)!important}.theme-personalized .calendar-day.has-post{border-color:var(--theme-surface-border)!important;background:transparent!important;box-shadow:none!important}.theme-personalized .calendar-day-indicator{background-color:var(--theme-primary);box-shadow:0 0 8px var(--theme-spotlight-strong)}.calendar-day-label{font-size:.625rem;font-weight:600;color:#a1a1aa;text-transform:uppercase}.calendar-day-number{font-size:1rem;font-weight:700;color:#e4e4e7}.get-started-widget{background:linear-gradient(135deg,#06b6d41a,#3b82f61a);border:1px solid rgba(6,182,212,.2);border-radius:1rem;padding:1.25rem;position:relative}.get-started-widget .dismiss-btn{position:absolute;top:.75rem;right:.75rem;padding:.25rem;border-radius:.375rem;background:transparent;border:none;color:#a1a1aa;cursor:pointer;transition:all .2s ease}.get-started-widget .dismiss-btn:hover{background:#ffffff1a;color:#e4e4e7}.usage-chart-bar{height:8px;border-radius:4px;background:#3f3f4680;overflow:hidden}.usage-chart-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#06b6d4,#3b82f6);transition:width .5s ease}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#22c55e26;color:#4ade80}.status-badge.inactive{background:#a1a1aa26;color:#a1a1aa}.status-badge.pending{background:#fbbf2426;color:#fbbf24}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px}.mobile-only{display:block}.tablet-only,.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.tablet-only{display:block}}@media(min-width:1024px){.tablet-only{display:none}.desktop-only{display:block}}.mobile-hide{display:none}@media(min-width:768px){.mobile-hide{display:block}}.safe-top{padding-top:var(--safe-area-inset-top)}.safe-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-left{padding-left:var(--safe-area-inset-left)}.safe-right{padding-right:var(--safe-area-inset-right)}.safe-x{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.safe-y{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target-lg{min-width:48px;min-height:48px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#18181bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:.5rem;padding-bottom:calc(.5rem + var(--safe-area-inset-bottom));z-index:50;display:flex;justify-content:space-around;align-items:center}@media(min-width:768px){.mobile-bottom-nav{display:none}}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:.75rem;color:#a1a1aa;font-size:.625rem;font-weight:600;transition:all .2s ease}.mobile-bottom-nav-item.active{color:var(--color-text-primary);background:#06b6d433}.mobile-bottom-nav-item svg{width:1.25rem;height:1.25rem}.scroll-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:.25rem;padding:.25rem}.scroll-tabs::-webkit-scrollbar{display:none}.scroll-tabs>*{scroll-snap-align:start;flex-shrink:0}.modal-mobile-full{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}@media(min-width:640px){.modal-mobile-full{width:auto;height:auto;max-width:95vw;max-height:90vh;border-radius:1rem}}.mobile-stack{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.mobile-stack{flex-direction:row}}.mobile-grid-1{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.mobile-grid-1{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.mobile-grid-1{grid-template-columns:repeat(3,1fr)}}.text-responsive-sm{font-size:.75rem}@media(min-width:640px){.text-responsive-sm{font-size:.875rem}}.text-responsive-lg{font-size:1.5rem}@media(min-width:640px){.text-responsive-lg{font-size:2rem}}@media(min-width:1024px){.text-responsive-lg{font-size:2.5rem}}.mobile-p-tight{padding:.75rem}@media(min-width:640px){.mobile-p-tight{padding:1.5rem}}body.modal-open{overflow:hidden;position:fixed;width:100%}@media(max-width:639px){header.mobile-header{padding-left:1rem;padding-right:1rem}.credits-badge-mobile{padding:.25rem .5rem;font-size:.625rem}}.has-bottom-nav{padding-bottom:calc(80px + var(--safe-area-inset-bottom))}@media(min-width:768px){.has-bottom-nav{padding-bottom:0}}.sidebar-desktop{display:none}@media(min-width:768px){.sidebar-desktop{display:flex}}.swipe-indicator{width:2.5rem;height:.25rem;background:#ffffff4d;border-radius:9999px;margin:.5rem auto}@media(max-width:768px){html,body{overflow-x:hidden}.container,main,[class*=max-w-]{overflow-x:hidden}[role=tabpanel],.tab-content{overflow-x:hidden;max-width:100vw}.grid{max-width:100%}.theme-card,.card-tinted,[class*=rounded-2xl],[class*=rounded-xl]{max-width:100%;overflow:hidden}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;word-wrap:break-word}.truncate-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:768px)and (max-width:1024px){.container{padding-left:1rem;padding-right:1rem}}