.activity-color-card{background:var(--primary);color:var(--primary-foreground);border-color:color-mix(in srgb,var(--primary-foreground) 22%,var(--primary));--foreground:var(--primary-foreground);--muted-foreground:color-mix(in srgb,var(--primary-foreground) 82%,var(--primary));--border:color-mix(in srgb,var(--primary-foreground) 28%,var(--primary))}.activity-color-card:hover{background:var(--primary);filter:brightness(1.04)}.activity-color-card [data-slot=badge]{background:color-mix(in srgb,var(--primary-foreground) 14%,var(--primary));color:var(--primary-foreground);border-color:color-mix(in srgb,var(--primary-foreground) 30%,var(--primary))}.activity-color-card [data-activity-status=cancelled]{background:#ffe4e6;color:#9f1239;border-color:#fda4af}.activity-color-card .text-primary{color:var(--primary-foreground)}.activity-color-card [data-activity-status=open]{background:var(--primary-foreground);color:var(--primary)}[data-ui=modern]{color:var(--foreground);--background:#e8f0ea;--card:#f0f6f1;--foreground:#202e2a;--card-foreground:#202e2a;--muted-foreground:#65716d;--muted:#dbe7de;--border:#dfe5de;--input:#dfe5de;--primary:#286552;--primary-foreground:#ffffff;--secondary:#e7eee7;--secondary-foreground:#244637;--gradient-primary:linear-gradient(135deg,#286552,#397c64);--shadow-card:0 2px 6px #20372d04,0 12px 40px #20372d05;--shadow-card-hover:0 8px 28px #20372d12}:root:has([data-ui=modern]){--popover:#f0f6f1;--popover-foreground:#202e2a}:root.dark:has([data-ui=modern]){--popover:#1c2822;--popover-foreground:#edf4ee}body:has([data-ui=modern]){background:#e8f0ea}.dark body:has([data-ui=modern]){background:#141c19}.dark [data-ui=modern]{--background:#141c19;--card:#1c2822;--foreground:#edf4ee;--card-foreground:#edf4ee;--muted-foreground:#adbbb2;--muted:#28382e;--border:#374b3d;--input:#374b3d;--primary:#91c5a5;--primary-foreground:#14271c;--secondary:#2c4133;--secondary-foreground:#dbeee0;--gradient-primary:linear-gradient(135deg,#91c5a5,#b5d8bb)}[data-group-canvas],[data-ui=modern] [data-main-scroll]:not([data-group-surface]){background-color:var(--background)}[data-ui=modern] .modern-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--muted-foreground)}[data-ui=modern] .modern-primary{display:inline-flex;min-height:46px;align-items:center;gap:10px;border-radius:100px;background:var(--primary);color:var(--primary-foreground);padding:0 22px;font-size:14px;font-weight:600}[data-ui=modern] .modern-primary:hover{filter:brightness(1.08)}[data-ui=modern] .modern-spotlight{background:#244e3f;color:#f3f8ef;min-height:290px}[data-ui=modern] .modern-orbit{position:absolute;width:330px;height:330px;border:45px solid #b9d7ab18;border-radius:100%;right:-140px;top:-30px;box-shadow:0 0 0 40px #b9d7ab0d,0 0 0 90px #b9d7ab07;pointer-events:none}[data-ui=modern] .modern-invite{background:#eeefdc;color:#3e4835}.dark [data-ui=modern] .modern-invite{background:#303b2c;color:#e3ecd9}[data-ui=modern] .interactive-card{border-radius:24px;padding:22px;box-shadow:none}[data-ui=modern] .interactive-card:hover{box-shadow:var(--shadow-card-hover)}[data-ui=modern] [data-slot=avatar-fallback]{background:var(--secondary);color:var(--secondary-foreground)}[data-ui=modern] [data-page-hero]{border:0;background:transparent;padding:0;box-shadow:none;border-radius:0;overflow:visible}[data-ui=modern] [data-page-hero]>.pointer-events-none{display:none}[data-ui=modern] .page-title{font-weight:600;letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,2.8rem)}[data-ui=modern] .surface-accent,[data-ui=modern] .surface-panel{border-radius:24px;box-shadow:none}[data-ui=modern] [data-slot=button]{border-radius:14px;box-shadow:none}[data-ui=modern] [data-bottom-nav]{margin:0 20px max(10px,env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:32px;overflow:hidden;background:var(--card);box-shadow:0 8px 32px #182c2312}[data-ui=modern] [data-bottom-nav] a{transform:none}[data-ui=modern] [data-bottom-nav] a[aria-current=page]{color:var(--group-text,var(--primary))}[data-ui=modern] [data-bottom-nav] .bg-gradient-primary{border-radius:17px}[data-ui=modern] :is(a,button,input):focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (min-width:1024px){[data-ui=modern] [data-main-scroll]{padding-top:32px}}@media (prefers-reduced-motion:reduce){[data-ui=modern] *,[data-ui=modern] :after,[data-ui=modern] :before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}