/* Today is scoped to the existing TMP shell. Compatibility styles are untouched. */
#screen[data-temporal="true"] .content { padding: 0 18px 30px; }
#screen[data-temporal="true"] .demo { background: #261f2c; }
.tmp-today-active .tools .control:has(#scenario),
.tmp-today-active .tools .control:has(#elements),
.tmp-today-active .tools [data-semantic-control],
.tmp-today-active .tools [data-rh-control],
.tmp-today-active .tools .legend { display: none; }
.tmp-today-qa { display: none; margin-top: 20px; padding: 15px; border: 1px solid #c8abdb30; border-radius: 16px; background: #231b2b; }
.tmp-today-active .tmp-today-qa { display: block; }
.tmp-today-qa > strong { display: block; color: #e5d5ee; font-size: 11px; letter-spacing: .1em; }
.tmp-today-qa > span { display: block; margin: 6px 0 10px; color: #aa9bb2; font-size: 11px; line-height: 1.45; }
.tmp-today-qa select { min-height: 44px; color: #f3eaf7; }
@media (max-width: 800px) { .tools { min-height: 760px; } }
.td-lenses { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin: 16px 0 20px; padding: 4px; border: 1px solid #cbb8d522; border-radius: 18px; background: #160f1d; }
.td-lenses button { min-width: 0; min-height: 51px; padding: 6px 3px; border: 1px solid transparent; border-radius: 14px; background: transparent; color: #9e91a8; display: grid; justify-items: center; align-content: center; gap: 2px; cursor: pointer; }
.td-lenses button svg { width: 18px; height: 18px; }
.td-lenses button span { font-size: calc(11px * var(--scale)); font-weight: 650; white-space: nowrap; }
.td-lenses button[aria-selected="true"] { color: #f5eafa; border-color: #d1b0df2b; background: radial-gradient(circle at 50% 0,#b78dd322,transparent 70%),#30213a; box-shadow: 0 3px 14px #0004; }
.td-lenses button[aria-selected="true"] svg { color: #dab9ea; }
.td-context { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.td-context small,.td-kicker { display: block; color: #a797b3; font-size: calc(9px * var(--scale)); font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.td-context h2 { margin: 6px 0 2px; color: #f6edf8; font-size: calc(22px * var(--scale)); font-weight: 590; letter-spacing: -.035em; line-height: 1.08; }
.td-context p { margin: 4px 0 0; color: #a99daf; font-size: calc(10px * var(--scale)); line-height: 1.5; }
.td-date-cta { flex: 0 0 auto; min-height: 40px; padding: 0 11px; border: 1px solid #d7bcdd35; border-radius: 13px; background: #2a1d31; color: #efdff4; font-size: calc(10px * var(--scale)); font-weight: 650; cursor: pointer; }
.td-date-cta b,.td-plus-tag { color: #ebcb8f; font-size: 8px; letter-spacing: .08em; }
.td-card { border: 1px solid #d1b9dc25; border-radius: 22px; background: linear-gradient(145deg,#251a30,#16111e 72%); box-shadow: inset 0 1px #ffffff0a,0 12px 30px #0002; }
.td-hero { position: relative; overflow: hidden; padding: 22px 20px 17px; background: radial-gradient(ellipse at 90% 4%,#ad789338,transparent 48%),radial-gradient(circle at 0 100%,#755c9a1f,transparent 50%),linear-gradient(150deg,#2c1c35,#15101c 70%); }
.td-hero::before { content: ""; position: absolute; right: -44px; top: -47px; width: 170px; height: 170px; border: 1px solid #dec0df19; border-radius: 50%; box-shadow: 0 0 0 18px #caa3d006,0 0 0 39px #caa3d004; pointer-events: none; }
.td-hero-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; position: relative; }
.td-source-orb { width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid #ffc3d451; border-radius: 50%; background: radial-gradient(circle,#f9b7ce30,#7f486619 60%,transparent); color: #ffd5df; display: grid; place-items: center; font-size: 28px; box-shadow: 0 0 34px #ef88bc1c; }
.td-source-orb[data-source="MERCURY"] { color: #abd2f9; border-color: #9bc8ff50; background: #4c6f9b20; }
.td-source-orb[data-source="MOON"] { color: #b6d6fb; border-color: #b6d6fb55; background: #729ac526; }
.td-source-orb[data-source="SATURN"] { color: #eac994; border-color: #eac99455; background: #99825724; }
.td-hero .td-kicker { color: #d9add5; }
.td-hero h3 { position: relative; max-width: 14ch; margin: 17px 0 5px; color: #f6edf5; font-size: calc(27px * var(--scale)); font-weight: 560; letter-spacing: -.045em; line-height: 1.06; }
.td-hero p { position: relative; margin: 0; color: #c2b0c3; font-size: calc(11px * var(--scale)); line-height: 1.5; }
.td-hero-state { display: flex; align-items: center; gap: 8px; margin-top: 16px; color: #d4a7ca; font-size: calc(10px * var(--scale)); font-weight: 740; letter-spacing: .08em; text-transform: uppercase; }
.td-hero-state i { width: 6px; height: 6px; border-radius: 50%; background: #eeb1ce; box-shadow: 0 0 11px #f4a6d6; }
.td-hero-time { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; padding: 7px 10px; border: 1px solid #e7b9d12f; border-radius: 999px; background: #e7b9d111; color: #f5dce9; font-size: calc(10px * var(--scale)); font-weight: 650; }
.td-hero-time svg { width: 14px; height: 14px; }
.td-wave { margin: 15px 0 8px; }
.td-wave svg { display: block; width: 100%; height: 86px; overflow: visible; }
.td-wave .td-axis { stroke: #a99bb037; stroke-width: 1; }
.td-wave .td-fill { fill: #db9bd415; }
.td-wave .td-line { fill: none; stroke: #dca7d7; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.td-wave .td-band { fill: #e3bd8d2d; stroke: #e3bd8d77; stroke-width: 1; }
.td-wave .td-now-line { stroke: #f1e6f090; stroke-width: 1; stroke-dasharray: 2 4; }
.td-wave .td-peak-line { stroke: #e9bcd560; stroke-width: 1; stroke-dasharray: 2 4; }
.td-wave .td-now-dot { fill: #fff5fc; stroke: #d79dd1; stroke-width: 3; }
.td-wave .td-hit-dot { fill: #d9acd7; }
.td-wave-labels { display: flex; justify-content: space-between; gap: 8px; color: #9e8da7; font-size: calc(8px * var(--scale)); line-height: 1.4; }
.td-wave-labels strong { color: #e6d5e8; font-weight: 650; }
.td-wave-note { margin-top: 8px!important; color: #95899d!important; font-size: calc(9px * var(--scale))!important; }
.td-hero-actions { display: flex; justify-content: space-between; gap: 8px; margin-top: 16px; padding-top: 13px; border-top: 1px solid #d9bada20; }
.td-text-action { border: 0; background: transparent; color: #ead0e8; text-align: left; font-size: calc(11px * var(--scale)); font-weight: 650; cursor: pointer; }
.td-text-action > span { color: #d7a9d5; padding-left: 4px; }
.td-section-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 24px 1px 10px; }
.td-section-head h3 { margin: 0; color: #f0e5f2; font-size: calc(16px * var(--scale)); font-weight: 580; letter-spacing: -.02em; }
.td-section-head small { color: #9d8fa8; font-size: calc(9px * var(--scale)); }
.td-story-list { display: grid; gap: 9px; }
.td-story { width: 100%; min-height: 73px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid #d7bedb23; border-radius: 17px; background: #221a2b; color: #efe3f0; text-align: left; cursor: pointer; }
.td-story > .td-planet { font-size: 25px; color: #c5a7e0; }
.td-story strong,.td-story small { display: block; }
.td-story strong { font-size: calc(12px * var(--scale)); font-weight: 630; }
.td-story small { margin-top: 4px; color: #ab9eb0; font-size: calc(9px * var(--scale)); line-height: 1.35; }
.td-story em { color: #c9a8da; font-style: normal; font-size: calc(9px * var(--scale)); text-transform: uppercase; letter-spacing: .06em; }
.td-story-chevron { color: #a691b0; font-size: 17px; }
.td-locked { background: linear-gradient(135deg,#2c2432,#201927); border-color: #d9bd8529; }
.td-locked .td-planet { color: #deb987!important; }
.td-lock-caption { color: #d5b67e!important; }
.td-theme-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.td-theme { min-width: 0; padding: 12px; border: 1px solid #d6bfd522; border-radius: 16px; background: #1d1725; }
.td-theme > span { display: block; color: #a997b2; font-size: calc(9px * var(--scale)); line-height: 1.25; }
.td-theme strong { display: block; margin-top: 5px; color: #f0e4f1; font-size: calc(15px * var(--scale)); font-weight: 630; }
.td-theme strong small { color: #9f91a7; font-size: calc(9px * var(--scale)); font-weight: 500; }
.td-theme p { margin: 5px 0 0; color: #9b90a2; font-size: calc(8px * var(--scale)); line-height: 1.35; }
.td-undercurrent { display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 10px; padding: 12px 14px; border: 1px solid #cdbb8428; border-radius: 16px; background: #3027175c; color: #e8d3ab; }
.td-undercurrent .td-planet { font-size: 23px; }
.td-undercurrent strong { display: block; font-size: calc(11px * var(--scale)); }
.td-undercurrent p { margin: 4px 0 0; color: #b5a68f; font-size: calc(9px * var(--scale)); line-height: 1.4; }
.td-teaser { position: relative; overflow: hidden; display: block; width: 100%; padding: 18px; margin-top: 20px; border: 1px solid #d6b98b3b; border-radius: 19px; background: radial-gradient(circle at 88% 6%,#cba46529,transparent 43%),linear-gradient(125deg,#332834,#201927); color: #f1e6e8; text-align: left; cursor: pointer; }
.td-teaser small { display: block; color: #e4c38b; font-size: calc(9px * var(--scale)); font-weight: 800; letter-spacing: .1em; }
.td-teaser strong { display: block; margin-top: 7px; max-width: 22ch; font-size: calc(16px * var(--scale)); font-weight: 580; line-height: 1.25; }
.td-teaser p { margin: 6px 0 0; max-width: 32ch; color: #bbaec0; font-size: calc(10px * var(--scale)); line-height: 1.45; }
.td-mini-days { display: flex; gap: 4px; margin-top: 16px; }
.td-mini-days i { width: 29px; height: 27px; display: grid; place-items: center; border: 1px solid #e0c7a13a; border-radius: 7px; color: #d8c3cc; font-size: 9px; font-style: normal; }
.td-mini-days i:nth-child(3) { background: #caa16b2b; color: #f6dfbd; }
.td-quiet { padding: 23px 19px; background: radial-gradient(circle at 84% 7%,#658ba12b,transparent 44%),#1d1929; }
.td-quiet h3 { margin: 13px 0 8px; color: #e5e5ef; font-size: calc(24px * var(--scale)); font-weight: 560; letter-spacing: -.035em; line-height: 1.12; }
.td-quiet p { margin: 0; color: #b0a9b8; font-size: calc(11px * var(--scale)); line-height: 1.55; }
.td-quiet-next { margin-top: 18px; padding-top: 13px; border-top: 1px solid #ffffff20; color: #becada; font-size: calc(10px * var(--scale)); }
.td-weather-intro { padding: 16px; border: 1px solid #bea4d328; border-radius: 18px; background: #211a2a; }
.td-weather-intro h3 { margin: 6px 0; color: #f0e6f3; font-size: calc(20px * var(--scale)); font-weight: 580; }
.td-weather-intro p { margin: 0; color: #aaa0b0; font-size: calc(10px * var(--scale)); line-height: 1.5; }
.td-horizon { display: flex; gap: 5px; margin: 15px 0 20px; }
.td-horizon button { min-width: 45px; min-height: 34px; padding: 0 10px; border: 1px solid #bfa9c532; border-radius: 10px; background: #211a29; color: #bfb0c7; font-size: 10px; cursor: pointer; }
.td-horizon button[aria-pressed="true"] { background: #533c62; color: #fff; }
.td-horizon button[data-locked="true"] { color: #d9bb88; border-color: #d9bb8833; }
.td-weather-days { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 1px; margin-left: 78px; color: #9d91a7; font-size: 8px; text-align: center; }
.td-weather-lane { margin-top: 17px; }
.td-weather-lane > h4 { margin: 0 0 9px; color: #b2a5bb; font-size: calc(9px * var(--scale)); letter-spacing: .11em; text-transform: uppercase; }
.td-weather-band { display: grid; grid-template-columns: 68px minmax(0,1fr); align-items: center; gap: 10px; width: 100%; min-height: 58px; padding: 8px 0; border: 0; border-bottom: 1px solid #ffffff12; background: none; text-align: left; cursor: pointer; }
.td-weather-band > span:first-child { min-width: 0; }
.td-weather-band strong { display: block; color: #eadfeb; font-size: calc(9px * var(--scale)); font-weight: 630; overflow-wrap: anywhere; }
.td-weather-band small { display: block; margin-top: 3px; color: #9e91a5; font-size: calc(8px * var(--scale)); }
.td-band-track { position: relative; height: 30px; border-radius: 7px; background: repeating-linear-gradient(90deg,#ffffff09 0,#ffffff09 1px,transparent 1px,transparent calc(100% / 7)); }
.td-band-line { position: absolute; top: 11px; height: 8px; min-width: 3px; border-radius: 5px; background: linear-gradient(90deg,#9273b280,#dca9d0,#9871b284); box-shadow: 0 0 12px #c894ca25; }
.td-weather-band[data-lane="flash"] .td-band-line { background: linear-gradient(90deg,#86b1de,#d9e6f6); }
.td-weather-band[data-lane="undercurrent"] .td-band-line { background: #bca8757a; }
.td-band-peak { position: absolute; top: 7px; width: 16px; height: 16px; border: 3px solid #2b2131; border-radius: 50%; background: #edd0ea; transform: translateX(-50%); box-shadow: 0 0 0 1px #d5afd280; }
.td-band-now { position: absolute; top: 0; bottom: 0; width: 1px; background: #eae3ed9c; }
.td-weather-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 20px 0 5px; color: #aaa0b0; font-size: calc(9px * var(--scale)); }
.td-weather-foot button { border: 0; background: transparent; color: #dcc4e7; font-size: calc(10px * var(--scale)); font-weight: 650; cursor: pointer; }
.td-sky-lead { border: 1px solid #b7c2df2a; border-radius: 20px; background: radial-gradient(circle at 90% 0,#5c7bb230,transparent 45%),#1c1b2a; padding: 17px; }
.td-sky-lead h3 { margin: 6px 0; color: #ebedf7; font-size: calc(19px * var(--scale)); font-weight: 560; }
.td-sky-lead p { margin: 0; color: #aab2c5; font-size: calc(10px * var(--scale)); line-height: 1.5; }
.td-sky-card { padding: 15px; margin-top: 10px; border: 1px solid #9fb7d22b; border-radius: 18px; background: #1e1e2c; }
.td-sky-card-head { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 8px; align-items: start; }
.td-sky-card .td-planet { color: #a9c5ea; font-size: 26px; }
.td-sky-card strong { display: block; color: #edf0f9; font-size: calc(13px * var(--scale)); }
.td-sky-card small { display: block; margin-top: 3px; color: #a8b1c4; font-size: calc(9px * var(--scale)); }
.td-sky-card-head em { color: #b8cbe5; font-size: calc(9px * var(--scale)); font-style: normal; }
.td-sky-targets { margin: 13px 0 9px; padding: 10px; border: 1px solid #c1c6dd1d; border-radius: 12px; background: #ffffff05; color: #c7c8da; font-size: calc(10px * var(--scale)); line-height: 1.45; }
.td-sky-targets b { display: block; margin-bottom: 5px; color: #91a8c8; font-size: 8px; letter-spacing: .11em; }
.td-sky-elsewhere { margin-top: 14px; border-top: 1px solid #ffffff1a; }
.td-sky-elsewhere summary { padding: 15px 0; color: #c6bdd0; font-size: calc(11px * var(--scale)); cursor: pointer; }
.td-sky-elsewhere-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.td-sky-elsewhere-grid span { padding: 8px; border: 1px solid #ffffff14; border-radius: 10px; color: #b5aebf; font-size: calc(9px * var(--scale)); }
.td-picker { padding: 17px; border: 1px solid #d0b6dc31; border-radius: 20px; background: #211829; }
.td-picker h3 { margin: 7px 0 5px; color: #f2e7f4; font-size: calc(22px * var(--scale)); font-weight: 560; }
.td-picker p { margin: 0 0 14px; color: #b2a5ba; font-size: calc(10px * var(--scale)); line-height: 1.5; }
.td-date-strip { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; }
.td-date-strip button { min-width: 0; min-height: 48px; border: 1px solid #c9afd529; border-radius: 11px; background: #2a2034; color: #d9c9df; cursor: pointer; }
.td-date-strip button strong,.td-date-strip button small { display: block; }
.td-date-strip button strong { font-size: 12px; }
.td-date-strip button small { font-size: 8px; color: #9f91aa; }
.td-date-strip button[aria-current="date"],.td-calendar button[aria-current="date"] { background: #63446f; border-color: #dec1e46b; color: #fff; }
.td-calendar { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 3px; margin: 14px 0; }
.td-calendar > span { color: #8d8199; text-align: center; font-size: 8px; }
.td-calendar button { min-width: 0; min-height: 32px; border: 1px solid #ffffff14; border-radius: 8px; background: #251d2e; color: #d2c3d8; font-size: 10px; cursor: pointer; }
.td-calendar button:disabled { opacity: .25; cursor: default; }
.td-picker-controls { display: flex; justify-content: space-between; gap: 8px; margin: 10px 0; }
.td-picker-controls button { min-height: 34px; border: 1px solid #ffffff28; border-radius: 10px; background: #2c2134; color: #decde4; font-size: calc(10px * var(--scale)); cursor: pointer; }
.td-day-summary { padding: 16px; margin-top: 14px; border: 1px solid #b0a1c62b; border-radius: 18px; background: #181422; }
.td-day-summary strong { display: block; color: #ede2ef; font-size: calc(14px * var(--scale)); }
.td-day-summary p { margin: 6px 0 0; color: #a99caf; font-size: calc(10px * var(--scale)); line-height: 1.45; }
.td-return-today { width: 100%; min-height: 39px; margin: 15px 0 2px; border: 1px solid #9ebcdd45; border-radius: 12px; background: #35516d32; color: #bfd9fa; font-size: calc(10px * var(--scale)); font-weight: 650; cursor: pointer; }
.td-modal .read-card { margin: 0 0 16px; }
.td-modal .reason-label { margin-top: 20px; }
.td-modal-copy { margin: 9px 0 15px; color: #bfb1c3; font-size: calc(11px * var(--scale)); line-height: 1.6; }
.td-modal-facts { display: grid; gap: 7px; margin: 12px 0; }
.td-modal-facts > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #ffffff14; color: #aba0b2; font-size: calc(10px * var(--scale)); }
.td-modal-facts b { color: #eee2f0; font-weight: 600; text-align: right; }
.td-geometry { display: grid; grid-template-columns: minmax(0,1fr) 26px minmax(0,1fr); gap: 8px; align-items: center; padding: 15px 10px; border: 1px solid #bb9acb30; border-radius: 17px; background: #211929; text-align: center; }
.td-geometry span { color: #d8bfdc; font-size: calc(20px * var(--scale)); }
.td-geometry b { display: block; color: #f2e7f4; font-size: calc(11px * var(--scale)); }
.td-geometry small { display: block; color: #a99ab1; font-size: calc(9px * var(--scale)); }
.td-atlas-cta { width: 100%; min-height: 42px; margin-top: 14px; border: 1px solid #a7bfdf4a; border-radius: 12px; background: #36547739; color: #c9e0fb; font-size: calc(11px * var(--scale)); font-weight: 650; cursor: pointer; }
.td-atlas-map { position: relative; height: 202px; margin: 13px 0; border: 1px solid #9eb4d02d; border-radius: 17px; background: radial-gradient(circle at 50% 42%,#5277a036,transparent 38%),#171823; overflow: hidden; }
.td-atlas-map svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.td-atlas-map .td-atlas-node { position: absolute; display: grid; place-items: center; width: 67px; height: 67px; border: 1px solid #a3bbda6b; border-radius: 50%; background: #243347; color: #d8e7fb; text-align: center; font-size: 9px; line-height: 1.2; }
.td-atlas-node.source { left: calc(50% - 33px); top: 14px; border-color: #dab9dc8a; background: #44304b; color: #f1d7ee; }
.td-atlas-node.target-a { left: 15%; bottom: 15px; }
.td-atlas-node.target-b { right: 15%; bottom: 15px; border-color: #d6b47c80; background: #473b2d; color: #f6dfae; }
.td-atlas-slider { width: 100%; accent-color: #bca0d2; }
.td-atlas-stamp { color: #cbbcd1; font-size: calc(10px * var(--scale)); }
#screen[data-temporal="true"] button:focus-visible,.td-modal button:focus-visible,.td-modal input:focus-visible { outline: 2px solid #e5baf1; outline-offset: 2px; }
@media (max-width: 359px) { #screen[data-temporal="true"] .content { padding-inline: 12px; } .td-lenses { gap: 2px; } .td-lenses button span { font-size: calc(10px * var(--scale)); } .td-context h2 { font-size: calc(19px * var(--scale)); } .td-date-cta { padding-inline: 7px; } .td-hero { padding-inline: 16px; } .td-weather-days { margin-left: 67px; } .td-weather-band { grid-template-columns: 59px minmax(0,1fr); gap: 8px; } }
@media (prefers-reduced-motion: reduce) { #screen[data-temporal="true"] *, .td-modal * { animation: none!important; transition: none!important; scroll-behavior: auto!important; } }
body.reduced-motion #screen[data-temporal="true"] *,body.reduced-motion .td-modal * { animation: none!important; transition: none!important; scroll-behavior: auto!important; }

/* Art direction pass: editorial day, flowing weather, spatial sky. All rules remain Today-scoped. */
#screen[data-temporal="true"] { --td-rose:#efafd4; --td-blue:#a8d1f5; --td-amber:#edc98e; --td-mint:#a9d8c9; }
#screen[data-temporal="true"] .content { padding: 0 18px 52px; }
.tmp-today-active:not(.tmp-today-qa-visible) #screen .demo,
.tmp-today-active:not(.tmp-today-qa-visible) .td-qa-only,
.tmp-today-active:not(.tmp-today-qa-visible) .td-modal .demo-value { display:none!important; }
#screen[data-temporal="true"] .td-context { align-items:center; margin:25px 1px 24px; }
#screen[data-temporal="true"] .td-context small { color:#b8a5c6; }
#screen[data-temporal="true"] .td-context h2 { margin-top:9px; font-size:calc(23px * var(--scale)); }
#screen[data-temporal="true"] .td-context p { color:#a99aaf; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-context-selected { padding-left:12px; border-left:2px solid #e8c484; }
#screen[data-temporal="true"] .td-date-cta { min-height:44px; padding:0 12px; border-color:#d5b5d64b; border-radius:14px; background:linear-gradient(135deg,#45304a,#2a2036); box-shadow:inset 0 1px #ffffff16,0 8px 24px #0003; }
#screen[data-temporal="true"] .td-lenses { margin:0 0 30px; padding:5px; border-color:#c9abd02e; border-radius:19px; background:linear-gradient(140deg,#22182b,#130f1b); box-shadow:0 12px 30px #0002; }
#screen[data-temporal="true"] .td-lenses button { min-height:55px; transition:background .2s, color .2s, transform .2s; }
#screen[data-temporal="true"] .td-lenses button:hover { background:#ffffff0c; color:#f4e7f7; }
#screen[data-temporal="true"] .td-lenses button[aria-selected="true"] { border-color:#d1b0df3e; box-shadow:inset 0 1px #ffffff20,0 9px 19px #0004; }
#screen[data-temporal="true"] .td-lenses button[data-td-lens="day"][aria-selected="true"] { background:radial-gradient(circle at 70% 0,#d795b33a,transparent 75%),#39263c; }
#screen[data-temporal="true"] .td-lenses button[data-td-lens="weather"][aria-selected="true"] { background:radial-gradient(circle at 70% 0,#9eb7e03b,transparent 75%),#293047; }
#screen[data-temporal="true"] .td-lenses button[data-td-lens="sky"][aria-selected="true"] { background:radial-gradient(circle at 70% 0,#a9c8e83c,transparent 75%),#253243; }
#screen[data-temporal="true"] button:not(:disabled), .td-modal button { -webkit-tap-highlight-color:transparent; }
#screen[data-temporal="true"] :is(.td-date-cta,.td-story,.td-weather-band,.td-teaser,.td-sky-card button,.td-return-today,.td-atlas-cta,.td-text-action,.td-horizon button,.td-date-strip button,.td-calendar button),.td-modal :is(button,a,summary) { transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease; }
#screen[data-temporal="true"] :is(.td-date-cta,.td-story,.td-weather-band,.td-teaser,.td-sky-card button,.td-return-today,.td-atlas-cta,.td-text-action,.td-horizon button,.td-date-strip button,.td-calendar button):hover,.td-modal :is(button,a,summary):hover { transform:translateY(-2px); border-color:#e5c6e66b; box-shadow:0 13px 25px #0004; }
#screen[data-temporal="true"] :is(.td-date-cta,.td-story,.td-weather-band,.td-teaser,.td-sky-card button,.td-return-today,.td-atlas-cta,.td-text-action,.td-horizon button,.td-date-strip button,.td-calendar button):active,.td-modal :is(button,a,summary):active { transform:translateY(0) scale(.985); }

/* Our Day: one large editorial moment before supporting notes. */
#screen[data-temporal="true"] .td-hero { isolation:isolate; min-height:480px; padding:27px 23px 21px; border-color:#d8aaca43; border-radius:27px; background:radial-gradient(ellipse at 104% -13%,#bf7eae64,transparent 48%),radial-gradient(ellipse at -15% 88%,#715a9c46,transparent 56%),linear-gradient(155deg,#301e39 0%,#211827 51%,#15111d 100%); box-shadow:inset 0 1px #ffffff1c,0 19px 45px #0005; }
#screen[data-temporal="true"] .td-hero::before { width:235px; height:235px; right:-66px; top:-83px; border-color:#efc3dd31; box-shadow:0 0 0 19px #efc3dd0b,0 0 0 46px #efc3dd08,0 0 0 72px #efc3dd05; }
#screen[data-temporal="true"] .td-hero::after { content:""; position:absolute; z-index:-1; width:205px; height:205px; right:-72px; top:40px; border-radius:50%; background:#d286ae31; filter:blur(45px); pointer-events:none; }
#screen[data-temporal="true"] .td-hero[data-source="MERCURY"] { border-color:#a3c9e047; background:radial-gradient(ellipse at 108% -14%,#749acb57,transparent 50%),linear-gradient(155deg,#222b3e,#181824 75%); }
#screen[data-temporal="true"] .td-hero[data-source="MARS"] { border-color:#e4aa9e45; background:radial-gradient(ellipse at 106% -14%,#d78d8d5c,transparent 50%),linear-gradient(155deg,#372534,#18131e 75%); }
#screen[data-temporal="true"] .td-hero[data-source="MOON"] { border-color:#b5ceeb48; background:radial-gradient(ellipse at 106% -14%,#91b3e15c,transparent 50%),linear-gradient(155deg,#263247,#151723 75%); }
#screen[data-temporal="true"] .td-hero.td-picked { border-color:#d8bc8a5b; box-shadow:inset 0 2px #eacb9860,0 19px 45px #0005; }
#screen[data-temporal="true"] .td-hero .td-kicker { color:#f1bed8; }
#screen[data-temporal="true"] .td-hero .td-source-orb { width:61px; height:61px; flex-basis:61px; border-color:#ffd0df72; font-size:38px; box-shadow:0 0 50px #ef88bc33,inset 0 1px #ffffff35; }
#screen[data-temporal="true"] .td-hero-copy { position:relative; padding:11px 0 0; }
#screen[data-temporal="true"] .td-hero h3 { max-width:13ch; margin:9px 0 0; font-size:calc(31px * var(--scale)); line-height:1.03; letter-spacing:-.05em; }
#screen[data-temporal="true"] .td-hero .td-banter { margin:16px 0 0; color:#f0bed8; font-family:Georgia,serif; font-size:calc(15px * var(--scale)); font-style:italic; line-height:1.35; }
#screen[data-temporal="true"] .td-hero .td-hero-explain { max-width:36ch; margin:11px 0 0; color:#cbb7ca; font-size:calc(11px * var(--scale)); line-height:1.55; }
#screen[data-temporal="true"] .td-hero-lifecycle { position:relative; margin-top:25px; padding:15px 12px 7px; border-top:1px solid #ead0e62b; border-radius:0 0 17px 17px; background:linear-gradient(180deg,#ffffff07,transparent 85%); }
#screen[data-temporal="true"] .td-hero-state { margin-top:0; }
#screen[data-temporal="true"] .td-hero-time { margin-top:11px; min-height:35px; padding-inline:12px; }
#screen[data-temporal="true"] .td-wave { margin-top:16px; }
#screen[data-temporal="true"] .td-hero-actions { margin-top:15px; padding-top:16px; border-top-color:#d5bad12e; }
#screen[data-temporal="true"] .td-text-action { min-height:38px; padding:8px 11px; border:1px solid #d5b6d94b; border-radius:11px; background:linear-gradient(135deg,#d6a4d21d,#ffffff06); color:#f5d8ef; font-size:calc(10px * var(--scale)); box-shadow:inset 0 1px #ffffff12; }
#screen[data-temporal="true"] .td-hero-actions .td-text-action:first-child { background:linear-gradient(135deg,#d890c83c,#966aaf20); border-color:#e4b1d574; color:#fff0f8; }
#screen[data-temporal="true"] .td-hero-actions .td-text-action:last-child { color:#c7bed0; }
#screen[data-temporal="true"] .td-section-head { margin:35px 2px 14px; }
#screen[data-temporal="true"] .td-section-head h3 { font-size:calc(18px * var(--scale)); }
#screen[data-temporal="true"] .td-story-list { gap:12px; }
#screen[data-temporal="true"] .td-story { position:relative; grid-template-columns:45px minmax(0,1fr) 30px; gap:12px; min-height:110px; padding:16px; border-color:#cbb6cf3d; border-radius:20px; background:radial-gradient(circle at 0 0,#bc8fba20,transparent 55%),linear-gradient(130deg,#292032,#1c1824); box-shadow:inset 0 1px #ffffff0e,0 10px 22px #0002; }
#screen[data-temporal="true"] .td-story[data-source="MERCURY"] { border-color:#9dbed14d; background:radial-gradient(circle at 0 0,#7fa6d034,transparent 55%),linear-gradient(130deg,#252d3a,#1a1b27); }
#screen[data-temporal="true"] .td-story[data-source="MOON"] { border-color:#aac9e34b; background:radial-gradient(circle at 0 0,#9fc6e133,transparent 55%),linear-gradient(130deg,#273145,#191b29); }
#screen[data-temporal="true"] .td-story[data-source="SATURN"] { border-color:#d4b97f4b; background:radial-gradient(circle at 0 0,#d0a66f2d,transparent 55%),linear-gradient(130deg,#302a2a,#1e1b24); }
#screen[data-temporal="true"] .td-story[data-source="MARS"] { border-color:#e3a5924f; background:radial-gradient(circle at 0 0,#d9928d2d,transparent 55%),linear-gradient(130deg,#30232d,#1e1a22); }
#screen[data-temporal="true"] .td-story > .td-planet { width:43px; height:43px; display:grid; place-items:center; border:1px solid #e4bdd64a; border-radius:50%; background:#d494c522; color:#f1c8e3; font-size:27px; }
#screen[data-temporal="true"] .td-story[data-source="MERCURY"] > .td-planet { border-color:#9fc8ea64; background:#8ab8dd21; color:#c4e1fa; }
#screen[data-temporal="true"] .td-story[data-source="LOCKED"] { border-color:#e7c28a62; background:radial-gradient(circle at 100% 0,#b9945439,transparent 60%),linear-gradient(130deg,#312836,#211c28); }
#screen[data-temporal="true"] .td-story[data-source="LOCKED"] > .td-planet { border-color:#e6c8915c; background:#c6a26725; color:#f0d29e; }
#screen[data-temporal="true"] .td-story-copy { min-width:0; }
#screen[data-temporal="true"] .td-story-top { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px; }
#screen[data-temporal="true"] .td-story strong { color:#f5eaf3; font-size:calc(12px * var(--scale)); }
#screen[data-temporal="true"] .td-story em { color:#dcb1d3; font-size:calc(8px * var(--scale)); white-space:nowrap; }
#screen[data-temporal="true"] .td-story-banter { display:block; margin-top:7px; color:#d4c0d0; font-size:calc(10px * var(--scale)); line-height:1.3; }
#screen[data-temporal="true"] .td-story small { margin-top:8px; color:#a99bac; }
#screen[data-temporal="true"] .td-story-chevron { width:28px; height:28px; display:grid; place-items:center; border:1px solid #d3afd14b; border-radius:50%; background:#d2a4cb1b; color:#f0c9e6; font-size:14px; }
#screen[data-temporal="true"] .td-theme-heading { margin-top:37px; }
#screen[data-temporal="true"] .td-theme-row { gap:11px; }
#screen[data-temporal="true"] .td-theme { position:relative; min-height:118px; overflow:hidden; padding:15px 14px; border-color:#a7c4dc43; border-radius:19px; background:radial-gradient(circle at 100% 0,#7ba9d12b,transparent 62%),linear-gradient(140deg,#242d3b,#1a1b29); }
#screen[data-temporal="true"] .td-theme:nth-child(2) { border-color:#a8d4c54b; background:radial-gradient(circle at 100% 0,#8bceb32a,transparent 62%),linear-gradient(140deg,#243333,#1b2428); }
#screen[data-temporal="true"] .td-theme:nth-child(3) { border-color:#e0ba8746; background:radial-gradient(circle at 100% 0,#d9b2812b,transparent 62%),linear-gradient(140deg,#342b30,#252029); }
#screen[data-temporal="true"] .td-theme:nth-child(4) { border-color:#dfa9c953; background:radial-gradient(circle at 100% 0,#d18ebc33,transparent 62%),linear-gradient(140deg,#33253a,#251e2d); }
#screen[data-temporal="true"] .td-theme[data-state="quiet"] { opacity:.7; background:#1b1a25; border-color:#ffffff20; }
#screen[data-temporal="true"] .td-theme-mark { position:absolute; right:10px; top:5px; color:#ffffff17; font-size:54px; line-height:1; }
#screen[data-temporal="true"] .td-theme-name { position:relative; display:block; max-width:12ch; color:#c9d7e8; font-size:calc(10px * var(--scale)); font-weight:680; }
#screen[data-temporal="true"] .td-theme:nth-child(2) .td-theme-name { color:#b9ddce; }
#screen[data-temporal="true"] .td-theme:nth-child(3) .td-theme-name { color:#e6d0ad; }
#screen[data-temporal="true"] .td-theme:nth-child(4) .td-theme-name { color:#eac2dc; }
#screen[data-temporal="true"] .td-theme strong { position:relative; margin-top:13px; font-size:calc(19px * var(--scale)); }
#screen[data-temporal="true"] .td-theme p { position:relative; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-undercurrent { width:100%; min-height:74px; align-items:center; padding:16px; border-radius:18px; background:linear-gradient(120deg,#4a392a78,#1d1a23); text-align:left; cursor:pointer; }
#screen[data-temporal="true"] .td-teaser { min-height:165px; margin-top:33px; padding:24px 21px; border-color:#e4c08d67; border-radius:23px; background:radial-gradient(ellipse at 100% 0,#d3aa6f55,transparent 60%),linear-gradient(130deg,#3b2e3b,#201a28); box-shadow:inset 0 1px #ffffff1c,0 15px 35px #0003; }
#screen[data-temporal="true"] .td-teaser::after { content:"✦"; position:absolute; right:15px; top:-13px; color:#e9c18a24; font-size:122px; line-height:1; pointer-events:none; }
#screen[data-temporal="true"] .td-teaser strong { position:relative; max-width:22ch; font-size:calc(18px * var(--scale)); }
#screen[data-temporal="true"] .td-teaser p { position:relative; max-width:30ch; font-size:calc(11px * var(--scale)); }
#screen[data-temporal="true"] .td-quiet { position:relative; overflow:hidden; min-height:300px; padding:30px 25px; border-color:#9eb7d341; border-radius:26px; background:radial-gradient(circle at 87% 15%,#90b3d63b,transparent 45%),linear-gradient(145deg,#243042,#171b29 75%); }
#screen[data-temporal="true"] .td-quiet::before { content:""; position:absolute; right:-37px; top:-67px; width:183px; height:183px; border:1px solid #c6dcf345; border-radius:50%; box-shadow:0 0 0 22px #adc8e50d,0 0 0 46px #adc8e507; }
#screen[data-temporal="true"] .td-quiet h3 { position:relative; max-width:17ch; font-size:calc(28px * var(--scale)); }
#screen[data-temporal="true"] .td-quiet p { position:relative; max-width:32ch; font-size:calc(11px * var(--scale)); }

/* Weather: a continuous field with human time and episode lanes. */
#screen[data-temporal="true"] .td-weather-intro { position:relative; isolation:isolate; min-height:239px; overflow:hidden; padding:25px 18px 22px; border:0; border-radius:25px; background:radial-gradient(ellipse at 100% 10%,#6798c059,transparent 54%),radial-gradient(ellipse at 0 100%,#aa80bd35,transparent 50%),linear-gradient(145deg,#22283b,#171824 80%); box-shadow:inset 0 1px #ffffff1a,0 16px 36px #0003; }
#screen[data-temporal="true"] .td-weather-intro::before { content:""; position:absolute; right:-32px; top:-52px; width:215px; height:155px; border:1px solid #b6d3ee2f; border-radius:50%; transform:rotate(-25deg); box-shadow:0 0 0 18px #a8c6e80b,0 0 0 38px #a8c6e807; pointer-events:none; }
#screen[data-temporal="true"] .td-weather-intro .td-kicker { color:#a5cbe9; }
#screen[data-temporal="true"] .td-weather-intro h3 { position:relative; max-width:18ch; margin:13px 0 0; font-size:calc(27px * var(--scale)); line-height:1.06; letter-spacing:-.045em; }
#screen[data-temporal="true"] .td-weather-intro .td-weather-banter { position:relative; margin-top:16px; color:#b9d9ef; font-family:Georgia,serif; font-size:calc(15px * var(--scale)); font-style:italic; }
#screen[data-temporal="true"] .td-weather-intro p:not(.td-weather-banter) { position:relative; max-width:39ch; margin-top:9px; color:#b1b7c6; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-current { position:relative; display:flex; align-items:center; gap:11px; width:fit-content; margin-top:19px; padding:10px 14px; border:1px solid #b2cfe54b; border-radius:14px; background:#a8c7e318; box-shadow:inset 0 1px #ffffff14; }
#screen[data-temporal="true"] .td-weather-current strong,#screen[data-temporal="true"] .td-weather-current small { display:block; }
#screen[data-temporal="true"] .td-weather-current strong { color:#eff6ff; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-current small { margin-top:3px; color:#b7c6d8; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-pulse { width:9px; height:9px; border-radius:50%; background:#b7d9f4; box-shadow:0 0 0 6px #a8d7f21c,0 0 16px #b4d9f5; }
#screen[data-temporal="true"] .td-horizon { margin:25px 0 17px; gap:8px; }
#screen[data-temporal="true"] .td-horizon button { min-width:52px; min-height:44px; border-color:#aebbd33b; border-radius:13px; background:linear-gradient(135deg,#25293b,#1a1b2a); font-weight:700; }
#screen[data-temporal="true"] .td-horizon button[aria-pressed="true"] { border-color:#bad4ee89; background:linear-gradient(135deg,#46627e,#2c3d5d); box-shadow:0 0 21px #8bbce338; }
#screen[data-temporal="true"] .td-weather-stage { position:relative; padding:20px 10px 14px; border:1px solid #9fb7d02e; border-radius:23px; background:linear-gradient(165deg,#1b2132,#14141f 80%); box-shadow:inset 0 1px #ffffff0f; }
#screen[data-temporal="true"] .td-weather-days { margin-left:94px; gap:2px; font-size:inherit; }
#screen[data-temporal="true"] .td-weather-days > span { min-width:0; display:grid; justify-items:center; gap:3px; padding-bottom:12px; border-bottom:1px solid #a9b8cb2a; }
#screen[data-temporal="true"] .td-weather-days strong { max-width:100%; overflow:hidden; color:#b8c4d6; font-size:calc(8px * var(--scale)); font-weight:740; letter-spacing:.015em; text-overflow:clip; white-space:nowrap; }
#screen[data-temporal="true"] .td-weather-days small { color:#8f9caf; font-size:calc(8px * var(--scale)); white-space:nowrap; }
#screen[data-temporal="true"] .td-weather-days [data-current="true"] strong { color:#f1d6ed; }
#screen[data-temporal="true"] .td-weather-days [data-current="true"] { border-bottom-color:#e6b5df9c; }
#screen[data-temporal="true"] .td-weather-lane { margin-top:25px; }
#screen[data-temporal="true"] .td-weather-lane > h4 { margin:0 0 7px 5px; color:#9eb8d7; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-band { position:relative; grid-template-columns:84px minmax(0,1fr); grid-template-rows:45px 20px; gap:0 8px; min-height:92px; padding:13px 4px; border-bottom-color:#a6bfd01d; border-radius:11px; }
#screen[data-temporal="true"] .td-weather-band:hover { background:#ffffff08; }
#screen[data-temporal="true"] .td-band-title { grid-row:1 / 3; display:grid; align-content:center; grid-template-columns:20px minmax(0,1fr); gap:1px 3px; }
#screen[data-temporal="true"] .td-band-planet { grid-row:1 / 3; color:#dcb3de; font-size:20px; }
#screen[data-temporal="true"] .td-band-title strong { color:#f0e9f3; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-band-title small { margin-top:2px; color:#9ca8bb; font-size:calc(8px * var(--scale)); }
#screen[data-temporal="true"] .td-band-track { grid-column:2; grid-row:1; height:38px; align-self:center; border-radius:11px; background:repeating-linear-gradient(90deg,#ffffff0b 0,#ffffff0b 1px,transparent 1px,transparent calc(100% / 7)),linear-gradient(180deg,#ffffff03,#00000012); }
#screen[data-temporal="true"] .td-band-line { top:14px; height:10px; border-radius:999px; background:linear-gradient(90deg,#8e7bb484,#e0b1d8,#b58abea5); box-shadow:0 0 19px #d69dc15b; }
#screen[data-temporal="true"] .td-weather-band[data-source="MERCURY"] .td-band-line { background:linear-gradient(90deg,#7b9fc478,#a9d3f3,#8ca6d6); box-shadow:0 0 19px #8fbfe457; }
#screen[data-temporal="true"] .td-weather-band[data-source="SATURN"] .td-band-line { background:linear-gradient(90deg,#9b8c6a80,#dbbd8b,#ab9a74a6); box-shadow:0 0 14px #d3b87a42; }
#screen[data-temporal="true"] .td-weather-band[data-source="MOON"] .td-band-line { background:linear-gradient(90deg,#94b5d4,#e0edfa); box-shadow:0 0 17px #a8d0ed6b; }
#screen[data-temporal="true"] .td-band-peak { top:10px; width:18px; height:18px; border:2px solid #2b2a3a; background:#ffe9f7; box-shadow:0 0 0 2px #ddb4dc76,0 0 18px #f2c6e4; }
#screen[data-temporal="true"] .td-band-now { top:0; bottom:0; width:2px; background:#f2e2f2; box-shadow:0 0 11px #e6c3e8; }
#screen[data-temporal="true"] .td-band-state { grid-column:2; grid-row:2; align-self:start; color:#b8c8d9; font-size:calc(8px * var(--scale)); font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
#screen[data-temporal="true"] .td-band-state span { color:#d7afd8; }
#screen[data-temporal="true"] .td-weather-foot { align-items:flex-start; margin:21px 0 7px; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-foot button { min-height:40px; padding:9px 12px; border:1px solid #a8c3e363; border-radius:11px; background:#7798c528; color:#e1effd; }

/* Sky: physical positions form the centerpiece; source cards are the details. */
#screen[data-temporal="true"] .td-sky-lead { padding:7px 2px 6px; border:0; border-radius:0; background:none; }
#screen[data-temporal="true"] .td-sky-lead .td-kicker { color:#a8cfe9; }
#screen[data-temporal="true"] .td-sky-lead h3 { max-width:20ch; margin:12px 0 9px; font-size:calc(27px * var(--scale)); letter-spacing:-.04em; line-height:1.08; }
#screen[data-temporal="true"] .td-sky-lead p { max-width:44ch; color:#aab8c9; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-orbit { position:relative; isolation:isolate; overflow:hidden; margin:22px 0 27px; padding:8px 11px 14px; border:1px solid #acc9e658; border-radius:26px; background:radial-gradient(circle at 50% 48%,#8ebce54b,transparent 31%),radial-gradient(circle at 100% 0,#5d85ad2f,transparent 57%),linear-gradient(160deg,#1d2a3c,#141824 82%); box-shadow:inset 0 1px #ffffff17,0 18px 35px #0003; }
#screen[data-temporal="true"] .td-sky-orbit::before { content:""; position:absolute; z-index:-1; inset:12px 20px 25px; border-radius:50%; background:#629dc020; filter:blur(32px); }
#screen[data-temporal="true"] .td-sky-orbit svg { display:block; width:100%; height:247px; }
#screen[data-temporal="true"] .td-sky-orbit-ring { fill:none; stroke:#bdcee454; stroke-width:1; }
#screen[data-temporal="true"] .td-sky-orbit-ring.outer { stroke-dasharray:2 8; stroke:#aec8df38; }
#screen[data-temporal="true"] .td-sky-orbit-halo { fill:#a2cbe729; stroke:#c1dcf079; stroke-width:1; }
#screen[data-temporal="true"] .td-sky-ray { stroke:#b1d4ef81; stroke-width:1.3; }
#screen[data-temporal="true"] .td-sky-node circle { fill:#304960; stroke:#bddcf1; stroke-width:1.4; filter:drop-shadow(0 0 6px #a7cdea80); }
#screen[data-temporal="true"] .td-sky-node[data-source="VENUS"] circle { fill:#64415e; stroke:#f0b6d9; filter:drop-shadow(0 0 7px #ecafdb94); }
#screen[data-temporal="true"] .td-sky-node[data-source="SATURN"] circle { fill:#5b4c3a; stroke:#ebc88c; filter:drop-shadow(0 0 7px #e8c68773); }
#screen[data-temporal="true"] .td-sky-node text { fill:#f8edfa; font-size:23px; text-anchor:middle; }
#screen[data-temporal="true"] .td-sky-background-dot { fill:#c5d3e188; }
#screen[data-temporal="true"] .td-sky-orbit-heart { fill:#f5d6eb; font-family:Georgia,serif; font-size:38px; text-anchor:middle; }
#screen[data-temporal="true"] .td-sky-orbit figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; padding:0 4px; color:#a8b9ca; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-orbit figcaption span:first-child { color:#d8e8f8; }
#screen[data-temporal="true"] .td-sky-card { position:relative; overflow:hidden; margin-top:16px; padding:20px; border-color:#a9c4df4d; border-radius:21px; background:radial-gradient(circle at 100% 0,#6a9cc332,transparent 58%),linear-gradient(145deg,#252d3f,#1a1c2a 85%); box-shadow:inset 0 1px #ffffff13,0 10px 25px #0002; }
#screen[data-temporal="true"] .td-sky-card[data-source="VENUS"] { border-color:#ddaed256; background:radial-gradient(circle at 100% 0,#b97aa547,transparent 58%),linear-gradient(145deg,#302438,#1c1a29 85%); }
#screen[data-temporal="true"] .td-sky-card[data-source="SATURN"] { border-color:#dbbb8457; background:radial-gradient(circle at 100% 0,#b89a6740,transparent 58%),linear-gradient(145deg,#302d32,#1d1e28 85%); }
#screen[data-temporal="true"] .td-sky-card-head { grid-template-columns:44px minmax(0,1fr) auto; gap:13px; align-items:center; }
#screen[data-temporal="true"] .td-sky-card .td-planet { width:44px; height:44px; display:grid; place-items:center; border:1px solid #adcdec67; border-radius:50%; background:#95bde128; color:#d1e8fb; font-size:28px; }
#screen[data-temporal="true"] .td-sky-card[data-source="VENUS"] .td-planet { border-color:#efb7d675; background:#d28fb330; color:#f9cce4; }
#screen[data-temporal="true"] .td-sky-card-head strong { font-size:calc(15px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-card-head small { margin-top:4px; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-card-head em { padding:5px 7px; border:1px solid #adcae15a; border-radius:999px; background:#8bb6d521; font-size:calc(8px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-meaning { margin:18px 0 0; color:#ecedf8; font-size:calc(16px * var(--scale)); font-weight:560; line-height:1.25; }
#screen[data-temporal="true"] .td-sky-targets { margin:16px 0 0; padding:0 0 0 11px; border:0; border-left:2px solid #9cc8e5a3; border-radius:0; background:none; color:#c8d4e2; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-card[data-source="VENUS"] .td-sky-targets { border-left-color:#e1a9d3ad; }
#screen[data-temporal="true"] .td-sky-card-foot { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:10px; margin-top:18px; padding-top:15px; border-top:1px solid #c7d1e02a; }
#screen[data-temporal="true"] .td-sky-card-foot > span strong,#screen[data-temporal="true"] .td-sky-card-foot > span small { display:block; }
#screen[data-temporal="true"] .td-sky-card-foot > span strong { color:#c9dced; font-size:calc(9px * var(--scale)); letter-spacing:.08em; }
#screen[data-temporal="true"] .td-sky-card-foot > span small { margin-top:4px; color:#a9b9c9; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-card .td-text-action { min-height:42px; border-color:#a8cbe975; background:#8aafd32b; color:#eef5ff; }
#screen[data-temporal="true"] .td-sky-elsewhere { margin-top:28px; padding:5px 0; border-top:1px solid #b5c8da35; border-bottom:1px solid #b5c8da35; }
#screen[data-temporal="true"] .td-sky-elsewhere summary { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:60px; padding:10px 3px; list-style:none; }
#screen[data-temporal="true"] .td-sky-elsewhere summary::-webkit-details-marker { display:none; }
#screen[data-temporal="true"] .td-sky-elsewhere summary > span:first-child { color:#e1eaf3; font-weight:650; }
#screen[data-temporal="true"] .td-sky-elsewhere summary small { display:block; margin-top:4px; color:#9bafc2; font-size:calc(9px * var(--scale)); font-weight:400; }
#screen[data-temporal="true"] .td-elsewhere-preview { color:#b5cde1; font-size:19px; letter-spacing:3px; white-space:nowrap; }
#screen[data-temporal="true"] .td-sky-elsewhere-grid { padding-bottom:15px; gap:8px; }
#screen[data-temporal="true"] .td-sky-elsewhere-grid span { border-color:#9fb6d03b; background:#86a8c01a; }

/* Picked days get event markers, never a good-day heat map. */
#screen[data-temporal="true"] .td-picker { position:relative; overflow:hidden; padding:24px 20px 20px; border-color:#d6beef58; border-radius:25px; background:radial-gradient(ellipse at 100% 0,#a786d34a,transparent 55%),linear-gradient(150deg,#2b2037,#18151f 82%); box-shadow:inset 0 1px #ffffff17,0 17px 35px #0003; }
#screen[data-temporal="true"] .td-picker::after { content:""; position:absolute; top:-65px; right:-40px; width:155px; height:155px; border:1px solid #e5c3ed30; border-radius:50%; box-shadow:0 0 0 20px #d5b5e50b,0 0 0 40px #d5b5e507; pointer-events:none; }
#screen[data-temporal="true"] .td-picker .td-kicker { color:#e4c39d; }
#screen[data-temporal="true"] .td-picker h3 { position:relative; margin:12px 0 8px; font-size:calc(26px * var(--scale)); letter-spacing:-.045em; }
#screen[data-temporal="true"] .td-picker p { position:relative; color:#baa9c2; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-date-strip { gap:5px; margin:23px 0 21px; }
#screen[data-temporal="true"] .td-date-strip button { min-height:55px; border-color:#d8bfe346; border-radius:12px; background:#4c385727; }
#screen[data-temporal="true"] .td-date-strip button[data-event="true"] { border-color:#d9b8e273; }
#screen[data-temporal="true"] .td-date-strip button[data-today="true"] { box-shadow:inset 0 -2px #e4c693a3; }
#screen[data-temporal="true"] .td-date-strip button[aria-current="date"],#screen[data-temporal="true"] .td-calendar button[aria-current="date"] { border-color:#f4cfef; background:radial-gradient(circle at 50% 10%,#cd9edc8c,#694a78); box-shadow:0 0 15px #d396d35c,inset 0 1px #ffffff36; }
#screen[data-temporal="true"] .td-picker-controls { align-items:center; margin:3px 0 15px; }
#screen[data-temporal="true"] .td-picker-controls strong { color:#f2e4f2; font-size:calc(15px * var(--scale)); font-weight:560; text-transform:capitalize; }
#screen[data-temporal="true"] .td-picker-controls button { min-width:42px; min-height:42px; border-color:#d6bfe256; background:#7e5e9a29; font-size:22px; }
#screen[data-temporal="true"] .td-calendar { gap:5px; margin:10px 0 18px; }
#screen[data-temporal="true"] .td-calendar > span { padding-bottom:5px; color:#bcacc6; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-calendar button { position:relative; min-height:39px; border-color:#ceb8db2c; border-radius:10px; background:#372b403a; font-size:calc(11px * var(--scale)); }
#screen[data-temporal="true"] .td-calendar button[data-today="true"] { border-bottom-color:#e8c98d; border-bottom-width:2px; }
#screen[data-temporal="true"] .td-calendar .td-event-dot { position:absolute; left:calc(50% - 2px); bottom:4px; width:4px; height:4px; border-radius:50%; background:#e9badc; box-shadow:0 0 7px #e3afd9; }
#screen[data-temporal="true"] .td-calendar button:disabled { opacity:.27; }
#screen[data-temporal="true"] .td-day-summary { padding:19px; margin-top:20px; border-color:#b8a4cd52; border-radius:19px; background:linear-gradient(130deg,#2a2034,#1b1825); }
#screen[data-temporal="true"] .td-return-today { min-height:44px; margin:17px 0 24px; border-color:#a9c3e56b; background:#819fc637; color:#e3effe; }

/* Temporal WHY borrows the frozen read-card depth and education row grammar. */
.td-modal .read-card.td-why-read { padding:22px; border-color:#d7b7d470; border-radius:20px; background:radial-gradient(circle at 90% 0,#b989bd4a,transparent 52%),linear-gradient(140deg,#30243a,#1e1928); box-shadow:inset 0 1px #ffffff1c,0 11px 27px #0003; }
.td-modal .td-why-read h2 { max-width:19ch; font-size:calc(23px * var(--scale)); letter-spacing:-.035em; line-height:1.12; }
.td-modal .td-why-read p { color:#ccb9cb; line-height:1.6; }
.td-modal .reason-label.td-step { display:flex; align-items:center; gap:11px; margin:27px 0 13px; color:#e8d4e9; font-size:calc(10px * var(--scale)); letter-spacing:.1em; }
.td-modal .td-step span { width:28px; height:28px; display:grid; place-items:center; border:1px solid #cfa7cf74; border-radius:50%; background:#bb85bd25; color:#f0cbe9; font-size:10px; letter-spacing:0; }
.td-modal .td-geometry { gap:10px; padding:20px 14px; border-color:#c9abc95d; border-radius:18px; background:radial-gradient(circle at 50% 50%,#b588c832,transparent 65%),linear-gradient(140deg,#2d2337,#1d1a29); box-shadow:inset 0 1px #ffffff16; }
.td-modal .td-geometry > div > span { display:inline-grid; place-items:center; width:39px; height:39px; margin-bottom:8px; border:1px solid #d8b5db60; border-radius:50%; background:#ba89ba25; }
.td-modal .td-modal-facts { gap:0; padding:8px 14px; border:1px solid #c5abc439; border-radius:15px; background:#ffffff07; }
.td-modal .td-modal-facts > div:last-child { border-bottom:0; }
.td-modal details { margin-top:22px; border-top:1px solid #ffffff23; border-bottom:1px solid #ffffff23; }
.td-modal details summary { min-height:45px; display:flex; align-items:center; color:#e4d3e9; cursor:pointer; }
.td-modal details p { color:#bbaec1; line-height:1.6; }
.td-modal .td-atlas-cta { min-height:47px; margin-top:22px; border-color:#a8c7e674; border-radius:13px; background:linear-gradient(130deg,#57769e56,#304c6b48); color:#e5f0fd; }
.td-modal .td-education { display:grid; grid-template-columns:28px minmax(0,1fr) 14px; align-items:center; gap:13px; min-height:67px; margin-top:25px; padding:12px 2px; border-top:1px solid #ffffff22; border-bottom:1px solid #ffffff22; color:#e8dee9; text-decoration:none; }
.td-modal .td-education-glyph { color:#cab7e3; font-size:24px; }
.td-modal .td-education strong { display:block; font-size:calc(12px * var(--scale)); font-weight:560; }
.td-modal .td-education small { display:block; margin-top:3px; color:#9c90a3; font-size:calc(9px * var(--scale)); }
.td-modal .td-education > span:last-child { color:#a99cb0; font-size:20px; }
.td-modal .demo-value { margin-top:18px; }

@media (max-width:359px) {
  #screen[data-temporal="true"] .content { padding-inline:12px; }
  #screen[data-temporal="true"] .td-context { gap:7px; }
  #screen[data-temporal="true"] .td-date-cta { max-width:115px; padding-inline:8px; }
  #screen[data-temporal="true"] .td-hero { padding-inline:18px; }
  #screen[data-temporal="true"] .td-hero h3 { font-size:calc(28px * var(--scale)); }
  #screen[data-temporal="true"] .td-weather-stage { padding-inline:6px; }
  #screen[data-temporal="true"] .td-weather-days { margin-left:78px; }
  #screen[data-temporal="true"] .td-weather-band { grid-template-columns:72px minmax(0,1fr); gap:0 6px; }
  #screen[data-temporal="true"] .td-weather-days strong { font-size:calc(7px * var(--scale)); }
  #screen[data-temporal="true"] .td-weather-days small { font-size:calc(7px * var(--scale)); }
  #screen[data-temporal="true"] .td-sky-orbit { padding-inline:5px; }
  #screen[data-temporal="true"] .td-sky-orbit figcaption { font-size:calc(8px * var(--scale)); }
  #screen[data-temporal="true"] .td-picker { padding-inline:14px; }
  #screen[data-temporal="true"] .td-date-strip { gap:3px; }
}
@media (prefers-reduced-motion:reduce) {
  #screen[data-temporal="true"] :is(button,.td-sky-orbit *),.td-modal :is(button,a) { transition:none!important; animation:none!important; }
}

/* First-fold balance after the initial render review. */
#screen[data-temporal="true"] .td-context { margin-top:19px; margin-bottom:18px; }
#screen[data-temporal="true"] .td-lenses { margin-bottom:23px; }
#screen[data-temporal="true"] .td-hero h3 { max-width:17ch; font-size:calc(29px * var(--scale)); }
#screen[data-temporal="true"] .td-hero .td-banter { margin-top:13px; }
#screen[data-temporal="true"] .td-hero-lifecycle { margin-top:18px; padding-top:12px; }
#screen[data-temporal="true"] .td-hero-state { display:inline-flex; }
#screen[data-temporal="true"] .td-hero-time { margin:0 0 0 12px; vertical-align:middle; }
#screen[data-temporal="true"] .td-weather-intro { min-height:0; padding-top:21px; padding-bottom:19px; }
#screen[data-temporal="true"] .td-weather-intro h3 { max-width:21ch; margin-top:10px; font-size:calc(24px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-intro .td-weather-banter { margin-top:11px; }
#screen[data-temporal="true"] .td-weather-intro .td-weather-current { margin-top:13px; padding:8px 12px; }
#screen[data-temporal="true"] .td-horizon { margin-top:19px; }
#screen[data-temporal="true"] .td-sky-lead h3 { max-width:24ch; font-size:calc(24px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-orbit { margin-top:16px; margin-bottom:24px; }
#screen[data-temporal="true"] .td-sky-orbit svg { height:208px; }
#screen[data-temporal="true"] .td-wave-note { color:#b2a2b7!important; font-size:calc(10px * var(--scale))!important; line-height:1.5; }
@media (max-width:359px) { #screen[data-temporal="true"] .td-hero-time { margin-left:7px; } }
#screen[data-temporal="true"] .td-weather-days strong { font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-band-state { font-size:calc(9px * var(--scale)); }
@media (max-width:359px) { #screen[data-temporal="true"] .td-weather-days strong { font-size:calc(7px * var(--scale)); } }

/* Today shares Portrait/Atlas's product frame. Color lights a dark surface instead of replacing it. */
#screen[data-temporal="true"] .content { padding-bottom:96px; }
#screen[data-temporal="true"] .td-context { margin-top:24px; margin-bottom:20px; }
#screen[data-temporal="true"] .td-context p { color:#aa9cac; }
#screen[data-temporal="true"] .td-date-cta { border-color:#d9bd8b58; background:linear-gradient(135deg,#392c31,#241c29); color:#f1e2d2; }
#screen[data-temporal="true"] .td-lenses { margin-bottom:22px; border-color:#c9b7d31f; border-radius:18px; background:linear-gradient(145deg,#1e1728c7,#100d18b8); box-shadow:inset 0 1px #ffffff05,0 14px 40px #06040a30; }
#screen[data-temporal="true"] .td-lenses button[aria-selected="true"] { border-color:#d7c1e42b; box-shadow:inset 0 1px #ffffff08; }
#screen[data-temporal="true"] .td-lenses button[data-td-lens="weather"][aria-selected="true"] { background:radial-gradient(circle at 20% 0,#b890d92a,transparent 68%),#ffffff08; }
#screen[data-temporal="true"] .td-lenses button[data-td-lens="sky"][aria-selected="true"] { background:radial-gradient(circle at 20% 0,#8c9bc32b,transparent 68%),#ffffff08; }
#screen[data-temporal="true"] .td-surface-heading { display:flex; align-items:center; gap:10px; margin:0 2px 3px; padding:0; border:0; }
#screen[data-temporal="true"] .td-surface-heading > span { color:#b9a3c7; }
#screen[data-temporal="true"] .td-surface-heading > span svg { width:27px; height:27px; }
#screen[data-temporal="true"] .td-surface-heading h3 { margin:0; color:#e8dfef; font-size:calc(23px * var(--scale)); font-weight:550; letter-spacing:-.035em; line-height:1.25; }
#screen[data-temporal="true"] .td-surface-deck { margin:0 2px 24px; color:#9e91a7; font-size:calc(10px * var(--scale)); line-height:1.45; }
#screen[data-temporal="true"] .td-continuation button:focus-visible,#screen[data-temporal="true"] .td-education-link:focus-visible { outline:2px solid #e7c6eb; outline-offset:3px; }

/* The Weather visual remains a time field; its frame now belongs to the same dark app. */
#screen[data-temporal="true"] .td-weather-intro { min-height:0; padding:25px 23px 24px; border:1px solid #b69bc72f; border-radius:24px; background:radial-gradient(ellipse at 100% -10%,#9170b448,transparent 52%),radial-gradient(ellipse at -20% 100%,#5e568b36,transparent 55%),linear-gradient(155deg,#291d32,#17131e 82%); box-shadow:inset 0 1px #ffffff11,0 17px 38px #0003; }
#screen[data-temporal="true"] .td-weather-intro::before { border-color:#c6a7da23; box-shadow:0 0 0 18px #c7a8dc08,0 0 0 38px #c7a8dc05; }
#screen[data-temporal="true"] .td-weather-intro .td-kicker { color:#c4a5dc; }
#screen[data-temporal="true"] .td-weather-intro h3 { color:#f1e8f4; }
#screen[data-temporal="true"] .td-weather-intro .td-weather-banter { color:#d5b9dd; }
#screen[data-temporal="true"] .td-weather-intro p:not(.td-weather-banter) { color:#b4a8ba; }
#screen[data-temporal="true"] .td-weather-current { border-color:#c4abd243; background:#ad8cbd13; }
#screen[data-temporal="true"] .td-weather-current small { color:#b8aabd; }
#screen[data-temporal="true"] .td-weather-pulse { background:#d5b5e8; box-shadow:0 0 0 6px #bf98d424,0 0 15px #cba2dd; }
#screen[data-temporal="true"] .td-horizon { margin-top:26px; }
#screen[data-temporal="true"] .td-horizon button { border-color:#bfacc63d; background:#211a29; }
#screen[data-temporal="true"] .td-horizon button[aria-pressed="true"] { border-color:#c9aade86; background:linear-gradient(135deg,#5e446d,#392d4d); box-shadow:0 0 18px #b183cd29; }
#screen[data-temporal="true"] .td-weather-stage { padding:22px 10px 19px; border-color:#bca8c12c; background:radial-gradient(ellipse at 50% 0,#a57ec31a,transparent 62%),linear-gradient(165deg,#201a2a,#14111c 82%); }
#screen[data-temporal="true"] .td-weather-days > span { border-bottom-color:#bcabc02d; }
#screen[data-temporal="true"] .td-weather-days strong { color:#c7bbcd; }
#screen[data-temporal="true"] .td-weather-days small { color:#97899d; }
#screen[data-temporal="true"] .td-weather-lane { margin-top:29px; }
#screen[data-temporal="true"] .td-weather-lane + .td-weather-lane { padding-top:8px; border-top:1px solid #ffffff12; }
#screen[data-temporal="true"] .td-weather-lane > h4 { color:#bda9ce; }
#screen[data-temporal="true"] .td-weather-band { min-height:96px; border-bottom-color:#bba6bc1d; }
#screen[data-temporal="true"] .td-band-title small { color:#a799ac; }
#screen[data-temporal="true"] .td-band-track { background:repeating-linear-gradient(90deg,#ffffff09 0,#ffffff09 1px,transparent 1px,transparent calc(100% / 7)),linear-gradient(180deg,#ffffff02,#00000013); }
#screen[data-temporal="true"] .td-band-state { color:#c3b6ce; }
#screen[data-temporal="true"] .td-weather-foot button { border-color:#bca8cc64; background:#866ba227; color:#e9dff0; }

/* Sky retains its orbital centre, but cool light now sits inside the plum environment. */
#screen[data-temporal="true"] .td-sky-lead .td-kicker { color:#b6b5e6; }
#screen[data-temporal="true"] .td-sky-lead p { color:#aea3b7; }
#screen[data-temporal="true"] .td-sky-orbit { border-color:#a9a4d344; background:radial-gradient(circle at 50% 48%,#879bd538,transparent 33%),radial-gradient(circle at 100% 0,#796fa92b,transparent 57%),linear-gradient(160deg,#251d32,#15131f 82%); }
#screen[data-temporal="true"] .td-sky-orbit::before { background:#808bce1b; }
#screen[data-temporal="true"] .td-sky-orbit-halo { fill:#929ed027; stroke:#b9c4ed74; }
#screen[data-temporal="true"] .td-sky-node circle { fill:#3c385a; stroke:#c1c5ef; }
#screen[data-temporal="true"] .td-sky-orbit figcaption { color:#aba7c1; }
#screen[data-temporal="true"] .td-sky-card { border-color:#aaa5d13d; background:radial-gradient(circle at 100% 0,#7d85bb2b,transparent 58%),linear-gradient(145deg,#262032,#191621 85%); }
#screen[data-temporal="true"] .td-sky-card[data-source="VENUS"] { background:radial-gradient(circle at 100% 0,#b97aa53b,transparent 58%),linear-gradient(145deg,#302438,#1c1825 85%); }
#screen[data-temporal="true"] .td-sky-card[data-source="SATURN"] { background:radial-gradient(circle at 100% 0,#b89a6732,transparent 58%),linear-gradient(145deg,#302932,#1d1924 85%); }
#screen[data-temporal="true"] .td-sky-card .td-planet { border-color:#b7b9e272; background:#969cc627; color:#e0e1fa; }
#screen[data-temporal="true"] .td-sky-card-head em { border-color:#b7b8e05a; background:#9e9fc91d; }
#screen[data-temporal="true"] .td-sky-targets { color:#cbbfd3; }
#screen[data-temporal="true"] .td-sky-card-foot { border-top-color:#d7c3dd20; }
#screen[data-temporal="true"] .td-sky-card-foot > span strong { color:#d0cce9; }
#screen[data-temporal="true"] .td-sky-card .td-text-action { border-color:#b9b4df65; background:#9894c323; color:#f0eefa; }
#screen[data-temporal="true"] .td-sky-elsewhere { border-color:#c5b6d02c; }
#screen[data-temporal="true"] .td-sky-elsewhere-grid span { border-color:#ada4c63b; background:#9788b01a; }

/* Supporting evidence, PLUS and closure use Portrait's layered darkness and hairline rhythm. */
#screen[data-temporal="true"] .td-theme { border-color:#baa5c43d; background:radial-gradient(circle at 100% 0,#9184c226,transparent 60%),linear-gradient(140deg,#251d2c,#1b1724); }
#screen[data-temporal="true"] .td-theme:nth-child(2) { background:radial-gradient(circle at 100% 0,#8fc3ab20,transparent 60%),linear-gradient(140deg,#211f28,#191821); }
#screen[data-temporal="true"] .td-theme:nth-child(3) { background:radial-gradient(circle at 100% 0,#d9b28120,transparent 60%),linear-gradient(140deg,#282127,#1a1721); }
#screen[data-temporal="true"] .td-theme:nth-child(4) { background:radial-gradient(circle at 100% 0,#d18ebc24,transparent 60%),linear-gradient(140deg,#29202e,#1b1724); }
#screen[data-temporal="true"] .td-theme-name { color:#d0c0df; }
#screen[data-temporal="true"] .td-quiet { border-color:#ab9ec846; background:radial-gradient(circle at 87% 15%,#9e8cbd32,transparent 45%),linear-gradient(145deg,#252033,#17131f 75%); }
#screen[data-temporal="true"] .td-quiet::before { border-color:#c9b6e342; box-shadow:0 0 0 22px #bea9d50d,0 0 0 46px #bea9d507; }
#screen[data-temporal="true"] .td-teaser { border-color:#e4c08d55; background:radial-gradient(ellipse at 100% 0,#d3aa6f3e,transparent 60%),linear-gradient(130deg,#34283a,#1d1724); }
#screen[data-temporal="true"] .td-education-link { display:flex; min-height:65px; margin:18px 0 0; font-size:calc(13px * var(--scale)); cursor:pointer; }
#screen[data-temporal="true"] .td-education-link:hover { color:#fff2ff; border-color:#c6a7d06b; }
#screen[data-temporal="true"] .td-continuation { margin:30px 0 4px; }
#screen[data-temporal="true"] .td-continuation button { cursor:pointer; }
#screen[data-temporal="true"] .td-continuation button:hover { border-color:#cbb8d54e; background:radial-gradient(circle at 9% 0%,#ba91d22a,transparent 48%),linear-gradient(145deg,#211829c9,#100d17e0); }
.td-modal.td-guide .td-guide-steps { margin-top:25px; }
.td-modal.td-guide .td-guide-steps > div { display:grid; grid-template-columns:35px minmax(0,1fr); gap:12px; padding:16px 0; border-bottom:1px solid #d8c6df22; }
.td-modal.td-guide .td-guide-steps span { width:29px; height:29px; display:grid; place-items:center; border:1px solid #cfa7cf74; border-radius:50%; background:#bb85bd25; color:#f0cbe9; font-size:10px; }
.td-modal.td-guide .td-guide-steps p { margin:2px 0 0; color:#c9bccc; font-size:calc(11px * var(--scale)); line-height:1.55; }
.td-modal.td-guide .td-guide-steps p strong { color:#f0e0f1; font-weight:650; }
.td-modal .td-education-link { display:flex; min-height:65px; margin-top:25px; border:0; border-top:1px solid #ffffff22; border-bottom:1px solid #ffffff22; border-radius:0; background:transparent; color:#e8dee9; text-align:left; }
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-surface-heading h3 { font-size:calc(21px * var(--scale)); }
  #screen[data-temporal="true"] .td-weather-intro { padding-inline:18px; }
  #screen[data-temporal="true"] .td-continuation { margin-bottom:8px; }
}

/* Portrait/Atlas convergence: one near-black/plum canvas, with source color as light. */
#screen[data-temporal="true"] .demo { background:#17121e; }
#screen[data-temporal="true"] .td-lenses button[aria-selected="true"],
#screen[data-temporal="true"] .td-lenses button[data-td-lens="day"][aria-selected="true"],
#screen[data-temporal="true"] .td-lenses button[data-td-lens="weather"][aria-selected="true"],
#screen[data-temporal="true"] .td-lenses button[data-td-lens="sky"][aria-selected="true"] {
  background:radial-gradient(circle at 50% 0,#c9a2d01c,transparent 70%),#251d2d;
  border-color:#d6bfd537;
}
#screen[data-temporal="true"] .td-hero {
  border-color:#d9b4d13a;
  background:radial-gradient(ellipse at 103% -16%,#d38bb32b,transparent 47%),
    radial-gradient(ellipse at -18% 100%,#956fb51a,transparent 50%),
    linear-gradient(155deg,#211925,#17121e 64%,#130f1a);
  box-shadow:inset 0 1px #ffffff0c,0 16px 38px #05030950;
}
#screen[data-temporal="true"] .td-hero[data-source="MERCURY"] {
  border-color:#a3b9d43d;
  background:radial-gradient(ellipse at 103% -16%,#8caeda2a,transparent 47%),linear-gradient(155deg,#201b2b,#17121e 64%,#130f1a);
}
#screen[data-temporal="true"] .td-hero[data-source="MARS"] {
  border-color:#dca7a33d;
  background:radial-gradient(ellipse at 103% -16%,#d893902a,transparent 47%),linear-gradient(155deg,#241b28,#17121e 64%,#130f1a);
}
#screen[data-temporal="true"] .td-hero[data-source="MOON"] {
  border-color:#acc4e03d;
  background:radial-gradient(ellipse at 103% -16%,#9ab9dc2a,transparent 47%),linear-gradient(155deg,#1d1c2a,#17121e 64%,#130f1a);
}
#screen[data-temporal="true"] .td-hero::after { background:#d18bb421; }
#screen[data-temporal="true"] .td-hero-lifecycle { background:linear-gradient(180deg,#ffffff04,transparent 85%); }
#screen[data-temporal="true"] .td-story,
#screen[data-temporal="true"] .td-story[data-source="MERCURY"],
#screen[data-temporal="true"] .td-story[data-source="MOON"],
#screen[data-temporal="true"] .td-story[data-source="SATURN"],
#screen[data-temporal="true"] .td-story[data-source="MARS"] {
  background:radial-gradient(circle at 0 0,#bb91c117,transparent 54%),linear-gradient(140deg,#211a29,#15111c);
  border-color:#c9b3d038;
}
#screen[data-temporal="true"] .td-story[data-source="MERCURY"],
#screen[data-temporal="true"] .td-story[data-source="MOON"] { border-left:2px solid #a9bed457; }
#screen[data-temporal="true"] .td-story[data-source="SATURN"] { border-left:2px solid #d3b98a57; }
#screen[data-temporal="true"] .td-story[data-source="MARS"] { border-left:2px solid #dda5a057; }
#screen[data-temporal="true"] .td-story[data-source="LOCKED"] {
  background:radial-gradient(circle at 100% 0,#cba46b24,transparent 55%),linear-gradient(140deg,#251e2b,#17121e);
}
#screen[data-temporal="true"] .td-theme,
#screen[data-temporal="true"] .td-theme:nth-child(2),
#screen[data-temporal="true"] .td-theme:nth-child(3),
#screen[data-temporal="true"] .td-theme:nth-child(4) {
  background:radial-gradient(circle at 100% 0,#ae91c019,transparent 60%),linear-gradient(140deg,#211a29,#16121d);
  border-color:#bba7c233;
}
#screen[data-temporal="true"] .td-theme:nth-child(2) { border-top-color:#9ecab054; }
#screen[data-temporal="true"] .td-theme:nth-child(3) { border-top-color:#d7b48054; }
#screen[data-temporal="true"] .td-theme:nth-child(4) { border-top-color:#d596bc54; }
#screen[data-temporal="true"] .td-undercurrent { background:linear-gradient(130deg,#2b2528,#17131d); }
#screen[data-temporal="true"] .td-teaser {
  background:radial-gradient(ellipse at 100% 0,#cda66f25,transparent 58%),linear-gradient(145deg,#281f2d,#17121e);
  border-color:#ddbd8852;
}
#screen[data-temporal="true"] .td-quiet {
  background:radial-gradient(circle at 87% 15%,#b2a2d424,transparent 45%),linear-gradient(145deg,#211b2b,#15111c 75%);
}
#screen[data-temporal="true"] .td-weather-intro {
  border-color:#bda8c42e;
  background:radial-gradient(ellipse at 100% -10%,#ad88c428,transparent 52%),linear-gradient(155deg,#211a29,#17121e 82%);
  box-shadow:inset 0 1px #ffffff0b,0 13px 32px #05030940;
}
#screen[data-temporal="true"] .td-weather-intro::before { border-color:#c6a7da1b; box-shadow:0 0 0 18px #c7a8dc06,0 0 0 38px #c7a8dc04; }
#screen[data-temporal="true"] .td-weather-current { background:#ae8cbd0e; }
#screen[data-temporal="true"] .td-horizon button { background:#1b1622; }
#screen[data-temporal="true"] .td-horizon button[aria-pressed="true"] {
  border-color:#c5acd77a;
  background:linear-gradient(135deg,#42304f,#241d30);
  box-shadow:0 0 14px #a582be1d;
}
#screen[data-temporal="true"] .td-weather-stage {
  background:radial-gradient(ellipse at 50% 0,#a77fbc10,transparent 62%),linear-gradient(165deg,#1b1623,#120f19 82%);
  border-color:#c0aabc2d;
}
#screen[data-temporal="true"] .td-weather-foot button { background:#ad8cbd16; border-color:#bca8cc4d; color:#e9dff0; }
#screen[data-temporal="true"] .td-sky-orbit {
  border-color:#aaa4cb3b;
  background:radial-gradient(circle at 50% 48%,#859ad026,transparent 33%),radial-gradient(circle at 100% 0,#8070ae1a,transparent 57%),linear-gradient(160deg,#201a2a,#130f1a 82%);
}
#screen[data-temporal="true"] .td-sky-orbit::before { background:#808bce13; }
#screen[data-temporal="true"] .td-sky-card,
#screen[data-temporal="true"] .td-sky-card[data-source="VENUS"],
#screen[data-temporal="true"] .td-sky-card[data-source="SATURN"] {
  background:radial-gradient(circle at 100% 0,#8c86ba18,transparent 58%),linear-gradient(145deg,#211b2a,#15111c 85%);
  border-color:#b2a7d13b;
}
#screen[data-temporal="true"] .td-sky-card[data-source="VENUS"] { border-top-color:#ddaed265; }
#screen[data-temporal="true"] .td-sky-card[data-source="SATURN"] { border-top-color:#dbbb8465; }
#screen[data-temporal="true"] .td-sky-card .td-text-action { background:#aaa1cf17; }
#screen[data-temporal="true"] .td-sky-elsewhere-grid span { background:#9285b215; }
#screen[data-temporal="true"] .td-picker {
  background:radial-gradient(ellipse at 100% 0,#a786d328,transparent 55%),linear-gradient(150deg,#211a29,#15111c 82%);
}
#screen[data-temporal="true"] .td-date-strip button { background:#2a203431; }
#screen[data-temporal="true"] .td-calendar button { background:#251e2c99; }
#screen[data-temporal="true"] .td-continuation { margin-top:30px; }
#screen[data-temporal="true"] .td-education-link { margin-top:18px; }

/* Single-surface Today: the Portrait shell holds meaning, time and evidence in one rhythm. */
#screen[data-temporal="true"] .td-surface-heading { margin-top:15px; }
#screen[data-temporal="true"] .td-surface-deck { margin-bottom:23px; }
#screen[data-temporal="true"] .td-hero { min-height:0; }
#screen[data-temporal="true"] .td-activation-section { margin-top:39px; }
#screen[data-temporal="true"] .td-activation-section .td-section-head { margin-bottom:16px; }
#screen[data-temporal="true"] .td-activation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#screen[data-temporal="true"] .td-activation { --accent:#d7aad5; position:relative; overflow:hidden; display:flex; flex-direction:column; width:100%; min-height:177px; padding:14px; border:1px solid color-mix(in srgb,var(--accent) 32%,transparent); border-radius:18px; background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%),linear-gradient(145deg,#211a28,#15111c); color:#f1e7f1; text-align:left; cursor:pointer; box-shadow:inset 0 1px #ffffff0b,0 9px 23px #0002; transition:transform .18s,border-color .18s,box-shadow .18s; }
#screen[data-temporal="true"] .td-activation::after { content:""; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,var(--accent),transparent 75%); opacity:.65; }
#screen[data-temporal="true"] .td-activation:hover { transform:translateY(-2px); border-color:var(--accent); box-shadow:0 13px 25px #0004; }
#screen[data-temporal="true"] .td-activation-head { display:flex; align-items:center; gap:9px; min-width:0; }
#screen[data-temporal="true"] .td-activation-head > svg { flex:0 0 31px; width:31px; height:31px; padding:5px; border:1px solid color-mix(in srgb,var(--accent) 48%,transparent); border-radius:11px; background:color-mix(in srgb,var(--accent) 17%,transparent); color:var(--accent); }
#screen[data-temporal="true"] .td-activation-head > span { min-width:0; }
#screen[data-temporal="true"] .td-activation-head strong { display:block; font-size:calc(12px * var(--scale)); line-height:1.15; }
#screen[data-temporal="true"] .td-activation-head small { display:block; margin-top:4px; color:#9e90a5; font-size:calc(7px * var(--scale)); letter-spacing:.05em; }
#screen[data-temporal="true"] .td-activation-state { display:block; margin-top:18px; color:var(--accent); font-size:calc(10px * var(--scale)); font-weight:750; letter-spacing:.04em; }
#screen[data-temporal="true"] .td-activation-copy { display:block; margin-top:8px; color:#c4b5c7; font-size:calc(9px * var(--scale)); line-height:1.35; }
#screen[data-temporal="true"] .td-activation-link { display:block; margin-top:auto; padding-top:11px; color:#f0dcec; font-size:calc(9px * var(--scale)); font-weight:650; }
#screen[data-temporal="true"] .td-activation-link i { font-style:normal; color:var(--accent); }
#screen[data-temporal="true"] .td-activation-note { margin:13px 3px 0; color:#a99aad; font-size:calc(9px * var(--scale)); line-height:1.5; }
#screen[data-temporal="true"] .td-no-activation { margin:0; padding:17px 18px; border-top:1px solid #c5afd42d; border-bottom:1px solid #c5afd42d; color:#bdb0c4; font-size:calc(10px * var(--scale)); line-height:1.5; }
#screen[data-temporal="true"] .td-secondary-section { margin-top:37px; }
#screen[data-temporal="true"] .td-section-deck { margin:0 2px 17px; color:#ae9fb3; font-size:calc(10px * var(--scale)); line-height:1.48; }
#screen[data-temporal="true"] .td-weather-preview { margin-top:42px; }
#screen[data-temporal="true"] .td-weather-preview .td-section-head { margin-bottom:8px; }
#screen[data-temporal="true"] .td-weather-preview .td-weather-stage { padding:19px 10px 11px; }
#screen[data-temporal="true"] .td-weather-preview .td-weather-days { margin-bottom:6px; }
#screen[data-temporal="true"] .td-weather-preview-bands { padding:4px 0 3px; }
#screen[data-temporal="true"] .td-weather-preview .td-weather-band { min-height:70px; }
#screen[data-temporal="true"] .td-weather-preview .td-band-state { grid-column:2; margin-top:-7px; padding-left:2px; }
#screen[data-temporal="true"] .td-weather-empty { margin:17px 7px 8px; color:#baaac1; font-size:calc(10px * var(--scale)); line-height:1.5; }
#screen[data-temporal="true"] .td-preview-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:13px 2px 0; }
#screen[data-temporal="true"] .td-preview-foot span { color:#a89aae; font-size:calc(9px * var(--scale)); line-height:1.4; }
#screen[data-temporal="true"] .td-preview-foot button,#screen[data-temporal="true"] .td-inline-drill,#screen[data-temporal="true"] .td-return-inline,#screen[data-temporal="true"] .td-drill-back { min-height:43px; padding:8px 12px; border:1px solid #c9afd446; border-radius:12px; background:linear-gradient(135deg,#a884c21d,#ffffff06); color:#eedff2; font-size:calc(10px * var(--scale)); font-weight:650; cursor:pointer; transition:transform .18s,border-color .18s,background .18s; }
#screen[data-temporal="true"] .td-preview-foot button:hover,#screen[data-temporal="true"] .td-inline-drill:hover,#screen[data-temporal="true"] .td-return-inline:hover,#screen[data-temporal="true"] .td-drill-back:hover { transform:translateY(-2px); border-color:#e3c5e7a0; background:#b08cc42a; }
#screen[data-temporal="true"] .td-return-inline { display:block; margin:-8px 0 20px; border-color:#c9afd446; background:#a884c218; color:#eedff2; }
#screen[data-temporal="true"] .td-drill-back { margin:0 0 22px; }
#screen[data-temporal="true"] .td-drill-bottom { margin:28px 0 11px; }
#screen[data-temporal="true"] .td-sky-preview { margin-top:42px; }
#screen[data-temporal="true"] .td-sky-preview .td-section-head { margin-bottom:9px; }
#screen[data-temporal="true"] .td-sky-mini-list { display:grid; gap:9px; }
#screen[data-temporal="true"] .td-sky-mini { display:grid; grid-template-columns:40px minmax(0,1fr) 36px; align-items:center; gap:11px; min-height:78px; padding:11px 12px; border:1px solid #aaa3cb36; border-radius:16px; background:radial-gradient(circle at 100% 0,#8e9bc122,transparent 55%),linear-gradient(135deg,#211b29,#15111c); }
#screen[data-temporal="true"] .td-sky-mini[data-source="VENUS"] { border-color:#d8a6c456; background:radial-gradient(circle at 100% 0,#cd8fa92b,transparent 55%),linear-gradient(135deg,#241c2b,#15111c); }
#screen[data-temporal="true"] .td-sky-mini[data-source="SATURN"] { border-color:#d9bd8b55; }
#screen[data-temporal="true"] .td-sky-mini-icon { width:39px; height:39px; display:grid; place-items:center; border:1px solid #b9afd76b; border-radius:50%; background:#a59cc51d; color:#d8d1f4; font-size:23px; }
#screen[data-temporal="true"] .td-sky-mini[data-source="VENUS"] .td-sky-mini-icon { color:#f0bad2; border-color:#e1a4c675; background:#d487a52a; }
#screen[data-temporal="true"] .td-sky-mini-copy { min-width:0; }
#screen[data-temporal="true"] .td-sky-mini-copy strong { display:block; color:#f1eaf4; font-size:calc(12px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-mini-copy small { display:block; margin-top:3px; color:#b5a8c3; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-mini-copy em { display:block; margin-top:5px; overflow:hidden; color:#a99db4; font-size:calc(8px * var(--scale)); font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
#screen[data-temporal="true"] .td-sky-mini button { width:36px; height:36px; border:1px solid #bbb1df66; border-radius:11px; background:#a89fd326; color:#e6e2fa; font-size:15px; cursor:pointer; }
#screen[data-temporal="true"] .td-sky-mini button:hover { border-color:#d9d2f6; background:#9d90d34d; }
#screen[data-temporal="true"] .td-sky-uncertain { color:#cbb7d4; font-size:calc(8px * var(--scale)); text-align:center; }
#screen[data-temporal="true"] .td-sky-mini-empty { color:#b6a8bd; font-size:calc(10px * var(--scale)); line-height:1.5; }
#screen[data-temporal="true"] .td-inline-drill { margin-top:12px; }
.td-modal .td-why-phase { display:inline-block; margin-top:15px; padding:7px 10px; border:1px solid #d8b2d15c; border-radius:999px; background:#bd8cae1d; color:#e9c2e1; font-size:10px; letter-spacing:.06em; }
.td-modal .td-why-metrics { display:grid; gap:9px; margin:14px 0; }
.td-modal .td-why-metric { --accent:#ddaed8; padding:13px 15px; border:1px solid color-mix(in srgb,var(--accent) 36%,transparent); border-radius:16px; background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 15%,transparent),transparent 68%),#201a29; }
.td-modal .td-why-metric > span { display:flex; align-items:center; gap:9px; }
.td-modal .td-why-metric svg { width:29px; height:29px; padding:5px; border:1px solid color-mix(in srgb,var(--accent) 45%,transparent); border-radius:9px; color:var(--accent); }
.td-modal .td-why-metric strong { color:#f3e8f2; font-size:13px; }
.td-modal .td-why-metric small { display:block; margin:9px 0; color:var(--accent); font-size:10px; }
.td-modal .td-why-metric button { min-height:36px; padding:0; border:0; background:transparent; color:#f2d5eb; font-size:11px; font-weight:650; cursor:pointer; }
.td-modal .td-one-source-note { margin-top:5px; }
.td-modal .td-observations { display:grid; gap:9px; margin:14px 0 23px; }
.td-modal .td-observations > div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:3px 8px; padding:12px 14px; border:1px solid #c4afd42d; border-radius:13px; background:#201a27; }
.td-modal .td-observations small { grid-row:span 2; align-self:center; color:#c8afd6; font-size:9px; letter-spacing:.08em; }
.td-modal .td-observations strong { color:#f0e6f2; font-size:11px; }
.td-modal .td-observations span { color:#ac9fb5; font-size:10px; }
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-activation { min-height:165px; padding:11px; }
  #screen[data-temporal="true"] .td-activation-head { gap:6px; }
  #screen[data-temporal="true"] .td-activation-head > svg { flex-basis:26px; width:26px; height:26px; }
  #screen[data-temporal="true"] .td-activation-head strong { font-size:calc(11px * var(--scale)); }
  #screen[data-temporal="true"] .td-preview-foot { align-items:flex-start; flex-direction:column; }
}

/* W ruchu: the same Portrait cards, Atlas geometry and WHY materials compose Today. */
body:not(.tmp-today-qa-visible) .tools { display:none!important; }
body:not(.tmp-today-qa-visible) #screen[data-relationship-layer] > .demo { display:none!important; }
@media (min-width:801px) {
  body:not(.tmp-today-qa-visible) .device { grid-column:2; }
}
#screen[data-temporal="true"] .td-product-eyebrow {
  display:block; margin:29px 2px 8px; color:#bda6d0;
  font-size:calc(9px * var(--scale)); font-weight:750; letter-spacing:.16em;
}
#screen[data-temporal="true"] .td-surface-heading { margin:0 2px 5px; }
#screen[data-temporal="true"] .td-surface-heading h3 { font-size:calc(25px * var(--scale)); font-weight:590; }
#screen[data-temporal="true"] .td-surface-deck {
  margin:0 2px 0; max-width:34ch; color:#b5a7bc;
  font-size:calc(11px * var(--scale)); line-height:1.55;
}
#screen[data-temporal="true"] .td-context {
  margin:18px 1px 26px; padding-top:15px; border-top:1px solid #c9b9d01d;
  align-items:center;
}
#screen[data-temporal="true"] .td-context small { color:#a999b5; font-size:calc(8px * var(--scale)); }
#screen[data-temporal="true"] .td-context h2 {
  margin:5px 0 0; font-size:calc(16px * var(--scale)); font-weight:580; line-height:1.25;
}
#screen[data-temporal="true"] .td-context p { margin-top:3px; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-date-cta {
  min-height:44px; max-width:128px; padding:7px 9px; border-radius:13px;
  background:radial-gradient(circle at 100% 0,#bd9b7030,transparent 62%),#211a25;
  box-shadow:inset 0 1px #ffffff0a; line-height:1.35;
}
#screen[data-temporal="true"] .td-date-cta:hover { border-color:#efcf9a9c; background:#3a2c35; }
#screen[data-temporal="true"] .td-context-selected { border-left:2px solid #e8c484; padding-left:11px; }
#screen[data-temporal="true"] .td-context-selected + .td-return-inline { margin-top:-11px; }

/* Portrait's sr-hero material remains the base; temporal geometry is its own content. */
#screen[data-temporal="true"] .sr-hero.td-hero,
#screen[data-temporal="true"] .sr-hero.td-quiet {
  border-radius:27px; box-shadow:inset 0 1px #ffffff0b,0 18px 42px #05020928;
}
#screen[data-temporal="true"] .sr-hero.td-hero { padding:25px 22px 19px; }
#screen[data-temporal="true"] .td-hero .td-kicker { color:#dcb6d4; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-hero .td-source-orb { width:50px; height:50px; flex-basis:50px; }
#screen[data-temporal="true"] .td-hero h3 {
  max-width:16ch; margin:27px 0 0; font-size:calc(31px * var(--scale));
  font-weight:590; line-height:1.09;
}
#screen[data-temporal="true"] .td-hero .td-banter { margin-top:16px; font-size:calc(15px * var(--scale)); }
#screen[data-temporal="true"] .td-hero .td-hero-explain {
  margin-top:14px; font-size:calc(11px * var(--scale)); line-height:1.62;
}
#screen[data-temporal="true"] .td-hero-lifecycle {
  margin-top:25px; padding:18px 0 6px; border-top-color:#d9b9d229;
  background:none; border-radius:0;
}
#screen[data-temporal="true"] .td-hero .td-wave { margin-top:20px; }
#screen[data-temporal="true"] .td-hero-actions { margin-top:19px; padding-top:17px; }
#screen[data-temporal="true"] .td-hero-actions .td-text-action { min-height:44px; }

/* Today activation is literally a Portrait card with an added temporal state. */
#screen[data-temporal="true"] .td-activation-section { margin-top:45px; }
#screen[data-temporal="true"] .td-activation-grid { gap:10px; }
#screen[data-temporal="true"] .sr-card.td-activation {
  min-height:203px; padding:16px 14px 14px; border-radius:21px;
  border-color:color-mix(in srgb,var(--accent) 24%,#bdaeca18);
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,#17111f),#130f1a 72%),#15101d;
  box-shadow:inset 0 1px #ffffff07,0 18px 42px #05020920;
}
#screen[data-temporal="true"] .sr-card.td-activation::before {
  content:""; position:absolute; width:150px; height:150px; left:-52px; top:-52px;
  border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 69%);
  pointer-events:none;
}
#screen[data-temporal="true"] .td-activation-head,
#screen[data-temporal="true"] .td-activation-state,
#screen[data-temporal="true"] .td-activation-copy,
#screen[data-temporal="true"] .td-activation-link { position:relative; }
#screen[data-temporal="true"] .td-activation-head { gap:10px; align-items:flex-start; }
#screen[data-temporal="true"] .td-activation-head > svg {
  flex-basis:36px; width:36px; height:36px; border-radius:50%; padding:6px;
}
#screen[data-temporal="true"] .td-activation-head strong { font-size:calc(13px * var(--scale)); line-height:1.23; }
#screen[data-temporal="true"] .td-activation-head small {
  margin-top:5px; font-size:calc(8px * var(--scale)); line-height:1.3;
}
#screen[data-temporal="true"] .td-activation-state { margin-top:22px; font-size:calc(11px * var(--scale)); }
#screen[data-temporal="true"] .td-activation-copy { margin-top:10px; font-size:calc(10px * var(--scale)); line-height:1.45; }
#screen[data-temporal="true"] .td-activation-link {
  min-height:35px; display:flex; align-items:end; font-size:calc(10px * var(--scale));
}
#screen[data-temporal="true"] .td-activation-note { margin-top:15px; font-size:calc(10px * var(--scale)); line-height:1.55; }

/* Atlas-style dark evidence surfaces; chronology stays derived from fixture samples. */
#screen[data-temporal="true"] .td-secondary-section,
#screen[data-temporal="true"] .td-weather-preview,
#screen[data-temporal="true"] .td-sky-preview { margin-top:47px; }
#screen[data-temporal="true"] .td-section-head h3 { font-size:calc(18px * var(--scale)); font-weight:600; }
#screen[data-temporal="true"] .td-story {
  min-height:88px; padding:14px; border-radius:18px;
  background:radial-gradient(circle at 8% 0,#ba91d21a,transparent 48%),linear-gradient(145deg,#211829a8,#100d17bd);
  box-shadow:inset 0 1px #ffffff07;
}
#screen[data-temporal="true"] .td-story .td-planet { width:42px; height:42px; font-size:25px; }
#screen[data-temporal="true"] .td-story-banter { font-size:calc(11px * var(--scale)); line-height:1.45; }
#screen[data-temporal="true"] .td-story small { font-size:calc(9px * var(--scale)); line-height:1.45; }
#screen[data-temporal="true"] .td-story-chevron { width:36px; height:36px; }
#screen[data-temporal="true"] .td-undercurrent {
  min-height:74px; padding:15px 16px; border-radius:18px;
  background:radial-gradient(circle at 10% 0,#d3b98a1b,transparent 54%),linear-gradient(145deg,#211b22,#15111c);
  box-shadow:inset 0 1px #ffffff08;
}
#screen[data-temporal="true"] .td-undercurrent strong { font-size:calc(12px * var(--scale)); }
#screen[data-temporal="true"] .td-undercurrent p { font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-preview .td-weather-stage {
  padding:20px 12px 15px; border-radius:22px; border-color:#c0aabc30;
  background:radial-gradient(circle at 50% 0,#a77fbc12,transparent 62%),linear-gradient(165deg,#1b1623,#120f19 82%);
}
#screen[data-temporal="true"] .td-weather-preview .td-weather-band { min-height:78px; }
#screen[data-temporal="true"] .td-weather-days { color:#b6a8c1; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-days strong { font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-days small { font-size:calc(8px * var(--scale)); }
#screen[data-temporal="true"] .td-band-title strong { font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-band-title small { font-size:calc(8px * var(--scale)); }
#screen[data-temporal="true"] .td-weather-band .td-band-state { font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-mini {
  grid-template-columns:42px minmax(0,1fr) 44px; min-height:91px; padding:14px;
  border-radius:18px; box-shadow:inset 0 1px #ffffff08;
}
#screen[data-temporal="true"] .td-sky-mini-icon { width:41px; height:41px; }
#screen[data-temporal="true"] .td-sky-mini-copy strong { font-size:calc(13px * var(--scale)); }
#screen[data-temporal="true"] .td-sky-mini-copy small { font-size:calc(10px * var(--scale)); line-height:1.4; }
#screen[data-temporal="true"] .td-sky-mini-copy em {
  white-space:normal; text-overflow:clip; font-size:calc(9px * var(--scale)); line-height:1.4;
}
#screen[data-temporal="true"] .td-sky-mini button { width:44px; height:44px; border-radius:12px; }
#screen[data-temporal="true"] .td-teaser {
  margin-top:30px; padding:21px; border-radius:21px;
  box-shadow:inset 0 1px #ffffff0b,0 14px 34px #05020924;
}
#screen[data-temporal="true"] .td-teaser strong { font-size:calc(17px * var(--scale)); }
#screen[data-temporal="true"] .td-continuation { margin-top:38px; }
#screen[data-temporal="true"] .td-education-link { margin-top:20px; }
.td-modal .td-why-metric {
  border-radius:21px; padding:16px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,#17111f),#130f1a 72%),#15101d;
}
.td-modal .td-why-metric strong { font-size:calc(14px * var(--scale)); }
.td-modal .td-why-metric small { font-size:calc(10px * var(--scale)); }
.td-modal .td-why-metric button { min-height:44px; }
.td-modal .td-observations > div {
  padding:15px 16px; border-radius:16px;
  background:linear-gradient(145deg,#211829a8,#100d17bd);
}
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-context { gap:7px; }
  #screen[data-temporal="true"] .td-context h2 { font-size:calc(15px * var(--scale)); }
  #screen[data-temporal="true"] .td-date-cta { max-width:112px; }
  #screen[data-temporal="true"] .td-hero { padding-inline:18px; }
  #screen[data-temporal="true"] .td-hero h3 { font-size:calc(27px * var(--scale)); }
  #screen[data-temporal="true"] .td-activation-grid { grid-template-columns:1fr; }
  #screen[data-temporal="true"] .sr-card.td-activation { min-height:145px; }
  #screen[data-temporal="true"] .td-activation-state { margin-top:14px; }
  #screen[data-temporal="true"] .td-weather-days { font-size:calc(7px * var(--scale)); }
  #screen[data-temporal="true"] .td-weather-days strong { font-size:calc(7px * var(--scale)); }
  #screen[data-temporal="true"] .td-sky-mini { gap:8px; padding-inline:10px; }
}

/* Premium consolidation: one compact time cue, one meaning hero, then themes, time and sources. */
#screen[data-temporal="true"] .td-context.td-surface-heading {
  display:block; margin:16px 0 19px; padding:12px 1px 15px;
  border-top:1px solid #c9b9d01d; border-bottom:1px solid #c9b9d029;
  background:radial-gradient(ellipse at 15% 10%,#8e72ae12,transparent 58%);
}
#screen[data-temporal="true"] .td-context-top,
#screen[data-temporal="true"] .td-context-main { display:flex; justify-content:space-between; align-items:center; gap:13px; }
#screen[data-temporal="true"] .td-context-top { min-height:28px; margin-bottom:5px; }
#screen[data-temporal="true"] .td-context-top small {
  color:#c3a9d2; font-size:calc(9px * var(--scale)); letter-spacing:.16em;
}
#screen[data-temporal="true"] .td-context-main { align-items:flex-end; }
#screen[data-temporal="true"] .td-context-main > div { min-width:0; }
#screen[data-temporal="true"] .td-context h2 {
  margin:0 0 3px; color:#c8bdce; font-size:calc(11px * var(--scale));
  font-weight:620; letter-spacing:.01em; line-height:1.3;
}
#screen[data-temporal="true"] .td-live-clock {
  display:block; min-height:39px; color:#f5ecf7; font-variant-numeric:tabular-nums;
  font-size:calc(32px * var(--scale)); font-weight:570; line-height:1.12; letter-spacing:-.045em;
  text-shadow:0 0 28px #bc8ed140;
}
#screen[data-temporal="true"] .td-clock-seconds { color:#dcb8e7; }
#screen[data-temporal="true"] .td-context p { margin:4px 0 0; color:#a99eaf; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-date-cta {
  min-height:44px; max-width:128px; padding:6px 9px; flex:0 0 auto;
  border-color:#d9bb8b4e; background:linear-gradient(145deg,#b38d5421,#1d1722);
  color:#eadbc7; font-size:calc(10px * var(--scale));
}
#screen[data-temporal="true"] .td-context-selected {
  padding-left:11px; border-left:2px solid #b8a3d0;
  border-top:0; background:radial-gradient(ellipse at 0 0,#9275b121,transparent 62%);
}
#screen[data-temporal="true"] .td-context-selected h2 {
  color:#f1e8f3; font-size:calc(19px * var(--scale)); line-height:1.15;
}
#screen[data-temporal="true"] .td-context-selected + .td-return-inline { margin:0 0 17px; }

/* The Portrait hero material carries a temporal source instead of a numeric relationship score. */
#screen[data-temporal="true"] .sr-hero.td-hero {
  --source-accent:#e7a0bf; isolation:isolate; min-height:0; padding:21px 22px 18px;
  border-color:color-mix(in srgb,var(--source-accent) 36%,#bdaeca18);
  background:radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--source-accent) 24%,transparent),transparent 42%),
    radial-gradient(ellipse at 0 92%,#86649121,transparent 62%),linear-gradient(155deg,#231a2b,#130f1b 79%);
  box-shadow:inset 0 1px #ffffff12,0 22px 48px #05020937;
}
#screen[data-temporal="true"] .td-hero[data-source="MERCURY"] { --source-accent:#a7c9ef; }
#screen[data-temporal="true"] .td-hero[data-source="MARS"] { --source-accent:#edaa95; }
#screen[data-temporal="true"] .td-hero[data-source="MOON"] { --source-accent:#c2b7ea; }
#screen[data-temporal="true"] .td-hero::before {
  right:-71px; top:-89px; width:238px; height:238px;
  border:1px solid color-mix(in srgb,var(--source-accent) 27%,transparent);
  box-shadow:0 0 0 22px color-mix(in srgb,var(--source-accent) 5%,transparent),
    0 0 0 50px color-mix(in srgb,var(--source-accent) 3%,transparent);
}
#screen[data-temporal="true"] .td-hero::after {
  content:""; position:absolute; right:33px; top:43px; width:2px; height:2px;
  border-radius:50%; background:var(--source-accent);
  box-shadow:0 0 20px 5px color-mix(in srgb,var(--source-accent) 42%,transparent);
  pointer-events:none;
}
#screen[data-temporal="true"] .td-hero .td-source-orb {
  width:57px; height:57px; flex-basis:57px; color:var(--source-accent);
  border-color:color-mix(in srgb,var(--source-accent) 52%,transparent);
  background:radial-gradient(circle,color-mix(in srgb,var(--source-accent) 20%,transparent),#211624 72%);
  box-shadow:0 0 38px color-mix(in srgb,var(--source-accent) 22%,transparent);
}
#screen[data-temporal="true"] .td-hero-copy { padding:0; }
#screen[data-temporal="true"] .td-hero h3 {
  max-width:16ch; margin:14px 0 0; color:#f9f0f7;
  font-size:calc(32px * var(--scale)); line-height:1.05;
}
#screen[data-temporal="true"] .td-hero .td-banter { margin-top:14px; color:var(--source-accent); }
#screen[data-temporal="true"] .td-hero .td-hero-explain { margin-top:10px; max-width:35ch; }
#screen[data-temporal="true"] .td-hero-lifecycle {
  margin-top:20px; padding:14px 0 0; border-top:1px solid color-mix(in srgb,var(--source-accent) 22%,transparent);
  background:none;
}
#screen[data-temporal="true"] .td-hero .td-wave { margin:14px 0 0; }
#screen[data-temporal="true"] .td-hero .td-wave svg { height:73px; }
#screen[data-temporal="true"] .td-hero .td-wave .td-line { stroke:var(--source-accent); }
#screen[data-temporal="true"] .td-hero .td-wave .td-fill { fill:color-mix(in srgb,var(--source-accent) 13%,transparent); }
#screen[data-temporal="true"] .td-hero .td-wave-note { margin-top:5px!important; }
#screen[data-temporal="true"] .td-hero-actions { margin-top:12px; padding-top:13px; }
#screen[data-temporal="true"] .td-hero-actions .td-text-action { min-height:44px; }
#screen[data-temporal="true"] .td-quiet { min-height:0; }

/* Portrait parity: same sr-card structure and metric identity, with a temporal state. */
#screen[data-temporal="true"] .td-activation-section,
#screen[data-temporal="true"] .td-weather-preview,
#screen[data-temporal="true"] .td-sky-preview,
#screen[data-temporal="true"] .td-undercurrent-zone {
  margin-top:29px; padding-top:22px; border-top:1px solid #c9b9d026;
}
#screen[data-temporal="true"] .td-section-head { margin:0 1px 15px; }
#screen[data-temporal="true"] .td-activation-grid { gap:9px; }
#screen[data-temporal="true"] .sr-card.td-activation {
  min-height:184px; padding:14px 13px 12px; border-radius:21px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,#17111f),#130f1a 72%),#15101d;
}
#screen[data-temporal="true"] .td-activation .sr-card-inner { position:relative; min-height:156px; }
#screen[data-temporal="true"] .td-activation-head { display:flex; align-items:flex-start; gap:8px; }
#screen[data-temporal="true"] .td-activation-head .metric-icon {
  flex:0 0 34px; width:34px; height:34px; padding:6px; border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);
  background:color-mix(in srgb,var(--accent) 15%,transparent); color:var(--accent);
}
#screen[data-temporal="true"] .td-activation-head .metric-icon svg { width:100%; height:100%; }
#screen[data-temporal="true"] .td-activation-head h3 {
  margin:0; color:#f2eaf3; font-size:calc(12px * var(--scale)); line-height:1.18;
}
#screen[data-temporal="true"] .td-activation-head small {
  display:block; margin-top:5px; color:#a89aaf; font-size:calc(9px * var(--scale)); line-height:1.3;
}
#screen[data-temporal="true"] .td-activation-state { margin-top:19px; color:var(--accent); font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-activation-copy { margin-top:8px; font-size:calc(10px * var(--scale)); line-height:1.4; }
#screen[data-temporal="true"] .td-activation-link.sr-open {
  display:flex; justify-content:space-between; align-items:center; margin-top:auto;
  padding-top:10px; border-top:1px solid color-mix(in srgb,var(--accent) 20%,transparent);
  color:color-mix(in srgb,var(--accent) 75%,white); font-size:calc(10px * var(--scale));
}
#screen[data-temporal="true"] .td-activation-link b { color:var(--accent); }
#screen[data-temporal="true"] .td-activation-locked .sr-card-label small { color:#e3c38f; }
#screen[data-temporal="true"] .td-activation-lock {
  position:relative; display:flex; align-items:center; width:max-content; gap:8px;
  margin:17px 0 0; color:#d9c6d5;
}
#screen[data-temporal="true"] .td-activation-lock strong { font-size:22px; letter-spacing:.1em; }
#screen[data-temporal="true"] .td-activation-lock svg { width:20px; height:20px; color:#e3c38f; }
#screen[data-temporal="true"] .td-activation-locked-copy { margin-top:8px; color:#b9acbd; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-activation-locked .sr-open {
  margin-top:auto; padding-top:10px; border-top:1px solid #d7bb8727; color:#e7c992;
}
#screen[data-temporal="true"] .td-activation-locked-count,
#screen[data-temporal="true"] .td-activation-note {
  margin:10px 2px 0; color:#ab9eae; font-size:calc(9px * var(--scale)); line-height:1.45;
}
#screen[data-temporal="true"] .td-activation-locked-count { color:#d7bb8d; }

/* The Atlas line vocabulary encodes windows, current positions and exact hits. */
#screen[data-temporal="true"] .td-weather-preview .td-weather-stage {
  padding:17px 11px 11px; border-color:#bba7c82d; border-radius:22px;
  background:radial-gradient(ellipse at 45% 0,#9174b01a,transparent 62%),linear-gradient(160deg,#1c1724,#110e18 84%);
}
#screen[data-temporal="true"] .td-weather-preview .td-weather-band { --source-accent:#dba4cc; min-height:76px; }
#screen[data-temporal="true"] .td-weather-band[data-source="MERCURY"] { --source-accent:#91bde8; }
#screen[data-temporal="true"] .td-weather-band[data-source="MOON"] { --source-accent:#b7abe2; }
#screen[data-temporal="true"] .td-weather-band[data-source="MARS"] { --source-accent:#e7a28c; }
#screen[data-temporal="true"] .td-weather-band[data-source="SATURN"] { --source-accent:#aca5ae; }
#screen[data-temporal="true"] .td-band-planet { color:var(--source-accent); }
#screen[data-temporal="true"] .td-band-line,
#screen[data-temporal="true"] .td-weather-band[data-lane="flash"] .td-band-line,
#screen[data-temporal="true"] .td-weather-band[data-lane="undercurrent"] .td-band-line {
  height:8px; background:linear-gradient(90deg,color-mix(in srgb,var(--source-accent) 42%,transparent),var(--source-accent),color-mix(in srgb,var(--source-accent) 50%,transparent));
  box-shadow:0 0 12px color-mix(in srgb,var(--source-accent) 24%,transparent);
}
#screen[data-temporal="true"] .td-band-now { width:1px; background:#e9e2f1a6; }
#screen[data-temporal="true"] .td-band-current {
  position:absolute; top:7px; width:16px; height:16px; border:3px solid #211a29;
  border-radius:50%; background:var(--source-accent); transform:translateX(-50%);
  box-shadow:0 0 0 1px var(--source-accent),0 0 13px 3px color-mix(in srgb,var(--source-accent) 35%,transparent);
}
#screen[data-temporal="true"] .td-band-peak {
  top:9px; width:12px; height:12px; border:2px solid var(--source-accent);
  background:#191320; box-shadow:0 0 9px color-mix(in srgb,var(--source-accent) 45%,transparent);
}
#screen[data-temporal="true"] .td-weather-legend {
  display:flex; justify-content:flex-end; flex-wrap:wrap; gap:7px 10px;
  margin:7px 1px 0; padding-top:10px; border-top:1px solid #ffffff12;
  color:#a99eb1; font-size:calc(9px * var(--scale));
}
#screen[data-temporal="true"] .td-weather-legend span { display:inline-flex; align-items:center; gap:4px; }
#screen[data-temporal="true"] .td-weather-legend i { display:inline-block; flex:0 0 auto; }
#screen[data-temporal="true"] .td-legend-window { width:13px; height:5px; border-radius:4px; background:#baa6cf; }
#screen[data-temporal="true"] .td-legend-now { width:7px; height:7px; border-radius:50%; background:#d9bfdc; box-shadow:0 0 7px #d9bfdc8a; }
#screen[data-temporal="true"] .td-legend-exact { width:8px; height:8px; border:1px solid #d9bfdc; border-radius:50%; }

/* Source evidence appears once, below time; the longer arc has no PLUS gold. */
#screen[data-temporal="true"] .td-source-list { display:grid; gap:10px; }
#screen[data-temporal="true"] .td-source-card {
  --source-accent:#dda7c4; display:grid; grid-template-columns:45px minmax(0,1fr); gap:12px;
  padding:16px; border:1px solid color-mix(in srgb,var(--source-accent) 30%,#bdaeca18);
  border-radius:21px; background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--source-accent) 13%,transparent),transparent 52%),linear-gradient(145deg,#1d1724,#110e18);
  box-shadow:inset 0 1px #ffffff09;
}
#screen[data-temporal="true"] .td-source-card[data-source="MERCURY"] { --source-accent:#91bde8; }
#screen[data-temporal="true"] .td-source-card[data-source="MOON"] { --source-accent:#b7abe2; }
#screen[data-temporal="true"] .td-source-card[data-source="MARS"] { --source-accent:#e7a28c; }
#screen[data-temporal="true"] .td-source-glyph {
  width:43px; height:43px; display:grid; place-items:center; border-radius:50%;
  border:1px solid color-mix(in srgb,var(--source-accent) 46%,transparent);
  background:color-mix(in srgb,var(--source-accent) 13%,transparent);
  color:var(--source-accent); font-size:27px;
}
#screen[data-temporal="true"] .td-source-body { min-width:0; }
#screen[data-temporal="true"] .td-source-body > small {
  color:#aa9db5; font-size:calc(9px * var(--scale)); font-weight:720; letter-spacing:.11em;
}
#screen[data-temporal="true"] .td-source-name { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:5px 0 0; }
#screen[data-temporal="true"] .td-source-name h4 { margin:0; color:#f1e9f3; font-size:calc(16px * var(--scale)); font-weight:620; }
#screen[data-temporal="true"] .td-source-name em { color:var(--source-accent); font-size:calc(9px * var(--scale)); font-style:normal; font-weight:720; text-align:right; }
#screen[data-temporal="true"] .td-source-position { margin:5px 0 0; color:#b9acc1; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-source-storyline { margin:10px 0 0; color:#e3d4e6; font-size:calc(11px * var(--scale)); line-height:1.4; }
#screen[data-temporal="true"] .td-source-targets { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
#screen[data-temporal="true"] .td-source-targets span {
  padding:5px 7px; border:1px solid color-mix(in srgb,var(--source-accent) 27%,transparent);
  border-radius:8px; background:color-mix(in srgb,var(--source-accent) 8%,transparent);
  color:#d4c5d9; font-size:calc(10px * var(--scale)); line-height:1.25;
}
#screen[data-temporal="true"] .td-source-actions { display:flex; flex-wrap:wrap; gap:5px 11px; margin-top:12px; }
#screen[data-temporal="true"] .td-source-actions button {
  min-height:44px; padding:0; border:0; background:none; color:var(--source-accent);
  font-size:calc(10px * var(--scale)); font-weight:650; text-align:left; cursor:pointer;
}
#screen[data-temporal="true"] .td-source-actions button:hover { text-decoration:underline; }
#screen[data-temporal="true"] .td-source-actions > span { color:#afa4ba; font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-source-locked {
  display:flex; align-items:center; gap:10px; width:100%; min-height:66px;
  margin-top:10px; padding:11px 13px; border:1px solid #d3b98b43; border-radius:16px;
  background:linear-gradient(135deg,#302632,#1b1722); color:#e8d7c2;
  text-align:left; cursor:pointer;
}
#screen[data-temporal="true"] .td-source-locked > span:first-child { color:#e4c38b; font-size:23px; }
#screen[data-temporal="true"] .td-source-locked strong { display:block; color:#e4c38b; font-size:calc(9px * var(--scale)); letter-spacing:.1em; }
#screen[data-temporal="true"] .td-source-locked small { display:block; margin-top:4px; color:#c3b4c5; font-size:calc(10px * var(--scale)); }
#screen[data-temporal="true"] .td-source-locked i { margin-left:auto; font-style:normal; }
#screen[data-temporal="true"] .td-sky-preview .td-inline-drill { margin-top:13px; }
#screen[data-temporal="true"] .td-undercurrent {
  grid-template-columns:27px minmax(0,1fr) 15px; min-height:75px;
  border-color:#a69da63b; background:radial-gradient(circle at 0 0,#a79aa416,transparent 54%),linear-gradient(145deg,#211b25,#15111c);
  color:#d9d0dd;
}
#screen[data-temporal="true"] .td-undercurrent .td-planet { color:#b4acb7; }
#screen[data-temporal="true"] .td-undercurrent strong { color:#e8dfe9; }
#screen[data-temporal="true"] .td-undercurrent p { color:#afa4b2; }
#screen[data-temporal="true"] .td-undercurrent-arrow { color:#b8abbc; font-size:17px; }
#screen[data-temporal="true"] .td-teaser { margin-top:29px; }
.td-modal .td-why-metric-locked { border-color:#d3b98b45; }
.td-modal .td-why-metric-locked small,
.td-modal .td-why-metric-locked button { color:#e4c38b; }
@keyframes td-second-reveal { from { opacity:.45; transform:translateY(2px) } to { opacity:1; transform:translateY(0) } }
@media (prefers-reduced-motion:no-preference) {
  #screen[data-temporal="true"] .td-clock-tick { display:inline-block; animation:td-second-reveal .22s ease-out; }
}
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-context-main { gap:7px; }
  #screen[data-temporal="true"] .td-live-clock { font-size:calc(28px * var(--scale)); }
  #screen[data-temporal="true"] .td-date-cta { max-width:104px; }
  #screen[data-temporal="true"] .td-source-card { grid-template-columns:37px minmax(0,1fr); gap:9px; padding:13px; }
  #screen[data-temporal="true"] .td-source-glyph { width:36px; height:36px; font-size:23px; }
  #screen[data-temporal="true"] .td-source-name { flex-wrap:wrap; gap:3px; }
  #screen[data-temporal="true"] .td-weather-legend { justify-content:flex-start; }
}

/* Lead episode: an open sky field instead of another rounded card. */
#screen[data-temporal="true"] .sr-hero.td-hero[data-source] {
  width:calc(100% + 36px); margin:18px -18px 0; padding:27px 28px 0;
  overflow:hidden; border:0; border-radius:0; box-shadow:none;
  background:
    radial-gradient(ellipse 185px 245px at 91% 12%,color-mix(in srgb,var(--source-accent) 21%,transparent),transparent 78%),
    radial-gradient(ellipse 245px 190px at 10% 67%,#76518c1a,transparent 75%);
}
#screen[data-temporal="true"] .td-hero[data-source].td-picked {
  background:
    radial-gradient(ellipse 185px 245px at 91% 12%,color-mix(in srgb,var(--source-accent) 21%,transparent),transparent 78%),
    radial-gradient(ellipse 240px 180px at 12% 69%,#a17b7120,transparent 76%);
  box-shadow:none;
}
#screen[data-temporal="true"] .td-hero[data-source]::before {
  z-index:0; top:-102px; right:-79px; width:284px; height:284px;
  border:1px solid color-mix(in srgb,var(--source-accent) 31%,transparent);
  box-shadow:0 0 0 31px color-mix(in srgb,var(--source-accent) 5%,transparent),
    0 0 0 69px color-mix(in srgb,var(--source-accent) 2%,transparent),
    0 0 70px 21px color-mix(in srgb,var(--source-accent) 9%,transparent);
}
#screen[data-temporal="true"] .td-hero[data-source]::after {
  z-index:0; top:18px; right:9px; width:150px; height:150px; border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--source-accent) 21%,transparent),transparent 69%);
  filter:blur(22px); box-shadow:none;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-top { min-height:82px; display:block; }
#screen[data-temporal="true"] .td-hero[data-source] .td-kicker {
  display:flex; align-items:center; gap:12px;
  color:color-mix(in srgb,var(--source-accent) 76%,white); letter-spacing:.16em;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-kicker::after {
  content:""; width:37px; height:1px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--source-accent) 57%,transparent),transparent);
}
#screen[data-temporal="true"] .td-hero[data-source] .td-source-orb {
  position:absolute; top:0; right:1px; z-index:2; width:72px; height:72px;
  border:1px solid color-mix(in srgb,var(--source-accent) 46%,transparent); border-radius:50%;
  background:radial-gradient(circle at 36% 32%,color-mix(in srgb,var(--source-accent) 31%,#2d2035),#1e1727 58%,#0e0b13 88%);
  color:color-mix(in srgb,var(--source-accent) 86%,white); font-size:42px;
  box-shadow:inset -10px -11px 15px #0503087d,inset 2px 2px 9px #ffffff16,
    0 0 34px color-mix(in srgb,var(--source-accent) 18%,transparent);
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-copy,
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-lifecycle,
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions { position:relative; z-index:1; }
#screen[data-temporal="true"] .td-hero[data-source] h3 {
  max-width:15ch; margin:0; font-size:calc(35px * var(--scale)); font-weight:590;
  line-height:1.035; letter-spacing:-.055em; text-wrap:balance;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-banter { margin-top:16px; font-size:calc(15px * var(--scale)); }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-explain { max-width:36ch; margin-top:12px; color:#c9bacd; }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-lifecycle {
  margin:26px 0 0; padding:19px 0 0; border:0; border-radius:0; background:none;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-lifecycle::before {
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--source-accent) 48%,transparent),#c7a8c027 62%,transparent);
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-state {
  display:inline-flex; margin:0; color:color-mix(in srgb,var(--source-accent) 83%,white);
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-state i {
  background:var(--source-accent); box-shadow:0 0 13px 2px color-mix(in srgb,var(--source-accent) 39%,transparent);
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-time {
  min-height:0; margin:0 0 0 14px; padding:0 0 0 14px;
  border:0; border-left:1px solid color-mix(in srgb,var(--source-accent) 34%,transparent);
  border-radius:0; background:none; color:#e8dbe9; box-shadow:none; vertical-align:middle;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-wave { position:relative; margin:16px -9px 0; }
#screen[data-temporal="true"] .td-hero[data-source] .td-wave svg { height:88px; }
#screen[data-temporal="true"] .td-hero[data-source] .td-wave .td-axis { stroke:color-mix(in srgb,var(--source-accent) 16%,transparent); }
#screen[data-temporal="true"] .td-hero[data-source] .td-wave .td-line {
  stroke-width:2.5; filter:drop-shadow(0 0 5px color-mix(in srgb,var(--source-accent) 47%,transparent));
}
#screen[data-temporal="true"] .td-hero[data-source] .td-wave .td-now-dot {
  fill:#fff7fb; stroke:var(--source-accent); filter:drop-shadow(0 0 8px var(--source-accent));
}
#screen[data-temporal="true"] .td-hero[data-source] .td-wave .td-hit-dot { fill:var(--source-accent); }
#screen[data-temporal="true"] .td-hero[data-source] .td-wave-labels { font-size:calc(9px * var(--scale)); }
#screen[data-temporal="true"] .td-hero[data-source] .td-wave-note { margin-top:7px!important; }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions {
  display:grid; grid-template-columns:1fr; gap:15px;
  margin:25px 0 0; padding:0 0 12px;
  border:0; background:none;
}
/* A single source-colored invitation into the existing WHY surface. */
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions .td-text-action,
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions .td-text-action:first-child,
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions .td-text-action:last-child {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-width:0; min-height:68px; padding:17px 20px;
  border:1px solid color-mix(in srgb,var(--source-accent) 58%,transparent);
  border-radius:18px;
  background:linear-gradient(115deg,color-mix(in srgb,var(--source-accent) 24%,#17111e),color-mix(in srgb,var(--source-accent) 10%,#17111e));
  box-shadow:inset 0 1px 0 #ffffff12,0 6px 24px color-mix(in srgb,var(--source-accent) 8%,transparent);
  color:color-mix(in srgb,var(--source-accent) 72%,white);
  font-size:clamp(17px,calc(17px * var(--scale)),22px); font-weight:740;
  line-height:1.3; letter-spacing:-.02em; text-align:left;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions .td-text-action span {
  flex:none; color:var(--source-accent); font-size:28px; line-height:1;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions .td-text-action:hover {
  color:#fff7fc; border-color:var(--source-accent);
  background:linear-gradient(115deg,color-mix(in srgb,var(--source-accent) 31%,#17111e),color-mix(in srgb,var(--source-accent) 14%,#17111e));
  transform:none;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions .td-text-action:focus-visible {
  outline:2px solid var(--source-accent); outline-offset:4px;
}
@media (prefers-reduced-motion:no-preference) {
  #screen[data-temporal="true"] .td-hero[data-source] .td-wave .td-now-dot { animation:td-hero-now 3.2s ease-in-out infinite; }
}
@keyframes td-hero-now {
  0%,100% { filter:drop-shadow(0 0 5px var(--source-accent)); }
  50% { filter:drop-shadow(0 0 11px var(--source-accent)); }
}
@media (max-width:359px) {
  #screen[data-temporal="true"] .sr-hero.td-hero[data-source] { width:calc(100% + 24px); margin-inline:-12px; padding-inline:23px; }
  #screen[data-temporal="true"] .td-hero[data-source] h3 { font-size:calc(32px * var(--scale)); }
  #screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions .td-text-action { font-size:calc(10px * var(--scale)); }
}

/* The lead reads as a relationship story first; the sky and its timing support it. */
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-explain {
  max-width:31ch; margin-top:14px; color:#eee2ef;
  font-size:calc(13px * var(--scale)); line-height:1.48;
}
#screen[data-temporal="true"] .td-hero-motifs {
  position:relative; margin:24px 0 0; padding:3px 0 3px 14px;
  border-left:1px solid color-mix(in srgb,var(--source-accent) 57%,transparent);
}
#screen[data-temporal="true"] .td-hero-motifs::before {
  content:""; position:absolute; top:0; left:-3px; width:5px; height:5px;
  border-radius:50%; background:var(--source-accent);
  box-shadow:0 0 12px color-mix(in srgb,var(--source-accent) 75%,transparent);
}
#screen[data-temporal="true"] .td-hero-motifs > small,
#screen[data-temporal="true"] .td-hero-curve-title {
  display:block; color:#b7a8bc; font-size:calc(9px * var(--scale));
  font-weight:690; letter-spacing:.105em;
}
#screen[data-temporal="true"] .td-hero-motifs > div {
  display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:11px;
}
#screen[data-temporal="true"] .td-hero-motif {
  display:inline-flex; align-items:center; gap:6px; min-height:29px;
  color:#efe6f0; font-size:calc(11px * var(--scale)); font-weight:620;
}
#screen[data-temporal="true"] .td-hero-motif .metric-icon {
  width:23px; height:23px; display:grid; place-items:center;
  border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);
  border-radius:50%; background:color-mix(in srgb,var(--accent) 13%,transparent);
  color:var(--accent);
}
#screen[data-temporal="true"] .td-hero-motif .metric-icon svg { width:14px; height:14px; }
#screen[data-temporal="true"] .td-hero-motif b { color:#d9bd8a; font-size:12px; }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-lifecycle { margin-top:25px; }
#screen[data-temporal="true"] .td-hero-curve-title { margin-top:21px; color:color-mix(in srgb,var(--source-accent) 64%,#b7a8bc); }
#screen[data-temporal="true"] .td-hero[data-source] .td-wave { margin-top:5px; }
#screen[data-temporal="true"] .td-hero[data-source] .td-wave svg { height:76px; }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions { margin-top:19px; }
#screen[data-temporal="true"] .td-activation .td-activation-copy { color:#ded0df; }
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-hero[data-source] .td-hero-explain { font-size:calc(12px * var(--scale)); }
  #screen[data-temporal="true"] .td-hero-motifs > div { gap:7px 10px; }
  #screen[data-temporal="true"] .td-hero-motif { font-size:calc(10px * var(--scale)); }
}

/* The live clock borrows the layered material of the Portrait / Atlas selector. */
#screen[data-temporal="true"] .td-context.td-surface-heading {
  margin:14px 0 20px; padding:6px 8px 8px;
  border:1px solid #c9b7d32b; border-radius:18px;
  background:linear-gradient(145deg,#1e1728d9,#100d18d4);
  box-shadow:inset 0 1px #ffffff08,0 14px 40px #06040a30;
}
#screen[data-temporal="true"] .td-context-top { min-height:37px; margin-bottom:2px; padding-left:7px; }
#screen[data-temporal="true"] .td-context-main { align-items:center; gap:7px; }
#screen[data-temporal="true"] .td-clock-face {
  flex:1 1 auto; min-width:0; min-height:64px; padding:8px 11px;
  border:1px solid #d7c1e42b; border-radius:14px;
  background:radial-gradient(circle at 20% 0,#b890d91c,transparent 68%),#ffffff08;
  box-shadow:inset 0 1px #ffffff08;
}
#screen[data-temporal="true"] .td-clock-face h2 { margin-bottom:1px; }
#screen[data-temporal="true"] .td-clock-face .td-live-clock {
  min-height:0; font-size:calc(30px * var(--scale)); white-space:nowrap;
}
#screen[data-temporal="true"] .td-clock-caption {
  margin:6px 0 0; padding:0 7px; color:#a99eaf;
  font-size:calc(9px * var(--scale)); line-height:1.35;
}
#screen[data-temporal="true"] .td-context-selected {
  border-left:1px solid #c9b7d32b;
  background:linear-gradient(145deg,#1e1728d9,#100d18d4);
}
#screen[data-temporal="true"] .td-context-selected .td-clock-face { display:flex; align-items:center; min-height:64px; }
#screen[data-temporal="true"] .td-context-selected .td-clock-face h2 { margin:0; }

/* The Hero previews the relationship motifs; source evidence lives in WHY. */
#screen[data-temporal="true"] .td-hero-cause {
  display:grid; gap:14px; margin-top:23px; padding-left:17px;
  border-left:1px solid color-mix(in srgb,var(--source-accent) 48%,transparent);
}
#screen[data-temporal="true"] .td-hero-cause .td-hero-motifs {
  margin:0; padding:12px 0 0; border-top:1px solid #ffffff16; border-left:0;
}
#screen[data-temporal="true"] .td-hero-cause .td-hero-motifs::before { display:none; }

/* Locked Portrait themes continue in their own PLUS chapter. */
#screen[data-temporal="true"] .td-activation-plus { margin-top:28px; padding-top:25px; border-top:1px solid #ffffff17; }
#screen[data-temporal="true"] .td-activation-plus .td-section-head { display:block; margin-bottom:17px; }
#screen[data-temporal="true"] .td-activation-plus .td-section-head small {
  color:#d9bb8b; font-size:calc(9px * var(--scale)); font-weight:740; letter-spacing:.13em;
}
#screen[data-temporal="true"] .td-activation-plus .td-section-head h3 { margin:6px 0 0; }
#screen[data-temporal="true"] .td-activation-plus .td-section-head p {
  margin:7px 0 0; color:#ad9fb0; font-size:calc(10px * var(--scale)); line-height:1.45;
}
#screen[data-temporal="true"] .td-activation-plus[data-locked-count="1"] .td-activation-grid { grid-template-columns:minmax(0,1fr); }
#screen[data-temporal="true"] .td-activation-plus .sr-card.td-activation-locked {
  min-height:207px;
  border-color:color-mix(in srgb,var(--accent) 23%,#bdaeca1b);
  background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--accent) 13%,transparent),transparent 58%),linear-gradient(145deg,#201721,#110d17);
}
#screen[data-temporal="true"] .td-activation-locked .sr-card-inner { min-height:178px; }
#screen[data-temporal="true"] .td-activation-locked .td-activation-lock {
  display:flex; align-items:center; gap:0; width:94px; margin:20px 0 12px;
}
#screen[data-temporal="true"] .td-activation-lock .td-locked-rule {
  flex:1; height:1px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 42%,#d7bb87));
}
#screen[data-temporal="true"] .td-activation-lock .td-locked-rule:last-child { transform:scaleX(-1); }
#screen[data-temporal="true"] .td-activation-lock .sr-plus-lock-badge {
  position:static; transform:none; width:34px; height:34px; flex:0 0 34px;
  color:#e2c490; border-color:#d9bb8b2c;
  background:linear-gradient(145deg,#30242e,#18121d);
  box-shadow:inset 0 1px #ffffff0b,0 0 18px #d9bb8b13;
}
#screen[data-temporal="true"] .td-activation-lock .sr-plus-lock-badge svg { width:17px; height:17px; color:inherit; }
#screen[data-temporal="true"] .td-activation-locked-copy {
  display:block; max-width:18ch; margin-top:0; color:#c7bac8;
  font-size:calc(11px * var(--scale)); line-height:1.45;
}
#screen[data-temporal="true"] .td-activation-locked .sr-open {
  display:flex; justify-content:space-between; align-items:center;
  padding-top:11px; color:#e5c792;
}
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-clock-face { padding-inline:8px; }
  #screen[data-temporal="true"] .td-clock-face .td-live-clock { font-size:calc(27px * var(--scale)); }
  #screen[data-temporal="true"] .td-date-cta { max-width:106px; }
  #screen[data-temporal="true"] .td-activation-plus .sr-card.td-activation-locked { min-height:174px; }
}

/* VNext: the relationship leads; source, phase and geometry disclose in order. */
#screen[data-temporal="true"] .sr-hero.td-hero[data-source] {
  margin-top:2px; padding-top:39px;
  background:
    radial-gradient(ellipse 190px 230px at 90% 2%,color-mix(in srgb,var(--source-accent) 24%,transparent),transparent 77%),
    radial-gradient(ellipse 250px 195px at 0 37%,#7852881a,transparent 75%),
    linear-gradient(180deg,transparent 0%,#1e15231c 45%,transparent 98%);
}
#screen[data-temporal="true"] .td-hero[data-source]::before {
  top:-128px; right:-69px; width:300px; height:300px;
  border-color:color-mix(in srgb,var(--source-accent) 36%,transparent);
  box-shadow:0 0 0 24px color-mix(in srgb,var(--source-accent) 5%,transparent),
    0 0 0 57px color-mix(in srgb,var(--source-accent) 3%,transparent),
    0 0 90px color-mix(in srgb,var(--source-accent) 11%,transparent);
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-top { min-height:72px; }
#screen[data-temporal="true"] .td-hero[data-source] h3 { max-width:17ch; font-size:calc(34px * var(--scale)); }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-origin {
  display:inline-block; margin-top:13px; padding-left:10px;
  border-left:2px solid var(--source-accent); color:#e6d9e7;
  font-size:calc(11px * var(--scale)); font-weight:650; line-height:1.4;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-banter { margin-top:17px; }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-explain { margin-top:13px; color:#f0e4f0; }
#screen[data-temporal="true"] .td-hero-cause { display:block; margin-top:23px; padding-left:0; border:0; }
#screen[data-temporal="true"] .td-hero-cause .td-hero-motifs {
  margin:0; padding:4px 0 4px 14px; border-top:0;
  border-left:1px solid color-mix(in srgb,var(--source-accent) 55%,transparent);
}
#screen[data-temporal="true"] .td-hero-cause .td-hero-motifs::before { display:block; }
#screen[data-temporal="true"] .td-hero-motif { align-items:flex-start; gap:8px; }
#screen[data-temporal="true"] .td-hero-motif > span:nth-child(2) { display:grid; gap:2px; }
#screen[data-temporal="true"] .td-hero-motif strong { color:#f1e8f2; font-weight:640; }
#screen[data-temporal="true"] .td-hero-motif em {
  color:var(--accent); font-size:calc(8px * var(--scale)); font-style:normal;
  font-weight:740; letter-spacing:.055em;
}
#screen[data-temporal="true"] .td-hero-motif b svg { width:12px; height:12px; color:#ddbf8c; }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-lifecycle { margin-top:23px; }
#screen[data-temporal="true"] .td-hero[data-source] .td-wave { margin-top:5px; }
#screen[data-temporal="true"] .td-activation-stable {
  display:block; margin-top:12px; color:#ab9caf;
  font-size:calc(9px * var(--scale)); line-height:1.35;
}
#screen[data-temporal="true"] .td-activation-state {
  display:grid; grid-template-columns:17px minmax(0,1fr); column-gap:5px;
  margin-top:9px; line-height:1.25;
}
#screen[data-temporal="true"] .td-activation-state i { grid-row:1 / span 2; font-size:15px; font-style:normal; }
#screen[data-temporal="true"] .td-activation-state b { font-weight:750; }
#screen[data-temporal="true"] .td-activation-state small {
  margin-top:3px; color:#c1b2c4; font-size:calc(8px * var(--scale));
  font-weight:670; letter-spacing:.04em;
}
#screen[data-temporal="true"] .td-activation-head h3 { font-size:calc(13px * var(--scale)); }
#screen[data-temporal="true"] .td-activation-copy { font-size:calc(11px * var(--scale)); line-height:1.42; }
#screen[data-temporal="true"] .sr-card.td-activation:not(.td-activation-locked) { min-height:196px; }
#screen[data-temporal="true"] .td-activation[data-metric-kind="quality"] .td-activation-state b { color:#b9d8f2; }
#screen[data-temporal="true"] .td-activation[data-metric-kind="focus"] .td-activation-state b { color:#c8b5e5; }
#screen[data-temporal="true"] .td-source-targets span { display:inline-flex; align-items:center; gap:5px; }
#screen[data-temporal="true"] .td-source-targets i { color:var(--source-accent); font-size:13px; font-style:normal; }
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-hero[data-source] h3 { font-size:calc(31px * var(--scale)); }
  #screen[data-temporal="true"] .td-hero-motifs > div { gap:12px; }
  #screen[data-temporal="true"] .td-activation-grid { grid-template-columns:1fr; }
}

/* The clock and leading story share one source-coloured sky field. The clock card itself is unchanged. */
#screen[data-temporal="true"] .td-opening {
  --source-accent:#e7a0bf;
  position:relative; display:flow-root; isolation:isolate;
}
#screen[data-temporal="true"] .td-opening[data-source="MERCURY"] { --source-accent:#a7c9ef; }
#screen[data-temporal="true"] .td-opening[data-source="MARS"] { --source-accent:#edaa95; }
#screen[data-temporal="true"] .td-opening[data-source="MOON"] { --source-accent:#c2b7ea; }
#screen[data-temporal="true"] .td-opening[data-source="SATURN"] { --source-accent:#aca5ae; }
#screen[data-temporal="true"] .td-opening[data-source="DUET"] { --source-accent:#bba8db; }
#screen[data-temporal="true"] .td-opening[data-source="QUIET"] { --source-accent:#9d8ca9; }
#screen[data-temporal="true"] .td-opening::before {
  content:""; position:absolute; z-index:0; top:-76px; left:-18px; right:-18px; height:760px;
  pointer-events:none; opacity:var(--td-ambient-strength,.7);
  background:
    radial-gradient(ellipse 74% 42% at 84% 45%,color-mix(in srgb,var(--source-accent) 27%,transparent),transparent 85%),
    radial-gradient(ellipse 92% 48% at 14% 78%,color-mix(in srgb,var(--source-accent) 13%,transparent),transparent 83%);
  mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 71%,transparent);
}
#screen[data-temporal="true"] .td-opening > * { position:relative; z-index:1; }
#screen[data-temporal="true"] .td-opening > .td-context { z-index:3; }
#screen[data-temporal="true"] .td-opening > .sr-hero.td-hero {
  overflow:visible; border:0; border-radius:0; box-shadow:none; background:none;
}
#screen[data-temporal="true"] .td-opening > .td-hero[data-source]::before {
  top:-132px; opacity:.8;
}
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-opening::before { left:-12px; right:-12px; }
}

/* The named moving body belongs to the existing open-sky Hero composition. */
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark {
  position:absolute; top:0; right:0; z-index:2; display:grid; justify-items:center;
  gap:7px; width:76px; color:var(--source-accent); pointer-events:none;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark .td-source-orb {
  position:relative; top:auto; right:auto;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark strong {
  max-width:100%; overflow:hidden; font-size:calc(10px * var(--scale));
  font-weight:750; letter-spacing:.16em; line-height:1.2; text-align:center;
  text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap;
  text-shadow:0 0 17px color-mix(in srgb,var(--source-accent) 45%,transparent);
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-top { min-height:99px; }

/* Today WHY borrows the neutral evidence surface and semantic body/aspect colors of Compatibility WHY. */
.td-modal.td-why-modal .read-card.td-why-read {
  border-color:color-mix(in srgb,var(--td-source-color) 30%,#76697e);
  background:radial-gradient(ellipse at 92% 4%,color-mix(in srgb,var(--td-source-color) 16%,transparent),transparent 55%),#1c1521;
}
.td-modal.td-why-modal .td-why-phase { color:var(--td-source-color); }
.td-why-evidence { margin:17px 0 24px; padding:15px; border:1px solid #ffffff1a; border-radius:24px;
  background:linear-gradient(145deg,#251d2b,#151019 75%); }
.td-evidence-heading { display:flex; align-items:center; gap:11px; }
.td-evidence-heading > span { display:grid; place-items:center; width:43px; height:43px; flex:none;
  border:1px solid color-mix(in srgb,var(--td-source-color) 44%,transparent); border-radius:50%;
  background:color-mix(in srgb,var(--td-source-color) 13%,transparent); color:var(--td-source-color); font-size:27px; }
.td-evidence-heading > div { display:grid; gap:3px; min-width:0; }
.td-evidence-heading small,.td-evidence-body small,.td-temporal-intro small,.td-temporal-moving small,
.td-temporal-anchored small,.td-temporal-reading small,.td-temporal-targets > small {
  color:#bfaec6; font-size:10px; font-weight:720; letter-spacing:.12em; line-height:1.3; text-transform:uppercase;
}
.td-evidence-heading strong { color:#f2eaf4; font-size:19px; }
.td-evidence-heading em { margin-left:auto; color:#c2b3c4; font-size:11px; font-style:normal; white-space:nowrap; }
.td-evidence-list { display:grid; gap:9px; margin-top:17px; }
.td-evidence-contact { display:grid; grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr); align-items:center;
  gap:4px; min-width:0; padding:11px 7px; border:1px solid #ffffff16; border-radius:17px; background:#100d16a8; }
.td-evidence-body { display:grid; justify-items:center; gap:2px; min-width:0; text-align:center; }
.td-evidence-body > span { color:var(--td-source-color); font-size:27px; line-height:1; }
.td-evidence-body b { max-width:100%; overflow:hidden; color:#eee4ee; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.td-evidence-body small { max-width:100%; overflow:hidden; font-size:8px; letter-spacing:.06em; text-overflow:ellipsis; white-space:nowrap; }
.td-evidence-target > span { color:var(--td-target-color); }
.td-evidence-aspect { display:grid; justify-items:center; gap:2px; color:var(--td-aspect-color); text-align:center; }
.td-evidence-aspect b { font-size:27px; line-height:1; }
.td-evidence-aspect small { color:#c6b7c8; font-size:10px; }
.td-why-evidence > p { margin:15px 1px 0; color:#b8a8bc; font-size:11px; line-height:1.45; }
.td-why-modal .td-observations > div { border-color:#ffffff1c; background:linear-gradient(130deg,color-mix(in srgb,var(--td-target-color) 8%,#1b1522),#18131d 70%); }
.td-why-modal .td-observations i { color:var(--td-target-color); font-style:normal; }
.td-why-modal .td-observations span b { margin-right:5px; color:var(--td-aspect-color); font-size:16px; }

/* Temporal geometry: an explanatory orbital scene using stored positions, not an invented sky map. */
.td-temporal-top-glyph { display:grid; place-items:center; width:35px; height:35px; margin-right:10px; flex:none;
  border:1px solid color-mix(in srgb,var(--td-source-color) 50%,transparent); border-radius:50%;
  color:var(--td-source-color); font-size:23px; }
.td-temporal-geometry { padding-top:20px; }
.td-temporal-intro { margin-bottom:17px; }
.td-temporal-intro small { color:var(--td-source-color); }
.td-temporal-intro h2 { max-width:19ch; margin:7px 0 8px; color:#f4edf5; font-size:clamp(24px,6vw,31px); line-height:1.06; letter-spacing:-.035em; }
.td-temporal-intro p { margin:0; color:#c6b9c9; font-size:13px; line-height:1.5; }
.td-temporal-stage { position:relative; height:328px; overflow:hidden; isolation:isolate; border:1px solid #ffffff1d;
  border-radius:27px; background:radial-gradient(ellipse at 21% 19%,color-mix(in srgb,var(--td-source-color) 24%,transparent),transparent 41%),
  radial-gradient(ellipse at 84% 79%,color-mix(in srgb,var(--td-target-color) 17%,transparent),transparent 44%),#130f1a; }
.td-temporal-stage::before { content:""; position:absolute; width:246px; height:246px; left:-75px; top:-102px;
  border:1px solid color-mix(in srgb,var(--td-source-color) 27%,transparent); border-radius:50%;
  box-shadow:0 0 0 26px color-mix(in srgb,var(--td-source-color) 4%,transparent),0 0 0 57px color-mix(in srgb,var(--td-source-color) 3%,transparent); }
.td-temporal-lines { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.td-temporal-lines ellipse { fill:none; stroke:color-mix(in srgb,var(--td-source-color) 27%,transparent); stroke-width:1; }
.td-temporal-lines path { fill:none; stroke:var(--td-aspect-color); stroke-width:1.6; stroke-dasharray:2 0;
  filter:drop-shadow(0 0 6px var(--td-aspect-color)); }
.td-temporal-lines circle { fill:var(--td-aspect-color); filter:drop-shadow(0 0 8px var(--td-aspect-color)); }
.td-temporal-moving,.td-temporal-anchored { position:absolute; z-index:1; display:flex; align-items:center; gap:9px; }
.td-temporal-moving { top:30px; left:17px; }
.td-temporal-anchored { right:15px; bottom:36px; flex-direction:row-reverse; text-align:right; }
.td-temporal-moving > span,.td-temporal-anchored > span { display:grid; place-items:center; width:54px; height:54px; flex:none;
  border:1px solid color-mix(in srgb,var(--td-source-color) 57%,transparent); border-radius:50%;
  background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--td-source-color) 27%,#241b2e),#17111d 79%);
  color:var(--td-source-color); font-size:34px; box-shadow:0 0 31px color-mix(in srgb,var(--td-source-color) 15%,transparent); }
.td-temporal-anchored > span { border-color:color-mix(in srgb,var(--td-target-color) 62%,transparent);
  background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--td-target-color) 27%,#241b2e),#17111d 79%);
  color:var(--td-target-color); box-shadow:0 0 31px color-mix(in srgb,var(--td-target-color) 16%,transparent); }
.td-temporal-moving > div,.td-temporal-anchored > div { display:grid; gap:2px; min-width:0; }
.td-temporal-moving strong,.td-temporal-anchored strong { color:#f2eaf3; font-size:18px; line-height:1.1; }
.td-temporal-moving em,.td-temporal-anchored em { color:#c0b1c4; font-size:10px; font-style:normal; }
.td-temporal-aspect { position:absolute; z-index:2; top:49%; left:49%; display:grid; justify-items:center; gap:1px;
  padding:7px 11px; border:1px solid color-mix(in srgb,var(--td-aspect-color) 55%,transparent); border-radius:15px;
  background:#1b1522eb; color:var(--td-aspect-color); box-shadow:0 6px 22px #08050d9c; transform:translate(-50%,-50%); }
.td-temporal-aspect b { font-size:26px; line-height:1; }
.td-temporal-aspect span { color:#dbd0dd; font-size:10px; }
.td-temporal-stage-foot { position:absolute; right:12px; bottom:9px; left:12px; color:#a696aa; font-size:8px;
  font-weight:650; letter-spacing:.12em; text-align:center; }
.td-temporal-reading { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:11px 0 21px; }
.td-temporal-reading > div { display:grid; gap:4px; min-width:0; padding:12px; border:1px solid #ffffff18;
  border-radius:15px; background:#1c1622; }
.td-temporal-reading > div:last-child { grid-column:1 / -1; }
.td-temporal-reading strong { color:#efe5f0; font-size:13px; line-height:1.25; }
.td-temporal-targets > small { display:block; margin-bottom:9px; }
.td-temporal-targets > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.td-temporal-targets button { display:flex; align-items:center; gap:8px; min-width:0; min-height:76px; padding:10px;
  border:1px solid #ffffff22; border-radius:18px; background:#1d1622; color:#f0e7f0; text-align:left; cursor:pointer; }
.td-temporal-targets button[aria-pressed="true"] { border-color:color-mix(in srgb,var(--td-target-color) 67%,transparent);
  background:linear-gradient(140deg,color-mix(in srgb,var(--td-target-color) 15%,#221927),#1d1622 75%); }
.td-temporal-targets button > i { flex:none; color:var(--td-target-color); font-size:26px; font-style:normal; }
.td-temporal-targets button > span { display:grid; gap:2px; min-width:0; }
.td-temporal-targets button small { overflow:hidden; color:#c1b0c5; font-size:8px; font-weight:700; letter-spacing:.07em; text-overflow:ellipsis; white-space:nowrap; }
.td-temporal-targets button strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.td-temporal-targets button em { color:var(--td-aspect-color); font-size:10px; font-style:normal; }
.td-temporal-targets > p,.td-temporal-scrub > p { margin:10px 0 0; color:#b8a8bc; font-size:11px; line-height:1.45; }
.td-temporal-scrub { margin:19px 0 0; padding:16px; border:1px solid #ffffff1a; border-radius:19px; background:#1c1622; }
.td-temporal-scrub label { display:flex; justify-content:space-between; gap:8px; color:#bcaec2; font-size:10px; font-weight:700; letter-spacing:.07em; }
.td-temporal-scrub label strong { color:#e9e1eb; font-size:11px; letter-spacing:0; text-align:right; }
.td-temporal-scrub input { width:100%; margin:16px 0 0; accent-color:var(--td-source-color); }
.td-temporal-technical { margin-top:19px; }
.td-temporal-technical > div { display:grid; gap:8px; margin:9px 0; }
.td-temporal-technical > div > span { display:block; padding:9px 11px; border:1px solid #ffffff15; border-radius:11px;
  background:#1c1621; color:#d2c4d6; font-size:11px; line-height:1.4; }
@media (max-width:359px) {
  #screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark { right:-4px; }
  .td-evidence-contact { grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr); padding:9px 4px; }
  .td-evidence-body b { font-size:10px; }
  .td-evidence-aspect small { font-size:9px; }
  .td-temporal-stage { height:300px; }
  .td-temporal-moving { left:9px; }
  .td-temporal-anchored { right:8px; }
  .td-temporal-moving > span,.td-temporal-anchored > span { width:43px; height:43px; font-size:27px; }
  .td-temporal-moving strong,.td-temporal-anchored strong { font-size:15px; }
  .td-temporal-targets > div { grid-template-columns:1fr; }
}

/* VNext product pass: one moving sky source, visible relationship targets. */
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark {
  top:-13px; right:-3px; width:112px; gap:5px;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark .td-source-orb {
  width:96px; height:96px; flex-basis:96px; font-size:61px;
  border-color:color-mix(in srgb,var(--source-accent) 72%,transparent);
  background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--source-accent) 28%,#251826),#150f1a 72%);
  box-shadow:0 0 38px color-mix(in srgb,var(--source-accent) 31%,transparent),0 0 0 12px color-mix(in srgb,var(--source-accent) 5%,transparent);
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark strong {
  font-size:calc(14px * var(--scale)); letter-spacing:.18em; color:#f8dbe8;
}
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-top { min-height:128px; }
#screen[data-temporal="true"] .td-hero[data-source] .td-hero-actions { grid-template-columns:1fr; }
#screen[data-temporal="true"] .td-activation-section .td-activation-locked { min-height:196px; }
#screen[data-temporal="true"] .td-activation-section .td-activation-grid { align-items:stretch; }
.td-peak-explain { margin:17px 0 8px; padding:15px 17px; border-left:2px solid var(--td-source-color); background:linear-gradient(90deg,color-mix(in srgb,var(--td-source-color) 13%,transparent),transparent); }
.td-peak-explain strong { color:#f0e7f2; font-size:14px; }
.td-peak-explain p { margin:6px 0 0; color:#c4b7ca; font-size:12px; line-height:1.5; }
.td-astro-glyph { display:inline-grid; place-items:center; line-height:1; font-family:Georgia,'Noto Sans Symbols 2',serif; font-variant-emoji:text; }
.td-astro-glyph:where(:not(.td-source-orb)) { transform:translateY(-.035em); }
.td-geometry-field { height:328px; border:0; border-radius:0; background:radial-gradient(ellipse 75% 50% at 50% 37%,color-mix(in srgb,var(--td-source-color) 18%,transparent),transparent 76%),radial-gradient(ellipse 68% 25% at 50% 80%,#a67bba18,transparent 80%); mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 91%,transparent 100%); }
.td-geometry-field::before { display:none; }
.td-geometry-ring { position:absolute; width:310px; height:310px; left:50%; top:-125px; border:1px solid color-mix(in srgb,var(--td-source-color) 31%,transparent); border-radius:50%; box-shadow:0 0 0 20px color-mix(in srgb,var(--td-source-color) 3%,transparent),0 0 0 53px color-mix(in srgb,var(--td-source-color) 2%,transparent); transform:translateX(-50%); }
.td-geometry-paths { position:absolute; inset:0; width:100%; height:100%; }
.td-geometry-branch { fill:none; stroke:#d2b1db70; stroke-width:1.4; stroke-dasharray:3 4; }
.td-geometry-branch-first { stroke:#80c9b5b8; }
.td-geometry-paths circle { fill:var(--td-source-color); filter:drop-shadow(0 0 8px var(--td-source-color)); }
.td-geometry-source { position:absolute; top:26px; left:50%; z-index:2; display:grid; justify-items:center; gap:2px; width:160px; transform:translateX(-50%); text-align:center; }
.td-geometry-source > span { display:grid; place-items:center; width:67px; height:67px; border:1px solid color-mix(in srgb,var(--td-source-color) 64%,transparent); border-radius:50%; background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--td-source-color) 29%,#2b2032),#17111c 75%); color:var(--td-source-color); font-size:42px; box-shadow:0 0 30px color-mix(in srgb,var(--td-source-color) 23%,transparent); }
.td-geometry-source small { color:var(--td-source-color); font-size:8px; font-weight:760; letter-spacing:.13em; }
.td-geometry-source strong { color:#f6ecf6; font-size:17px; }
.td-geometry-source em { color:#c6b8ca; font-size:10px; font-style:normal; }
.td-geometry-targets { position:absolute; z-index:3; inset:auto 8px 28px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.td-geometry-single .td-geometry-targets { grid-template-columns:1fr; max-width:170px; left:50%; transform:translateX(-50%); }
.td-geometry-target { position:relative; display:grid; justify-items:center; align-content:end; gap:2px; min-width:0; min-height:98px; padding:19px 4px 2px; border:0; border-radius:22px; background:none; color:#f5eaf5; text-align:center; cursor:pointer; }
.td-geometry-target::before { content:""; position:absolute; inset:10px 5px 0; border:1px solid color-mix(in srgb,var(--td-target-color) 27%,transparent); border-radius:50% 50% 22px 22px; background:radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--td-target-color) 14%,transparent),transparent 75%); opacity:.55; }
.td-geometry-target[aria-pressed="true"]::before { border-color:color-mix(in srgb,var(--td-target-color) 66%,transparent); opacity:1; }
.td-geometry-target > * { position:relative; z-index:1; }
.td-geometry-target-orb { color:var(--td-target-color); font-size:35px; text-shadow:0 0 18px var(--td-target-color); }
.td-geometry-target small { color:var(--td-target-color); font-size:9px; font-weight:760; letter-spacing:.08em; text-transform:uppercase; }
.td-geometry-target strong { overflow:hidden; max-width:100%; color:#f4ebf4; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.td-geometry-target em { color:var(--td-aspect-color); font-size:10px; font-style:normal; }
.td-geometry-aspect-glyph { position:absolute; top:-27px; left:50%; display:grid; place-items:center; width:30px; height:30px; border:1px solid color-mix(in srgb,var(--td-aspect-color) 55%,transparent); border-radius:50%; background:#1c1622; color:var(--td-aspect-color); font-size:19px; transform:translateX(-50%); }
.td-geometry-target[data-locked="true"] { opacity:.72; }
.td-geometry-field .td-temporal-stage-foot { bottom:6px; color:#b5a5bd; font-size:8px; }
.td-geometry-selection { margin:5px 0 15px; padding:14px 16px; border:1px solid color-mix(in srgb,var(--td-aspect-color) 28%,#ffffff19); border-radius:17px; background:linear-gradient(120deg,color-mix(in srgb,var(--td-target-color) 10%,#1b1522),#17121b); }
.td-geometry-selection small { color:#bbaec2; font-size:9px; font-weight:750; letter-spacing:.1em; }
.td-geometry-selection strong { display:block; margin-top:5px; color:#f0e6f0; font-size:14px; line-height:1.3; }
.td-geometry-selection strong > span:first-child { color:var(--td-aspect-color); font-size:20px; }
.td-geometry-selection p { margin:7px 0 0; color:#bcb0c0; font-size:11px; line-height:1.4; }
.td-plus-geometry { border-color:#d5b78466!important; background:#74563826!important; color:#ebd2a1!important; }
@media(max-width:359px) { #screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark { right:-1px; width:89px; } #screen[data-temporal="true"] .td-hero[data-source] .td-hero-planet-mark .td-source-orb { width:77px; height:77px; flex-basis:77px; font-size:49px; } #screen[data-temporal="true"] .td-hero[data-source] .td-hero-top { min-height:117px; } .td-geometry-field { height:300px; } .td-geometry-source { top:18px; } .td-geometry-targets { bottom:25px; gap:3px; } .td-geometry-target { min-height:88px; } .td-geometry-target-orb { font-size:29px; } }
/* Warm commercial gold is reserved for PLUS; Saturn is a neutral source. */
#screen[data-temporal="true"] .td-source-orb[data-source="SATURN"] { color:#bcb4c3; border-color:#a9a1b155; background:#a9a1b11b; }
#screen[data-temporal="true"] .td-undercurrent[data-source="SATURN"] { --source-accent:#a9a1b1; }
#screen[data-temporal="true"] .td-undercurrent[data-source="SATURN"] .td-planet { color:#bcb4c3; }
/* The destination icon, label and arrow make surface changes explicit. */
#screen[data-temporal="true"] .td-cross-nav,.td-modal .td-cross-nav { display:flex; align-items:center; gap:12px; width:100%; min-height:58px; padding:11px 14px; border:1px solid #bda3d04d; border-radius:17px; background:linear-gradient(125deg,#8a70aa1c,#1c1624); color:#efe6f2; text-align:left; cursor:pointer; }
#screen[data-temporal="true"] .td-cross-nav-sky { margin-top:15px; }
#screen[data-temporal="true"] .td-cross-nav svg,.td-modal .td-cross-nav svg { width:25px; height:25px; flex:none; color:#c8a9df; }
#screen[data-temporal="true"] .td-cross-nav > span,.td-modal .td-cross-nav > span { display:grid; gap:3px; flex:1; min-width:0; }
#screen[data-temporal="true"] .td-cross-nav strong,.td-modal .td-cross-nav strong { font-size:12px; }
#screen[data-temporal="true"] .td-cross-nav small,.td-modal .td-cross-nav small { color:#b4a7bf; font-size:10px; line-height:1.25; }
#screen[data-temporal="true"] .td-cross-nav i,.td-modal .td-cross-nav i { color:#c8a9df; font-size:19px; font-style:normal; }
.td-modal .td-cross-nav-portrait { margin-top:8px; }
/* The Atlas inline overlay currently uses a different synthetic composite target.
   Suppress its duplicate Today deep link until both fixtures share an identity. */
#screen[data-temporal="true"] [data-razem-today-source] { display:none!important; }

/* Cosmic radar: source, anchored contacts, then time. Interpretation lives in the story. */
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] { padding-top:18px; padding-bottom:14px; }
#screen[data-temporal="true"] .td-radar-eyebrow {
  position:relative; z-index:1; display:flex; align-items:center;
  justify-content:space-between; gap:14px; color:var(--source-accent);
  font-size:9px; font-weight:650; letter-spacing:.10em;
}
#screen[data-temporal="true"] .td-radar-eyebrow strong {
  flex:none; font-size:9px; letter-spacing:.08em;
  padding:5px 7px; border:1px solid color-mix(in srgb,var(--source-accent) 28%,transparent);
  border-radius:12px; background:color-mix(in srgb,var(--source-accent) 8%,transparent);
}
#screen[data-temporal="true"] .td-radar-planet-scene {
  position:relative; z-index:1; display:flex; align-items:center;
  gap:14px; min-height:132px;
}
#screen[data-temporal="true"] .td-radar-planet {
  position:relative; display:grid; place-items:center; flex:none; width:92px; height:92px;
  color:var(--source-accent); border-radius:50%;
  border:1px solid color-mix(in srgb,var(--source-accent) 58%,transparent);
  background:radial-gradient(circle at 37% 30%,color-mix(in srgb,var(--source-accent) 30%,#2b2031),#17111e 69%,#0d0912);
  box-shadow:inset -7px -8px 16px #07050b60,0 0 28px color-mix(in srgb,var(--source-accent) 15%,transparent);
}
#screen[data-temporal="true"] .td-radar-planet .td-astro-glyph { font-size:62px; }
#screen[data-temporal="true"] .td-radar-planet-scene > div { min-width:0; }
#screen[data-temporal="true"] .td-radar-planet-scene small { color:#bcaebf; font-size:9px; letter-spacing:.12em; }
#screen[data-temporal="true"] .td-radar-hero .td-radar-planet-scene h3 {
  margin:5px 0 0; color:var(--source-accent); font-size:24px;
  font-weight:650; letter-spacing:-.02em; text-transform:uppercase;
}
#screen[data-temporal="true"] .td-radar-hero .td-radar-planet-scene p { margin:6px 0 0; font-size:11px; line-height:1.4; color:#c6b8cb; }
#screen[data-temporal="true"] .td-radar-contacts { display:grid; gap:0; position:relative; z-index:1; }
#screen[data-temporal="true"] .td-radar-hero > .td-radar-contacts { min-height:0; align-content:start; }
#screen[data-temporal="true"] .td-radar-contact {
  display:flex; align-items:center; gap:10px; padding:11px 0;
  border-top:1px solid #ffffff16; min-width:0;
}
#screen[data-temporal="true"] .td-radar-target-glyph {
  flex:none; width:32px; height:32px; border-radius:50%; font-size:22px;
  color:var(--td-target-color); background:color-mix(in srgb,var(--td-target-color) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--td-target-color) 30%,transparent);
}
#screen[data-temporal="true"] .td-radar-contact-copy { flex:1; min-width:0; display:grid; gap:4px; }
#screen[data-temporal="true"] .td-radar-contact-copy small { color:#a99caf; font-size:9px; font-weight:650; letter-spacing:.045em; }
#screen[data-temporal="true"] .td-radar-contact-copy strong { color:var(--td-target-color); font-size:14px; line-height:1.3; font-weight:620; overflow-wrap:anywhere; }
#screen[data-temporal="true"] .td-radar-aspect { flex:none; display:grid; justify-items:center; gap:2px; min-width:44px; color:var(--td-aspect-color); }
#screen[data-temporal="true"] .td-radar-aspect i { font-size:21px; font-style:normal; }
#screen[data-temporal="true"] .td-radar-aspect small { font-size:10px; }
#screen[data-temporal="true"] .td-radar-hero-timing {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px 15px;
  margin-top:14px; padding-top:14px; border-top:1px solid color-mix(in srgb,var(--source-accent) 30%,transparent);
  position:relative; z-index:1;
}
#screen[data-temporal="true"] .td-radar-hero-timing strong { color:var(--source-accent); font-size:14px; font-weight:650; }
/* Reserve both countdown lines, including the longer exact-contact label at 320px. */
#screen[data-temporal="true"] .td-radar-hero-timing > strong { display:grid; min-width:0; min-height:42px; align-content:end; }
#screen[data-temporal="true"] .td-radar-hero-timing > span { color:#d0c3d4; font-size:12px; line-height:1.7; text-align:right; }
#screen[data-temporal="true"] .td-radar-hero-timing { align-items:end; }
#screen[data-temporal="true"] .td-peak-group { display:grid; gap:4px; min-height:37px; align-content:end; }
#screen[data-temporal="true"] .td-peak-label { font-size:10px; font-weight:550; }
#screen[data-temporal="true"] .td-peak-countdown { white-space:nowrap; font-size:18px; line-height:1.15; font-variant-numeric:tabular-nums; }
#screen[data-temporal="true"] .td-peak-countdown small { font-size:10px; font-weight:550; margin-left:1px; }
#screen[data-temporal="true"] .td-peak-seconds { color:color-mix(in srgb,var(--source-accent) 65%,white); }
#screen[data-temporal="true"] .td-radar-wave { position:relative; z-index:1; margin-top:14px; }
#screen[data-temporal="true"] .td-radar-wave > small { color:var(--source-accent); font-size:9px; font-weight:690; letter-spacing:.09em; }
#screen[data-temporal="true"] .td-hero[data-source] .td-radar-wave .td-wave { margin:7px 0 0; }
#screen[data-temporal="true"] .td-radar-navigation { display:flex; align-items:center; justify-content:space-between; margin-top:2px; color:#b8aabd; font-size:12px; }
#screen[data-temporal="true"] .td-radar-navigation > div { display:flex; gap:8px; }
#screen[data-temporal="true"] .td-radar-navigation button { width:44px; height:44px; background:#ffffff08; border:1px solid #ffffff20; border-radius:14px; color:var(--source-accent); font-family:inherit; font-size:22px; line-height:1; cursor:pointer; }
#screen[data-temporal="true"] .td-radar-navigation button:focus-visible { outline:2px solid var(--source-accent); outline-offset:2px; }
#screen[data-temporal="true"] .td-radar-next,
#screen[data-temporal="true"] .td-radar-background { margin-top:24px; padding-top:18px; border-top:1px solid #ffffff1b; }
#screen[data-temporal="true"] .td-radar-story {
  display:block; width:100%; box-sizing:border-box; padding:15px; margin:10px 0 0;
  border:1px solid color-mix(in srgb,var(--source-accent) 31%,#ffffff10);
  border-radius:19px; color:#eee6f0; text-align:left; font:inherit;
  background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--source-accent) 13%,transparent),transparent 64%),linear-gradient(145deg,#201725,#110d18);
  cursor:pointer;
}
#screen[data-temporal="true"] .td-radar-story:focus-visible { outline:2px solid var(--source-accent); outline-offset:3px; }
#screen[data-temporal="true"] .td-radar-story-top { display:flex; align-items:center; gap:9px; margin-bottom:9px; }
#screen[data-temporal="true"] .td-radar-story-planet { flex:none; color:var(--source-accent); font-size:25px; width:32px; height:32px; }
#screen[data-temporal="true"] .td-radar-story-top strong { flex:1; color:var(--source-accent); font-size:17px; font-weight:650; }
#screen[data-temporal="true"] .td-radar-story-top > small { color:var(--source-accent); font-size:9px; font-weight:740; letter-spacing:.07em; }
#screen[data-temporal="true"] .td-radar-story-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px; padding-top:10px; border-top:1px solid #ffffff16; }
#screen[data-temporal="true"] .td-radar-story-footer > span { display:grid; gap:5px; color:#ece1f0; font-size:12px; line-height:1.45; }
#screen[data-temporal="true"] .td-radar-story-footer small { color:#b4a7ba; font-size:11px; }
#screen[data-temporal="true"] .td-radar-story-footer > i { font-style:normal; color:var(--source-accent); font-size:21px; }
#screen[data-temporal="true"] .td-radar-empty { margin:0; color:#b8aabb; font-size:13px; line-height:1.55; }
#screen[data-temporal="true"] .td-radar-quiet { padding:24px 5px; }
#screen[data-temporal="true"] .td-radar-quiet h3 { font-size:24px; margin:12px 0; line-height:1.1; }
#screen[data-temporal="true"] .td-radar-quiet p { color:#c0b3c7; font-size:14px; line-height:1.55; }
#screen[data-temporal="true"] .td-radar-story-background { background:radial-gradient(ellipse at 7% 0%,#a9a1b110,transparent 75%),#15101c; }
.td-story-source-head { margin-bottom:24px; }
.td-story-source-head small { color:#bcafc4; font-size:9px; letter-spacing:.1em; }
.td-story-source-head h2 { color:var(--td-source-color); font-size:36px; margin:10px 0; letter-spacing:-.04em; }
.td-story-source-head > strong,.td-story-exactness { color:var(--td-source-color); font-size:13px; }
.td-why-read > em { display:block; margin-top:12px; color:var(--td-source-color); font-family:Georgia,serif; }
@media(max-width:359px) {
  #screen[data-temporal="true"] .td-radar-eyebrow { gap:8px; font-size:9px; letter-spacing:.08em; }
  #screen[data-temporal="true"] .td-radar-planet-scene { gap:12px; min-height:120px; }
  #screen[data-temporal="true"] .td-radar-planet { width:82px; height:82px; }
  #screen[data-temporal="true"] .td-radar-planet .td-astro-glyph { font-size:56px; }
  #screen[data-temporal="true"] .td-radar-hero .td-radar-planet-scene h3 { font-size:22px; }
  #screen[data-temporal="true"] .td-radar-contact-copy strong { font-size:14px; }
  #screen[data-temporal="true"] .td-radar-story { padding:13px; }
  #screen[data-temporal="true"] .td-radar-story-top { gap:8px; }
  #screen[data-temporal="true"] .td-radar-story-top strong { font-size:16px; }
  #screen[data-temporal="true"] .td-radar-aspect { min-width:42px; }
}
/* Restrained geometry and spacing keep the radar compact. */
#screen[data-temporal="true"] .td-radar-opening::before {
  height:560px;
  background:radial-gradient(ellipse 78% 43% at 85% 43%,color-mix(in srgb,var(--source-accent) 17%,transparent),transparent 85%),
    radial-gradient(ellipse 90% 48% at 14% 78%,color-mix(in srgb,var(--source-accent) 8%,transparent),transparent 83%);
}
#screen[data-temporal="true"] .td-opening > .sr-hero.td-radar-hero[data-source]::before {
  content:none;
}
#screen[data-temporal="true"] .td-radar-hero .td-radar-wave .td-wave svg { height:54px; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions { margin-top:15px; padding-bottom:2px; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions .td-text-action {
  position:relative; display:grid; grid-template-columns:24px minmax(0,1fr) 28px; gap:10px;
  min-height:44px; padding:10px 0; border:0; border-radius:0;
  background:none; box-shadow:none; color:var(--source-accent);
  font-size:14px; font-weight:650;
}
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions .td-text-action::after {
  content:""; position:absolute; bottom:4px; left:34px; right:30px; height:1px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--source-accent) 45%,transparent),transparent);
}
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-story-invitation-orbit { width:24px; height:24px; opacity:.85; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions .td-story-invitation-label { font-size:14px; line-height:1.4; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions .td-story-invitation-arrow { font-size:22px; line-height:1; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions .td-text-action:hover {
  background:none; color:color-mix(in srgb,var(--source-accent) 75%,white);
}
.td-modal .td-why-read .td-story-reading { margin:16px 0 0; }
@media(min-width:360px) {
  #screen[data-temporal="true"] .td-activation-section[data-available-count="1"] .td-activation-grid:has(.td-activation-locked) > .td-activation:not(.td-activation-locked) { grid-column:1 / -1; min-height:213px; }
}
/* Shared TMP symbol baseline: Unicode planet/aspect ink sits low in the font box.
   Existing SVG zodiac marks are centered by their viewBox and need no nudge. */
.ha-planet-glyph,.ha-aspect-symbol,.cw-body-badge,.cw-list-glyph,
.cw-read-symbol > span,.sr-related-symbols i,.aspect-symbol {
  position:relative; top:-.035em; line-height:1;
}
/* Older Today primitives still appear in the sky drill and uncertain range. */
#screen[data-temporal="true"] .td-story[data-source="SATURN"] {
  border-color:#a9a1b14d; border-left-color:#a9a1b170;
  background:radial-gradient(circle at 0 0,#a9a1b11d,transparent 55%),linear-gradient(130deg,#25212a,#19161f);
}
#screen[data-temporal="true"] .td-sky-node[data-source="SATURN"] circle {
  fill:#37323f; stroke:#aca5b4; filter:drop-shadow(0 0 7px #a9a1b163);
}
#screen[data-temporal="true"] .td-sky-card[data-source="SATURN"] { border-top-color:#a9a1b160; }
#screen[data-temporal="true"] .td-sky-mini[data-source="SATURN"] { border-color:#a9a1b155; }
#screen[data-temporal="true"] .td-wave .td-band { fill:#bca7d12a; stroke:#bca7d16e; }
#screen[data-temporal="true"] .td-theme:nth-child(3) { border-color:#aa9cb54d; background:linear-gradient(140deg,#28232e,#1a1721); }
#screen[data-temporal="true"] .td-theme:nth-child(3) .td-theme-name { color:#c7b9d2; }
/* Atlas-like planet selection and its short relationship reading. */
#screen[data-temporal="true"] .td-planet-navigation {
  display:flex; gap:5px; max-width:380px; margin:20px auto 0; padding:13px 7px 7px;
  overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin;
  scrollbar-color:#b2a7c14d transparent;
  border-top:1px solid #ffffff17;
}
#screen[data-temporal="true"] .td-planet-option {
  display:grid; justify-items:center; align-content:start; gap:6px;
  flex:0 0 60px; min-width:52px; min-height:66px; padding:2px 0 5px;
  color:#b8a7c5; background:none; border:0; border-radius:13px;
  font:inherit; cursor:pointer;
}
#screen[data-temporal="true"] .td-planet-option:first-child { margin-left:auto; }
#screen[data-temporal="true"] .td-planet-option:last-child { margin-right:auto; }
#screen[data-temporal="true"] .td-planet-scroll-controls {
  display:flex; align-items:center; justify-content:center; gap:8px; max-width:380px; margin:0 auto;
  color:#b2a7c1;
}
#screen[data-temporal="true"] .td-planet-scroll-controls[hidden] { display:none; }
#screen[data-temporal="true"] .td-planet-scroll-controls small { font-size:10px; }
#screen[data-temporal="true"] .td-planet-scroll-controls button {
  width:44px; height:44px; flex:none; border:0; border-radius:50%; background:none;
  color:#cbb9da; font-family:inherit; font-size:24px; line-height:1; cursor:pointer;
}
#screen[data-temporal="true"] .td-planet-scroll-controls button:disabled { opacity:.3; cursor:default; }
#screen[data-temporal="true"] .td-planet-scroll-controls button:focus-visible { outline:1px solid #cbb9da; outline-offset:-4px; }
#screen[data-temporal="true"] .td-planet-dot {
  position:relative; display:grid; place-items:center; width:44px; height:44px;
  border:1px solid color-mix(in srgb,var(--td-planet-color) 27%,transparent); border-radius:50%;
  color:var(--td-planet-color);
  background:radial-gradient(circle at 32% 24%,color-mix(in srgb,var(--td-planet-color) 16%,#211727),#100c16 80%);
}
#screen[data-temporal="true"] .td-planet-dot > .td-astro-glyph { width:100%; height:100%; font-size:25px; }
#screen[data-temporal="true"] .td-planet-option[aria-pressed="true"] { color:var(--td-planet-color); }
#screen[data-temporal="true"] .td-planet-option[aria-pressed="true"] .td-planet-dot {
  border-color:var(--td-planet-color); box-shadow:0 0 0 3px color-mix(in srgb,var(--td-planet-color) 9%,transparent),0 0 18px color-mix(in srgb,var(--td-planet-color) 11%,transparent);
}
#screen[data-temporal="true"] .td-planet-option small { font-size:10px; line-height:1.25; }
#screen[data-temporal="true"] .td-planet-option:focus-visible { outline:2px solid var(--td-planet-color); outline-offset:2px; }
#screen[data-temporal="true"] .td-planet-option:hover .td-planet-dot { border-color:var(--td-planet-color); }
#screen[data-temporal="true"] .td-planet-option[data-upcoming="true"] .td-planet-dot { border-style:dashed; }
#screen[data-temporal="true"] .td-planet-status-dot { position:absolute; bottom:2px; right:3px; width:4px; height:4px; border:1px solid #120d18; border-radius:50%; background:var(--td-planet-color); }
#screen[data-temporal="true"] .td-planet-dot > .td-plus-lock { position:absolute; width:13px; height:13px; right:3px; bottom:2px; padding:2px; border-radius:50%; background:#160f1e; color:#e7c58c; }
#screen[data-temporal="true"] .td-radar-reading {
  --td-reading-accent:color-mix(in srgb,var(--source-accent) 82%,#bca7d1);
  --td-reading-ink:color-mix(in srgb,var(--source-accent) 58%,#f1e9f3);
  margin-top:15px; padding:18px; border:1px solid color-mix(in srgb,var(--td-reading-accent) 37%,#ffffff08); border-radius:26px;
  background:radial-gradient(ellipse 110% 70% at 0 0,color-mix(in srgb,var(--source-accent) 9%,transparent),transparent),
    radial-gradient(ellipse 95% 80% at 100% 100%,#bca7d109,transparent),#191320;
  box-shadow:inset 0 1px #ffffff04,0 12px 28px #00000012;
}
#screen[data-temporal="true"] .td-radar-reading-head { display:flex; align-items:center; gap:10px; }
#screen[data-temporal="true"] .td-radar-reading-glyph {
  flex:none; width:34px; height:34px; border:1px solid color-mix(in srgb,var(--source-accent) 37%,transparent); border-radius:12px;
  background:color-mix(in srgb,var(--source-accent) 9%,transparent); color:var(--source-accent); font-size:23px;
}
#screen[data-temporal="true"] .td-radar-reading-head > div { min-width:0; }
#screen[data-temporal="true"] .td-radar-reading-head strong { display:block; color:#e6dce9; font-size:12px; font-weight:600; }
#screen[data-temporal="true"] .td-radar-reading-head small { display:block; margin-top:4px; color:#ae9eb8; font-size:9px; letter-spacing:.08em; line-height:1.4; }
#screen[data-temporal="true"] .td-radar-read { margin:14px 0 0; padding:0; border:0; background:none; min-height:190px; }
#screen[data-temporal="true"] .td-radar-read h4 { margin:0 0 9px; color:#f1e9f3; font-family:inherit; font-size:23px; font-weight:600; line-height:1.2; letter-spacing:-.035em; }
#screen[data-temporal="true"] .td-radar-read .ha-meaning { margin:0; color:#c8bbd2; font-size:13px; line-height:1.55; }
#screen[data-temporal="true"] .td-radar-read .ha-banter { margin:13px 0 0; color:var(--td-reading-ink); font:italic 15px/1.45 Georgia,serif; }
#screen[data-temporal="true"] .td-radar-quiet .td-radar-banter { margin:13px 0 0; color:var(--source-accent,#c3a7db); font:italic 15px/1.45 Georgia,serif; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-radar-reading .td-hero-actions {
  margin-top:16px; padding:10px 0 0; border-top:1px solid color-mix(in srgb,var(--td-reading-accent) 18%,transparent);
}
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-radar-reading .td-text-action { color:var(--td-reading-accent); padding:6px 0; gap:8px; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-radar-reading .td-text-action::after { content:none; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-radar-reading .td-story-invitation-arrow { color:var(--td-reading-ink); font-size:22px; }
#screen[data-temporal="true"] .td-radar-quiet .td-radar-banter { margin-bottom:14px; }
#screen[data-temporal="true"] .td-radar-future .td-radar-planet-scene p,.td-future-plus { color:#e7c58c!important; }
.td-plus-lock { width:20px; height:20px; flex:none; }
#screen[data-temporal="true"] .td-future-read { position:relative; margin-top:14px; padding:18px 0 4px; border-top:1px solid #e7c58c25; }
#screen[data-temporal="true"] .td-future-plus { font-size:10px; font-weight:700; letter-spacing:.08em; }
#screen[data-temporal="true"] .td-future-mask { display:grid; gap:9px; margin:14px 0; filter:blur(5px); opacity:.4; user-select:none; pointer-events:none; color:#b5a8c1; font-size:13px; line-height:1.5; }
#screen[data-temporal="true"] .td-future-payoff { position:relative; display:grid; grid-template-columns:24px 1fr; column-gap:9px; row-gap:6px; margin-top:-24px; }
#screen[data-temporal="true"] .td-future-payoff > .td-plus-lock { grid-row:1 / 3; color:#e7c58c; }
#screen[data-temporal="true"] .td-future-payoff strong { font-size:15px; color:#e9d9bb; line-height:1.4; }
#screen[data-temporal="true"] .td-future-payoff p { font-size:12px; line-height:1.5; color:#bdb0c5; margin:0; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions.td-future-actions .td-text-action,
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions.td-future-actions .td-text-action span { color:#e7c58c; }
#screen[data-temporal="true"] .sr-hero.td-radar-hero[data-source] .td-hero-actions.td-future-actions .td-text-action::after { background:linear-gradient(90deg,#e7c58c66,transparent); }
#screen[data-temporal="true"] .td-radar-story-locked { border-color:#e7c58c35; }
#screen[data-temporal="true"] .td-weather-band-locked .td-band-title small { color:#e7c58c; }
@media(max-width:359px) {
  #screen[data-temporal="true"] .td-planet-option { flex-basis:52px; }
  #screen[data-temporal="true"] .td-planet-option small { font-size:9px; }
  #screen[data-temporal="true"] .td-radar-read h4 { font-size:21px; }
  #screen[data-temporal="true"] .td-radar-read .ha-banter { font-size:14px; }
}
/* PLUS preview keeps the same physical Hero; only its contact/read slots lock. */
#screen[data-temporal="true"] .td-planet-option[data-locked="true"] .td-planet-dot {
  border:1px solid transparent; box-shadow:0 0 0 3px #e7c58c09;
}
#screen[data-temporal="true"] .td-plus-ring {
  position:absolute; inset:-1px; width:calc(100% + 2px); height:calc(100% + 2px);
  color:#e7c58c; overflow:visible; pointer-events:none;
}
#screen[data-temporal="true"] .td-planet-option[data-locked="true"][aria-pressed="true"] .td-planet-dot {
  box-shadow:0 0 0 3px #e7c58c20,0 0 18px #e7c58c1c;
}
#screen[data-temporal="true"] .td-planet-option:focus-visible { outline:none; }
#screen[data-temporal="true"] .td-planet-option:focus-visible .td-planet-dot { outline:2px solid var(--td-planet-color); outline-offset:4px; }
#screen[data-temporal="true"] .td-planet-option[data-locked="true"]:focus-visible .td-planet-dot { outline-color:#e7c58c; }
#screen[data-temporal="true"] .td-radar-hero[data-future-locked="true"] .td-radar-planet {
  border-style:solid; border-color:transparent; box-shadow:inset -7px -8px 16px #07050b60,0 0 0 3px #e7c58c0c,0 0 28px color-mix(in srgb,var(--source-accent) 15%,transparent);
}
#screen[data-temporal="true"] .td-radar-contact-locked { position:relative; --td-target-color:#c0afc9; --td-aspect-color:#bcb0c5; }
#screen[data-temporal="true"] .td-radar-contact-mask { display:flex; align-items:center; gap:10px; width:100%; filter:blur(5px); opacity:.45; user-select:none; pointer-events:none; }
#screen[data-temporal="true"] .td-radar-contact-locked > .td-plus-lock { position:absolute; right:12px; color:#e7c58c; }
.td-wave .td-entry-line { stroke:var(--source-accent,var(--td-source-color)); stroke-width:.8; stroke-dasharray:2 3; opacity:.55; }
.td-wave .td-entry-dot { fill:#130d1a; stroke:var(--source-accent,var(--td-source-color)); stroke-width:1.4; }
#screen[data-temporal="true"] .td-radar-upcoming .td-radar-read { position:relative; box-sizing:border-box; height:190px; }
#screen[data-temporal="true"] .td-radar-upcoming .td-future-read { margin:14px 0 0; padding:0; border:0; }
#screen[data-temporal="true"] .td-radar-upcoming .td-future-mask { display:block; margin:0; }
#screen[data-temporal="true"] .td-radar-upcoming .td-future-payoff { position:absolute; bottom:20px; left:0; right:0; margin:0; }
@media(max-width:359px) {
  #screen[data-temporal="true"] .td-radar-read { min-height:205px; }
  #screen[data-temporal="true"] .td-radar-upcoming .td-radar-read { height:205px; }
}

#screen[data-temporal="true"] .td-radar-countdown {
  position:relative; isolation:isolate; white-space:nowrap;
}
#screen[data-temporal="true"] .td-radar-countdown::before {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  left:50%; top:50%; width:220px; height:220px;
  transform:translate(-50%,-50%); border-radius:50%;
  border:1px solid color-mix(in srgb,var(--source-accent) 13%,transparent);
  background:radial-gradient(circle,color-mix(in srgb,var(--source-accent) 7%,transparent),transparent 72%);
  box-shadow:0 0 0 16px color-mix(in srgb,var(--source-accent) 1.3%,transparent);
}

#screen[data-temporal="true"] .td-radar-story-locked .td-radar-story-planet { box-sizing:border-box; border:1px solid #e7c58c; border-radius:50%; }
#screen[data-temporal="true"] .td-radar-story-locked .td-radar-story-footer > .td-plus-lock { color:#e7c58c; }
#screen[data-temporal="true"] .td-radar-wave-contact { display:flex; align-items:center; flex-wrap:wrap; gap:4px; min-height:18px; margin-top:7px; color:#ae9eb8; font-size:10px; line-height:1.45; }
#screen[data-temporal="true"] .td-radar-wave-contact .td-astro-glyph { font-size:14px; color:var(--td-aspect-color); }
#screen[data-temporal="true"] .td-radar-wave-contact strong { color:var(--td-target-color); font-weight:550; }
#screen[data-temporal="true"] .td-radar-reading[data-locked="true"] { border-color:#e7c58c59; }
#screen[data-temporal="true"] .td-radar-reading[data-locked="true"] .td-story-invitation-arrow { color:#e7c58c; }
@media(max-width:359px) {
  #screen[data-temporal="true"] .td-radar-reading { padding:16px; }
}

/* Planet identity comes from the same palette as the Atlas legend. */
#screen[data-temporal="true"] .td-source-orb[data-source] {
  color:var(--source-accent);
  border-color:color-mix(in srgb,var(--source-accent) 36%,transparent);
  background:color-mix(in srgb,var(--source-accent) 10%,transparent);
}
#screen[data-temporal="true"] .td-story[data-source],
#screen[data-temporal="true"] .td-sky-card[data-source] {
  border-color:color-mix(in srgb,var(--source-accent) 24%,transparent);
  background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--source-accent) 10%,transparent),transparent 65%),#191320;
}
#screen[data-temporal="true"] .td-radar-story-background {
  background:radial-gradient(ellipse at 7% 0%,color-mix(in srgb,var(--source-accent) 7%,transparent),transparent 75%),#15101c;
}

/* Match the fixed Portrait / Atlas selector footprint, including its narrow inset. */
#screen[data-temporal="true"] .cw-product-heading.td-product-heading {
  position:relative; margin:0 6px 8px; padding:6px 0 8px;
}
#screen[data-temporal="true"] .td-product-heading > span { color:#b9a3c7; }
.cw-modal-product-title .td-today-mark { color:#b2a7c1; }
/* Reuse the Atlas education link, including scaled SVGs and typography. */
#screen[data-temporal="true"] .td-product-heading > span svg { width:26px; height:26px; }
#screen[data-temporal="true"] .td-product-heading h3 { font-family:inherit; font-size:calc(23px * var(--scale)); font-weight:550; }
#screen[data-temporal="true"] .td-intro-action svg { width:26px; height:26px; }
#screen[data-temporal="true"] .td-intro-action { cursor:pointer; }
#screen[data-temporal="true"] .td-intro-action:hover { color:#e1c8f3; }
@media(max-width:350px) {
  #screen[data-temporal="true"] .cw-product-heading.td-product-heading { gap:8px; }
  #screen[data-temporal="true"] .td-product-heading h3 { font-size:calc(20px * var(--scale)); }
  #screen[data-temporal="true"] .td-intro-action { font-size:calc(10px * var(--scale)); gap:4px; }
}
.td-screen-guide .td-guide-banter {
  display:block; margin-top:18px; color:#a4c7e4; font-family:Georgia,serif;
  font-size:15px; line-height:1.5;
}
#screen[data-temporal="true"] .td-context.td-surface-heading {
  display:grid; grid-template-columns:minmax(0,1fr) 100px;
  grid-template-rows:1fr; gap:8px; align-items:center;
  box-sizing:border-box; height:71px; min-height:71px;
  margin:14px 2px 20px; padding:5px;
}
#screen[data-temporal="true"] .td-context .td-clock-face {
  grid-column:1; grid-row:1; display:flex; flex-direction:column; justify-content:center;
  box-sizing:border-box; min-height:0; height:59px; padding:0 10px;
  align-items:flex-start; border:0; background:none; box-shadow:none;
}
#screen[data-temporal="true"] .td-context .td-clock-face h2 {
  margin:0 0 3px; color:#b7aabd; font-size:10px; line-height:13px;
  font-weight:500; letter-spacing:0;
}
#screen[data-temporal="true"] .td-context .td-clock-face .td-live-clock {
  min-height:0; font-size:27px; line-height:29px; font-weight:560;
}
#screen[data-temporal="true"] .td-context .td-date-cta {
  grid-column:2; grid-row:1; box-sizing:border-box; width:100%; max-width:none;
  display:grid; justify-items:center; align-content:center; gap:2px;
  height:54px; padding:0; border:0; border-radius:11px;
  background:radial-gradient(ellipse at 50% 35%,#e7c58c14,transparent 72%);
  box-shadow:none; color:#f0d59f; font-size:11px; line-height:13px; font-weight:650;
}
#screen[data-temporal="true"] .td-context .td-date-cta svg { width:24px; height:24px; }
#screen[data-temporal="true"] .td-context .td-date-cta > span { display:flex; align-items:center; gap:4px; }
#screen[data-temporal="true"] .td-context .td-date-cta i { font-style:normal; font-size:15px; line-height:1; opacity:.75; }
#screen[data-temporal="true"] .td-context .td-date-cta b {
  font-size:8px; line-height:9px; letter-spacing:.14em; font-weight:700;
}
#screen[data-temporal="true"] .td-context .td-date-cta:hover { background:#e7c58c14; color:#ffe5b3; }
#screen[data-temporal="true"] .td-context .td-date-cta:focus-visible {
  outline:2px solid #e7c58c; outline-offset:1px;
}
#screen[data-temporal="true"] .td-context-selected .td-clock-face h2 {
  margin:0; font-size:14px; line-height:19px; color:#e9dfed;
}
@media(max-width:350px) {
  #screen[data-temporal="true"] .td-context.td-surface-heading {
    grid-template-columns:minmax(0,1fr) 88px; gap:6px;
    height:69px; min-height:69px; margin-inline:4px; padding:4px;
  }
  #screen[data-temporal="true"] .td-context .td-clock-face { padding-inline:8px; }
  #screen[data-temporal="true"] .td-context .td-clock-face .td-live-clock { font-size:25px; line-height:27px; }
}

/* One selector names the status; comparison stays in Trajectory. */
#screen[data-temporal="true"] .td-planet-option em { font-size:8px; line-height:1.25; font-style:normal; color:#a698b1; white-space:nowrap; }

/* Exact-contact preview: same Hero and timing slot, Venus identity only. */
#screen[data-temporal="true"] .td-radar-at-peak .td-radar-countdown {
  border-color:color-mix(in srgb,var(--source-accent) 65%,transparent);
  background:color-mix(in srgb,var(--source-accent) 13%,transparent);
  box-shadow:0 0 20px color-mix(in srgb,var(--source-accent) 9%,transparent);
}
#screen[data-temporal="true"] .td-radar-hero-timing > .td-peak-now {
  font-size:14px; line-height:1.4;
}
#screen[data-temporal="true"] .td-radar-hero[data-peak-preview="true"] .td-peak-now {
  display:grid; padding:0; border:0; background:none;
  align-content:end; gap:2px;
}
#screen[data-temporal="true"] .td-peak-now small { font-size:10px; line-height:1.4; font-weight:500; color:#bba6b7; }
#screen[data-temporal="true"] .td-radar-at-peak .td-now-dot { filter:drop-shadow(0 0 5px var(--source-accent)); }