.wattly-app{background:var(--color-background);min-height:100svh;color:var(--color-foreground)}.wattly-app-frame{min-height:100svh}.wattly-shell{justify-content:flex-start;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:0 16px;display:flex}.main-column{flex:1;gap:24px;min-width:0;min-height:100svh;display:flex}.left-rail{border-right:1px solid var(--color-border-subtle);flex-shrink:0;width:260px;height:100dvh;display:none;position:sticky;top:0}.left-nav{flex-direction:column;gap:4px;height:100%;padding:16px;display:flex}.left-nav-brand{padding:8px}.left-nav-links{flex-direction:column;flex:1;gap:4px;min-height:0;margin-top:8px;margin-left:-2px;margin-right:-2px;padding:2px;display:flex;overflow:visible auto}.brand-lockup{align-items:center;display:inline-flex}.nav-item{width:100%;color:var(--color-foreground-muted);font-family:inherit;font-size:15px;font-weight:500;line-height:inherit;text-align:left;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:16px;padding:10px 16px;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s;display:flex}.nav-item:hover{color:var(--color-foreground);background:color-mix(in srgb, var(--color-surface-raised) 70%, transparent)}.nav-item.active{color:var(--color-foreground);background:var(--color-surface-raised)}.nav-item.active svg{color:var(--color-brand-blue)}.nav-watt-ai-icon{background-image:linear-gradient(120deg, var(--color-brand-blue), #8b5cf6, #14b8a6, var(--color-brand-blue));background-size:250% 250%;flex-shrink:0;width:24px;height:24px;animation:6s infinite model-gradient-shift;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/%3E%3Cpath d='M20 2v4'/%3E%3Cpath d='M22 4h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/%3E%3Cpath d='M20 2v4'/%3E%3Cpath d='M22 4h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav-watt-ai-icon.is-active{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/%3E%3Cpath d='M20 2v4'/%3E%3Cpath d='M22 4h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/%3E%3Cpath d='M20 2v4'/%3E%3Cpath d='M22 4h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/svg%3E")}.nav-item:disabled,.nav-item[aria-disabled=true]{cursor:not-allowed;opacity:.55}.nav-soon{letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:10px}.nav-cta{background:var(--color-brand-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;margin:8px 0 4px;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:filter .15s,box-shadow .15s;display:flex}.nav-cta:hover{color:#fff;filter:brightness(1.08)}.nav-cta.is-current{box-shadow:inset 0 0 0 2px #ffffff59}.nav-icon-wrap{display:inline-flex;position:relative}.nav-badge,.nav-icon-badge{background:var(--color-brand-blue);color:#fff;letter-spacing:0;text-transform:none;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid}.nav-icon-badge{position:absolute;top:-6px;right:-6px}.rail-footer{margin-top:auto;padding-bottom:4px}.profile-mini{width:100%;color:var(--color-foreground-muted);border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.profile-mini:hover{background:color-mix(in srgb, var(--color-surface-raised) 60%, transparent)}.profile-mini-link{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.profile-mini strong{color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.profile-mini small,.suggestion small{color:var(--color-foreground-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.profile-settings{width:36px;height:36px;color:var(--color-foreground-muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.profile-settings:hover{background:var(--color-surface-raised);color:var(--color-foreground)}.avatar{color:#fff;background:var(--color-brand-blue);border:2px solid var(--color-surface);letter-spacing:.04em;text-indent:.04em;text-align:center;text-transform:uppercase;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;text-indent:0;letter-spacing:normal;width:100%;height:100%}.avatar.small{width:40px;height:40px;font-size:10px}.avatar.tiny{border-width:0;width:30px;height:30px;font-size:9px}.feed-column,.page-column{min-width:0}.feed-column{width:100%;max-width:600px;padding:24px 12px 80px}.feed-column,.feed-rail{font-family:var(--font-sans)}.feed-column h1,.feed-column h2,.feed-column h3,.feed-column h4,.feed-rail h1,.feed-rail h2,.feed-rail h3,.feed-rail h4,.feed-column .post-stat strong,.feed-rail .week-number strong,.feed-rail .model-preview-metric strong,.feed-rail .model-preview-focus strong{letter-spacing:normal;font-family:inherit}.page-column{flex:1;max-width:64rem;padding:24px 0 80px}.feed-rail{scrollbar-width:none;flex-direction:column;flex-shrink:0;gap:16px;width:320px;height:100dvh;padding:24px 0 80px;display:none;position:sticky;top:0;overflow-y:auto}.feed-rail::-webkit-scrollbar{display:none}.mobile-header{z-index:30;border-bottom:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-background) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-bottom-spacer{height:80px}.mobile-bottom-nav{z-index:30;border-top:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-background) 90%, transparent);padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-around;align-items:center;display:flex;position:fixed;inset:auto 0 0}.mobile-tab{color:var(--color-foreground-muted);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.mobile-tab.active{color:var(--color-brand-blue)}.mobile-log-button{background:var(--color-brand-blue);color:#fff;width:48px;height:48px;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand-blue) 30%, transparent);border-radius:16px;justify-content:center;align-items:center;display:flex;transform:translateY(-4px)}.topbar,.top-actions,.activity-header,.activity-copy,.activity-actions,.feed-tabs,.card-heading,.suggestion,.week-meta{align-items:center;display:flex}.topbar,.activity-copy,.activity-header,.card-heading,.week-meta{justify-content:space-between}.section-kicker,.eyebrow,.card-heading span{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:10px;font-weight:800}.topbar h1{font-family:var(--font-display);letter-spacing:-.02em;margin:5px 0 0;font-size:31px;font-weight:600}.top-actions{gap:10px}.icon-button{width:35px;height:35px;color:var(--color-foreground-muted);border:1px solid var(--color-border-subtle);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.feed-tabs{border-bottom:1px solid var(--color-border-subtle);gap:24px;margin-top:32px}.tab{color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:0;padding:0 0 13px;font-size:13px;font-weight:700;text-decoration:none;position:relative}.tab.active{color:var(--color-foreground)}.tab.active:after{background:var(--color-brand-blue);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.feed-list{flex-direction:column;gap:16px;display:flex}.post-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:16px;box-shadow:0 1px 2px #0000000f}.post-header{align-items:center;gap:12px;padding:16px 16px 0;display:flex}.post-avatar{width:44px;height:44px;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-blue) 30%, transparent);border:0}.post-author{flex:1;min-width:0}.post-author p{margin:0}.post-author-name{align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.2;display:flex}.post-author-name a{color:inherit;text-decoration:none}.post-meta{color:var(--color-foreground-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.post-meta a,.post-meta span{color:inherit;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.post-run-tag{border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.post-run-tag.club{background:color-mix(in srgb, var(--color-brand-blue) 15%, transparent);color:var(--color-brand-blue)}.post-run-tag.crew{color:#7c3aed;background:#8b5cf629}.dark .post-run-tag.crew{color:#c4b5fd}.post-menu{position:relative}.post-menu-button{width:32px;height:32px;color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.post-menu-button:hover{background:var(--color-surface-raised);color:var(--color-foreground)}.post-menu-panel{z-index:20;border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:12px;width:13rem;padding:4px;position:absolute;top:36px;right:0;overflow:hidden;box-shadow:0 12px 32px #00000029}.post-menu-panel button,.post-menu-panel a{width:100%;color:var(--color-foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.post-menu-panel button:hover,.post-menu-panel a:hover{background:var(--color-surface-raised)}.post-caption{text-wrap:pretty;margin:0;padding:12px 16px;font-size:15px;line-height:1.55}.post-media{position:relative;overflow:hidden}.post-media-image,.post-media video{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.post-map-thumb{z-index:2;border:1px solid #ffffff40;border-radius:8px;width:96px;position:absolute;top:12px;left:12px;overflow:hidden;box-shadow:0 8px 20px #00000040}@media (min-width:640px){.post-map-thumb{width:112px}}.post-map-thumb .route-map{height:64px}@media (min-width:640px){.post-map-thumb .route-map{height:72px}}.post-map-label{color:#fffc;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 2px #00000080;font-size:10px;font-weight:600;position:absolute;bottom:4px;left:6px}.post-stats{z-index:1;color:#fff;pointer-events:none;background:linear-gradient(#0000,#00000059,#000000d1);justify-content:space-between;align-items:flex-end;gap:16px;padding:48px 16px 14px;display:flex;position:absolute;inset:auto 0 0}.post-stat-hero{flex-direction:column;gap:2px;min-width:0;display:flex}.post-stat-hero-value{align-items:baseline;gap:6px;margin:0;line-height:1;display:flex}.post-stat-hero-value strong{font-family:var(--font-display);letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,2.75rem);font-weight:700}.post-stat-hero-value span{color:#ffffffc7;letter-spacing:-.01em;font-size:1rem;font-weight:600}.post-stat-hero-title{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.post-stat-side{flex-shrink:0;align-items:flex-end;gap:18px;display:flex}.post-stat{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.post-stat-value{align-items:baseline;gap:3px;margin:0;line-height:1;display:flex}.post-stat-value strong{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.post-stat-value span{color:#ffffffb3;font-size:11px;font-weight:600}.post-stat-label{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.post-footer{z-index:6;border-top:1px solid color-mix(in srgb, var(--color-brand-blue) 12%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-brand-blue) 6%, var(--color-surface));flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:relative;overflow:visible}.reaction-bar{flex-direction:column;display:flex}.reaction-bar-row{align-items:center;gap:8px;min-width:0;min-height:36px;display:flex}.reaction-cheer-wrap{flex-shrink:0;position:relative}.reaction-bar-react{border:1px solid var(--color-border-subtle);background:var(--color-surface);min-height:36px;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.reaction-bar-react:hover{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-foreground) 4%)}.reaction-bar-react.is-open{background:var(--color-foreground);color:var(--color-background);box-shadow:none;border-color:#0000}.reaction-bar-react:disabled{cursor:default;opacity:.55}.reaction-bar-plus{transition:transform .15s}.reaction-bar-plus.is-open{transform:rotate(45deg)}.reaction-bar-chips{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.reaction-bar-chips::-webkit-scrollbar{display:none}.reaction-chip{border:1px solid var(--color-border-subtle);background:var(--color-surface);min-height:36px;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 11px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,transform .12s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.reaction-chip:hover{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-foreground) 4%)}.reaction-chip.is-mine{border-color:color-mix(in srgb, var(--color-brand-blue) 35%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-brand-blue) 12%, var(--color-surface));color:var(--color-foreground);box-shadow:none}.reaction-chip:disabled{cursor:default;opacity:.7}.reaction-bar-comments{min-height:36px;color:var(--color-foreground-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:13px;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.reaction-bar-comments:hover{background:color-mix(in srgb, var(--color-surface) 70%, transparent);color:var(--color-foreground)}.reaction-popover{z-index:40;border:1px solid var(--color-border-subtle);background:var(--color-surface);scrollbar-width:none;border-radius:999px;flex-wrap:nowrap;align-items:center;gap:2px;max-width:min(92vw,420px);padding:8px 10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-x:auto;box-shadow:0 12px 32px #00000024,0 2px 8px #0000000f}.reaction-popover::-webkit-scrollbar{display:none}.reaction-popover-item{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;transition:background-color .12s,transform .12s;display:grid}.reaction-popover-item:hover,.reaction-popover-item:focus-visible{background:var(--color-surface-raised);outline:none;transform:scale(1.12)}.reaction-popover-item.is-active{background:color-mix(in srgb, var(--color-brand-blue) 14%, transparent)}.animated-emoji{object-fit:contain;vertical-align:-.2em;flex-shrink:0;width:1.15em;height:1.15em;display:inline-block}.animated-emoji.is-static{width:auto;height:auto;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.05em;line-height:1}.reaction-popover-item .animated-emoji{width:1.55em;height:1.55em}.reaction-popover-item .animated-emoji.is-static{font-size:1.45em}.post-action{color:var(--color-foreground-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.post-action:hover{background:var(--color-surface-raised);color:var(--color-foreground)}.post-action.active{color:var(--color-brand-blue)}.feed-heading{justify-content:space-between;align-items:baseline;margin-bottom:12px;padding:0 4px 4px;display:flex}.feed-heading h1{margin:0;font-size:20px;font-weight:700}.feed-heading span{color:var(--color-foreground-muted);font-size:12px}.feed-search{position:relative}.feed-search svg{color:var(--color-foreground-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.feed-search input{border:1px solid var(--color-border-subtle);background:var(--color-surface);width:100%;color:inherit;font:inherit;border-radius:999px;outline:none;padding:10px 16px 10px 40px;font-size:14px}.feed-search input::placeholder{color:var(--color-foreground-muted)}.feed-search input:focus{border-color:var(--color-brand-blue)}.feed-search.is-invalid input{border-color:var(--color-warning,#dc2626)}.wattly-shell.is-clubs{max-width:none;padding-right:0}.wattly-shell:has(.page-column.is-messages){gap:8px;padding-right:40px}.page-column.is-messages{border-right:1px solid var(--color-border-subtle);max-width:64rem;height:100svh;min-height:100svh;font-family:var(--font-sans);flex-direction:column;padding:0;display:flex}.page-column.is-messages h1,.page-column.is-messages h2,.page-column.is-messages h3{font-family:var(--font-display);letter-spacing:-.02em}.wattly-shell.is-clubs .main-column{gap:0}.wattly-shell.is-clubs .feed-column{padding-right:24px}.wattly-shell.is-clubs:has(.clubs-landing){max-width:1280px;padding-right:16px}.wattly-shell.is-clubs:has(.clubs-landing) .main-column{gap:24px}.wattly-shell.is-clubs:has(.clubs-landing) .feed-column{padding-right:12px}.feed-column>.clubs-page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-foreground);margin:0 0 20px;font-size:1.875rem;font-weight:400}.feed-rail.clubs-feed-map{border-left:1px solid var(--color-border-subtle);flex:1;gap:0;width:auto;min-width:min(42vw,560px);padding:0;overflow:hidden}.clubs-feed-map-frame{background:var(--color-surface-raised);flex:1;min-height:0;position:relative;overflow:hidden}.clubs-feed-map .club-map-root{border-radius:0;width:100%;height:100%;min-height:0}.clubs-feed-map-empty{color:var(--color-foreground-muted);text-align:center;flex:1;place-items:center;padding:24px;font-size:13px;display:grid}.clubs-feed-map-note{background:color-mix(in srgb, var(--color-surface) 90%, transparent);color:var(--color-foreground-muted);pointer-events:none;border-radius:999px;margin:0;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;bottom:12px;left:12px}.clubs-feed-map-spinner{z-index:6;background:var(--color-surface);pointer-events:none;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #00000024}.clubs-feed-map-spinner .spinner{width:16px;height:16px}.clubs-feed-map-close,.clubs-feed-map-fab{display:none}.clubs-feed-map-close{z-index:6;background:var(--color-surface);color:var(--color-foreground);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:12px;right:12px;box-shadow:0 1px 2px #0000001f}.clubs-feed-map-fab{left:50%;bottom:max(96px, calc(env(safe-area-inset-bottom) + 80px));z-index:25;background:var(--color-foreground);color:var(--color-background);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px #0000002e}@media (max-width:1279px){.clubs-feed-map.is-open{z-index:40;background:var(--color-background);width:auto;height:auto;padding:0;display:flex;position:fixed;inset:0}.clubs-feed-map.is-open .clubs-feed-map-frame{border:0;border-radius:0}.clubs-feed-map.is-open .club-map-root{border-radius:0}.clubs-feed-map.is-open .clubs-feed-map-close,.clubs-feed-map-fab{display:block}}.rail-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:16px;flex-shrink:0;padding:16px}.rail-card h2{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.rail-card h2 a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.rail-card h2 a:hover{color:var(--color-brand-blue)}.rail-club-list{flex-direction:column;gap:12px;margin:12px 0 0;padding:0;list-style:none;display:flex}.rail-club{align-items:center;gap:12px;display:flex}.rail-club img,.rail-club-fallback{object-fit:cover;background:var(--color-surface-raised);border-radius:12px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.rail-club-fallback{color:var(--color-foreground-muted);place-items:center;font-size:11px;font-weight:700;display:grid}.rail-club p{margin:0}.rail-club strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.rail-club strong a{color:inherit;text-decoration:none}.rail-club span{color:var(--color-foreground-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.rail-join{border:1px solid var(--color-brand-blue);color:var(--color-brand-blue);border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none}.rail-join:hover{background:var(--color-brand-blue);color:#fff}.rail-leaderboard{padding-bottom:0;overflow:hidden}.rail-leaderboard-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.rail-leaderboard-header h2{margin:0}.rail-leaderboard-icon{background:color-mix(in srgb, var(--color-brand-blue) 12%, transparent);width:24px;height:24px;color:var(--color-brand-blue);border-radius:6px;place-items:center;display:grid}.rail-leaderboard-metric{color:var(--color-foreground-muted);font-size:12px}.rail-leaderboard-list{flex-direction:column;margin:8px -16px 0;padding:0;list-style:none;display:flex}.rail-leaderboard-list:last-child .rail-leaderboard-row:last-child{padding-bottom:14px}.rail-leaderboard-row{align-items:center;gap:10px;margin:0;padding:10px 16px;display:flex}.rail-leaderboard-row.is-me{background:color-mix(in srgb, var(--color-brand-blue) 9%, transparent)}.rail-leaderboard-rank{width:24px;height:24px;color:var(--color-foreground-muted);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid}.rail-leaderboard-rank.is-first{color:#fff;background:#eab308}.rail-leaderboard-rank.is-you{background:var(--color-brand-blue);color:#fff}.rail-leaderboard-avatar{object-fit:cover;background:var(--color-brand-blue);border-radius:999px;flex-shrink:0;width:34px;height:34px;overflow:hidden}.rail-leaderboard-avatar.fallback{color:#fff;letter-spacing:.04em;text-indent:.04em;text-transform:uppercase;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.rail-leaderboard-copy{flex:1;min-width:0}.rail-leaderboard-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.rail-leaderboard-row strong a{color:inherit;text-decoration:none}.rail-leaderboard-row strong a:hover,.rail-leaderboard-row.is-me strong a{color:var(--color-brand-blue)}.rail-leaderboard-streak{color:#ea580c;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:550;line-height:1.2;display:flex}.rail-leaderboard-streak.muted{color:var(--color-foreground-muted);font-weight:500}.rail-leaderboard-trend{flex-shrink:0}.rail-leaderboard-trend.up{color:#16a34a}.rail-leaderboard-trend.down{color:#dc2626}.rail-leaderboard-miles{color:var(--color-foreground);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:700;line-height:1}.rail-leaderboard-miles span{color:var(--color-foreground-muted);margin-left:2px;font-size:11px;font-weight:500}.rail-leaderboard-miles.is-zero{color:var(--color-foreground-muted);font-weight:500}.rail-leaderboard-footer{border-top:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-foreground) 4%, var(--color-surface));color:var(--color-foreground-muted);text-align:center;margin:0 -16px;padding:10px 16px;font-size:12px;line-height:1.4}.rail-leaderboard-footer-strong{color:var(--color-foreground);font-weight:650}.rail-leaderboard-more{color:var(--color-brand-blue);margin:10px 0 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.rail-leaderboard-more:hover{text-decoration:underline}.my-clubs-scroller{margin:0 0 16px}.my-clubs-track{scrollbar-width:none;gap:12px;padding:2px 2px 8px;display:flex;overflow-x:auto}.my-clubs-track::-webkit-scrollbar{display:none}.my-clubs-tile{width:72px;color:inherit;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.my-clubs-cover{border:2px solid var(--color-brand-blue);object-fit:cover;background:var(--color-surface-raised);border-radius:999px;width:64px;height:64px;overflow:hidden}.my-clubs-cover.fallback,.my-clubs-cover.explore-cover{color:var(--color-foreground-muted);place-items:center;font-size:14px;font-weight:700;display:grid}.my-clubs-tile.explore .my-clubs-cover{border-color:var(--color-border-subtle);background:var(--color-surface);border-style:dashed}.my-clubs-name{width:100%;color:var(--color-foreground);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.rail-run-list{flex-direction:column;gap:12px;margin:12px 0 0;padding:0;list-style:none;display:flex}.rail-run a{color:inherit;text-decoration:none;display:block}.rail-run a:hover strong{color:var(--color-brand-blue)}.rail-run strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.rail-run span{color:var(--color-foreground-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.rail-footer-links{color:var(--color-foreground-muted);flex-wrap:wrap;gap:4px 12px;padding:0 8px;font-size:12px;display:flex}.rail-footer-links a{color:inherit;text-decoration:none}.rail-footer-links a:hover{color:var(--color-foreground)}.rail-footer-links .copy{width:100%;padding-top:4px}.post-insight{padding:12px 14px 0}.post-comments{padding:8px 6px 12px}.post-card .model-insight,.post-card .comment-block{margin-top:0}.feed-rail .weekly-card{flex-direction:column;align-items:stretch;margin:0}.feed-rail .week-stats,.feed-rail .model-preview{margin:0}.weekly-mobile{margin-bottom:16px;display:block}@media (min-width:1280px){.weekly-mobile{display:none}}.post-media .media-dots{bottom:88px}.post-media .media-nav{top:38%}.video-mute{z-index:3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.video-play{z-index:2;cursor:pointer;background:#0003;border:0;place-items:center;display:grid;position:absolute;inset:0}.activity-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);color:inherit;border-radius:14px;padding:20px;text-decoration:none;box-shadow:0 15px 40px #00000014}.activity-header{justify-content:initial;gap:10px}.author{gap:3px;display:grid}.author strong{font-size:13px}.author span{color:var(--color-foreground-muted);font-size:11px}.activity-copy{align-items:flex-end;margin-top:22px}.eyebrow{color:var(--color-brand-blue);align-items:center;gap:5px;display:flex}.activity-copy h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.location-pill{max-width:280px;color:var(--color-foreground-muted);text-align:right;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;line-height:1.35;display:flex}.caption{color:var(--color-foreground-muted);margin:12px 0 16px;font-size:13px;line-height:1.55}.route-map{background:#d7e0ea;border-radius:9px;height:182px;position:relative;overflow:hidden}.route-map.hero{aspect-ratio:4/3;border-radius:0;height:auto}.route-map.thumb .map-credit,.post-map-thumb .map-credit{display:none}.route-map img{object-fit:cover;width:100%;height:100%;display:block}.osm-map img.map-tile{object-fit:none;pointer-events:none;width:256px;max-width:none;height:256px;position:absolute}.map-credit{z-index:2;color:#202935b3;letter-spacing:.02em;text-shadow:0 0 4px #fff;font-size:8px;position:absolute;bottom:6px;right:8px}.route-forest{background:#1b2730}.route-coast{background:#1a2a3c}.route-alpine{background:#22283a}.map-grid{opacity:.28;background-image:linear-gradient(28deg,#0000 48%,#ffffff12 49%,#0000 50%),linear-gradient(118deg,#0000 48%,#ffffff0f 49%,#0000 50%);background-size:52px 42px,80px 64px;position:absolute;inset:0}.route-map svg{width:100%;height:100%;position:absolute;inset:0}.route-shadow{fill:none;stroke:#00000059;stroke-width:8px;stroke-linecap:round}.route-line{fill:none;stroke:var(--color-brand-blue);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.osm-map .route-shadow{stroke:#ffffffe6;stroke-width:7px}.osm-map .route-line{stroke-width:4px}.route-start,.route-end{stroke:#fff;stroke-width:2px}.route-start{fill:#22c55e}.route-end{fill:#2563eb}.route-dot{fill:var(--color-brand-blue-dim);stroke:var(--color-surface);stroke-width:4px}.map-label{z-index:1;color:#ffffff8c;letter-spacing:.14em;font-size:8px;position:absolute}.map-label-a{bottom:17px;left:18px}.map-label-b{top:20px;right:18px}.map-watermark{color:#ffffff59;letter-spacing:.16em;font-size:8px;position:absolute;bottom:13px;right:14px}.stat-row{grid-template-columns:repeat(4,1fr);padding:16px 0 14px;display:grid}.stat-row div{border-right:1px solid var(--color-border-subtle);gap:5px;padding-left:13px;display:grid}.stat-row div:first-child{padding-left:0}.stat-row .stat-last{border:0}.stat-row span{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.stat-row strong{font-size:12px}.media-card{aspect-ratio:2;background:var(--color-surface-raised);border-radius:9px;position:relative;overflow:hidden}.media-card img,.media-card video{object-fit:cover;width:100%;height:100%;display:block}.media-scrim{pointer-events:none;background:linear-gradient(#0000 35%,#00000059);position:absolute;inset:0}.play-button{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000061;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.duration-badge{color:#fff;background:#00000080;border-radius:4px;padding:4px 6px;font-size:10px;position:absolute;bottom:9px;right:10px}.media-nav{z-index:2;color:#1a1a1a;cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 6px #00000047}.media-nav.prev{left:10px}.media-nav.next{right:10px}.media-dots{z-index:2;gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.media-dot{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:6px;height:6px;padding:0}.media-dot.active{background:#fff}.activity-actions{gap:20px;padding-top:15px}.action{color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;text-decoration:none;display:flex}.action.active{color:var(--color-brand-blue)}.feed-reactions{flex-wrap:wrap;gap:8px;padding-top:14px;display:flex}.feed-reaction{border:1px solid var(--color-border-subtle);color:var(--color-foreground);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;line-height:1;display:flex}.feed-reaction.active{border-color:var(--color-brand-blue);background:color-mix(in srgb, var(--color-brand-blue) 12%, transparent)}.comment-block{flex-direction:column;margin-top:14px;display:flex}.comment-heading{justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px 0;display:flex}.comment-heading h3{margin:0;font-size:14px;font-weight:600}.comment-heading-count{color:var(--color-foreground-muted);font-weight:500}.comment-empty{color:var(--color-foreground-muted);margin:0;padding:4px 10px 0;font-size:12px}.comment-list{flex-direction:column;gap:16px;padding:12px 10px 4px;display:flex}.comment-thread{flex-direction:column;gap:12px;display:flex}.comment{align-items:flex-start;gap:10px;display:flex}.comment .avatar{border-width:0;width:34px;height:34px;font-size:11px}.comment.reply{margin-left:32px}.comment.reply .avatar{width:28px;height:28px;font-size:9px}.comment-main{flex:1;min-width:0}.comment-bubble{background:color-mix(in srgb, var(--color-foreground) 5.5%, var(--color-surface));border-radius:4px 16px 16px;max-width:100%;padding:8px 14px;display:inline-block}.comment-bubble-meta{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.comment-bubble-meta strong,.comment-bubble-meta strong a{color:inherit;font-size:13px;font-weight:600;text-decoration:none}.comment-handle{color:var(--color-foreground-muted);font-size:11px}.comment-bubble p{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.comment-mention{color:var(--color-brand-blue);font-weight:650;text-decoration:none}.comment-mention:hover{text-decoration:underline}.comment-actions{color:var(--color-foreground-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;padding-left:4px;font-size:12px;font-weight:500;display:flex}.comment-reply-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:550}.comment-reply-btn:hover{color:var(--color-foreground)}.comment-removed{color:var(--color-foreground-muted);font-style:italic}.comment-cancel{color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:0;flex:none;margin:0;padding:0;font-size:13px;font-weight:550}.comment-cancel:hover{color:var(--color-foreground)}.comment-reply-form{margin-left:32px}.comment-block>.comment-compose{margin:8px 10px 4px}.comment-block .comment-compose{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:16px;transition:border-color .15s}.comment-block .comment-compose:focus-within,.comment-block .comment-compose.is-open{border-color:var(--color-brand-blue)}.comment-compose{gap:0;display:grid;position:relative}.comment-compose-row{align-items:center;gap:12px;display:flex}.comment-compose-body{align-items:center;gap:10px;padding:12px;display:flex}.comment-compose-toolbar{opacity:0;pointer-events:none;border-top:1px solid #0000;border-radius:0 0 16px 16px;align-items:center;gap:4px;max-height:0;padding:0 12px;transition:max-height .2s,padding .2s,opacity .15s,border-color .15s;display:flex;overflow:hidden}.comment-compose:focus-within .comment-compose-toolbar,.comment-compose.is-open .comment-compose-toolbar{border-top-color:var(--color-border-subtle);opacity:1;pointer-events:auto;max-height:56px;padding:8px 12px}.comment-compose-tool{width:32px;height:32px;color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin:0;padding:0;display:grid}.comment-compose-tool:hover{background:var(--color-surface-raised);color:var(--color-brand-blue)}.comment-compose-post{background:var(--color-foreground);color:var(--color-surface);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;margin:0 0 0 auto;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.comment-compose-post:disabled{background:var(--color-surface-raised);color:var(--color-foreground-muted);cursor:not-allowed}.comment-compose-post:not(:disabled):hover{opacity:.9}.comment-mention-field{flex:1;min-width:0;position:relative}.comment-mention-field input{width:100%}.comment-mention-menu{z-index:40;border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:14px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.comment-mention-menu button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.comment-mention-menu button.is-active,.comment-mention-menu button:hover{background:var(--color-surface-raised)}.comment-mention-copy{min-width:0;display:grid}.comment-mention-copy span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.comment-mention-copy small{color:var(--color-foreground-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.comment-mention-mark{background:color-mix(in srgb, var(--color-brand-blue) 14%, transparent);color:var(--color-brand-blue);border-radius:3px;padding:0 2px}.comment-compose .avatar{border-width:0;width:32px;height:32px}.comment-compose input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:1;padding:8px 0;font-size:14px;line-height:1.4}.comment-compose-body input{margin:0;padding:0}.comment-compose input::placeholder{color:var(--color-foreground-muted)}.comment-compose input:focus{outline:none}.comment-compose-submit{color:var(--color-brand-blue);cursor:pointer;background:0 0;border:0;flex:none;margin:0;padding:0;font-size:14px;font-weight:650}.comment-compose-submit:disabled{color:color-mix(in srgb, var(--color-foreground) 22%, transparent);cursor:default}.comment-compose-submit:not(:disabled):hover{color:var(--color-brand-blue-dim)}.comment-error{color:var(--color-warning,#b45309);margin:0;padding:0 12px 10px 54px;font-size:12px}.comment-compose-inline .comment-error{padding-left:12px}.view-all-comments{color:var(--color-foreground-muted);font-size:12px;font-weight:550;text-decoration:none}.view-all-comments:hover{color:var(--color-foreground)}.feed-sentinel{min-height:70px;color:var(--color-foreground-muted);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.spinner{border:2px solid var(--color-border-subtle);border-top-color:var(--color-brand-blue);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite wattly-spin}@keyframes wattly-spin{to{transform:rotate(360deg)}}.weekly-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:16px;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:28px;padding:18px 18px 16px;display:flex}.weekly-card .card-heading{align-items:baseline;width:100%}.weekly-card .card-heading .month-label{text-transform:none;letter-spacing:.02em;color:var(--color-foreground-muted);font-size:12px;font-weight:550}.month-grid{gap:8px;display:grid}.month-grid-headers,.month-grid-cells{grid-template-columns:repeat(7,1fr);place-items:center;gap:6px 4px;display:grid}.month-grid-headers span{color:var(--color-foreground-muted);letter-spacing:.04em;font-size:10px;font-weight:650}.month-dot{background:color-mix(in srgb, var(--color-brand-blue) 14%, transparent);border-radius:999px;width:8px;height:8px}.month-dot.out-month{opacity:0}.month-dot.is-future{background:color-mix(in srgb, var(--color-brand-blue) 10%, transparent)}.month-dot.has-activity.size-sm{background:color-mix(in srgb, var(--color-brand-blue) 45%, transparent);width:7px;height:7px}.month-dot.has-activity.size-md{background:color-mix(in srgb, var(--color-brand-blue) 72%, transparent);width:10px;height:10px}.month-dot.has-activity.size-lg{background:var(--color-brand-blue);width:14px;height:14px}.month-dot.is-today{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-blue) 40%, transparent)}.month-dot.is-today.has-activity{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-blue-dim) 55%, transparent)}.week-stats{border-top:1px solid var(--color-border-subtle);text-align:center;gap:14px;padding-top:14px;display:grid}.next-run{border-top:1px solid var(--color-border-subtle);text-align:left;padding-top:14px}.next-run h3{margin:0;font-size:12px;font-weight:700}.next-run h3 a{color:inherit;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.next-run h3 a:hover{color:var(--color-brand-blue)}.next-run .rail-run-list{margin-top:10px}.week-number{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.week-number strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:36px;font-weight:600;line-height:1}.week-number span{color:var(--color-foreground-muted);font-size:12px;font-weight:550}.mini-stats{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;display:grid}.mini-stats div{justify-items:center;gap:3px;display:grid}.mini-stats strong{letter-spacing:-.02em;font-size:15px;font-weight:650;line-height:1.15}.mini-stats span{color:var(--color-foreground-muted);font-size:11px;font-weight:550}.follow-button{border:1px solid color-mix(in srgb, var(--color-brand-blue) 45%, transparent);color:var(--color-brand-blue);background:0 0;border-radius:5px;padding:5px 7px;font-size:10px;text-decoration:none}.feedback-launcher{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:40;position:fixed}.feedback-fab{color:#fff;background:var(--color-brand-blue);cursor:pointer;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 30px #2563eb59}.feedback-panel{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:14px;width:min(360px,100vw - 32px);padding:16px;position:absolute;bottom:60px;right:0;box-shadow:0 18px 50px #0000002e}.feedback-panel h2{font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-size:16px}.feedback-panel p{color:var(--color-foreground-muted);margin:6px 0 0;font-size:12px;line-height:1.45}.feedback-board-link{color:var(--color-brand-blue);margin-top:10px;font-size:12px;display:inline-block}@media (min-width:640px){.feed-column{padding-left:0;padding-right:0}}@media (min-width:1024px){.left-rail{display:block}.mobile-header,.mobile-bottom-nav,.mobile-bottom-spacer{display:none}}@media (min-width:1280px){.feed-rail{display:flex}}@media (max-width:1023px){.wattly-shell{padding:0}.page-column{padding:16px 16px 24px}.feedback-launcher{bottom:max(88px, calc(env(safe-area-inset-bottom) + 72px))}}@media (max-width:420px){.activity-copy{align-items:flex-start;gap:9px;display:grid}.stat-row{gap:7px}.activity-actions{gap:14px}.post-stats{gap:10px;padding-left:12px;padding-right:12px}.post-stat-side{gap:12px}.post-stat-value strong{font-size:.95rem}}.model-rail{display:none}.model-preview{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:12px;padding:16px 18px}.model-proto{background:var(--color-surface-raised);color:var(--color-foreground-muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin:0;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.model-preview-metric,.model-preview-last,.model-preview-focus{margin:12px 0 0;font-size:13px}.model-preview-metric strong,.model-preview-focus strong{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600}.model-preview-metric strong{margin-top:2px;font-size:22px;display:block}.model-preview-last span,.model-preview-label,.model-insight-kicker{color:var(--color-foreground-muted)}.model-preview-label{margin:0}.model-preview-last p,.model-preview-focus p,.model-insight-headline,.model-insight-detail,.model-insight-extra{margin:4px 0 0;font-size:12px;line-height:1.45}.model-preview-focus strong{margin-top:2px;font-size:20px;display:block}.model-ladder{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.model-ladder li{color:var(--color-foreground-muted);text-align:center;justify-items:center;gap:5px;font-size:9px;display:grid}.model-ladder span:first-child,.model-dot{border-radius:999px;width:8px;height:8px;display:inline-flex}.model-dot[data-active=true]{outline:2px solid var(--color-brand-blue);outline-offset:2px}.model-status.ready,.model-dot.ready{background:#14b8a6}.model-status.useful,.model-dot.useful{background:#3b82f6}.model-status.proxies,.model-dot.proxies{background:#f59e0b}.model-status{color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.model-preview-link,.model-insight-link{color:var(--color-brand-blue);margin-top:14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.model-preview-link:hover,.model-insight-link:hover{text-decoration:underline}.model-insight{--model-gradient:linear-gradient(120deg, var(--color-brand-blue), #8b5cf6, #14b8a6, var(--color-brand-blue));background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, var(--model-gradient) border-box;background-size:auto,250% 250%;border:1px solid #0000;border-radius:12px;margin-top:14px;padding:12px 14px;animation:6s infinite model-gradient-shift}@keyframes model-gradient-shift{0%{background-position:0 0,0%}50%{background-position:0 0,100%}to{background-position:0 0,0%}}@media (prefers-reduced-motion:reduce){.model-insight,.nav-watt-ai-icon{animation:none}}.model-insight-kicker{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.model-insight-label{letter-spacing:.04em;align-items:center;gap:6px;font-weight:700;display:inline-flex}.model-insight-topic{color:var(--color-foreground-muted);font-weight:500}.model-insight-ai{color:var(--color-brand-blue);flex-shrink:0}.model-insight-headline{color:var(--color-foreground);margin:6px 0 0;font-size:13px;font-weight:600}.message-thread{flex-direction:column;flex:1;min-height:0;display:flex}.messages-pane{background:0 0;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.messages-inbox{border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;width:340px;min-height:0;display:flex}.messages-inbox-header{flex-direction:column;gap:12px;padding:16px 20px 0 8px;display:flex}.messages-inbox-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.messages-inbox-title h1{margin:0;font-size:1.875rem;font-weight:400;line-height:2.25rem}.messages-icon-btn{width:36px;height:36px;color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.messages-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-foreground)}.messages-search{position:relative}.messages-search-icon{color:var(--color-foreground-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.messages-search-input{border:1px solid var(--color-border-subtle);width:100%;color:inherit;font:inherit;background:0 0;border-radius:12px;outline:none;padding:10px 12px;font-size:14px}.messages-search .messages-search-input{padding-left:36px}.messages-search-input:focus{border-color:var(--color-brand-blue);background:color-mix(in srgb, var(--color-surface) 70%, transparent)}.messages-tabs{border-bottom:1px solid var(--color-border-subtle);gap:24px;display:flex}.messages-tab{color:var(--color-foreground-muted);padding:0 0 10px;font-size:14px;font-weight:500;text-decoration:none;position:relative}.messages-tab.is-active{color:var(--color-foreground);font-weight:600}.messages-tab.is-active:after{content:"";background:var(--color-brand-blue);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.messages-inbox-list{flex:1;min-height:0;padding:8px 12px 8px 4px;overflow-y:auto}.messages-empty-list{color:var(--color-foreground-muted);padding:16px 8px;font-size:14px}.conversation-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.conversation-row{width:100%;color:inherit;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.conversation-row:hover{background:var(--color-surface-raised)}.conversation-row.is-unread{background:color-mix(in srgb, var(--color-brand-blue) 8%, transparent)}.conversation-row.is-selected{background:color-mix(in srgb, var(--color-brand-blue) 14%, transparent)}.conversation-row.is-unread:before,.conversation-row.is-selected:before{content:"";background:var(--color-brand-blue);border-radius:999px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.conversation-avatar-wrap{flex-shrink:0;position:relative}.conversation-avatar{color:#fff;background:#27272a;border-radius:999px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:800;display:grid;overflow:hidden}.conversation-avatar.is-lg{width:52px;height:52px;font-size:14px}.conversation-avatar img{object-fit:cover;width:100%;height:100%}.conversation-presence{border:2px solid var(--color-background);background:#2ea957;background:lab(61.4013% -48.4577 32.1205);border-radius:999px;width:11px;height:11px;position:absolute;bottom:0;right:0}.conversation-copy{flex:1;min-width:0}.conversation-topline,.conversation-bottom{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation-bottom{align-items:center;margin-top:2px}.conversation-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:500;display:flex;overflow:hidden}.conversation-row.is-unread .conversation-name{font-weight:700}.conversation-pin{width:12px;height:12px;color:var(--color-foreground-muted);flex-shrink:0}.conversation-time{color:var(--color-foreground-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.conversation-row.is-unread .conversation-time{color:var(--color-brand-blue);font-weight:600}.conversation-preview{min-width:0;color:var(--color-foreground-muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.conversation-row.is-unread .conversation-preview{color:color-mix(in srgb, var(--color-foreground) 90%, transparent);font-weight:500}.conversation-preview.is-typing{color:#298646;color:lab(49.4309% -39.316 25.9959);font-weight:500}.conversation-unread{background:var(--color-brand-blue);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.conversation-receipt{width:16px;height:16px;color:var(--color-brand-blue);flex-shrink:0}.messages-thread-slot{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.messages-empty-thread{color:var(--color-foreground-muted);flex:1;place-items:center;font-size:14px;display:grid}.compose-new-list{flex-direction:column;gap:4px;max-height:320px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.compose-new-row{color:inherit;border-radius:12px;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.compose-new-row:hover{background:var(--color-surface-raised)}.message-thread-header{border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 16px 12px;display:flex}.message-thread-person{align-items:center;gap:12px;min-width:0;display:flex}.message-thread-back{color:var(--color-foreground-muted);font-size:14px;text-decoration:none}.message-thread-back:hover{color:var(--color-foreground)}.message-thread-identity{min-width:0;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.message-thread-name{flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.message-thread-handle{color:var(--color-foreground-muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.message-active-now{color:#298646;color:lab(49.4309% -39.316 25.9959);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.message-active-dot{background:#2ea957;background:lab(61.4013% -48.4577 32.1205);border-radius:999px;width:6px;height:6px}.message-thread-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.message-invite{background:var(--color-brand-blue);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.message-invite:hover{color:#fff;filter:brightness(1.08)}.message-thread-stats{flex-wrap:wrap;flex-basis:100%;justify-content:center;align-items:center;gap:8px;display:flex}.message-stat-pill{background:color-mix(in srgb, var(--color-surface-raised) 70%, transparent);border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px;display:flex}.message-stat-pill strong{font-variant-numeric:tabular-nums;font-size:14px}.message-stat-pill span{color:var(--color-foreground-muted);font-size:12px}.message-request-banner{border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 24px 0 12px;padding:12px 16px;font-size:14px;display:flex}.message-request-note{color:var(--color-foreground-muted);margin:12px 24px 0 12px;font-size:14px}.message-thread-scroller{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 24px 16px 12px;display:flex;overflow-y:auto}.message-day{background:var(--color-surface-raised);width:fit-content;color:var(--color-foreground-muted);border-radius:999px;margin:4px auto;padding:4px 12px;font-size:11px;font-weight:500}.message-row{flex-direction:column;align-items:flex-start;max-width:70%;display:flex}.message-row.mine{align-self:flex-end;align-items:flex-end}.message-bubble{background:var(--color-surface-raised);color:var(--color-foreground);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px 16px 16px 6px;padding:10px 14px;font-size:14px;line-height:1.45}.message-row.mine .message-bubble{background:var(--color-brand-blue);color:#fff;border-radius:16px 16px 6px}.message-clock{opacity:.7;white-space:nowrap;margin-left:8px;font-size:10px}.message-compose{border-top:1px solid var(--color-border-subtle);padding:16px 24px 16px 12px}.message-compose-pill{border:1px solid var(--color-border-subtle);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.message-compose-pill input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.message-compose-send{background:var(--color-brand-blue);color:#fff;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.message-compose-send:disabled{cursor:default;opacity:.45}.message-compose-send:not(:disabled):hover{filter:brightness(1.08)}.message-compose .comment-error{padding:8px 4px 0}@media (min-width:1024px){.message-thread-back{display:none}}.notifications-page{flex-direction:column;gap:24px;max-width:42rem;display:flex}.notifications-header{flex-direction:column;gap:8px;display:flex}.notifications-header h1{margin:0}.notifications-mark-all{color:var(--color-foreground-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:500}.notifications-mark-all:hover{color:var(--color-foreground)}.notifications-mark-all:disabled{cursor:default;opacity:.5}.notifications-groups{flex-direction:column;gap:24px;display:flex}.notifications-group{flex-direction:column;gap:8px;display:flex}.notifications-group-heading{align-items:center;gap:8px;padding:0 4px;display:flex}.notifications-group-label{color:var(--color-foreground-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.notifications-group-count{background:var(--color-brand-blue);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.notification-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:16px;overflow:hidden}.notification-row{align-items:center;gap:12px;padding:14px;transition:background-color .15s;display:flex}.notification-row+.notification-row{border-top:1px solid var(--color-border-subtle)}.notification-row:hover{background:color-mix(in srgb, var(--color-surface-raised) 55%, transparent)}.notification-row.is-unread{background:color-mix(in srgb, var(--color-brand-blue) 8%, transparent)}.notification-row.is-unread:hover{background:color-mix(in srgb, var(--color-brand-blue) 12%, transparent)}.notification-row-main{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.notification-avatar-wrap{flex-shrink:0;position:relative}.notification-avatar{background:var(--color-foreground);width:40px;height:40px;color:var(--color-background);border-radius:999px;place-items:center;font-size:13px;font-weight:600;display:grid;overflow:hidden}.notification-avatar img{object-fit:cover;width:100%;height:100%}.notification-type-badge{width:22px;height:22px;box-shadow:0 0 0 2px var(--color-surface);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.notification-row.is-unread .notification-type-badge{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-blue) 8%, var(--color-surface))}.notification-type-badge.is-brand{background:var(--color-brand-blue);color:#fff}.notification-type-badge.is-neutral{background:var(--color-foreground);color:var(--color-background)}.notification-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-text{text-wrap:pretty;font-size:14px;line-height:1.35}.notification-text strong{font-weight:600}.notification-text .is-unread-copy{color:var(--color-foreground)}.notification-text .is-read-copy{color:var(--color-foreground-muted)}.notification-time{color:var(--color-foreground-muted);font-size:12px}.notification-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.notification-accept,.notification-ignore{font:inherit;cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.notification-accept{background:var(--color-brand-blue);color:#fff;border:0}.notification-accept:hover{filter:brightness(1.06)}.notification-ignore{border:1px solid var(--color-border-subtle);color:var(--color-foreground);background:0 0}.notification-ignore:hover{background:var(--color-surface-raised)}.notification-accept:disabled,.notification-ignore:disabled{cursor:default;opacity:.55}.notification-unread-dot{background:var(--color-brand-blue);border-radius:999px;flex-shrink:0;width:8px;height:8px}.notifications-empty{color:var(--color-foreground-muted);font-size:14px}.notifications-load-more{color:var(--color-brand-blue);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:500}.notifications-load-more:hover{text-decoration:underline}.notifications-load-more:disabled{cursor:default;opacity:.5}@media (max-width:520px){.notification-row{flex-wrap:wrap}.notification-row-main{width:100%}.notification-actions{width:100%;padding-left:52px}.notification-unread-dot{position:absolute;top:22px;right:14px}.notification-row{position:relative}}@media (max-width:1023px){.page-column.is-messages{border-right:0;max-width:none;height:calc(100svh - 137px);min-height:calc(100svh - 137px)}.messages-inbox{border-right:0;width:100%}.messages-pane.is-thread .messages-inbox,.messages-pane.is-list .messages-thread-slot,:is(.wattly-app:has(.messages-pane.is-thread) .mobile-header,.wattly-app:has(.messages-pane.is-thread) .mobile-bottom-nav,.wattly-app:has(.messages-pane.is-thread) .mobile-bottom-spacer){display:none}.wattly-app:has(.messages-pane.is-thread) .page-column.is-messages{height:100svh;min-height:100svh}}