.activities-page{min-height:100vh;background:var(--brand-paper-soft)}.activities-shell{width:min(var(--container-width),calc(100% - var(--container-gutter) * 2));margin:0 auto}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}.activities-catalog{min-height:100vh;padding:140px 0 104px;background:linear-gradient(180deg,rgba(247,245,240,.72),rgba(251,250,247,.96) 40%,var(--brand-paper-soft)),url(https://cdn.rxd.today/event/yangyang/namae-web/images/gallery/namae3-beach-23.jpg) center top/cover fixed}.activities-hero{max-width:760px;margin-bottom:28px;color:var(--brand-ink)}.activities-hero h1{margin-top:0;color:var(--brand-ink);font-size:clamp(36px,5vw,64px);font-weight:950;line-height:1.08;letter-spacing:0;word-break:keep-all}.activities-hero>span{display:block;max-width:680px;margin-top:16px;color:#111827a8;font-size:clamp(16px,2vw,19px);line-height:1.68;word-break:keep-all}.activities-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.activities-hero-meta em{display:inline-flex;align-items:center;min-height:32px;border:1px solid var(--brand-line-warm);border-radius:999px;background:#ffffffbd;color:var(--brand-ink);padding:0 12px;font-size:13px;font-style:normal;font-weight:800;backdrop-filter:blur(12px)}.catalog-status{color:#64748b;font-size:14px}.catalog-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(154px,.48fr) minmax(260px,.88fr);gap:14px;align-items:center;margin-bottom:18px}.activity-filter-control{position:relative;display:flex;align-items:center;min-width:0;width:100%;min-height:46px;border:1px solid var(--brand-line-warm);border-radius:12px;background:#ffffffeb;color:var(--brand-ink);font:inherit;font-size:14px;font-weight:760;box-shadow:var(--shadow-soft-card);backdrop-filter:blur(14px);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.activity-filter-control:hover,.activity-filter-control:focus-within,.activity-filter-control[data-state=open]{border-color:#025fdb6b;background:#fffffffa;box-shadow:0 0 0 3px #025fdb1a,0 20px 52px -38px #025fdb99}.activity-filter-search{padding:0 14px 0 42px}.activity-filter-input{width:100%;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--brand-ink);font:inherit;font-size:14px;font-weight:760}.activity-filter-input::-moz-placeholder{color:#64748b;font-weight:720}.activity-filter-input::placeholder{color:#64748b;font-weight:720}.activity-filter-trigger{justify-content:space-between;gap:10px;padding:0 13px;cursor:pointer}.activity-date-trigger{justify-content:flex-start}.activity-date-trigger span{flex:1 1 auto;overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.activity-filter-icon{position:absolute;left:14px;width:17px;height:17px;color:#64748b}.activity-date-trigger .activity-filter-icon{position:static;flex:0 0 auto}.activity-chevron{flex:0 0 auto;width:16px;height:16px;color:#64748b}.activity-select-content,.activity-date-popover{z-index:80;overflow:hidden;border:1px solid var(--brand-line-warm);border-radius:12px;background:#fffffffa;color:var(--brand-ink);box-shadow:0 24px 72px -34px #0f172a8f;backdrop-filter:blur(18px)}.activity-select-viewport{min-width:var(--radix-select-trigger-width);padding:6px}.activity-select-label{padding:6px 10px 7px;color:#64748b;font-size:11px;font-weight:850;letter-spacing:0}.activity-select-item{position:relative;display:flex;align-items:center;min-height:36px;padding:0 34px 0 10px;border-radius:7px;color:var(--brand-ink);font-size:14px;font-weight:760;outline:0;cursor:pointer}.activity-select-item[data-highlighted]{background:#025fdb14;color:var(--brand-primary)}.activity-select-indicator{position:absolute;right:10px;display:inline-flex;color:var(--brand-primary)}.activity-select-indicator svg{width:15px;height:15px}.activity-date-popover{width:min(640px,calc(100vw - 28px));padding:14px}.activity-calendar-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.activity-calendar-month{min-width:0}.activity-calendar-caption{position:relative;display:flex;align-items:center;justify-content:center;min-height:34px;margin-bottom:8px}.activity-calendar-caption-label{color:#111827;font-size:14px;font-weight:850}.activity-calendar-nav{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;pointer-events:none}.activity-calendar-nav-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(148,163,184,.34);border-radius:8px;background:#fff;color:#475569;cursor:pointer;pointer-events:auto}.activity-calendar-nav-button:hover{border-color:#025fdb57;color:var(--brand-primary)}.activity-calendar-weekdays,.activity-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.activity-calendar-weekday{display:flex;align-items:center;justify-content:center;width:34px;height:28px;color:#94a3b8;font-size:11px;font-weight:850}.activity-calendar-day{width:34px;height:34px}.activity-calendar-day-button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#111827;font:inherit;font-size:13px;font-weight:780;cursor:pointer}.activity-calendar-day-button:hover{background:#025fdb14;color:var(--brand-primary)}.activity-calendar-day.is-selected .activity-calendar-day-button,.activity-calendar-day.is-range-start .activity-calendar-day-button,.activity-calendar-day.is-range-end .activity-calendar-day-button{background:#111827;color:#fff}.activity-calendar-day.is-range-middle .activity-calendar-day-button{border-radius:6px;background:#025fdb1a;color:var(--brand-primary)}.activity-calendar-day.is-today .activity-calendar-day-button{box-shadow:inset 0 0 0 1px #025fdb57}.activity-calendar-day.is-outside .activity-calendar-day-button,.activity-calendar-day.is-disabled .activity-calendar-day-button{color:#cbd5e1}.activity-date-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid rgba(226,232,240,.92)}.activity-date-actions button{min-height:34px;padding:0 12px;border:1px solid rgba(148,163,184,.38);border-radius:8px;background:#fff;color:#475569;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.activity-date-actions button:hover{border-color:#025fdb57;color:var(--brand-primary)}.catalog-status{min-height:22px;margin-bottom:14px;font-weight:700}.catalog-status:empty{margin-bottom:0}.catalog-status[data-tone=error]{color:#b42318}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-grid.is-empty{display:flex;align-items:center;justify-content:center;min-height:clamp(320px,calc(100vh - 260px),620px)}.activity-empty-state{display:flex;align-items:center;justify-content:center;max-width:min(100%,420px);min-height:54px;padding:0 18px;border:1px solid rgba(148,163,184,.32);border-radius:12px;background:#ffffffe0;color:#475569;font-size:14px;font-weight:800;text-align:center;box-shadow:var(--shadow-soft-card);backdrop-filter:blur(14px)}.activity-card{display:block;overflow:hidden;min-width:0;border:1px solid rgba(17,24,39,.1);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft-card);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.activity-card:hover{transform:translateY(-2px);border-color:#025fdb57;box-shadow:0 24px 56px -36px #025fdb6b}.activity-thumb{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--brand-ink)}.activity-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.activity-card.is-complete .activity-thumb img{opacity:.48;filter:grayscale(.18)}.activity-status{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#111827c2;color:#fff;font-size:12px;font-weight:800}.activity-status.is-open{border-color:#ffffff94;background:#0d7a4f}.activity-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.activity-tags span{display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:0 8px;border:1px solid rgba(2,95,219,.18);border-radius:999px;background:#025fdb14;color:var(--brand-primary);font-size:11px;font-weight:850}.activity-body{padding:16px}.activity-body h3{display:-webkit-box;overflow:hidden;min-height:0;margin:0;color:var(--brand-ink);font-size:20px;font-weight:900;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}.activity-meta{display:grid;gap:5px;margin:7px 0 0}.activity-meta p{overflow-wrap:anywhere;margin:0;color:#475569b8;font-size:12px;font-weight:720;line-height:1.4}.activity-note{margin-top:7px;color:#475569a8;font-size:12px;font-weight:700;line-height:1.45}.activity-load-sentinel{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:18px;color:#475569;font-size:14px;font-weight:800}.activity-load-sentinel[data-busy=true]:before{width:18px;height:18px;margin-right:9px;border:2px solid rgba(148,163,184,.38);border-top-color:var(--brand-primary);border-radius:999px;content:"";animation:activity-spin .76s linear infinite}@keyframes activity-spin{to{transform:rotate(360deg)}}.activity-skeleton{pointer-events:none}.skeleton-thumb{aspect-ratio:4 / 3;background:#e2e8f0}.skeleton-body{display:grid;gap:10px;padding:13px}.skeleton-line{height:14px;border-radius:999px;background:#e2e8f0}.skeleton-line.short{width:48%}.skeleton-line.medium{width:72%}.skeleton-line.tiny{width:36%}.shimmer{position:relative;overflow:hidden}.shimmer:after{position:absolute;inset:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:shimmer 1.28s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (min-width: 760px){.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.activity-body{padding:18px}}@media (min-width: 1100px){.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 720px){.activities-catalog{padding-top:118px;background:linear-gradient(180deg,rgba(247,245,240,.78),rgba(251,250,247,.96) 34%,var(--brand-paper-soft)),url(https://cdn.rxd.today/event/yangyang/namae-web/images/gallery/namae3-beach-23.jpg) center top/cover}.activities-shell{width:calc(100% - 28px)}.activities-hero{margin-bottom:24px}.catalog-controls{grid-template-columns:1fr}.activity-grid{grid-template-columns:1fr;gap:14px}.activity-date-popover{width:calc(100vw - 24px);padding:12px}.activity-calendar-months{grid-template-columns:1fr}.activity-calendar-weekday,.activity-calendar-day,.activity-calendar-day-button{width:100%;min-width:34px}}
