/* One experimental Goals identity across both previews. Main and Live opt out.
   Jet black for the workspace; a pale charcoal wash for mixed-list summaries. */
.goals-noir-experience {
  --goal-ink:#383c40;
  --goal-accent:#73899b;
  --goal-pale:#e9e9e6;
  --goal-line:#c9cdce;
  --goal-silver:#dbe4eb;
  --goal-muted:#a8afb5;
  --goal-dark-line:#ffffff1c;
}
.goals-noir-experience .life-palette-picker[hidden] { display:none; }
.goals-noir-experience #idea .goal-filter { color:#444b51; }
.goals-noir-experience #idea .goal-filter.active,
.goals-noir-experience .goals-lived-filter.active {
  background:linear-gradient(145deg,#2b3035,#111315);
  color:#f0f3f5;
  border-color:#ffffff20;
  box-shadow:inset 0 1px 0 #ffffff14,0 2px 4px #0000000d;
}
.goals-noir-experience .app-create-option-icon.goal-icon {
  background:linear-gradient(145deg,#353b41,#16191d);
  color:#dbe4eb;
  box-shadow:inset 0 1px 0 #ffffff1c;
}
/* Preserve the green sidebar. Blur only a narrow decorative edge, never UI. */
.goals-noir-experience #idea .app-main.has-goals-view {
  color:#f1f2ef;
  background:#08090a;
  --goal-ink:#dbe4eb;
  --goal-muted:#a8afb5;
}
.goals-noir-experience #idea .app-main.has-goals-view::after { content:none; }
.goals-noir-experience #idea .app-shell:has(.app-main.has-goals-view) { background:#17251d; }
.goals-noir-experience #idea .app-shell:has(.app-main.has-goals-view) > .app-sidebar { border-right-color:transparent; border-bottom-color:transparent; }
.goals-noir-experience #idea :is(.app-main.has-goals-view,.sidebar-watch-panel) {
  position:relative;
  isolation:isolate;
}
.goals-noir-experience #idea :is(.app-main.has-goals-view,.sidebar-watch-panel)::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);
  -webkit-mask-image:linear-gradient(90deg,#000 12%,#0009 42%,transparent);
  mask-image:linear-gradient(90deg,#000 12%,#0009 42%,transparent);
  filter:blur(3px);
  opacity:.85;
  box-shadow:none;
  pointer-events:none;
}
.goals-noir-experience #idea .has-goals-view :is(.app-main-head,.app-list-tools) { border-color:#ffffff0e; }
.goals-noir-experience #idea .has-goals-view :is(.app-main-head h3,.goals-title) { color:#f1f2ef; }
.goals-noir-experience #idea .has-goals-view .app-main-head h3 em { color:#a7b2bb; }
.goals-noir-experience #idea .has-goals-view :is(.app-smart-search-toggle,.app-create-menu-toggle,.app-home-mode) {
  color:#dbe1e5;
  border-color:#ffffff21;
  background:#171a1d;
  box-shadow:inset 0 1px 0 #ffffff09;
}
.goals-noir-experience #idea .has-goals-view .app-create-menu-toggle :is(strong,svg) { color:inherit; }
.goals-noir-experience #idea .has-goals-view .app-create-menu-toggle > svg { stroke:currentColor; }
.goals-noir-experience #idea .has-goals-view .app-home-mode button { color:#b0b7bd; }
.goals-noir-experience #idea .has-goals-view .app-home-mode button.active { background:#32383d; color:#f1f2ef; box-shadow:inset 0 1px 0 #ffffff0c; }
.goals-noir-experience #idea .has-goals-view .app-home-mode button > span { color:#dbe1e5; background:#ffffff0c; }
.goals-noir-experience #idea .has-goals-view .bucket-view-tabs { background:none; }
.goals-noir-experience #idea .has-goals-view .bucket-view-tabs button {
  color:#a9b0b6; background:transparent; border-color:transparent; box-shadow:none;
}
.goals-noir-experience #idea .has-goals-view .bucket-view-tabs button.active {
  color:#edf2f5; background:#2b3238; border-color:#aebdcb40; box-shadow:inset 0 1px 0 #ffffff0d;
}
.goals-noir-experience #idea .has-goals-view .bucket-filter-divider { background:#ffffff26; }
.goals-noir-experience .goals-overview { color:#a8afb5; padding:13px 4px 17px; }
.goals-noir-experience .goals-kicker { color:#bccbd7; }
.goals-noir-experience .goals-list { scrollbar-color:#626d77 transparent; }
.goals-noir-experience .goal-card {
  background:linear-gradient(118deg,#191c20,#111315 70%);
  border-color:#ffffff1b;
  box-shadow:inset 0 1px 0 #ffffff05,0 4px 14px #00000018;
}
.goals-noir-experience .goal-card:has(.goal-summary[aria-expanded="true"]) { border-color:#a8bcc83c; }
.goals-noir-experience .goal-summary { color:#edf0f1; }
.goals-noir-experience .goal-summary:hover { background:#b9c9d306; }
.goals-noir-experience .goal-symbol {
  color:#dedede;
  background:radial-gradient(ellipse at 25% 0,#dddddd19,transparent 80%),linear-gradient(140deg,#353535,#202020);
  border-color:#c5c5c534;
  box-shadow:inset 0 1px 0 #ffffff12;
}
.goals-noir-experience .goal-symbol svg { filter:drop-shadow(0 1px 1px #00000033); }
.goals-noir-experience .goal-summary-copy small,
.goals-noir-experience .goal-progress { color:#a8b3bb; }
.goals-noir-experience .goal-progress i { background:#ffffff14; }
.goals-noir-experience .goal-progress b { background:linear-gradient(90deg,#7897ac,#d2dee5); }
.goals-noir-experience .goal-chevron { stroke:#aab9c5; }
.goals-noir-experience .goal-detail { border-color:var(--goal-dark-line); }
.goals-noir-experience :is(.goal-meta,.goal-note,.goal-simple-note,.goal-detail-footer small) { color:#abb2b8; }
.goals-noir-experience .goal-shared-label { color:#d3bdc6; }
.goals-noir-experience .goal-steps label { color:#e0e4e6; }
.goals-noir-experience .goal-steps input { background:#0b0d0f; border-color:#73808c; }
.goals-noir-experience .goal-steps input:checked { background:#adbfcc; border-color:#adbfcc; }
.goals-noir-experience .goal-steps input:checked::after { border-color:#17212a; }
.goals-noir-experience .goal-steps input:checked+span { color:#909ca5; text-decoration-color:#737f89; }
.goals-noir-experience .goal-add-step { border-color:#ffffff21; }
.goals-noir-experience .goal-add-step input { color:#edf0f1; }
.goals-noir-experience .goal-add-step input::placeholder { color:#8997a2; }
.goals-noir-experience .goal-add-step button { color:#ccdce7; }
.goals-noir-experience .goal-achieve { color:#e2ebf0; background:#2d3a43; border-color:#aec4d038; }
.goals-noir-experience .goal-achieve:not(:disabled):hover { background:#3c4b56; }
.goals-noir-experience .goal-achieve:disabled { opacity:.55; }
.goals-noir-experience .goal-card.is-achieved { background:#101513; border-color:#b1c4b325; }
.goals-noir-experience .is-achieved .goal-symbol { color:#b7cdbf; opacity:.85; }
.goals-noir-experience .goals-divider { color:#abb8b0; }
.goals-noir-experience .goals-divider::after { background:#c3d1c529; }
.goals-noir-experience :is(.goals-empty,.goal-lived-link) { color:#c1cbd2; }
/* In All / Shared, retain normal row geometry and quiet, dark-on-light ink. */
.goals-noir-experience .goal-inline-row {
  background:linear-gradient(90deg,#242b320b,#242b3204 72%,transparent);
  border-bottom-color:#a5a08429;
}
.goals-noir-experience .goal-inline-summary { color:#30373c; }
.goals-noir-experience .goal-inline-summary:hover { background:#17202906; }
.goals-noir-experience .goal-inline-summary .goal-symbol {
  background:linear-gradient(145deg,#eeeeee,#dddddd);
  border-color:#55555526;
  color:#505050;
  box-shadow:inset 0 1px 0 #ffffffc2;
}
.goals-noir-experience .goal-inline-summary .goal-symbol svg { filter:none; }
.goals-noir-experience .goal-inline-summary :is(.goal-summary-copy small,.goal-progress) { color:#6a7176; }
.goals-noir-experience .goal-inline-summary .goal-progress i { background:#555e661c; }
.goals-noir-experience .goal-inline-summary .goal-progress b { background:linear-gradient(90deg,#9da6ad,#55636f); }
.goals-noir-experience .goal-inline-summary .goal-chevron { stroke:#717d85; }
/* Creation and goal details use the same black / platinum material. */
.goals-noir-experience .goal-dialog { background:#101214; color:#e8ecee; border-color:#7e919e46; color-scheme:dark; }
.goals-noir-experience .goal-dialog::backdrop {
  background:#10171380;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.goals-noir-experience .goal-dialog header { background:linear-gradient(135deg,#20272d,#08090a); color:#f1f2ef; border-bottom:1px solid #ffffff17; }
.goals-noir-experience .goal-dialog-symbol { background:#b9cfdd0d; color:#d0e0eb; border-color:#b0c8d53b; }
.goals-noir-experience .goal-dialog header :is(small,button) { color:#c0cdd5; }
.goals-noir-experience .goal-dialog :is(.goal-input-label span,.goal-date-line label span,.goal-step-option small,footer>span) { color:#9ca9b2; }
.goals-noir-experience .goal-dialog :is(input:not([type="checkbox"]),textarea,select) { background:#080a0c; color:#e8ecee; border-color:#ffffff2b; }
.goals-noir-experience .goal-dialog :is(input,textarea)::placeholder { color:#8d9aa4; }
.goals-noir-experience .goal-dialog :is(.goal-step-option,footer) { border-color:#ffffff1b; }
.goals-noir-experience .goal-dialog input[type="checkbox"] { accent-color:#b4c8d6; }
.goals-noir-experience .goal-dialog footer { background:#0c0e10; }
.goals-noir-experience .goal-dialog .goal-create-submit { background:#bfcfdb; color:#111b23; border-color:#d1dce3; }
.goals-noir-experience .goal-step-option input { background:#45505a; }
.goals-noir-experience .goal-step-option input:checked { background:#92adbf; }
.goals-noir-experience :is(.goal-draft-row button,.goal-draft-add) { color:#bdd0dd; }
.goals-noir-experience .goal-form-error { color:#e8b0a6; }
/* Achieved Goals retain their existing gallery sizes and position. */
.goals-noir-experience .lived-goal-memory,
.goals-noir-experience .phone-suite-v2 .phone-goal-memory {
  color:#f0f2ef;
  background:radial-gradient(ellipse at 90% 0,#a0b8c312,transparent 62%),linear-gradient(140deg,#1b2023,#07090a);
  border-color:#c0d1d52e;
  box-shadow:inset 0 1px 0 #ffffff0d;
}
.goals-noir-experience .goal-memory-top { color:#c5d6cf; }
.goals-noir-experience .goal-memory-top :is(small,span) { color:inherit; }
.goals-noir-experience .goal-memory-symbol { color:#d7e2e8; background:#c1d4df09; border-color:#b7cbd433; }
.goals-noir-experience .goal-memory-copy :is(p,time) { color:#a9b6be; }
.goals-noir-experience .goal-archive-empty { color:#515d65; }
.goals-noir-experience .goal-archive-empty button { background:#222a30; border-color:#a9bac3; }
/* The iPhone keeps its small-list rhythm; full black appears in Goals only. */
.goals-noir-experience .phone-suite-v2 .phone-goal-filter.active { background:#252d34; color:#edf2f5; border-color:#bacad342; box-shadow:inset 0 1px 0 #ffffff12; }
.goals-noir-experience .phone-suite-v2 .phone-goal-item { color:#edf0ef; background:linear-gradient(115deg,#0b0e1080,#12181b33); border-color:#c0ccd322; }
.goals-noir-experience .phone-goal-item>i { background:#b5b5b50c; color:#d3d3d3; border-color:#c5c5c532; }
.goals-noir-experience .phone-goal-item :is(small,em) { color:#abbac4; }
.goals-noir-experience .phone-goal-progress { background:#c5d2dc1c; }
.goals-noir-experience .phone-goal-progress>b { background:linear-gradient(90deg,#809eaf,#d1dee5); }
.goals-noir-experience .phone-goals-overview { color:#c4d6e2; }
.goals-noir-experience .phone-v2-item-list:has(.phone-goals-overview:not([hidden])) { background:#080a0b; }
.goals-noir-experience .phone-v2-item-list:has(.phone-goals-overview:not([hidden])) .phone-goal-item { background:linear-gradient(125deg,#20262b,#13171a); }
.goals-noir-experience .phone-suite-v2 .phone-v2-demo-sheet.is-goal-sheet { background:linear-gradient(145deg,#1c242a,#090c0e); color:#edf2f4; border-color:#b1c4ce42; }
.goals-noir-experience .phone-suite-v2 .is-goal-sheet>header small { color:#c4d3dd; }
.goals-noir-experience .goal-phone-content :is(.goal-meta,.goal-note,.goal-simple-note,.goal-detail-footer small) { color:#b1bdc5; }
.goals-noir-experience .goal-phone-content .goal-steps label { color:#e1e8ec; }
.goals-noir-experience .goal-phone-content .goal-steps input { background:#0a0d10; border-color:#8fa3b0; }
.goals-noir-experience .goal-phone-content .goal-steps input:checked { background:#b5c8d4; }
.goals-noir-experience .goal-phone-content .goal-steps input:checked+span { color:#93a2ad; }
.goals-noir-experience .goal-phone-content .goal-add-step { border-color:#c2d4df29; }
.goals-noir-experience .goal-phone-content .goal-add-step :is(input,button) { color:#d1dee6; }
.goals-noir-experience .goal-phone-content .goal-achieve { background:#2c3c47; color:#edf2f4; border-color:#bccdd633; }
.goals-noir-experience .phone-goal-form label { color:#bdcbd4; }
.goals-noir-experience .phone-goal-form :is(input:not([type="checkbox"]),textarea,select) { color:#edf2f4; background:#070b0d; border-color:#b3c9d432; }
.goals-noir-experience .phone-goal-form :is(input,textarea)::placeholder { color:#91a6b4; }
.goals-noir-experience .phone-goal-form input[type="checkbox"] { accent-color:#bfd2df; }
.goals-noir-experience .phone-goal-form>button { background:#bed0db; color:#111a20; border-color:#c7d6de; }
.goals-noir-experience .phone-goal-empty { color:#bccbd4; }
.goals-noir-experience :is(.goal-filter,.goals-lived-filter,.goal-summary,.goal-dialog button,.goal-dialog input,.goal-dialog textarea,.goal-dialog select,.goal-steps input,.goal-add-step input,.goal-add-step button,.goal-achieve,.lived-goal-memory,.phone-goal-memory,.phone-goal-item):focus-visible {
  outline:2px solid #91aec2; outline-offset:2px;
}
@media(max-width:680px) {
  /* The navigation moves above the content on phones, so the blend turns too. */
  .goals-noir-experience #idea :is(.app-main.has-goals-view,.sidebar-watch-panel)::before {
    inset:-6px -6px auto;
    width:auto;
    height:22px;
    background:#101611;
    -webkit-mask-image:linear-gradient(180deg,#000 12%,#0009 42%,transparent);
    mask-image:linear-gradient(180deg,#000 12%,#0009 42%,transparent);
  }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .goals-noir-experience #idea :is(.app-main.has-goals-view,.sidebar-watch-panel)::before { filter:none; opacity:.35; }
  .goals-noir-experience .goal-dialog::backdrop { background:#101713d9; -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media(prefers-reduced-motion:reduce) {
  .goals-noir-experience :is(.goal-progress b,.goal-summary,.goal-chevron,.phone-goal-progress>b) { transition:none; }
}