/* Bucket is the home anchor; Food and Watchlist are equal sister destinations. */
.bucket-home-experience #idea .app-nav-group.primary > .main-bucket-nav {
  display:grid; align-content:center; gap:7px;
  min-height:70px; margin-bottom:10px; padding:13px 14px;
  border-radius:11px; border-color:#d6c19645;
  background:radial-gradient(ellipse at 15% 0%,#c7d0b31a,transparent 80%),
    linear-gradient(145deg,#ffffff17,#d2dcc10b);
  box-shadow:inset 0 1px #fffaf014,0 8px 18px #050c0814;
  cursor:pointer;
}
.bucket-home-experience #idea .app-nav-group.primary > .main-bucket-nav:is(.active,:hover) {
  border-color:#d6c1967a;
  background:radial-gradient(ellipse at 15% 0%,#c7d0b326,transparent 80%),
    linear-gradient(145deg,#ffffff1c,#d2dcc10f);
  transform:none;
}
.bucket-home-experience #idea .app-nav-group.primary > .main-bucket-nav > span {
  gap:4px; font-size:15.5px; font-weight:550; line-height:1.15;
  letter-spacing:-.3px;
}
.bucket-home-experience #idea .main-bucket-nav .bucket-owner-slot {
  color:#c6ceb9; font-size:17px;
}
.bucket-home-experience #idea .main-bucket-nav .main-bucket-count { font-size:9px; }
.bucket-home-experience #idea .main-bucket-nav .main-bucket-count strong { font-size:12px; }
@media(min-width:681px) {
  .bucket-home-experience #idea .app-nav-group.primary > .sidebar-feature {
    width:calc(100% - 6px); min-height:50px;
    /* Center the quieter cards; 3px inset + 11px padding matches Home's 14px. */
    margin-inline:auto; margin-bottom:8px; padding:8px 11px;
  }
}
.bucket-home-experience #idea .app-nav-group.primary > .sidebar-feature:is(:hover,.active) {
  transform:none;
}

/* One list, three meaningful lenses. Never tint or blur the content itself. */
.bucket-home-experience #idea .bucket-view-tabs {
  display:flex; align-items:center; gap:5px; flex-wrap:nowrap;
  min-width:0; padding:0; background:none;
  /* Scale the complete control, including its layout footprint, at every breakpoint. */
  zoom:.8;
}
.bucket-home-experience #idea .bucket-view-tabs button {
  position:relative;
  display:inline-flex; align-items:center; justify-content:center; gap:5px;
  flex:0 0 auto; min-height:32px; padding:7px 11px;
  border:1px solid transparent; border-radius:8px;
  font:650 10px/1.15 'Manrope',sans-serif; letter-spacing:.1px;
  text-transform:none; white-space:nowrap;
  transition:color .18s,background-color .18s,border-color .18s;
}
.bucket-home-experience #idea .bucket-view-tabs button[hidden] { display:none; }
.bucket-home-experience #idea .bucket-view-tabs button::after { display:none; }
.bucket-home-experience #idea .bucket-view-tabs button svg { width:14px; height:14px; flex:none; }
.bucket-home-experience #idea .bucket-view-tabs .bucket-filter-divider {
  width:1px; height:16px; flex:0 0 1px; margin:0 3px; background:#29403326;
}
.bucket-home-experience #idea .bucket-view-tabs button:focus-visible { outline:2px solid #a88851; outline-offset:2px; }
/* Shared retains its original soft gold/teal; Goals and Life Events keep
   their distinct charcoal/silver and aubergine materials. */
.bucket-home-experience #idea .bucket-view-tabs .shared-pill {
  --filter-ink:#4d4937;
  --filter-surface:linear-gradient(135deg,rgba(226,193,111,.34),rgba(199,154,71,.26) 52%,rgba(109,137,135,.23)),rgba(255,255,255,.7);
  --filter-line:rgba(181,135,50,.26);
  --filter-selected-ink:#393b31;
  --filter-selected-surface:linear-gradient(135deg,rgba(226,193,111,.5),rgba(199,154,71,.39) 52%,rgba(109,137,135,.34)),rgba(255,255,255,.82);
  --filter-selected-line:rgba(164,119,35,.38);
}
.bucket-home-experience #idea .bucket-view-tabs .goal-filter {
  --filter-ink:#dedede;
  --filter-surface:linear-gradient(145deg,#353535,#252525);
  --filter-line:#555555;
  --filter-shadow:inset 0 1px #ffffff30;
  --filter-selected-ink:var(--filter-ink);
  --filter-selected-surface:var(--filter-surface);
  --filter-selected-line:var(--filter-line);
}
.bucket-home-experience #idea .bucket-view-tabs .life-filter {
  --filter-ink:#faf5ed;
  --filter-surface:linear-gradient(145deg,#543e4e,#352631);
  --filter-line:#a98b9a;
  --filter-shadow:inset 0 1px #ffffff14;
  --filter-selected-ink:var(--filter-ink);
  --filter-selected-surface:var(--filter-surface);
  --filter-selected-line:var(--filter-line);
}
/* Keep the reference colors on All and dedicated views alike. The underline,
   not a darker fill, distinguishes the active Goals or Life Events filter. */
.bucket-home-experience #idea .app-main .bucket-view-tabs button:is(.shared-pill,.goal-filter,.life-filter) {
  color:var(--filter-ink); background:var(--filter-surface); border-color:var(--filter-line);
  box-shadow:var(--filter-shadow,inset 0 1px #ffffff30);
}
.bucket-home-experience #idea .app-main .bucket-view-tabs button:is(.shared-pill,.goal-filter,.life-filter):hover {
  border-color:var(--filter-selected-line);
}
.bucket-home-experience #idea .app-main .bucket-view-tabs button:is(.shared-pill,.goal-filter,.life-filter).active {
  color:var(--filter-selected-ink); background:var(--filter-selected-surface); border-color:var(--filter-selected-line);
  box-shadow:var(--filter-shadow,inset 0 1px #ffffff14,0 2px 5px #17251d0a);
}
/* A small inset marker distinguishes selection from the persistent colorway. */
.bucket-home-experience #idea .app-main .bucket-view-tabs button:is(.shared-pill,.goal-filter,.life-filter).active::after {
  content:""; display:block; position:absolute; width:14px; height:2px;
  bottom:3px; left:calc(50% - 7px); border-radius:2px;
  background:currentColor; opacity:.7;
}
/* Mixed-list Life Events inherit the original aged-gold row, label, and pin
   from styles.css. Aubergine is reserved for the dedicated Life Events view. */
.bucket-home-experience #idea .app-main.has-life-events-view { position:relative; isolation:isolate; }
.bucket-home-experience #idea .app-main.has-life-events-view::before {
  content:""; position:absolute; z-index:-1; inset:-6px auto -6px -6px;
  width:24px; height:auto; border:0; border-radius:0;
  background:linear-gradient(180deg,#17251d,#101611);
  mask-image:linear-gradient(90deg,#000 12%,#0009 42%,transparent);
  -webkit-mask-image:linear-gradient(90deg,#000 12%,#0009 42%,transparent);
  filter:blur(3px); opacity:.85; pointer-events:none; box-shadow:none;
}
.bucket-home-experience #idea .has-life-events-view .bucket-filter-divider { background:#cbbbc233; }
.bucket-home-experience #idea .bucket-sheet-rows[data-view="life-events"] { min-height:360px; }
.bucket-home-experience #idea .bucket-sheet-rows[data-view="life-events"] .sheet-row { min-height:76px; margin-bottom:8px; }
.bucket-home-experience #idea .has-life-events-view .bucket-sheet { width:100%; margin-inline:0; }
.bucket-home-experience #idea .sidebar-watch-panel #sidebar-watchlist-heading { font:inherit; }
@media(min-width:681px) and (max-width:1100px) {
  .bucket-home-experience #idea .bucket-view-tabs { gap:2px; }
  .bucket-home-experience #idea .bucket-view-tabs button { font-size:9px; padding:7px 7px; gap:4px; }
  .bucket-home-experience #idea .bucket-view-tabs button svg { width:12px; height:12px; }
  .bucket-home-experience #idea .app-list-tools { gap:8px; }
}
@media(min-width:800px) {
  .bucket-home-experience #idea .app-list-tools { display:flex; flex-wrap:nowrap; align-items:center; }
  .bucket-home-experience #idea .bucket-view-tabs { flex:1 1 auto; width:auto; }
  .bucket-home-experience #idea .app-home-mode { flex:0 0 auto; width:auto; margin-left:auto; }
}
@media(max-width:680px) {
  .bucket-home-experience #idea .app-nav-group.primary { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr); align-items:center; }
  .bucket-home-experience #idea .app-nav-group.primary > .main-bucket-nav {
    display:flex; min-height:48px; height:48px; margin:0; padding:7px 5px;
  }
  .bucket-home-experience #idea .app-nav-group.primary > .main-bucket-nav > span {
    gap:3px; font-size:11px; letter-spacing:-.25px;
  }
  .bucket-home-experience #idea .main-bucket-nav .bucket-owner-slot { font-size:12px; }
  .bucket-home-experience #idea .app-nav-group.primary > .sidebar-feature { justify-content:center; padding:7px 4px; gap:5px; }
  .bucket-home-experience #idea .app-nav-group.primary > button { min-width:0; }
  .bucket-home-experience #idea .app-list-tools { flex-wrap:wrap; gap:9px; }
  .bucket-home-experience #idea .bucket-view-tabs { flex:1 0 100%; justify-content:flex-start; gap:3px; }
  .bucket-home-experience #idea .bucket-view-tabs button { min-height:34px; padding:7px 9px; font-size:10px; }
  .bucket-home-experience #idea .bucket-sheet-rows[data-view="life-events"] { min-height:320px; }
  .bucket-home-experience #idea .app-main.has-life-events-view::before {
    inset:-6px -6px auto; width:auto; height:22px;
    mask-image:linear-gradient(180deg,#000 12%,#0009 42%,transparent);
    -webkit-mask-image:linear-gradient(180deg,#000 12%,#0009 42%,transparent);
  }
}
@media(prefers-reduced-motion:reduce) { .bucket-home-experience #idea .bucket-view-tabs button { transition:none; } }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { .bucket-home-experience #idea .app-main.has-life-events-view::before { filter:none; opacity:.3; } }