:root{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--primary: #4338CA;--primary-dark: #3730A3;--primary-light: #6366F1;--accent: #22C55E;--accent-dark: #16A34A;--background: #0F0F23;--surface: #1A1A3E;--surface-hover: #242452;--text-primary: #F8FAFC;--text-secondary: #A1A1C7;--border: #2D2D5E;--danger: #EF4444;--danger-bg: rgba(239, 68, 68, .12);--warning: #F59E0B;--primary-color: var(--primary);--primary-dark-compat: var(--primary-dark);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.25);--shadow-lg: 0 10px 24px rgba(0,0,0,.3);--shadow-glow: 0 0 20px rgba(67, 56, 202, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-display: "Righteous", "Poppins", sans-serif;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-h1: 28px;--font-size-h2: 22px;--font-size-h3: 18px;--font-size-h4: 16px;--font-size-h5: 14px;--font-size-h6: 13px;--font-size-body: 14px;--font-size-body-lg: 16px;--font-size-caption: 12px;--font-size-small: 11px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 50;--z-modal: 100;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--sidebar-width: 240px;--header-height: 56px;--bottom-nav-height: 68px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--background);color:var(--text-primary);min-height:100vh}#root{width:100%;min-height:100vh;background:var(--background);position:relative;display:flex;flex-direction:column;overflow-x:hidden}a{color:var(--primary-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}h1{margin:0;font-family:var(--font-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:var(--line-height-tight)}h2{margin:0;font-family:var(--font-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:var(--line-height-tight)}h3{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}h4{margin:0;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal)}h5{margin:0;font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal)}h6{margin:0;font-size:var(--font-size-h6);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal)}p,span,label,li,td,th,div{color:var(--text-primary)}input,textarea,select{background-color:var(--surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md);font-family:Poppins,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #4338ca33;outline:none}input::placeholder,textarea::placeholder{color:var(--text-secondary)!important;opacity:.7}button{border-radius:var(--radius-md);border:none;padding:14px 24px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;cursor:pointer;transition:all .2s ease;width:100%;min-height:48px}button:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-glow)}button:active{transform:translateY(0);opacity:1}button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}button.secondary:hover{background:var(--surface-hover);border-color:var(--primary)}button.accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%)}button.accent:hover{box-shadow:0 0 20px #22c55e4d}button.danger{background:var(--danger)}button.danger:hover{opacity:.9;box-shadow:0 0 20px #ef44444d}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all .2s ease;overflow:hidden;min-width:0;cursor:pointer}.card:active{transform:scale(.98)}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card.feed-card:hover{transform:none;box-shadow:var(--shadow-md)}.card.onboarding-question-card{cursor:default}.card.onboarding-question-card:hover{border-color:var(--border);box-shadow:none;transform:none}.card.onboarding-question-card:active{transform:none}.card.static-card{cursor:default}.card.static-card:hover{border-color:var(--border);box-shadow:none;transform:none}.card.static-card:active{transform:none}.checklist-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;text-decoration:none;color:inherit;min-height:44px;transition:background-color .15s ease}.checklist-row:hover{background-color:#6366f114}.checklist-row.done{opacity:.55;cursor:default}.checklist-row.done:hover{background-color:transparent}.avatar-ring{border-radius:50%;padding:3px;background:linear-gradient(135deg,#6366f159,#a78bfa33);box-shadow:0 0 24px #6366f126;display:inline-block;flex-shrink:0}.avatar-edit-btn{position:relative;background:none;border:none;padding:0;cursor:pointer;border-radius:50%;overflow:hidden;min-height:0;width:auto}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .15s ease;color:#fff;font-size:11px;font-weight:500;pointer-events:none}@media(hover:hover){.avatar-edit-btn:hover .avatar-edit-overlay{opacity:1}}.avatar-edit-btn:focus-visible .avatar-edit-overlay{opacity:1}.stat-tap{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;min-height:56px;transition:background-color .15s ease;color:inherit}.stat-tap:hover{background-color:#6366f114}.stat-tap .stat-num{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.1}.stat-tap .stat-label{font-size:12px;color:var(--text-secondary);margin-top:2px}.taste-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.taste-strip::-webkit-scrollbar{display:none}.taste-strip>*{scroll-snap-align:start;flex-shrink:0}.profile-tabs{position:sticky;top:0;z-index:5;background:var(--background);border-bottom:1px solid var(--border);margin-bottom:16px;display:flex}.profile-tab-btn{flex:1;padding:10px 0;font-size:14px;font-weight:600;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;min-height:auto;border-radius:0;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .15s ease,border-color .15s ease}.profile-tab-btn.active{color:var(--text-primary);border-bottom-color:var(--primary-light)}.profile-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px}.profile-header-info{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}@media(min-width:768px){.profile-header{flex-direction:row;align-items:flex-start;justify-content:center;max-width:680px;margin:0 auto 24px;gap:32px;padding:16px 0}.profile-header-info{align-items:flex-start;flex:1;text-align:left}.profile-header-info h2{text-align:left}.profile-header-info p{text-align:left!important}}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:16px}.post-grid .skeleton-block{aspect-ratio:1;border-radius:0}.post-tile{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surface);display:block;color:inherit;text-decoration:none}.post-tile img{width:100%;height:100%;object-fit:cover;display:block}.post-tile-haul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;width:100%;height:100%}.post-tile-haul .haul-empty{background:linear-gradient(135deg,#6366f133,#a78bfa1a)}.post-tile-haul img{width:100%;height:100%;object-fit:cover;display:block}.post-tile-text{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:4px;text-align:center;background:linear-gradient(135deg,#6366f12e,#a78bfa14)}.post-tile-text .artist{font-size:11px;color:var(--text-secondary);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.3}.post-tile-text .album{font-size:12px;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.post-tile-chip{position:absolute;bottom:6px;left:6px;width:32px;height:32px;border-radius:6px;overflow:hidden;border:1.5px solid rgba(0,0,0,.6);box-shadow:0 2px 4px #00000059;background:var(--surface)}.post-tile-chip img{width:100%;height:100%;object-fit:cover}.post-tile-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a6,#0000 50%);display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:10px;color:#fff;font-size:13px;font-weight:600;opacity:0;transition:opacity .15s ease;pointer-events:none}@media(hover:hover){.post-tile:hover .post-tile-overlay{opacity:1}}.post-tile-overlay .stat{display:inline-flex;align-items:center;gap:4px}.record-mini-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 16px;background:#0a0a14d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);opacity:0;transform:translateY(-100%);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.record-mini-header.visible{opacity:1;transform:translateY(0);pointer-events:auto}@media(min-width:768px){.record-mini-header{left:var(--sidebar-width)}}.record-mini-header-art{width:40px;height:40px;border-radius:6px;flex-shrink:0;overflow:hidden;background:#6366f11a;display:flex;align-items:center;justify-content:center}.record-mini-header-art img{width:100%;height:100%;object-fit:cover;display:block}.record-mini-header-title{flex:1;min-width:0;background:none;border:none;padding:0;cursor:pointer;text-align:left;color:inherit;min-height:auto;width:auto;display:flex;align-items:center;gap:10px}.record-mini-header-title>div:last-child{min-width:0;flex:1}.record-mini-header-title .mini-album{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.record-mini-header-title .mini-artist{font-size:12px;color:var(--text-secondary);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-mini-streaming{display:flex;gap:6px;flex-shrink:0}.record-mini-streaming a{width:34px;height:34px;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease}.record-mini-streaming a:hover{background:#6366f11f;border-color:#6366f159}button.onboarding-option-btn{min-height:unset;font-family:Poppins,sans-serif;outline:none}button.onboarding-option-btn:hover{opacity:1;transform:none;box-shadow:none}button.onboarding-option-btn:active{opacity:1;transform:none}button.onboarding-option-btn:focus-visible{outline:2px dashed rgba(165,180,252,.5);outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.swipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-md);transition:transform .15s ease;touch-action:pan-y;-webkit-user-select:none;user-select:none;max-width:400px;margin-left:auto;margin-right:auto}.match-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;z-index:100;animation:matchFadeIn .4s ease}.match-overlay-content{text-align:center;animation:matchBounce .6s ease}@keyframes matchFadeIn{0%{opacity:0}to{opacity:1}}@keyframes matchBounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.rsvp-celebration{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:matchFadeIn .3s ease}.vibe-card-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-radius:20px;font-size:12px;font-weight:500;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gradient-text{background:linear-gradient(135deg,var(--primary-light) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-spinner{animation:vinyl-spin 2s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #4338ca4d}50%{box-shadow:0 0 24px #4338ca80}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.text-h1{font-family:var(--font-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.text-h2{font-family:var(--font-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.text-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.text-body{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-body-lg{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary)}.text-small{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary)}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.surface-hover:hover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.badge-accent{background:#22c55e26;border-color:var(--accent);color:var(--accent)}.badge-primary{background:#6366f126;border-color:var(--primary-light);color:var(--primary-light)}@media(min-width:768px){#root{flex-direction:row}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:var(--z-sticky);display:flex;flex-direction:column;padding:var(--space-lg) 0}.mobile-only{display:none!important}}@media(max-width:767px){.desktop-only{display:none!important}.app-main{flex:1;display:flex;flex-direction:column;overflow-x:hidden}}@media(min-width:1024px){.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.dashboard-grid-wide{grid-column:1 / -1}}@media(min-width:1280px){.dashboard-grid{grid-template-columns:2fr 1fr 1fr}}@media(min-width:768px){.content-container{max-width:960px;margin:0 auto;padding:var(--space-lg);width:100%}}@media(max-width:767px){.content-container{padding:var(--space-md);width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#root{max-width:none}.content-container{width:100%;max-width:900px;margin:0 auto;padding:var(--space-md);padding-left:max(var(--space-md),env(safe-area-inset-left,0px));padding-right:max(var(--space-md),env(safe-area-inset-right,0px));padding-top:max(var(--space-md),env(safe-area-inset-top,0px));padding-bottom:max(100px,calc(env(safe-area-inset-bottom,0px) + 88px));overflow:hidden;min-width:0}@media(min-width:768px){.content-container{padding:var(--space-lg);padding-bottom:var(--space-lg)}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.dashboard-grid-wide{grid-column:1 / -1}@media(min-width:768px){.dashboard-grid{grid-template-columns:1fr 1fr}}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}@media(min-width:768px){.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}}@media(min-width:1024px){.record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.swipe-card{max-width:400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.event-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-lg);padding:var(--space-md);color:#fff}.event-banner h3{color:#fff}.event-banner p{color:#ffffffd9}.event-banner a{color:#fff;text-decoration:underline}@keyframes skeleton-pulse{0%,to{opacity:.15}50%{opacity:.3}}.skeleton-block{background:var(--primary-light);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.page-enter{animation:pageIn .2s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.content-container{animation:pageIn .2s ease}@keyframes pulse-heat{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 12px 4px #f59e0b99}}.heat-blazing{animation:pulse-heat 2s ease-in-out infinite}.feed-reaction-scroll{scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.feed-reaction-scroll::-webkit-scrollbar{display:none}.feed-reaction-btn:hover:not([aria-pressed=true]){background:#ffffff14!important;border-color:#ffffff24!important}.feed-reactions-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.feed-reaction-count{font-size:12px;color:var(--text-secondary);margin:0}.feed-reaction-help{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;padding:2px;color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1;cursor:pointer;width:auto;min-height:auto;transition:color .15s ease-out}.feed-reaction-help__icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:10px;font-weight:700;line-height:1;border:1px solid currentColor;border-radius:50%}.feed-reaction-help:hover{color:var(--text-primary)}.feed-action-icon-btn:hover:not([aria-pressed=true]){background:#ffffff14!important;border-color:#ffffff24!important}.feed-streaming-pill:hover{background:#ffffff14!important;border-color:#ffffff24!important}.feed-streaming-pill:hover .feed-streaming-logo{opacity:1!important}.feed-streaming-pill:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.record-page-hero{margin-bottom:20px}.record-page-art{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background-color:#6366f10f;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.record-page-meta{min-width:0}@media(min-width:768px){.record-page-hero{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.record-page-art{margin-bottom:0}.record-page-meta h2{font-size:30px;line-height:1.2;margin-bottom:6px}}@keyframes postModalBackdropEnter{0%{opacity:0}to{opacity:1}}@keyframes postModalPanelEnter{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.post-modal-backdrop{animation:postModalBackdropEnter .18s ease-out}.post-modal-panel{animation:postModalPanelEnter .22s cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion:reduce){.post-modal-backdrop,.post-modal-panel{animation:postModalBackdropEnter .1s ease-out}.post-modal-panel{animation-name:postModalBackdropEnter}}@keyframes feedNewPostsPillEnter{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.feed-new-posts-pill{animation:feedNewPostsPillEnter .2s ease-out;transition:transform .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out}.feed-new-posts-pill:hover{transform:translateY(-1px);filter:brightness(1.05)}.feed-new-posts-pill:active{transform:translateY(0);filter:brightness(.97)}@media(prefers-reduced-motion:reduce){@keyframes feedNewPostsPillEnter{0%{opacity:0}to{opacity:1}}.feed-new-posts-pill,.feed-new-posts-pill:hover,.feed-new-posts-pill:active{transform:none;transition:none}}