#sky-now[data-personal-sky] .content{ padding: 0 18px 30px; } #sky-now[data-personal-sky] .demo{ background: #261f2c; } #sky-now[data-personal-sky] button:focus-visible,.td-modal button:focus-visible,.td-modal input:focus-visible{ outline: 2px solid #e5baf1; outline-offset: 2px; } @media (max-width: 359px){#sky-now[data-personal-sky] .content{ padding-inline: 12px; } } @media (prefers-reduced-motion: reduce){#sky-now[data-personal-sky] *, .td-modal *{ animation: none!important; transition: none!important; scroll-behavior: auto!important; } } body.reduced-motion #sky-now[data-personal-sky] *,body.reduced-motion .td-modal *{ animation: none!important; transition: none!important; scroll-behavior: auto!important; } #sky-now[data-personal-sky]{ --td-rose:#efafd4; --td-blue:#a8d1f5; --td-amber:#edc98e; --td-mint:#a9d8c9; } #sky-now[data-personal-sky] .content{ padding: 0 18px 52px; } #sky-now[data-personal-sky] .td-context{ align-items:center; margin:25px 1px 24px; } #sky-now[data-personal-sky] .td-context small{ color:#b8a5c6; } #sky-now[data-personal-sky] .td-context h2{ margin-top:9px; font-size:calc(23px * var(--scale)); } #sky-now[data-personal-sky] .td-context p{ color:#a99aaf; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-context-selected{ padding-left:12px; border-left:2px solid #e8c484; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-lenses button{ min-height:55px; transition:background .2s, color .2s, transform .2s; } #sky-now[data-personal-sky] .td-lenses button:hover{ background:#ffffff0c; color:#f4e7f7; } #sky-now[data-personal-sky] .td-lenses button[aria-selected="true"]{ border-color:#d1b0df3e; box-shadow:inset 0 1px #ffffff20,0 9px 19px #0004; } #sky-now[data-personal-sky] .td-lenses button[data-td-lens="day"][aria-selected="true"]{ background:radial-gradient(circle at 70% 0,#d795b33a,transparent 75%),#39263c; } #sky-now[data-personal-sky] .td-lenses button[data-td-lens="weather"][aria-selected="true"]{ background:radial-gradient(circle at 70% 0,#9eb7e03b,transparent 75%),#293047; } #sky-now[data-personal-sky] .td-lenses button[data-td-lens="sky"][aria-selected="true"]{ background:radial-gradient(circle at 70% 0,#a9c8e83c,transparent 75%),#253243; } #sky-now[data-personal-sky] button:not(:disabled), .td-modal button{ -webkit-tap-highlight-color:transparent; } #sky-now[data-personal-sky] :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; } #sky-now[data-personal-sky] :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; } #sky-now[data-personal-sky] :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); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source="MERCURY"]{ border-color:#a3c9e047; background:radial-gradient(ellipse at 108% -14%,#749acb57,transparent 50%),linear-gradient(155deg,#222b3e,#181824 75%); } #sky-now[data-personal-sky] .td-hero[data-source="MARS"]{ border-color:#e4aa9e45; background:radial-gradient(ellipse at 106% -14%,#d78d8d5c,transparent 50%),linear-gradient(155deg,#372534,#18131e 75%); } #sky-now[data-personal-sky] .td-hero[data-source="MOON"]{ border-color:#b5ceeb48; background:radial-gradient(ellipse at 106% -14%,#91b3e15c,transparent 50%),linear-gradient(155deg,#263247,#151723 75%); } #sky-now[data-personal-sky] .td-hero.td-picked{ border-color:#d8bc8a5b; box-shadow:inset 0 2px #eacb9860,0 19px 45px #0005; } #sky-now[data-personal-sky] .td-hero .td-kicker{ color:#f1bed8; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero-copy{ position:relative; padding:11px 0 0; } #sky-now[data-personal-sky] .td-hero h3{ max-width:13ch; margin:9px 0 0; font-size:calc(31px * var(--scale)); line-height:1.03; letter-spacing:-.05em; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero .td-hero-explain{ max-width:36ch; margin:11px 0 0; color:#cbb7ca; font-size:calc(11px * var(--scale)); line-height:1.55; } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-hero-state{ margin-top:0; } #sky-now[data-personal-sky] .td-hero-time{ margin-top:11px; min-height:35px; padding-inline:12px; } #sky-now[data-personal-sky] .td-wave{ margin-top:16px; } #sky-now[data-personal-sky] .td-hero-actions{ margin-top:15px; padding-top:16px; border-top-color:#d5bad12e; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero-actions .td-text-action:first-child{ background:linear-gradient(135deg,#d890c83c,#966aaf20); border-color:#e4b1d574; color:#fff0f8; } #sky-now[data-personal-sky] .td-hero-actions .td-text-action:last-child{ color:#c7bed0; } #sky-now[data-personal-sky] .td-section-head{ margin:35px 2px 14px; } #sky-now[data-personal-sky] .td-section-head h3{ font-size:calc(18px * var(--scale)); } #sky-now[data-personal-sky] .td-story-list{ gap:12px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-story[data-source="MERCURY"]{ border-color:#9dbed14d; background:radial-gradient(circle at 0 0,#7fa6d034,transparent 55%),linear-gradient(130deg,#252d3a,#1a1b27); } #sky-now[data-personal-sky] .td-story[data-source="MOON"]{ border-color:#aac9e34b; background:radial-gradient(circle at 0 0,#9fc6e133,transparent 55%),linear-gradient(130deg,#273145,#191b29); } #sky-now[data-personal-sky] .td-story[data-source="SATURN"]{ border-color:#d4b97f4b; background:radial-gradient(circle at 0 0,#d0a66f2d,transparent 55%),linear-gradient(130deg,#302a2a,#1e1b24); } #sky-now[data-personal-sky] .td-story[data-source="MARS"]{ border-color:#e3a5924f; background:radial-gradient(circle at 0 0,#d9928d2d,transparent 55%),linear-gradient(130deg,#30232d,#1e1a22); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-story[data-source="MERCURY"] > .td-planet{ border-color:#9fc8ea64; background:#8ab8dd21; color:#c4e1fa; } #sky-now[data-personal-sky] .td-story[data-source="LOCKED"]{ border-color:#e7c28a62; background:radial-gradient(circle at 100% 0,#b9945439,transparent 60%),linear-gradient(130deg,#312836,#211c28); } #sky-now[data-personal-sky] .td-story[data-source="LOCKED"] > .td-planet{ border-color:#e6c8915c; background:#c6a26725; color:#f0d29e; } #sky-now[data-personal-sky] .td-story-copy{ min-width:0; } #sky-now[data-personal-sky] .td-story-top{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px; } #sky-now[data-personal-sky] .td-story strong{ color:#f5eaf3; font-size:calc(12px * var(--scale)); } #sky-now[data-personal-sky] .td-story em{ color:#dcb1d3; font-size:calc(8px * var(--scale)); white-space:nowrap; } #sky-now[data-personal-sky] .td-story-banter{ display:block; margin-top:7px; color:#d4c0d0; font-size:calc(10px * var(--scale)); line-height:1.3; } #sky-now[data-personal-sky] .td-story small{ margin-top:8px; color:#a99bac; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-theme-heading{ margin-top:37px; } #sky-now[data-personal-sky] .td-theme-row{ gap:11px; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-theme:nth-child(2){ border-color:#a8d4c54b; background:radial-gradient(circle at 100% 0,#8bceb32a,transparent 62%),linear-gradient(140deg,#243333,#1b2428); } #sky-now[data-personal-sky] .td-theme:nth-child(3){ border-color:#e0ba8746; background:radial-gradient(circle at 100% 0,#d9b2812b,transparent 62%),linear-gradient(140deg,#342b30,#252029); } #sky-now[data-personal-sky] .td-theme:nth-child(4){ border-color:#dfa9c953; background:radial-gradient(circle at 100% 0,#d18ebc33,transparent 62%),linear-gradient(140deg,#33253a,#251e2d); } #sky-now[data-personal-sky] .td-theme[data-state="quiet"]{ opacity:.7; background:#1b1a25; border-color:#ffffff20; } #sky-now[data-personal-sky] .td-theme-mark{ position:absolute; right:10px; top:5px; color:#ffffff17; font-size:54px; line-height:1; } #sky-now[data-personal-sky] .td-theme-name{ position:relative; display:block; max-width:12ch; color:#c9d7e8; font-size:calc(10px * var(--scale)); font-weight:680; } #sky-now[data-personal-sky] .td-theme:nth-child(2) .td-theme-name{ color:#b9ddce; } #sky-now[data-personal-sky] .td-theme:nth-child(3) .td-theme-name{ color:#e6d0ad; } #sky-now[data-personal-sky] .td-theme:nth-child(4) .td-theme-name{ color:#eac2dc; } #sky-now[data-personal-sky] .td-theme strong{ position:relative; margin-top:13px; font-size:calc(19px * var(--scale)); } #sky-now[data-personal-sky] .td-theme p{ position:relative; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-teaser::after{ content:"✦"; position:absolute; right:15px; top:-13px; color:#e9c18a24; font-size:122px; line-height:1; pointer-events:none; } #sky-now[data-personal-sky] .td-teaser strong{ position:relative; max-width:22ch; font-size:calc(18px * var(--scale)); } #sky-now[data-personal-sky] .td-teaser p{ position:relative; max-width:30ch; font-size:calc(11px * var(--scale)); } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-quiet h3{ position:relative; max-width:17ch; font-size:calc(28px * var(--scale)); } #sky-now[data-personal-sky] .td-quiet p{ position:relative; max-width:32ch; font-size:calc(11px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-weather-intro .td-kicker{ color:#a5cbe9; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-weather-intro p:not(.td-weather-banter){ position:relative; max-width:39ch; margin-top:9px; color:#b1b7c6; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-weather-current strong,#sky-now[data-personal-sky] .td-weather-current small{ display:block; } #sky-now[data-personal-sky] .td-weather-current strong{ color:#eff6ff; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-current small{ margin-top:3px; color:#b7c6d8; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-pulse{ width:9px; height:9px; border-radius:50%; background:#b7d9f4; box-shadow:0 0 0 6px #a8d7f21c,0 0 16px #b4d9f5; } #sky-now[data-personal-sky] .td-horizon{ margin:25px 0 17px; gap:8px; } #sky-now[data-personal-sky] .td-horizon button{ min-width:52px; min-height:44px; border-color:#aebbd33b; border-radius:13px; background:linear-gradient(135deg,#25293b,#1a1b2a); font-weight:700; } #sky-now[data-personal-sky] .td-horizon button[aria-pressed="true"]{ border-color:#bad4ee89; background:linear-gradient(135deg,#46627e,#2c3d5d); box-shadow:0 0 21px #8bbce338; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-weather-days{ margin-left:94px; gap:2px; font-size:inherit; } #sky-now[data-personal-sky] .td-weather-days > span{ min-width:0; display:grid; justify-items:center; gap:3px; padding-bottom:12px; border-bottom:1px solid #a9b8cb2a; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-weather-days small{ color:#8f9caf; font-size:calc(8px * var(--scale)); white-space:nowrap; } #sky-now[data-personal-sky] .td-weather-days [data-current="true"] strong{ color:#f1d6ed; } #sky-now[data-personal-sky] .td-weather-days [data-current="true"]{ border-bottom-color:#e6b5df9c; } #sky-now[data-personal-sky] .td-weather-lane{ margin-top:25px; } #sky-now[data-personal-sky] .td-weather-lane > h4{ margin:0 0 7px 5px; color:#9eb8d7; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-weather-band:hover{ background:#ffffff08; } #sky-now[data-personal-sky] .td-band-title{ grid-row:1 / 3; display:grid; align-content:center; grid-template-columns:20px minmax(0,1fr); gap:1px 3px; } #sky-now[data-personal-sky] .td-band-planet{ grid-row:1 / 3; color:#dcb3de; font-size:20px; } #sky-now[data-personal-sky] .td-band-title strong{ color:#f0e9f3; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-band-title small{ margin-top:2px; color:#9ca8bb; font-size:calc(8px * var(--scale)); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-band-line{ top:14px; height:10px; border-radius:999px; background:linear-gradient(90deg,#8e7bb484,#e0b1d8,#b58abea5); box-shadow:0 0 19px #d69dc15b; } #sky-now[data-personal-sky] .td-weather-band[data-source="MERCURY"] .td-band-line{ background:linear-gradient(90deg,#7b9fc478,#a9d3f3,#8ca6d6); box-shadow:0 0 19px #8fbfe457; } #sky-now[data-personal-sky] .td-weather-band[data-source="SATURN"] .td-band-line{ background:linear-gradient(90deg,#9b8c6a80,#dbbd8b,#ab9a74a6); box-shadow:0 0 14px #d3b87a42; } #sky-now[data-personal-sky] .td-weather-band[data-source="MOON"] .td-band-line{ background:linear-gradient(90deg,#94b5d4,#e0edfa); box-shadow:0 0 17px #a8d0ed6b; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-band-now{ top:0; bottom:0; width:2px; background:#f2e2f2; box-shadow:0 0 11px #e6c3e8; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-band-state span{ color:#d7afd8; } #sky-now[data-personal-sky] .td-weather-foot{ align-items:flex-start; margin:21px 0 7px; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-foot button{ min-height:40px; padding:9px 12px; border:1px solid #a8c3e363; border-radius:11px; background:#7798c528; color:#e1effd; } #sky-now[data-personal-sky] .td-sky-lead{ padding:7px 2px 6px; border:0; border-radius:0; background:none; } #sky-now[data-personal-sky] .td-sky-lead .td-kicker{ color:#a8cfe9; } #sky-now[data-personal-sky] .td-sky-lead h3{ max-width:20ch; margin:12px 0 9px; font-size:calc(27px * var(--scale)); letter-spacing:-.04em; line-height:1.08; } #sky-now[data-personal-sky] .td-sky-lead p{ max-width:44ch; color:#aab8c9; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-sky-orbit::before{ content:""; position:absolute; z-index:-1; inset:12px 20px 25px; border-radius:50%; background:#629dc020; filter:blur(32px); } #sky-now[data-personal-sky] .td-sky-orbit svg{ display:block; width:100%; height:247px; } #sky-now[data-personal-sky] .td-sky-orbit-ring{ fill:none; stroke:#bdcee454; stroke-width:1; } #sky-now[data-personal-sky] .td-sky-orbit-ring.outer{ stroke-dasharray:2 8; stroke:#aec8df38; } #sky-now[data-personal-sky] .td-sky-orbit-halo{ fill:#a2cbe729; stroke:#c1dcf079; stroke-width:1; } #sky-now[data-personal-sky] .td-sky-ray{ stroke:#b1d4ef81; stroke-width:1.3; } #sky-now[data-personal-sky] .td-sky-node circle{ fill:#304960; stroke:#bddcf1; stroke-width:1.4; filter:drop-shadow(0 0 6px #a7cdea80); } #sky-now[data-personal-sky] .td-sky-node[data-source="VENUS"] circle{ fill:#64415e; stroke:#f0b6d9; filter:drop-shadow(0 0 7px #ecafdb94); } #sky-now[data-personal-sky] .td-sky-node[data-source="SATURN"] circle{ fill:#5b4c3a; stroke:#ebc88c; filter:drop-shadow(0 0 7px #e8c68773); } #sky-now[data-personal-sky] .td-sky-node text{ fill:#f8edfa; font-size:23px; text-anchor:middle; } #sky-now[data-personal-sky] .td-sky-background-dot{ fill:#c5d3e188; } #sky-now[data-personal-sky] .td-sky-orbit-heart{ fill:#f5d6eb; font-family:Georgia,serif; font-size:38px; text-anchor:middle; } #sky-now[data-personal-sky] .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)); } #sky-now[data-personal-sky] .td-sky-orbit figcaption span:first-child{ color:#d8e8f8; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-sky-card-head{ grid-template-columns:44px minmax(0,1fr) auto; gap:13px; align-items:center; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-sky-card[data-source="VENUS"] .td-planet{ border-color:#efb7d675; background:#d28fb330; color:#f9cce4; } #sky-now[data-personal-sky] .td-sky-card-head strong{ font-size:calc(15px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-card-head small{ margin-top:4px; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-card-head em{ padding:5px 7px; border:1px solid #adcae15a; border-radius:999px; background:#8bb6d521; font-size:calc(8px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-meaning{ margin:18px 0 0; color:#ecedf8; font-size:calc(16px * var(--scale)); font-weight:560; line-height:1.25; } #sky-now[data-personal-sky] .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)); } #sky-now[data-personal-sky] .td-sky-card[data-source="VENUS"] .td-sky-targets{ border-left-color:#e1a9d3ad; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-sky-card-foot > span strong,#sky-now[data-personal-sky] .td-sky-card-foot > span small{ display:block; } #sky-now[data-personal-sky] .td-sky-card-foot > span strong{ color:#c9dced; font-size:calc(9px * var(--scale)); letter-spacing:.08em; } #sky-now[data-personal-sky] .td-sky-card-foot > span small{ margin-top:4px; color:#a9b9c9; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-card .td-text-action{ min-height:42px; border-color:#a8cbe975; background:#8aafd32b; color:#eef5ff; } #sky-now[data-personal-sky] .td-sky-elsewhere{ margin-top:28px; padding:5px 0; border-top:1px solid #b5c8da35; border-bottom:1px solid #b5c8da35; } #sky-now[data-personal-sky] .td-sky-elsewhere summary{ display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:60px; padding:10px 3px; list-style:none; } #sky-now[data-personal-sky] .td-sky-elsewhere summary::-webkit-details-marker{ display:none; } #sky-now[data-personal-sky] .td-sky-elsewhere summary > span:first-child{ color:#e1eaf3; font-weight:650; } #sky-now[data-personal-sky] .td-sky-elsewhere summary small{ display:block; margin-top:4px; color:#9bafc2; font-size:calc(9px * var(--scale)); font-weight:400; } #sky-now[data-personal-sky] .td-elsewhere-preview{ color:#b5cde1; font-size:19px; letter-spacing:3px; white-space:nowrap; } #sky-now[data-personal-sky] .td-sky-elsewhere-grid{ padding-bottom:15px; gap:8px; } #sky-now[data-personal-sky] .td-sky-elsewhere-grid span{ border-color:#9fb6d03b; background:#86a8c01a; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-picker .td-kicker{ color:#e4c39d; } #sky-now[data-personal-sky] .td-picker h3{ position:relative; margin:12px 0 8px; font-size:calc(26px * var(--scale)); letter-spacing:-.045em; } #sky-now[data-personal-sky] .td-picker p{ position:relative; color:#baa9c2; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-date-strip{ gap:5px; margin:23px 0 21px; } #sky-now[data-personal-sky] .td-date-strip button{ min-height:55px; border-color:#d8bfe346; border-radius:12px; background:#4c385727; } #sky-now[data-personal-sky] .td-date-strip button[data-event="true"]{ border-color:#d9b8e273; } #sky-now[data-personal-sky] .td-date-strip button[data-today="true"]{ box-shadow:inset 0 -2px #e4c693a3; } #sky-now[data-personal-sky] .td-date-strip button[aria-current="date"],#sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-picker-controls{ align-items:center; margin:3px 0 15px; } #sky-now[data-personal-sky] .td-picker-controls strong{ color:#f2e4f2; font-size:calc(15px * var(--scale)); font-weight:560; text-transform:capitalize; } #sky-now[data-personal-sky] .td-picker-controls button{ min-width:42px; min-height:42px; border-color:#d6bfe256; background:#7e5e9a29; font-size:22px; } #sky-now[data-personal-sky] .td-calendar{ gap:5px; margin:10px 0 18px; } #sky-now[data-personal-sky] .td-calendar > span{ padding-bottom:5px; color:#bcacc6; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .td-calendar button{ position:relative; min-height:39px; border-color:#ceb8db2c; border-radius:10px; background:#372b403a; font-size:calc(11px * var(--scale)); } #sky-now[data-personal-sky] .td-calendar button[data-today="true"]{ border-bottom-color:#e8c98d; border-bottom-width:2px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-calendar button:disabled{ opacity:.27; } #sky-now[data-personal-sky] .td-day-summary{ padding:19px; margin-top:20px; border-color:#b8a4cd52; border-radius:19px; background:linear-gradient(130deg,#2a2034,#1b1825); } #sky-now[data-personal-sky] .td-return-today{ min-height:44px; margin:17px 0 24px; border-color:#a9c3e56b; background:#819fc637; color:#e3effe; } @media (max-width:359px){#sky-now[data-personal-sky] .content{ padding-inline:12px; } #sky-now[data-personal-sky] .td-context{ gap:7px; } #sky-now[data-personal-sky] .td-date-cta{ max-width:115px; padding-inline:8px; } #sky-now[data-personal-sky] .td-hero{ padding-inline:18px; } #sky-now[data-personal-sky] .td-hero h3{ font-size:calc(28px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-stage{ padding-inline:6px; } #sky-now[data-personal-sky] .td-weather-days{ margin-left:78px; } #sky-now[data-personal-sky] .td-weather-band{ grid-template-columns:72px minmax(0,1fr); gap:0 6px; } #sky-now[data-personal-sky] .td-weather-days strong{ font-size:calc(7px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-days small{ font-size:calc(7px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-orbit{ padding-inline:5px; } #sky-now[data-personal-sky] .td-sky-orbit figcaption{ font-size:calc(8px * var(--scale)); } #sky-now[data-personal-sky] .td-picker{ padding-inline:14px; } #sky-now[data-personal-sky] .td-date-strip{ gap:3px; } } @media (prefers-reduced-motion:reduce){#sky-now[data-personal-sky] :is(button,.td-sky-orbit *),.td-modal :is(button,a){ transition:none!important; animation:none!important; } } #sky-now[data-personal-sky] .td-context{ margin-top:19px; margin-bottom:18px; } #sky-now[data-personal-sky] .td-lenses{ margin-bottom:23px; } #sky-now[data-personal-sky] .td-hero h3{ max-width:17ch; font-size:calc(29px * var(--scale)); } #sky-now[data-personal-sky] .td-hero .td-banter{ margin-top:13px; } #sky-now[data-personal-sky] .td-hero-lifecycle{ margin-top:18px; padding-top:12px; } #sky-now[data-personal-sky] .td-hero-state{ display:inline-flex; } #sky-now[data-personal-sky] .td-hero-time{ margin:0 0 0 12px; vertical-align:middle; } #sky-now[data-personal-sky] .td-weather-intro{ min-height:0; padding-top:21px; padding-bottom:19px; } #sky-now[data-personal-sky] .td-weather-intro h3{ max-width:21ch; margin-top:10px; font-size:calc(24px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-intro .td-weather-banter{ margin-top:11px; } #sky-now[data-personal-sky] .td-weather-intro .td-weather-current{ margin-top:13px; padding:8px 12px; } #sky-now[data-personal-sky] .td-horizon{ margin-top:19px; } #sky-now[data-personal-sky] .td-sky-lead h3{ max-width:24ch; font-size:calc(24px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-orbit{ margin-top:16px; margin-bottom:24px; } #sky-now[data-personal-sky] .td-sky-orbit svg{ height:208px; } #sky-now[data-personal-sky] .td-wave-note{ color:#b2a2b7!important; font-size:calc(10px * var(--scale))!important; line-height:1.5; } @media (max-width:359px){#sky-now[data-personal-sky] .td-hero-time{ margin-left:7px; } } #sky-now[data-personal-sky] .td-weather-days strong{ font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .td-band-state{ font-size:calc(9px * var(--scale)); } @media (max-width:359px){#sky-now[data-personal-sky] .td-weather-days strong{ font-size:calc(7px * var(--scale)); } } #sky-now[data-personal-sky] .content{ padding-bottom:96px; } #sky-now[data-personal-sky] .td-context{ margin-top:24px; margin-bottom:20px; } #sky-now[data-personal-sky] .td-context p{ color:#aa9cac; } #sky-now[data-personal-sky] .td-date-cta{ border-color:#d9bd8b58; background:linear-gradient(135deg,#392c31,#241c29); color:#f1e2d2; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-lenses button[aria-selected="true"]{ border-color:#d7c1e42b; box-shadow:inset 0 1px #ffffff08; } #sky-now[data-personal-sky] .td-lenses button[data-td-lens="weather"][aria-selected="true"]{ background:radial-gradient(circle at 20% 0,#b890d92a,transparent 68%),#ffffff08; } #sky-now[data-personal-sky] .td-lenses button[data-td-lens="sky"][aria-selected="true"]{ background:radial-gradient(circle at 20% 0,#8c9bc32b,transparent 68%),#ffffff08; } #sky-now[data-personal-sky] .td-surface-heading{ display:flex; align-items:center; gap:10px; margin:0 2px 3px; padding:0; border:0; } #sky-now[data-personal-sky] .td-surface-heading > span{ color:#b9a3c7; } #sky-now[data-personal-sky] .td-surface-heading > span svg{ width:27px; height:27px; } #sky-now[data-personal-sky] .td-surface-heading h3{ margin:0; color:#e8dfef; font-size:calc(23px * var(--scale)); font-weight:550; letter-spacing:-.035em; line-height:1.25; } #sky-now[data-personal-sky] .td-surface-deck{ margin:0 2px 24px; color:#9e91a7; font-size:calc(10px * var(--scale)); line-height:1.45; } #sky-now[data-personal-sky] .td-continuation button:focus-visible,#sky-now[data-personal-sky] .td-education-link:focus-visible{ outline:2px solid #e7c6eb; outline-offset:3px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-weather-intro::before{ border-color:#c6a7da23; box-shadow:0 0 0 18px #c7a8dc08,0 0 0 38px #c7a8dc05; } #sky-now[data-personal-sky] .td-weather-intro .td-kicker{ color:#c4a5dc; } #sky-now[data-personal-sky] .td-weather-intro h3{ color:#f1e8f4; } #sky-now[data-personal-sky] .td-weather-intro .td-weather-banter{ color:#d5b9dd; } #sky-now[data-personal-sky] .td-weather-intro p:not(.td-weather-banter){ color:#b4a8ba; } #sky-now[data-personal-sky] .td-weather-current{ border-color:#c4abd243; background:#ad8cbd13; } #sky-now[data-personal-sky] .td-weather-current small{ color:#b8aabd; } #sky-now[data-personal-sky] .td-weather-pulse{ background:#d5b5e8; box-shadow:0 0 0 6px #bf98d424,0 0 15px #cba2dd; } #sky-now[data-personal-sky] .td-horizon{ margin-top:26px; } #sky-now[data-personal-sky] .td-horizon button{ border-color:#bfacc63d; background:#211a29; } #sky-now[data-personal-sky] .td-horizon button[aria-pressed="true"]{ border-color:#c9aade86; background:linear-gradient(135deg,#5e446d,#392d4d); box-shadow:0 0 18px #b183cd29; } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-weather-days > span{ border-bottom-color:#bcabc02d; } #sky-now[data-personal-sky] .td-weather-days strong{ color:#c7bbcd; } #sky-now[data-personal-sky] .td-weather-days small{ color:#97899d; } #sky-now[data-personal-sky] .td-weather-lane{ margin-top:29px; } #sky-now[data-personal-sky] .td-weather-lane + .td-weather-lane{ padding-top:8px; border-top:1px solid #ffffff12; } #sky-now[data-personal-sky] .td-weather-lane > h4{ color:#bda9ce; } #sky-now[data-personal-sky] .td-weather-band{ min-height:96px; border-bottom-color:#bba6bc1d; } #sky-now[data-personal-sky] .td-band-title small{ color:#a799ac; } #sky-now[data-personal-sky] .td-band-track{ background:repeating-linear-gradient(90deg,#ffffff09 0,#ffffff09 1px,transparent 1px,transparent calc(100% / 7)),linear-gradient(180deg,#ffffff02,#00000013); } #sky-now[data-personal-sky] .td-band-state{ color:#c3b6ce; } #sky-now[data-personal-sky] .td-weather-foot button{ border-color:#bca8cc64; background:#866ba227; color:#e9dff0; } #sky-now[data-personal-sky] .td-sky-lead .td-kicker{ color:#b6b5e6; } #sky-now[data-personal-sky] .td-sky-lead p{ color:#aea3b7; } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-sky-orbit::before{ background:#808bce1b; } #sky-now[data-personal-sky] .td-sky-orbit-halo{ fill:#929ed027; stroke:#b9c4ed74; } #sky-now[data-personal-sky] .td-sky-node circle{ fill:#3c385a; stroke:#c1c5ef; } #sky-now[data-personal-sky] .td-sky-orbit figcaption{ color:#aba7c1; } #sky-now[data-personal-sky] .td-sky-card{ border-color:#aaa5d13d; background:radial-gradient(circle at 100% 0,#7d85bb2b,transparent 58%),linear-gradient(145deg,#262032,#191621 85%); } #sky-now[data-personal-sky] .td-sky-card[data-source="VENUS"]{ background:radial-gradient(circle at 100% 0,#b97aa53b,transparent 58%),linear-gradient(145deg,#302438,#1c1825 85%); } #sky-now[data-personal-sky] .td-sky-card[data-source="SATURN"]{ background:radial-gradient(circle at 100% 0,#b89a6732,transparent 58%),linear-gradient(145deg,#302932,#1d1924 85%); } #sky-now[data-personal-sky] .td-sky-card .td-planet{ border-color:#b7b9e272; background:#969cc627; color:#e0e1fa; } #sky-now[data-personal-sky] .td-sky-card-head em{ border-color:#b7b8e05a; background:#9e9fc91d; } #sky-now[data-personal-sky] .td-sky-targets{ color:#cbbfd3; } #sky-now[data-personal-sky] .td-sky-card-foot{ border-top-color:#d7c3dd20; } #sky-now[data-personal-sky] .td-sky-card-foot > span strong{ color:#d0cce9; } #sky-now[data-personal-sky] .td-sky-card .td-text-action{ border-color:#b9b4df65; background:#9894c323; color:#f0eefa; } #sky-now[data-personal-sky] .td-sky-elsewhere{ border-color:#c5b6d02c; } #sky-now[data-personal-sky] .td-sky-elsewhere-grid span{ border-color:#ada4c63b; background:#9788b01a; } #sky-now[data-personal-sky] .td-theme{ border-color:#baa5c43d; background:radial-gradient(circle at 100% 0,#9184c226,transparent 60%),linear-gradient(140deg,#251d2c,#1b1724); } #sky-now[data-personal-sky] .td-theme:nth-child(2){ background:radial-gradient(circle at 100% 0,#8fc3ab20,transparent 60%),linear-gradient(140deg,#211f28,#191821); } #sky-now[data-personal-sky] .td-theme:nth-child(3){ background:radial-gradient(circle at 100% 0,#d9b28120,transparent 60%),linear-gradient(140deg,#282127,#1a1721); } #sky-now[data-personal-sky] .td-theme:nth-child(4){ background:radial-gradient(circle at 100% 0,#d18ebc24,transparent 60%),linear-gradient(140deg,#29202e,#1b1724); } #sky-now[data-personal-sky] .td-theme-name{ color:#d0c0df; } #sky-now[data-personal-sky] .td-quiet{ border-color:#ab9ec846; background:radial-gradient(circle at 87% 15%,#9e8cbd32,transparent 45%),linear-gradient(145deg,#252033,#17131f 75%); } #sky-now[data-personal-sky] .td-quiet::before{ border-color:#c9b6e342; box-shadow:0 0 0 22px #bea9d50d,0 0 0 46px #bea9d507; } #sky-now[data-personal-sky] .td-teaser{ border-color:#e4c08d55; background:radial-gradient(ellipse at 100% 0,#d3aa6f3e,transparent 60%),linear-gradient(130deg,#34283a,#1d1724); } #sky-now[data-personal-sky] .td-education-link{ display:flex; min-height:65px; margin:18px 0 0; font-size:calc(13px * var(--scale)); cursor:pointer; } #sky-now[data-personal-sky] .td-education-link:hover{ color:#fff2ff; border-color:#c6a7d06b; } #sky-now[data-personal-sky] .td-continuation{ margin:30px 0 4px; } #sky-now[data-personal-sky] .td-continuation button{ cursor:pointer; } #sky-now[data-personal-sky] .td-continuation button:hover{ border-color:#cbb8d54e; background:radial-gradient(circle at 9% 0%,#ba91d22a,transparent 48%),linear-gradient(145deg,#211829c9,#100d17e0); } @media (max-width:359px){#sky-now[data-personal-sky] .td-surface-heading h3{ font-size:calc(21px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-intro{ padding-inline:18px; } #sky-now[data-personal-sky] .td-continuation{ margin-bottom:8px; } } #sky-now[data-personal-sky] .demo{ background:#17121e; } #sky-now[data-personal-sky] .td-lenses button[aria-selected="true"], #sky-now[data-personal-sky] .td-lenses button[data-td-lens="day"][aria-selected="true"], #sky-now[data-personal-sky] .td-lenses button[data-td-lens="weather"][aria-selected="true"], #sky-now[data-personal-sky] .td-lenses button[data-td-lens="sky"][aria-selected="true"]{ background:radial-gradient(circle at 50% 0,#c9a2d01c,transparent 70%),#251d2d; border-color:#d6bfd537; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero::after{ background:#d18bb421; } #sky-now[data-personal-sky] .td-hero-lifecycle{ background:linear-gradient(180deg,#ffffff04,transparent 85%); } #sky-now[data-personal-sky] .td-story, #sky-now[data-personal-sky] .td-story[data-source="MERCURY"], #sky-now[data-personal-sky] .td-story[data-source="MOON"], #sky-now[data-personal-sky] .td-story[data-source="SATURN"], #sky-now[data-personal-sky] .td-story[data-source="MARS"]{ background:radial-gradient(circle at 0 0,#bb91c117,transparent 54%),linear-gradient(140deg,#211a29,#15111c); border-color:#c9b3d038; } #sky-now[data-personal-sky] .td-story[data-source="MERCURY"], #sky-now[data-personal-sky] .td-story[data-source="MOON"]{ border-left:2px solid #a9bed457; } #sky-now[data-personal-sky] .td-story[data-source="SATURN"]{ border-left:2px solid #d3b98a57; } #sky-now[data-personal-sky] .td-story[data-source="MARS"]{ border-left:2px solid #dda5a057; } #sky-now[data-personal-sky] .td-story[data-source="LOCKED"]{ background:radial-gradient(circle at 100% 0,#cba46b24,transparent 55%),linear-gradient(140deg,#251e2b,#17121e); } #sky-now[data-personal-sky] .td-theme, #sky-now[data-personal-sky] .td-theme:nth-child(2), #sky-now[data-personal-sky] .td-theme:nth-child(3), #sky-now[data-personal-sky] .td-theme:nth-child(4){ background:radial-gradient(circle at 100% 0,#ae91c019,transparent 60%),linear-gradient(140deg,#211a29,#16121d); border-color:#bba7c233; } #sky-now[data-personal-sky] .td-theme:nth-child(2){ border-top-color:#9ecab054; } #sky-now[data-personal-sky] .td-theme:nth-child(3){ border-top-color:#d7b48054; } #sky-now[data-personal-sky] .td-theme:nth-child(4){ border-top-color:#d596bc54; } #sky-now[data-personal-sky] .td-undercurrent{ background:linear-gradient(130deg,#2b2528,#17131d); } #sky-now[data-personal-sky] .td-teaser{ background:radial-gradient(ellipse at 100% 0,#cda66f25,transparent 58%),linear-gradient(145deg,#281f2d,#17121e); border-color:#ddbd8852; } #sky-now[data-personal-sky] .td-quiet{ background:radial-gradient(circle at 87% 15%,#b2a2d424,transparent 45%),linear-gradient(145deg,#211b2b,#15111c 75%); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-weather-intro::before{ border-color:#c6a7da1b; box-shadow:0 0 0 18px #c7a8dc06,0 0 0 38px #c7a8dc04; } #sky-now[data-personal-sky] .td-weather-current{ background:#ae8cbd0e; } #sky-now[data-personal-sky] .td-horizon button{ background:#1b1622; } #sky-now[data-personal-sky] .td-horizon button[aria-pressed="true"]{ border-color:#c5acd77a; background:linear-gradient(135deg,#42304f,#241d30); box-shadow:0 0 14px #a582be1d; } #sky-now[data-personal-sky] .td-weather-stage{ background:radial-gradient(ellipse at 50% 0,#a77fbc10,transparent 62%),linear-gradient(165deg,#1b1623,#120f19 82%); border-color:#c0aabc2d; } #sky-now[data-personal-sky] .td-weather-foot button{ background:#ad8cbd16; border-color:#bca8cc4d; color:#e9dff0; } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-sky-orbit::before{ background:#808bce13; } #sky-now[data-personal-sky] .td-sky-card, #sky-now[data-personal-sky] .td-sky-card[data-source="VENUS"], #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-sky-card[data-source="VENUS"]{ border-top-color:#ddaed265; } #sky-now[data-personal-sky] .td-sky-card[data-source="SATURN"]{ border-top-color:#dbbb8465; } #sky-now[data-personal-sky] .td-sky-card .td-text-action{ background:#aaa1cf17; } #sky-now[data-personal-sky] .td-sky-elsewhere-grid span{ background:#9285b215; } #sky-now[data-personal-sky] .td-picker{ background:radial-gradient(ellipse at 100% 0,#a786d328,transparent 55%),linear-gradient(150deg,#211a29,#15111c 82%); } #sky-now[data-personal-sky] .td-date-strip button{ background:#2a203431; } #sky-now[data-personal-sky] .td-calendar button{ background:#251e2c99; } #sky-now[data-personal-sky] .td-continuation{ margin-top:30px; } #sky-now[data-personal-sky] .td-education-link{ margin-top:18px; } #sky-now[data-personal-sky] .td-surface-heading{ margin-top:15px; } #sky-now[data-personal-sky] .td-surface-deck{ margin-bottom:23px; } #sky-now[data-personal-sky] .td-hero{ min-height:0; } #sky-now[data-personal-sky] .td-activation-section{ margin-top:39px; } #sky-now[data-personal-sky] .td-activation-section .td-section-head{ margin-bottom:16px; } #sky-now[data-personal-sky] .td-activation-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-activation::after{ content:""; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,var(--accent),transparent 75%); opacity:.65; } #sky-now[data-personal-sky] .td-activation:hover{ transform:translateY(-2px); border-color:var(--accent); box-shadow:0 13px 25px #0004; } #sky-now[data-personal-sky] .td-activation-head{ display:flex; align-items:center; gap:9px; min-width:0; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-activation-head > span{ min-width:0; } #sky-now[data-personal-sky] .td-activation-head strong{ display:block; font-size:calc(12px * var(--scale)); line-height:1.15; } #sky-now[data-personal-sky] .td-activation-head small{ display:block; margin-top:4px; color:#9e90a5; font-size:calc(7px * var(--scale)); letter-spacing:.05em; } #sky-now[data-personal-sky] .td-activation-state{ display:block; margin-top:18px; color:var(--accent); font-size:calc(10px * var(--scale)); font-weight:750; letter-spacing:.04em; } #sky-now[data-personal-sky] .td-activation-copy{ display:block; margin-top:8px; color:#c4b5c7; font-size:calc(9px * var(--scale)); line-height:1.35; } #sky-now[data-personal-sky] .td-activation-link{ display:block; margin-top:auto; padding-top:11px; color:#f0dcec; font-size:calc(9px * var(--scale)); font-weight:650; } #sky-now[data-personal-sky] .td-activation-link i{ font-style:normal; color:var(--accent); } #sky-now[data-personal-sky] .td-activation-note{ margin:13px 3px 0; color:#a99aad; font-size:calc(9px * var(--scale)); line-height:1.5; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-secondary-section{ margin-top:37px; } #sky-now[data-personal-sky] .td-section-deck{ margin:0 2px 17px; color:#ae9fb3; font-size:calc(10px * var(--scale)); line-height:1.48; } #sky-now[data-personal-sky] .td-weather-preview{ margin-top:42px; } #sky-now[data-personal-sky] .td-weather-preview .td-section-head{ margin-bottom:8px; } #sky-now[data-personal-sky] .td-weather-preview .td-weather-stage{ padding:19px 10px 11px; } #sky-now[data-personal-sky] .td-weather-preview .td-weather-days{ margin-bottom:6px; } #sky-now[data-personal-sky] .td-weather-preview-bands{ padding:4px 0 3px; } #sky-now[data-personal-sky] .td-weather-preview .td-weather-band{ min-height:70px; } #sky-now[data-personal-sky] .td-weather-preview .td-band-state{ grid-column:2; margin-top:-7px; padding-left:2px; } #sky-now[data-personal-sky] .td-weather-empty{ margin:17px 7px 8px; color:#baaac1; font-size:calc(10px * var(--scale)); line-height:1.5; } #sky-now[data-personal-sky] .td-preview-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:13px 2px 0; } #sky-now[data-personal-sky] .td-preview-foot span{ color:#a89aae; font-size:calc(9px * var(--scale)); line-height:1.4; } #sky-now[data-personal-sky] .td-preview-foot button,#sky-now[data-personal-sky] .td-inline-drill,#sky-now[data-personal-sky] .td-return-inline,#sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-preview-foot button:hover,#sky-now[data-personal-sky] .td-inline-drill:hover,#sky-now[data-personal-sky] .td-return-inline:hover,#sky-now[data-personal-sky] .td-drill-back:hover{ transform:translateY(-2px); border-color:#e3c5e7a0; background:#b08cc42a; } #sky-now[data-personal-sky] .td-return-inline{ display:block; margin:-8px 0 20px; border-color:#c9afd446; background:#a884c218; color:#eedff2; } #sky-now[data-personal-sky] .td-drill-back{ margin:0 0 22px; } #sky-now[data-personal-sky] .td-drill-bottom{ margin:28px 0 11px; } #sky-now[data-personal-sky] .td-sky-preview{ margin-top:42px; } #sky-now[data-personal-sky] .td-sky-preview .td-section-head{ margin-bottom:9px; } #sky-now[data-personal-sky] .td-sky-mini-list{ display:grid; gap:9px; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-sky-mini[data-source="VENUS"]{ border-color:#d8a6c456; background:radial-gradient(circle at 100% 0,#cd8fa92b,transparent 55%),linear-gradient(135deg,#241c2b,#15111c); } #sky-now[data-personal-sky] .td-sky-mini[data-source="SATURN"]{ border-color:#d9bd8b55; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-sky-mini[data-source="VENUS"] .td-sky-mini-icon{ color:#f0bad2; border-color:#e1a4c675; background:#d487a52a; } #sky-now[data-personal-sky] .td-sky-mini-copy{ min-width:0; } #sky-now[data-personal-sky] .td-sky-mini-copy strong{ display:block; color:#f1eaf4; font-size:calc(12px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-mini-copy small{ display:block; margin-top:3px; color:#b5a8c3; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-sky-mini button{ width:36px; height:36px; border:1px solid #bbb1df66; border-radius:11px; background:#a89fd326; color:#e6e2fa; font-size:15px; cursor:pointer; } #sky-now[data-personal-sky] .td-sky-mini button:hover{ border-color:#d9d2f6; background:#9d90d34d; } #sky-now[data-personal-sky] .td-sky-uncertain{ color:#cbb7d4; font-size:calc(8px * var(--scale)); text-align:center; } #sky-now[data-personal-sky] .td-sky-mini-empty{ color:#b6a8bd; font-size:calc(10px * var(--scale)); line-height:1.5; } #sky-now[data-personal-sky] .td-inline-drill{ margin-top:12px; } @media (max-width:359px){#sky-now[data-personal-sky] .td-activation{ min-height:165px; padding:11px; } #sky-now[data-personal-sky] .td-activation-head{ gap:6px; } #sky-now[data-personal-sky] .td-activation-head > svg{ flex-basis:26px; width:26px; height:26px; } #sky-now[data-personal-sky] .td-activation-head strong{ font-size:calc(11px * var(--scale)); } #sky-now[data-personal-sky] .td-preview-foot{ align-items:flex-start; flex-direction:column; } } #sky-now[data-personal-sky] .td-product-eyebrow{ display:block; margin:29px 2px 8px; color:#bda6d0; font-size:calc(9px * var(--scale)); font-weight:750; letter-spacing:.16em; } #sky-now[data-personal-sky] .td-surface-heading{ margin:0 2px 5px; } #sky-now[data-personal-sky] .td-surface-heading h3{ font-size:calc(25px * var(--scale)); font-weight:590; } #sky-now[data-personal-sky] .td-surface-deck{ margin:0 2px 0; max-width:34ch; color:#b5a7bc; font-size:calc(11px * var(--scale)); line-height:1.55; } #sky-now[data-personal-sky] .td-context{ margin:18px 1px 26px; padding-top:15px; border-top:1px solid #c9b9d01d; align-items:center; } #sky-now[data-personal-sky] .td-context small{ color:#a999b5; font-size:calc(8px * var(--scale)); } #sky-now[data-personal-sky] .td-context h2{ margin:5px 0 0; font-size:calc(16px * var(--scale)); font-weight:580; line-height:1.25; } #sky-now[data-personal-sky] .td-context p{ margin-top:3px; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-date-cta:hover{ border-color:#efcf9a9c; background:#3a2c35; } #sky-now[data-personal-sky] .td-context-selected{ border-left:2px solid #e8c484; padding-left:11px; } #sky-now[data-personal-sky] .td-context-selected + .td-return-inline{ margin-top:-11px; } #sky-now[data-personal-sky] .sr-hero.td-hero, #sky-now[data-personal-sky] .sr-hero.td-quiet{ border-radius:27px; box-shadow:inset 0 1px #ffffff0b,0 18px 42px #05020928; } #sky-now[data-personal-sky] .sr-hero.td-hero{ padding:25px 22px 19px; } #sky-now[data-personal-sky] .td-hero .td-kicker{ color:#dcb6d4; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .td-hero .td-source-orb{ width:50px; height:50px; flex-basis:50px; } #sky-now[data-personal-sky] .td-hero h3{ max-width:16ch; margin:27px 0 0; font-size:calc(31px * var(--scale)); font-weight:590; line-height:1.09; } #sky-now[data-personal-sky] .td-hero .td-banter{ margin-top:16px; font-size:calc(15px * var(--scale)); } #sky-now[data-personal-sky] .td-hero .td-hero-explain{ margin-top:14px; font-size:calc(11px * var(--scale)); line-height:1.62; } #sky-now[data-personal-sky] .td-hero-lifecycle{ margin-top:25px; padding:18px 0 6px; border-top-color:#d9b9d229; background:none; border-radius:0; } #sky-now[data-personal-sky] .td-hero .td-wave{ margin-top:20px; } #sky-now[data-personal-sky] .td-hero-actions{ margin-top:19px; padding-top:17px; } #sky-now[data-personal-sky] .td-hero-actions .td-text-action{ min-height:44px; } #sky-now[data-personal-sky] .td-activation-section{ margin-top:45px; } #sky-now[data-personal-sky] .td-activation-grid{ gap:10px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-activation-head, #sky-now[data-personal-sky] .td-activation-state, #sky-now[data-personal-sky] .td-activation-copy, #sky-now[data-personal-sky] .td-activation-link{ position:relative; } #sky-now[data-personal-sky] .td-activation-head{ gap:10px; align-items:flex-start; } #sky-now[data-personal-sky] .td-activation-head > svg{ flex-basis:36px; width:36px; height:36px; border-radius:50%; padding:6px; } #sky-now[data-personal-sky] .td-activation-head strong{ font-size:calc(13px * var(--scale)); line-height:1.23; } #sky-now[data-personal-sky] .td-activation-head small{ margin-top:5px; font-size:calc(8px * var(--scale)); line-height:1.3; } #sky-now[data-personal-sky] .td-activation-state{ margin-top:22px; font-size:calc(11px * var(--scale)); } #sky-now[data-personal-sky] .td-activation-copy{ margin-top:10px; font-size:calc(10px * var(--scale)); line-height:1.45; } #sky-now[data-personal-sky] .td-activation-link{ min-height:35px; display:flex; align-items:end; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-activation-note{ margin-top:15px; font-size:calc(10px * var(--scale)); line-height:1.55; } #sky-now[data-personal-sky] .td-secondary-section, #sky-now[data-personal-sky] .td-weather-preview, #sky-now[data-personal-sky] .td-sky-preview{ margin-top:47px; } #sky-now[data-personal-sky] .td-section-head h3{ font-size:calc(18px * var(--scale)); font-weight:600; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-story .td-planet{ width:42px; height:42px; font-size:25px; } #sky-now[data-personal-sky] .td-story-banter{ font-size:calc(11px * var(--scale)); line-height:1.45; } #sky-now[data-personal-sky] .td-story small{ font-size:calc(9px * var(--scale)); line-height:1.45; } #sky-now[data-personal-sky] .td-story-chevron{ width:36px; height:36px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-undercurrent strong{ font-size:calc(12px * var(--scale)); } #sky-now[data-personal-sky] .td-undercurrent p{ font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-weather-preview .td-weather-band{ min-height:78px; } #sky-now[data-personal-sky] .td-weather-days{ color:#b6a8c1; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-days strong{ font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-days small{ font-size:calc(8px * var(--scale)); } #sky-now[data-personal-sky] .td-band-title strong{ font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-band-title small{ font-size:calc(8px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-band .td-band-state{ font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-sky-mini-icon{ width:41px; height:41px; } #sky-now[data-personal-sky] .td-sky-mini-copy strong{ font-size:calc(13px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-mini-copy small{ font-size:calc(10px * var(--scale)); line-height:1.4; } #sky-now[data-personal-sky] .td-sky-mini-copy em{ white-space:normal; text-overflow:clip; font-size:calc(9px * var(--scale)); line-height:1.4; } #sky-now[data-personal-sky] .td-sky-mini button{ width:44px; height:44px; border-radius:12px; } #sky-now[data-personal-sky] .td-teaser{ margin-top:30px; padding:21px; border-radius:21px; box-shadow:inset 0 1px #ffffff0b,0 14px 34px #05020924; } #sky-now[data-personal-sky] .td-teaser strong{ font-size:calc(17px * var(--scale)); } #sky-now[data-personal-sky] .td-continuation{ margin-top:38px; } #sky-now[data-personal-sky] .td-education-link{ margin-top:20px; } @media (max-width:359px){#sky-now[data-personal-sky] .td-context{ gap:7px; } #sky-now[data-personal-sky] .td-context h2{ font-size:calc(15px * var(--scale)); } #sky-now[data-personal-sky] .td-date-cta{ max-width:112px; } #sky-now[data-personal-sky] .td-hero{ padding-inline:18px; } #sky-now[data-personal-sky] .td-hero h3{ font-size:calc(27px * var(--scale)); } #sky-now[data-personal-sky] .td-activation-grid{ grid-template-columns:1fr; } #sky-now[data-personal-sky] .sr-card.td-activation{ min-height:145px; } #sky-now[data-personal-sky] .td-activation-state{ margin-top:14px; } #sky-now[data-personal-sky] .td-weather-days{ font-size:calc(7px * var(--scale)); } #sky-now[data-personal-sky] .td-weather-days strong{ font-size:calc(7px * var(--scale)); } #sky-now[data-personal-sky] .td-sky-mini{ gap:8px; padding-inline:10px; } } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-context-top, #sky-now[data-personal-sky] .td-context-main{ display:flex; justify-content:space-between; align-items:center; gap:13px; } #sky-now[data-personal-sky] .td-context-top{ min-height:28px; margin-bottom:5px; } #sky-now[data-personal-sky] .td-context-top small{ color:#c3a9d2; font-size:calc(9px * var(--scale)); letter-spacing:.16em; } #sky-now[data-personal-sky] .td-context-main{ align-items:flex-end; } #sky-now[data-personal-sky] .td-context-main > div{ min-width:0; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-clock-seconds{ color:#dcb8e7; } #sky-now[data-personal-sky] .td-context p{ margin:4px 0 0; color:#a99eaf; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .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)); } #sky-now[data-personal-sky] .td-context-selected{ padding-left:11px; border-left:2px solid #b8a3d0; border-top:0; background:radial-gradient(ellipse at 0 0,#9275b121,transparent 62%); } #sky-now[data-personal-sky] .td-context-selected h2{ color:#f1e8f3; font-size:calc(19px * var(--scale)); line-height:1.15; } #sky-now[data-personal-sky] .td-context-selected + .td-return-inline{ margin:0 0 17px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source="MERCURY"]{ --source-accent:#a7c9ef; } #sky-now[data-personal-sky] .td-hero[data-source="MARS"]{ --source-accent:#edaa95; } #sky-now[data-personal-sky] .td-hero[data-source="MOON"]{ --source-accent:#c2b7ea; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero-copy{ padding:0; } #sky-now[data-personal-sky] .td-hero h3{ max-width:16ch; margin:14px 0 0; color:#f9f0f7; font-size:calc(32px * var(--scale)); line-height:1.05; } #sky-now[data-personal-sky] .td-hero .td-banter{ margin-top:14px; color:var(--source-accent); } #sky-now[data-personal-sky] .td-hero .td-hero-explain{ margin-top:10px; max-width:35ch; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero .td-wave{ margin:14px 0 0; } #sky-now[data-personal-sky] .td-hero .td-wave svg{ height:73px; } #sky-now[data-personal-sky] .td-hero .td-wave .td-line{ stroke:var(--source-accent); } #sky-now[data-personal-sky] .td-hero .td-wave .td-fill{ fill:color-mix(in srgb,var(--source-accent) 13%,transparent); } #sky-now[data-personal-sky] .td-hero .td-wave-note{ margin-top:5px!important; } #sky-now[data-personal-sky] .td-hero-actions{ margin-top:12px; padding-top:13px; } #sky-now[data-personal-sky] .td-hero-actions .td-text-action{ min-height:44px; } #sky-now[data-personal-sky] .td-quiet{ min-height:0; } #sky-now[data-personal-sky] .td-activation-section, #sky-now[data-personal-sky] .td-weather-preview, #sky-now[data-personal-sky] .td-sky-preview, #sky-now[data-personal-sky] .td-undercurrent-zone{ margin-top:29px; padding-top:22px; border-top:1px solid #c9b9d026; } #sky-now[data-personal-sky] .td-section-head{ margin:0 1px 15px; } #sky-now[data-personal-sky] .td-activation-grid{ gap:9px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-activation .sr-card-inner{ position:relative; min-height:156px; } #sky-now[data-personal-sky] .td-activation-head{ display:flex; align-items:flex-start; gap:8px; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-activation-head .metric-icon svg{ width:100%; height:100%; } #sky-now[data-personal-sky] .td-activation-head h3{ margin:0; color:#f2eaf3; font-size:calc(12px * var(--scale)); line-height:1.18; } #sky-now[data-personal-sky] .td-activation-head small{ display:block; margin-top:5px; color:#a89aaf; font-size:calc(9px * var(--scale)); line-height:1.3; } #sky-now[data-personal-sky] .td-activation-state{ margin-top:19px; color:var(--accent); font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-activation-copy{ margin-top:8px; font-size:calc(10px * var(--scale)); line-height:1.4; } #sky-now[data-personal-sky] .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)); } #sky-now[data-personal-sky] .td-activation-link b{ color:var(--accent); } #sky-now[data-personal-sky] .td-activation-locked .sr-card-label small{ color:#e3c38f; } #sky-now[data-personal-sky] .td-activation-lock{ position:relative; display:flex; align-items:center; width:max-content; gap:8px; margin:17px 0 0; color:#d9c6d5; } #sky-now[data-personal-sky] .td-activation-lock strong{ font-size:22px; letter-spacing:.1em; } #sky-now[data-personal-sky] .td-activation-lock svg{ width:20px; height:20px; color:#e3c38f; } #sky-now[data-personal-sky] .td-activation-locked-copy{ margin-top:8px; color:#b9acbd; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-activation-locked .sr-open{ margin-top:auto; padding-top:10px; border-top:1px solid #d7bb8727; color:#e7c992; } #sky-now[data-personal-sky] .td-activation-locked-count, #sky-now[data-personal-sky] .td-activation-note{ margin:10px 2px 0; color:#ab9eae; font-size:calc(9px * var(--scale)); line-height:1.45; } #sky-now[data-personal-sky] .td-activation-locked-count{ color:#d7bb8d; } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-weather-preview .td-weather-band{ --source-accent:#dba4cc; min-height:76px; } #sky-now[data-personal-sky] .td-weather-band[data-source="MERCURY"]{ --source-accent:#91bde8; } #sky-now[data-personal-sky] .td-weather-band[data-source="MOON"]{ --source-accent:#b7abe2; } #sky-now[data-personal-sky] .td-weather-band[data-source="MARS"]{ --source-accent:#e7a28c; } #sky-now[data-personal-sky] .td-weather-band[data-source="SATURN"]{ --source-accent:#aca5ae; } #sky-now[data-personal-sky] .td-band-planet{ color:var(--source-accent); } #sky-now[data-personal-sky] .td-band-line, #sky-now[data-personal-sky] .td-weather-band[data-lane="flash"] .td-band-line, #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-band-now{ width:1px; background:#e9e2f1a6; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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)); } #sky-now[data-personal-sky] .td-weather-legend span{ display:inline-flex; align-items:center; gap:4px; } #sky-now[data-personal-sky] .td-weather-legend i{ display:inline-block; flex:0 0 auto; } #sky-now[data-personal-sky] .td-legend-window{ width:13px; height:5px; border-radius:4px; background:#baa6cf; } #sky-now[data-personal-sky] .td-legend-now{ width:7px; height:7px; border-radius:50%; background:#d9bfdc; box-shadow:0 0 7px #d9bfdc8a; } #sky-now[data-personal-sky] .td-legend-exact{ width:8px; height:8px; border:1px solid #d9bfdc; border-radius:50%; } #sky-now[data-personal-sky] .td-source-list{ display:grid; gap:10px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-source-card[data-source="MERCURY"]{ --source-accent:#91bde8; } #sky-now[data-personal-sky] .td-source-card[data-source="MOON"]{ --source-accent:#b7abe2; } #sky-now[data-personal-sky] .td-source-card[data-source="MARS"]{ --source-accent:#e7a28c; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-source-body{ min-width:0; } #sky-now[data-personal-sky] .td-source-body > small{ color:#aa9db5; font-size:calc(9px * var(--scale)); font-weight:720; letter-spacing:.11em; } #sky-now[data-personal-sky] .td-source-name{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:5px 0 0; } #sky-now[data-personal-sky] .td-source-name h4{ margin:0; color:#f1e9f3; font-size:calc(16px * var(--scale)); font-weight:620; } #sky-now[data-personal-sky] .td-source-name em{ color:var(--source-accent); font-size:calc(9px * var(--scale)); font-style:normal; font-weight:720; text-align:right; } #sky-now[data-personal-sky] .td-source-position{ margin:5px 0 0; color:#b9acc1; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-source-storyline{ margin:10px 0 0; color:#e3d4e6; font-size:calc(11px * var(--scale)); line-height:1.4; } #sky-now[data-personal-sky] .td-source-targets{ display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-source-actions{ display:flex; flex-wrap:wrap; gap:5px 11px; margin-top:12px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-source-actions button:hover{ text-decoration:underline; } #sky-now[data-personal-sky] .td-source-actions > span{ color:#afa4ba; font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-source-locked > span:first-child{ color:#e4c38b; font-size:23px; } #sky-now[data-personal-sky] .td-source-locked strong{ display:block; color:#e4c38b; font-size:calc(9px * var(--scale)); letter-spacing:.1em; } #sky-now[data-personal-sky] .td-source-locked small{ display:block; margin-top:4px; color:#c3b4c5; font-size:calc(10px * var(--scale)); } #sky-now[data-personal-sky] .td-source-locked i{ margin-left:auto; font-style:normal; } #sky-now[data-personal-sky] .td-sky-preview .td-inline-drill{ margin-top:13px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-undercurrent .td-planet{ color:#b4acb7; } #sky-now[data-personal-sky] .td-undercurrent strong{ color:#e8dfe9; } #sky-now[data-personal-sky] .td-undercurrent p{ color:#afa4b2; } #sky-now[data-personal-sky] .td-undercurrent-arrow{ color:#b8abbc; font-size:17px; } #sky-now[data-personal-sky] .td-teaser{ margin-top:29px; } @media (prefers-reduced-motion:no-preference){#sky-now[data-personal-sky] .td-clock-tick{ display:inline-block; animation:td-second-reveal .22s ease-out; } } @media (max-width:359px){#sky-now[data-personal-sky] .td-context-main{ gap:7px; } #sky-now[data-personal-sky] .td-live-clock{ font-size:calc(28px * var(--scale)); } #sky-now[data-personal-sky] .td-date-cta{ max-width:104px; } #sky-now[data-personal-sky] .td-source-card{ grid-template-columns:37px minmax(0,1fr); gap:9px; padding:13px; } #sky-now[data-personal-sky] .td-source-glyph{ width:36px; height:36px; font-size:23px; } #sky-now[data-personal-sky] .td-source-name{ flex-wrap:wrap; gap:3px; } #sky-now[data-personal-sky] .td-weather-legend{ justify-content:flex-start; } } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-top{ min-height:82px; display:block; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-copy, #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-lifecycle, #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-actions{ position:relative; z-index:1; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source] .td-banter{ margin-top:16px; font-size:calc(15px * var(--scale)); } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-explain{ max-width:36ch; margin-top:12px; color:#c9bacd; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-lifecycle{ margin:26px 0 0; padding:19px 0 0; border:0; border-radius:0; background:none; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-state{ display:inline-flex; margin:0; color:color-mix(in srgb,var(--source-accent) 83%,white); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave{ position:relative; margin:16px -9px 0; } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave svg{ height:88px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave .td-axis{ stroke:color-mix(in srgb,var(--source-accent) 16%,transparent); } #sky-now[data-personal-sky] .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)); } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave .td-now-dot{ fill:#fff7fb; stroke:var(--source-accent); filter:drop-shadow(0 0 8px var(--source-accent)); } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave .td-hit-dot{ fill:var(--source-accent); } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave-labels{ font-size:calc(9px * var(--scale)); } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave-note{ margin-top:7px!important; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-actions .td-text-action, #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-actions .td-text-action:first-child, #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-actions .td-text-action span{ flex:none; color:var(--source-accent); font-size:28px; line-height:1; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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){#sky-now[data-personal-sky] .td-hero[data-source] .td-wave .td-now-dot{ animation:td-hero-now 3.2s ease-in-out infinite; } } @media (max-width:359px){#sky-now[data-personal-sky] .sr-hero.td-hero[data-source]{ width:calc(100% + 24px); margin-inline:-12px; padding-inline:23px; } #sky-now[data-personal-sky] .td-hero[data-source] h3{ font-size:calc(32px * var(--scale)); } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-actions .td-text-action{ font-size:calc(10px * var(--scale)); } } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero-motifs > small, #sky-now[data-personal-sky] .td-hero-curve-title{ display:block; color:#b7a8bc; font-size:calc(9px * var(--scale)); font-weight:690; letter-spacing:.105em; } #sky-now[data-personal-sky] .td-hero-motifs > div{ display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:11px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero-motif .metric-icon svg{ width:14px; height:14px; } #sky-now[data-personal-sky] .td-hero-motif b{ color:#d9bd8a; font-size:12px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-lifecycle{ margin-top:25px; } #sky-now[data-personal-sky] .td-hero-curve-title{ margin-top:21px; color:color-mix(in srgb,var(--source-accent) 64%,#b7a8bc); } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave{ margin-top:5px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave svg{ height:76px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-actions{ margin-top:19px; } #sky-now[data-personal-sky] .td-activation .td-activation-copy{ color:#ded0df; } @media (max-width:359px){#sky-now[data-personal-sky] .td-hero[data-source] .td-hero-explain{ font-size:calc(12px * var(--scale)); } #sky-now[data-personal-sky] .td-hero-motifs > div{ gap:7px 10px; } #sky-now[data-personal-sky] .td-hero-motif{ font-size:calc(10px * var(--scale)); } } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-context-top{ min-height:37px; margin-bottom:2px; padding-left:7px; } #sky-now[data-personal-sky] .td-context-main{ align-items:center; gap:7px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-clock-face h2{ margin-bottom:1px; } #sky-now[data-personal-sky] .td-clock-face .td-live-clock{ min-height:0; font-size:calc(30px * var(--scale)); white-space:nowrap; } #sky-now[data-personal-sky] .td-clock-caption{ margin:6px 0 0; padding:0 7px; color:#a99eaf; font-size:calc(9px * var(--scale)); line-height:1.35; } #sky-now[data-personal-sky] .td-context-selected{ border-left:1px solid #c9b7d32b; background:linear-gradient(145deg,#1e1728d9,#100d18d4); } #sky-now[data-personal-sky] .td-context-selected .td-clock-face{ display:flex; align-items:center; min-height:64px; } #sky-now[data-personal-sky] .td-context-selected .td-clock-face h2{ margin:0; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero-cause .td-hero-motifs{ margin:0; padding:12px 0 0; border-top:1px solid #ffffff16; border-left:0; } #sky-now[data-personal-sky] .td-hero-cause .td-hero-motifs::before{ display:none; } #sky-now[data-personal-sky] .td-activation-plus{ margin-top:28px; padding-top:25px; border-top:1px solid #ffffff17; } #sky-now[data-personal-sky] .td-activation-plus .td-section-head{ display:block; margin-bottom:17px; } #sky-now[data-personal-sky] .td-activation-plus .td-section-head small{ color:#d9bb8b; font-size:calc(9px * var(--scale)); font-weight:740; letter-spacing:.13em; } #sky-now[data-personal-sky] .td-activation-plus .td-section-head h3{ margin:6px 0 0; } #sky-now[data-personal-sky] .td-activation-plus .td-section-head p{ margin:7px 0 0; color:#ad9fb0; font-size:calc(10px * var(--scale)); line-height:1.45; } #sky-now[data-personal-sky] .td-activation-plus[data-locked-count="1"] .td-activation-grid{ grid-template-columns:minmax(0,1fr); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-activation-locked .sr-card-inner{ min-height:178px; } #sky-now[data-personal-sky] .td-activation-locked .td-activation-lock{ display:flex; align-items:center; gap:0; width:94px; margin:20px 0 12px; } #sky-now[data-personal-sky] .td-activation-lock .td-locked-rule{ flex:1; height:1px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 42%,#d7bb87)); } #sky-now[data-personal-sky] .td-activation-lock .td-locked-rule:last-child{ transform:scaleX(-1); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-activation-lock .sr-plus-lock-badge svg{ width:17px; height:17px; color:inherit; } #sky-now[data-personal-sky] .td-activation-locked-copy{ display:block; max-width:18ch; margin-top:0; color:#c7bac8; font-size:calc(11px * var(--scale)); line-height:1.45; } #sky-now[data-personal-sky] .td-activation-locked .sr-open{ display:flex; justify-content:space-between; align-items:center; padding-top:11px; color:#e5c792; } @media (max-width:359px){#sky-now[data-personal-sky] .td-clock-face{ padding-inline:8px; } #sky-now[data-personal-sky] .td-clock-face .td-live-clock{ font-size:calc(27px * var(--scale)); } #sky-now[data-personal-sky] .td-date-cta{ max-width:106px; } #sky-now[data-personal-sky] .td-activation-plus .sr-card.td-activation-locked{ min-height:174px; } } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-top{ min-height:72px; } #sky-now[data-personal-sky] .td-hero[data-source] h3{ max-width:17ch; font-size:calc(34px * var(--scale)); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source] .td-banter{ margin-top:17px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-explain{ margin-top:13px; color:#f0e4f0; } #sky-now[data-personal-sky] .td-hero-cause{ display:block; margin-top:23px; padding-left:0; border:0; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero-cause .td-hero-motifs::before{ display:block; } #sky-now[data-personal-sky] .td-hero-motif{ align-items:flex-start; gap:8px; } #sky-now[data-personal-sky] .td-hero-motif > span:nth-child(2){ display:grid; gap:2px; } #sky-now[data-personal-sky] .td-hero-motif strong{ color:#f1e8f2; font-weight:640; } #sky-now[data-personal-sky] .td-hero-motif em{ color:var(--accent); font-size:calc(8px * var(--scale)); font-style:normal; font-weight:740; letter-spacing:.055em; } #sky-now[data-personal-sky] .td-hero-motif b svg{ width:12px; height:12px; color:#ddbf8c; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-lifecycle{ margin-top:23px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-wave{ margin-top:5px; } #sky-now[data-personal-sky] .td-activation-stable{ display:block; margin-top:12px; color:#ab9caf; font-size:calc(9px * var(--scale)); line-height:1.35; } #sky-now[data-personal-sky] .td-activation-state{ display:grid; grid-template-columns:17px minmax(0,1fr); column-gap:5px; margin-top:9px; line-height:1.25; } #sky-now[data-personal-sky] .td-activation-state i{ grid-row:1 / span 2; font-size:15px; font-style:normal; } #sky-now[data-personal-sky] .td-activation-state b{ font-weight:750; } #sky-now[data-personal-sky] .td-activation-state small{ margin-top:3px; color:#c1b2c4; font-size:calc(8px * var(--scale)); font-weight:670; letter-spacing:.04em; } #sky-now[data-personal-sky] .td-activation-head h3{ font-size:calc(13px * var(--scale)); } #sky-now[data-personal-sky] .td-activation-copy{ font-size:calc(11px * var(--scale)); line-height:1.42; } #sky-now[data-personal-sky] .sr-card.td-activation:not(.td-activation-locked){ min-height:196px; } #sky-now[data-personal-sky] .td-activation[data-metric-kind="quality"] .td-activation-state b{ color:#b9d8f2; } #sky-now[data-personal-sky] .td-activation[data-metric-kind="focus"] .td-activation-state b{ color:#c8b5e5; } #sky-now[data-personal-sky] .td-source-targets span{ display:inline-flex; align-items:center; gap:5px; } #sky-now[data-personal-sky] .td-source-targets i{ color:var(--source-accent); font-size:13px; font-style:normal; } @media (max-width:359px){#sky-now[data-personal-sky] .td-hero[data-source] h3{ font-size:calc(31px * var(--scale)); } #sky-now[data-personal-sky] .td-hero-motifs > div{ gap:12px; } #sky-now[data-personal-sky] .td-activation-grid{ grid-template-columns:1fr; } } #sky-now[data-personal-sky] .td-opening{ --source-accent:#e7a0bf; position:relative; display:flow-root; isolation:isolate; } #sky-now[data-personal-sky] .td-opening[data-source="MERCURY"]{ --source-accent:#a7c9ef; } #sky-now[data-personal-sky] .td-opening[data-source="MARS"]{ --source-accent:#edaa95; } #sky-now[data-personal-sky] .td-opening[data-source="MOON"]{ --source-accent:#c2b7ea; } #sky-now[data-personal-sky] .td-opening[data-source="SATURN"]{ --source-accent:#aca5ae; } #sky-now[data-personal-sky] .td-opening[data-source="DUET"]{ --source-accent:#bba8db; } #sky-now[data-personal-sky] .td-opening[data-source="QUIET"]{ --source-accent:#9d8ca9; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-opening > *{ position:relative; z-index:1; } #sky-now[data-personal-sky] .td-opening > .td-context{ z-index:3; } #sky-now[data-personal-sky] .td-opening > .sr-hero.td-hero{ overflow:visible; border:0; border-radius:0; box-shadow:none; background:none; } #sky-now[data-personal-sky] .td-opening > .td-hero[data-source]::before{ top:-132px; opacity:.8; } @media (max-width:359px){#sky-now[data-personal-sky] .td-opening::before{ left:-12px; right:-12px; } } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-planet-mark .td-source-orb{ position:relative; top:auto; right:auto; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-top{ min-height:99px; } @media (max-width:359px){#sky-now[data-personal-sky] .td-hero[data-source] .td-hero-planet-mark{ right:-4px; } } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-planet-mark{ top:-13px; right:-3px; width:112px; gap:5px; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-planet-mark strong{ font-size:calc(14px * var(--scale)); letter-spacing:.18em; color:#f8dbe8; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-top{ min-height:128px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-actions{ grid-template-columns:1fr; } #sky-now[data-personal-sky] .td-activation-section .td-activation-locked{ min-height:196px; } #sky-now[data-personal-sky] .td-activation-section .td-activation-grid{ align-items:stretch; } @media(max-width:359px){#sky-now[data-personal-sky] .td-hero[data-source] .td-hero-planet-mark{ right:-1px; width:89px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-planet-mark .td-source-orb{ width:77px; height:77px; flex-basis:77px; font-size:49px; } #sky-now[data-personal-sky] .td-hero[data-source] .td-hero-top{ min-height:117px; } } #sky-now[data-personal-sky] .td-source-orb[data-source="SATURN"]{ color:#bcb4c3; border-color:#a9a1b155; background:#a9a1b11b; } #sky-now[data-personal-sky] .td-undercurrent[data-source="SATURN"]{ --source-accent:#a9a1b1; } #sky-now[data-personal-sky] .td-undercurrent[data-source="SATURN"] .td-planet{ color:#bcb4c3; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-cross-nav-sky{ margin-top:15px; } #sky-now[data-personal-sky] .td-cross-nav svg,.td-modal .td-cross-nav svg{ width:25px; height:25px; flex:none; color:#c8a9df; } #sky-now[data-personal-sky] .td-cross-nav > span,.td-modal .td-cross-nav > span{ display:grid; gap:3px; flex:1; min-width:0; } #sky-now[data-personal-sky] .td-cross-nav strong,.td-modal .td-cross-nav strong{ font-size:12px; } #sky-now[data-personal-sky] .td-cross-nav small,.td-modal .td-cross-nav small{ color:#b4a7bf; font-size:10px; line-height:1.25; } #sky-now[data-personal-sky] .td-cross-nav i,.td-modal .td-cross-nav i{ color:#c8a9df; font-size:19px; font-style:normal; } #sky-now[data-personal-sky] [data-razem-today-source]{ display:none!important; } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source]{ padding-top:18px; padding-bottom:14px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-radar-planet-scene{ position:relative; z-index:1; display:flex; align-items:center; gap:14px; min-height:132px; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-radar-planet .td-astro-glyph{ font-size:62px; } #sky-now[data-personal-sky] .td-radar-planet-scene > div{ min-width:0; } #sky-now[data-personal-sky] .td-radar-planet-scene small{ color:#bcaebf; font-size:9px; letter-spacing:.12em; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-hero .td-radar-planet-scene p{ margin:6px 0 0; font-size:11px; line-height:1.4; color:#c6b8cb; } #sky-now[data-personal-sky] .td-radar-contacts{ display:grid; gap:0; position:relative; z-index:1; } #sky-now[data-personal-sky] .td-radar-hero > .td-radar-contacts{ min-height:0; align-content:start; } #sky-now[data-personal-sky] .td-radar-contact{ display:flex; align-items:center; gap:10px; padding:11px 0; border-top:1px solid #ffffff16; min-width:0; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-radar-contact-copy{ flex:1; min-width:0; display:grid; gap:4px; } #sky-now[data-personal-sky] .td-radar-contact-copy small{ color:#a99caf; font-size:9px; font-weight:650; letter-spacing:.045em; } #sky-now[data-personal-sky] .td-radar-contact-copy strong{ color:var(--td-target-color); font-size:14px; line-height:1.3; font-weight:620; overflow-wrap:anywhere; } #sky-now[data-personal-sky] .td-radar-aspect{ flex:none; display:grid; justify-items:center; gap:2px; min-width:44px; color:var(--td-aspect-color); } #sky-now[data-personal-sky] .td-radar-aspect i{ font-size:21px; font-style:normal; } #sky-now[data-personal-sky] .td-radar-aspect small{ font-size:10px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-hero-timing strong{ color:var(--source-accent); font-size:14px; font-weight:650; } #sky-now[data-personal-sky] .td-radar-hero-timing > strong{ display:grid; min-width:0; min-height:42px; align-content:end; } #sky-now[data-personal-sky] .td-radar-hero-timing > span{ color:#d0c3d4; font-size:12px; line-height:1.7; text-align:right; } #sky-now[data-personal-sky] .td-radar-hero-timing{ align-items:end; } #sky-now[data-personal-sky] .td-peak-group{ display:grid; gap:4px; min-height:37px; align-content:end; } #sky-now[data-personal-sky] .td-peak-label{ font-size:10px; font-weight:550; } #sky-now[data-personal-sky] .td-peak-countdown{ white-space:nowrap; font-size:18px; line-height:1.15; font-variant-numeric:tabular-nums; } #sky-now[data-personal-sky] .td-peak-countdown small{ font-size:10px; font-weight:550; margin-left:1px; } #sky-now[data-personal-sky] .td-peak-seconds{ color:color-mix(in srgb,var(--source-accent) 65%,white); } #sky-now[data-personal-sky] .td-radar-wave{ position:relative; z-index:1; margin-top:14px; } #sky-now[data-personal-sky] .td-radar-wave > small{ color:var(--source-accent); font-size:9px; font-weight:690; letter-spacing:.09em; } #sky-now[data-personal-sky] .td-hero[data-source] .td-radar-wave .td-wave{ margin:7px 0 0; } #sky-now[data-personal-sky] .td-radar-navigation{ display:flex; align-items:center; justify-content:space-between; margin-top:2px; color:#b8aabd; font-size:12px; } #sky-now[data-personal-sky] .td-radar-navigation > div{ display:flex; gap:8px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-navigation button:focus-visible{ outline:2px solid var(--source-accent); outline-offset:2px; } #sky-now[data-personal-sky] .td-radar-next, #sky-now[data-personal-sky] .td-radar-background{ margin-top:24px; padding-top:18px; border-top:1px solid #ffffff1b; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-story:focus-visible{ outline:2px solid var(--source-accent); outline-offset:3px; } #sky-now[data-personal-sky] .td-radar-story-top{ display:flex; align-items:center; gap:9px; margin-bottom:9px; } #sky-now[data-personal-sky] .td-radar-story-planet{ flex:none; color:var(--source-accent); font-size:25px; width:32px; height:32px; } #sky-now[data-personal-sky] .td-radar-story-top strong{ flex:1; color:var(--source-accent); font-size:17px; font-weight:650; } #sky-now[data-personal-sky] .td-radar-story-top > small{ color:var(--source-accent); font-size:9px; font-weight:740; letter-spacing:.07em; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-story-footer > span{ display:grid; gap:5px; color:#ece1f0; font-size:12px; line-height:1.45; } #sky-now[data-personal-sky] .td-radar-story-footer small{ color:#b4a7ba; font-size:11px; } #sky-now[data-personal-sky] .td-radar-story-footer > i{ font-style:normal; color:var(--source-accent); font-size:21px; } #sky-now[data-personal-sky] .td-radar-empty{ margin:0; color:#b8aabb; font-size:13px; line-height:1.55; } #sky-now[data-personal-sky] .td-radar-quiet{ padding:24px 5px; } #sky-now[data-personal-sky] .td-radar-quiet h3{ font-size:24px; margin:12px 0; line-height:1.1; } #sky-now[data-personal-sky] .td-radar-quiet p{ color:#c0b3c7; font-size:14px; line-height:1.55; } #sky-now[data-personal-sky] .td-radar-story-background{ background:radial-gradient(ellipse at 7% 0%,#a9a1b110,transparent 75%),#15101c; } @media(max-width:359px){#sky-now[data-personal-sky] .td-radar-eyebrow{ gap:8px; font-size:9px; letter-spacing:.08em; } #sky-now[data-personal-sky] .td-radar-planet-scene{ gap:12px; min-height:120px; } #sky-now[data-personal-sky] .td-radar-planet{ width:82px; height:82px; } #sky-now[data-personal-sky] .td-radar-planet .td-astro-glyph{ font-size:56px; } #sky-now[data-personal-sky] .td-radar-hero .td-radar-planet-scene h3{ font-size:22px; } #sky-now[data-personal-sky] .td-radar-contact-copy strong{ font-size:14px; } #sky-now[data-personal-sky] .td-radar-story{ padding:13px; } #sky-now[data-personal-sky] .td-radar-story-top{ gap:8px; } #sky-now[data-personal-sky] .td-radar-story-top strong{ font-size:16px; } #sky-now[data-personal-sky] .td-radar-aspect{ min-width:42px; } } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-opening > .sr-hero.td-radar-hero[data-source]::before{ content:none; } #sky-now[data-personal-sky] .td-radar-hero .td-radar-wave .td-wave svg{ height:54px; } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-hero-actions{ margin-top:15px; padding-bottom:2px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-story-invitation-orbit{ width:24px; height:24px; opacity:.85; } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-hero-actions .td-story-invitation-label{ font-size:14px; line-height:1.4; } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-hero-actions .td-story-invitation-arrow{ font-size:22px; line-height:1; } #sky-now[data-personal-sky] .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); } @media(min-width:360px){#sky-now[data-personal-sky] .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; } } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-sky-node[data-source="SATURN"] circle{ fill:#37323f; stroke:#aca5b4; filter:drop-shadow(0 0 7px #a9a1b163); } #sky-now[data-personal-sky] .td-sky-card[data-source="SATURN"]{ border-top-color:#a9a1b160; } #sky-now[data-personal-sky] .td-sky-mini[data-source="SATURN"]{ border-color:#a9a1b155; } #sky-now[data-personal-sky] .td-wave .td-band{ fill:#bca7d12a; stroke:#bca7d16e; } #sky-now[data-personal-sky] .td-theme:nth-child(3){ border-color:#aa9cb54d; background:linear-gradient(140deg,#28232e,#1a1721); } #sky-now[data-personal-sky] .td-theme:nth-child(3) .td-theme-name{ color:#c7b9d2; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-planet-option:first-child{ margin-left:auto; } #sky-now[data-personal-sky] .td-planet-option:last-child{ margin-right:auto; } #sky-now[data-personal-sky] .td-planet-scroll-controls{ display:flex; align-items:center; justify-content:center; gap:8px; max-width:380px; margin:0 auto; color:#b2a7c1; } #sky-now[data-personal-sky] .td-planet-scroll-controls[hidden]{ display:none; } #sky-now[data-personal-sky] .td-planet-scroll-controls small{ font-size:10px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-planet-scroll-controls button:disabled{ opacity:.3; cursor:default; } #sky-now[data-personal-sky] .td-planet-scroll-controls button:focus-visible{ outline:1px solid #cbb9da; outline-offset:-4px; } #sky-now[data-personal-sky] .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%); } #sky-now[data-personal-sky] .td-planet-dot > .td-astro-glyph{ width:100%; height:100%; font-size:25px; } #sky-now[data-personal-sky] .td-planet-option[aria-pressed="true"]{ color:var(--td-planet-color); } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-planet-option small{ font-size:10px; line-height:1.25; } #sky-now[data-personal-sky] .td-planet-option:focus-visible{ outline:2px solid var(--td-planet-color); outline-offset:2px; } #sky-now[data-personal-sky] .td-planet-option:hover .td-planet-dot{ border-color:var(--td-planet-color); } #sky-now[data-personal-sky] .td-planet-option[data-upcoming="true"] .td-planet-dot{ border-style:dashed; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-reading-head{ display:flex; align-items:center; gap:10px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-reading-head > div{ min-width:0; } #sky-now[data-personal-sky] .td-radar-reading-head strong{ display:block; color:#e6dce9; font-size:12px; font-weight:600; } #sky-now[data-personal-sky] .td-radar-reading-head small{ display:block; margin-top:4px; color:#ae9eb8; font-size:9px; letter-spacing:.08em; line-height:1.4; } #sky-now[data-personal-sky] .td-radar-read{ margin:14px 0 0; padding:0; border:0; background:none; min-height:190px; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-read .ha-meaning{ margin:0; color:#c8bbd2; font-size:13px; line-height:1.55; } #sky-now[data-personal-sky] .td-radar-read .ha-banter{ margin:13px 0 0; color:var(--td-reading-ink); font:italic 15px/1.45 Georgia,serif; } #sky-now[data-personal-sky] .td-radar-quiet .td-radar-banter{ margin:13px 0 0; color:var(--source-accent,#c3a7db); font:italic 15px/1.45 Georgia,serif; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-radar-reading .td-text-action{ color:var(--td-reading-accent); padding:6px 0; gap:8px; } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-radar-reading .td-text-action::after{ content:none; } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-radar-reading .td-story-invitation-arrow{ color:var(--td-reading-ink); font-size:22px; } #sky-now[data-personal-sky] .td-radar-quiet .td-radar-banter{ margin-bottom:14px; } #sky-now[data-personal-sky] .td-radar-future .td-radar-planet-scene p,.td-future-plus{ color:#e7c58c!important; } #sky-now[data-personal-sky] .td-future-read{ position:relative; margin-top:14px; padding:18px 0 4px; border-top:1px solid #e7c58c25; } #sky-now[data-personal-sky] .td-future-plus{ font-size:10px; font-weight:700; letter-spacing:.08em; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-future-payoff{ position:relative; display:grid; grid-template-columns:24px 1fr; column-gap:9px; row-gap:6px; margin-top:-24px; } #sky-now[data-personal-sky] .td-future-payoff > .td-plus-lock{ grid-row:1 / 3; color:#e7c58c; } #sky-now[data-personal-sky] .td-future-payoff strong{ font-size:15px; color:#e9d9bb; line-height:1.4; } #sky-now[data-personal-sky] .td-future-payoff p{ font-size:12px; line-height:1.5; color:#bdb0c5; margin:0; } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-hero-actions.td-future-actions .td-text-action, #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-hero-actions.td-future-actions .td-text-action span{ color:#e7c58c; } #sky-now[data-personal-sky] .sr-hero.td-radar-hero[data-source] .td-hero-actions.td-future-actions .td-text-action::after{ background:linear-gradient(90deg,#e7c58c66,transparent); } #sky-now[data-personal-sky] .td-radar-story-locked{ border-color:#e7c58c35; } #sky-now[data-personal-sky] .td-weather-band-locked .td-band-title small{ color:#e7c58c; } @media(max-width:359px){#sky-now[data-personal-sky] .td-planet-option{ flex-basis:52px; } #sky-now[data-personal-sky] .td-planet-option small{ font-size:9px; } #sky-now[data-personal-sky] .td-radar-read h4{ font-size:21px; } #sky-now[data-personal-sky] .td-radar-read .ha-banter{ font-size:14px; } } #sky-now[data-personal-sky] .td-planet-option[data-locked="true"] .td-planet-dot{ border:1px solid transparent; box-shadow:0 0 0 3px #e7c58c09; } #sky-now[data-personal-sky] .td-plus-ring{ position:absolute; inset:-1px; width:calc(100% + 2px); height:calc(100% + 2px); color:#e7c58c; overflow:visible; pointer-events:none; } #sky-now[data-personal-sky] .td-planet-option[data-locked="true"][aria-pressed="true"] .td-planet-dot{ box-shadow:0 0 0 3px #e7c58c20,0 0 18px #e7c58c1c; } #sky-now[data-personal-sky] .td-planet-option:focus-visible{ outline:none; } #sky-now[data-personal-sky] .td-planet-option:focus-visible .td-planet-dot{ outline:2px solid var(--td-planet-color); outline-offset:4px; } #sky-now[data-personal-sky] .td-planet-option[data-locked="true"]:focus-visible .td-planet-dot{ outline-color:#e7c58c; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-radar-contact-locked{ position:relative; --td-target-color:#c0afc9; --td-aspect-color:#bcb0c5; } #sky-now[data-personal-sky] .td-radar-contact-mask{ display:flex; align-items:center; gap:10px; width:100%; filter:blur(5px); opacity:.45; user-select:none; pointer-events:none; } #sky-now[data-personal-sky] .td-radar-contact-locked > .td-plus-lock{ position:absolute; right:12px; color:#e7c58c; } #sky-now[data-personal-sky] .td-radar-upcoming .td-radar-read{ position:relative; box-sizing:border-box; height:190px; } #sky-now[data-personal-sky] .td-radar-upcoming .td-future-read{ margin:14px 0 0; padding:0; border:0; } #sky-now[data-personal-sky] .td-radar-upcoming .td-future-mask{ display:block; margin:0; } #sky-now[data-personal-sky] .td-radar-upcoming .td-future-payoff{ position:absolute; bottom:20px; left:0; right:0; margin:0; } @media(max-width:359px){#sky-now[data-personal-sky] .td-radar-read{ min-height:205px; } #sky-now[data-personal-sky] .td-radar-upcoming .td-radar-read{ height:205px; } } #sky-now[data-personal-sky] .td-radar-countdown{ position:relative; isolation:isolate; white-space:nowrap; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-radar-story-locked .td-radar-story-planet{ box-sizing:border-box; border:1px solid #e7c58c; border-radius:50%; } #sky-now[data-personal-sky] .td-radar-story-locked .td-radar-story-footer > .td-plus-lock{ color:#e7c58c; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-wave-contact .td-astro-glyph{ font-size:14px; color:var(--td-aspect-color); } #sky-now[data-personal-sky] .td-radar-wave-contact strong{ color:var(--td-target-color); font-weight:550; } #sky-now[data-personal-sky] .td-radar-reading[data-locked="true"]{ border-color:#e7c58c59; } #sky-now[data-personal-sky] .td-radar-reading[data-locked="true"] .td-story-invitation-arrow{ color:#e7c58c; } @media(max-width:359px){#sky-now[data-personal-sky] .td-radar-reading{ padding:16px; } } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-story[data-source], #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-radar-story-background{ background:radial-gradient(ellipse at 7% 0%,color-mix(in srgb,var(--source-accent) 7%,transparent),transparent 75%),#15101c; } #sky-now[data-personal-sky] .cw-product-heading.td-product-heading{ position:relative; margin:0 6px 8px; padding:6px 0 8px; } #sky-now[data-personal-sky] .td-product-heading > span{ color:#b9a3c7; } #sky-now[data-personal-sky] .td-product-heading > span svg{ width:26px; height:26px; } #sky-now[data-personal-sky] .td-product-heading h3{ font-family:inherit; font-size:calc(23px * var(--scale)); font-weight:550; } #sky-now[data-personal-sky] .td-intro-action svg{ width:26px; height:26px; } #sky-now[data-personal-sky] .td-intro-action{ cursor:pointer; } #sky-now[data-personal-sky] .td-intro-action:hover{ color:#e1c8f3; } @media(max-width:350px){#sky-now[data-personal-sky] .cw-product-heading.td-product-heading{ gap:8px; } #sky-now[data-personal-sky] .td-product-heading h3{ font-size:calc(20px * var(--scale)); } #sky-now[data-personal-sky] .td-intro-action{ font-size:calc(10px * var(--scale)); gap:4px; } } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-context .td-clock-face h2{ margin:0 0 3px; color:#b7aabd; font-size:10px; line-height:13px; font-weight:500; letter-spacing:0; } #sky-now[data-personal-sky] .td-context .td-clock-face .td-live-clock{ min-height:0; font-size:27px; line-height:29px; font-weight:560; } #sky-now[data-personal-sky] .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; } #sky-now[data-personal-sky] .td-context .td-date-cta svg{ width:24px; height:24px; } #sky-now[data-personal-sky] .td-context .td-date-cta > span{ display:flex; align-items:center; gap:4px; } #sky-now[data-personal-sky] .td-context .td-date-cta i{ font-style:normal; font-size:15px; line-height:1; opacity:.75; } #sky-now[data-personal-sky] .td-context .td-date-cta b{ font-size:8px; line-height:9px; letter-spacing:.14em; font-weight:700; } #sky-now[data-personal-sky] .td-context .td-date-cta:hover{ background:#e7c58c14; color:#ffe5b3; } #sky-now[data-personal-sky] .td-context .td-date-cta:focus-visible{ outline:2px solid #e7c58c; outline-offset:1px; } #sky-now[data-personal-sky] .td-context-selected .td-clock-face h2{ margin:0; font-size:14px; line-height:19px; color:#e9dfed; } @media(max-width:350px){#sky-now[data-personal-sky] .td-context.td-surface-heading{ grid-template-columns:minmax(0,1fr) 88px; gap:6px; height:69px; min-height:69px; margin-inline:4px; padding:4px; } #sky-now[data-personal-sky] .td-context .td-clock-face{ padding-inline:8px; } #sky-now[data-personal-sky] .td-context .td-clock-face .td-live-clock{ font-size:25px; line-height:27px; } } #sky-now[data-personal-sky] .td-planet-option em{ font-size:8px; line-height:1.25; font-style:normal; color:#a698b1; white-space:nowrap; } #sky-now[data-personal-sky] .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); } #sky-now[data-personal-sky] .td-radar-hero-timing > .td-peak-now{ font-size:14px; line-height:1.4; } #sky-now[data-personal-sky] .td-radar-hero[data-peak-preview="true"] .td-peak-now{ display:grid; padding:0; border:0; background:none; align-content:end; gap:2px; } #sky-now[data-personal-sky] .td-peak-now small{ font-size:10px; line-height:1.4; font-weight:500; color:#bba6b7; } #sky-now[data-personal-sky] .td-radar-at-peak .td-now-dot{ filter:drop-shadow(0 0 5px var(--source-accent)); } /* Personal additions to the same scoped Today styles used by Our Sky. */ #sky-now[data-personal-sky] { color: #f1e8f5; min-width: 0; } #sky-now[data-personal-sky] .td-opening { margin-top: 22px; } #sky-now[data-personal-sky] .td-radar-hero { overflow: visible; padding: 0; } #sky-now[data-personal-sky] .td-radar-overview { padding: 22px 18px 8px; } #sky-now[data-personal-sky] .td-radar-eyebrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--source-accent); font-size: 10px; letter-spacing: 0.1em; } #sky-now[data-personal-sky] .td-radar-eyebrow strong { font-size: 11px; letter-spacing: 0; } #sky-now[data-personal-sky] .td-radar-planet-scene { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 14px 0 22px; } #sky-now[data-personal-sky] .ps-planet-art { flex: 0 0 126px; width: 126px; height: 126px; overflow: visible; filter: drop-shadow( 0 0 25px color-mix(in srgb, var(--source-accent), transparent 80%) ); } #sky-now[data-personal-sky] .td-radar-planet-scene small { color: #b5a6c1; font-size: 9px; letter-spacing: 0.1em; } #sky-now[data-personal-sky] .td-radar-planet-scene h3 { margin: 5px 0; color: #f1e8f5; font-size: 28px; } #sky-now[data-personal-sky] .td-radar-planet-scene p { margin: 0; color: #b5a6c1; font-size: 11px; } #sky-now[data-personal-sky] .td-radar-contacts { display: block; } #sky-now[data-personal-sky] .td-radar-contact { display: flex; justify-content: space-evenly; align-items: center; gap: 12px; padding: 20px 6px; border: 1px solid #ffffff12; border-radius: 20px; background: #ffffff04; } #sky-now[data-personal-sky] .td-contact-planet, .ps-story .td-contact-planet { display: flex; align-items: center; flex-direction: column; gap: 5px; text-align: center; } #sky-now[data-personal-sky] .td-contact-planet i, .ps-story .td-contact-planet i { font-size: 30px; line-height: 1.2; } #sky-now[data-personal-sky] .td-contact-planet strong, .ps-story .td-contact-planet strong { font-size: 13px; } #sky-now[data-personal-sky] .td-contact-planet small, .ps-story .td-contact-planet small { font-size: 10px; color: #ac9bb7; } #sky-now[data-personal-sky] .td-radar-aspect, .ps-story .td-radar-aspect { display: flex; flex-direction: column; align-items: center; gap: 5px; color: var(--td-aspect-color); } #sky-now[data-personal-sky] .td-radar-aspect i, .ps-story .td-radar-aspect i { font-size: 25px; font-style: normal; } #sky-now[data-personal-sky] .td-radar-aspect small, .ps-story .td-radar-aspect small { font-size: 9px; text-transform: uppercase; } #sky-now[data-personal-sky] .td-radar-wave { padding: 14px 4px 0; } #sky-now[data-personal-sky] .td-radar-wave > small { display: block; color: #aa9bb6; text-align: center; font-size: 8px; letter-spacing: 0.08em; } .ps-curve { display: block; width: 100%; max-height: 116px; } #sky-now[data-personal-sky] .td-planet-option { min-width: 48px; min-height: 80px; padding: 5px 2px; } #sky-now[data-personal-sky] .td-planet-option small { font-size: 9px; } #sky-now[data-personal-sky] .td-planet-option em { display: block; font-size: 7px; line-height: 12px; font-style: normal; } #sky-now[data-personal-sky] .td-planet-dot { position: relative; display: grid; place-items: center; width: 34px; height: 34px; margin: auto; } #sky-now[data-personal-sky] .td-planet-dot i { font-size: 23px; font-style: normal; } #sky-now[data-personal-sky] .ps-lock { position: absolute; right: -2px; top: 0; color: #e7c58c; } #sky-now[data-personal-sky] .td-reading-phase button { min-height: 44px; border: 0; padding: 8px 0; background: none; color: var(--source-accent); font: inherit; font-size: 13px; font-weight: 600; } #sky-now[data-personal-sky] .td-hero-actions .td-text-action { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; gap: 10px; text-align: left; } #sky-now[data-personal-sky] .td-text-action > svg { width: 22px; flex: 0 0 22px; } #sky-now[data-personal-sky] .td-story-invitation-label { flex: 1; } #sky-now[data-personal-sky] .ps-trajectory { margin-top: 32px; } #sky-now[data-personal-sky] .td-weather-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0; font-size: 9px; color: #b7a8c2; text-align: center; padding: 14px 0; } .ps-trajectory-row { display: block; width: 100%; background: none; border: 0; border-bottom: 1px solid #ffffff10; padding: 14px 0 18px; color: var(--source-accent); text-align: left; } .ps-trajectory-row > span { display: flex; align-items: center; gap: 8px; } .ps-trajectory-row strong { font-size: 12px; } .ps-trajectory-row small { margin-left: auto; color: #b7a8c2; font-size: 10px; } .ps-track { display: block; position: relative; height: 20px; margin-top: 12px; border-radius: 10px; background: #ffffff06; } .ps-track b { position: absolute; top: 5px; height: 10px; border-radius: 8px; background: currentColor; opacity: 0.35; } .ps-track em { position: absolute; top: 6px; width: 8px; height: 8px; background: currentColor; transform: translateX(-50%) rotate(45deg); border: 2px solid #17101f; } #sky-now[data-personal-sky] .td-teaser { text-align: left; margin-top: 26px; width: 100%; } #sky-now[data-personal-sky] .td-product-heading { flex-wrap: wrap; } #sky-now[data-personal-sky] .td-product-heading > span { width: 25px; height: 25px; } #sky-now[data-personal-sky] .td-product-heading > span svg { width: 100%; height: 100%; } #sky-now[data-personal-sky] .td-product-heading h3 { margin: 0; font-size: 23px; } #sky-now[data-personal-sky] .td-intro-action { margin-left: auto; font-size: 10px; min-height: 44px; } .ps-story { --source-accent: #8dbfe7; color: #d3c7db; line-height: 1.65; font-size: 15px; } .ps-story h1, .ps-date-form h1 { margin: 16px 0 24px; font-size: 27px; line-height: 1.2; color: #f2e9f6; letter-spacing: -0.03em; } .ps-story p { margin: 18px 0; } .ps-story-step { display: flex; align-items: center; gap: 12px; margin: 32px 0 20px; color: #f0e8f5; font-size: 16px; line-height: 1.3; } .ps-story-step:first-child { margin-top: 4px; } .ps-story-step b { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid color-mix(in srgb, var(--source-accent), transparent 55%); border-radius: 50%; font-size: 10px; color: var(--source-accent); } .ps-story .td-radar-contact { display: flex; justify-content: space-evenly; align-items: center; padding: 24px 10px; border: 1px solid #ffffff13; border-radius: 22px; background: #ffffff04; } .ps-story-reading { padding: 18px; border: 1px solid color-mix(in srgb, var(--source-accent), transparent 80%); border-radius: 22px; background: linear-gradient( 140deg, color-mix(in srgb, var(--source-accent), transparent 92%), transparent ); } .ps-banter, .ps-invitation { color: var(--source-accent); } .ps-timing { display: grid; gap: 0; } .ps-timing > div { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid #ffffff0c; font-size: 12px; } .ps-timing dt { color: #b7a7c3; } .ps-timing dd { margin: 0; text-align: right; } .ps-technical { margin-top: 24px; border-block: 1px solid #ffffff13; } .ps-technical summary { padding: 18px 0; cursor: pointer; font-size: 13px; font-weight: 600; } .ps-technical p { font-size: 12px; } .ps-atlas-link { width: 100%; text-align: left; background: #c3a5db0a; border: 1px solid #c3a5db35; border-radius: 18px; margin-top: 24px; padding: 18px; color: #c3a5db; font: inherit; font-weight: 600; } .ps-date-form { color: #c8bcd1; font-size: 14px; line-height: 1.6; } .ps-date-form label { display: block; margin-top: 28px; } .ps-date-form input { box-sizing: border-box; display: block; width: 100%; min-width: 0; color: #f1e8f5; background: #ffffff08; border: 1px solid #e7c58c40; border-radius: 14px; padding: 14px; margin: 8px 0 24px; font: inherit; color-scheme: dark; } .ps-date-form button { width: 100%; border: 1px solid #e7c58c70; border-radius: 14px; padding: 14px; background: #e7c58c14; color: #e7c58c; font: inherit; } .ps-masked, .ps-uncertain, .ps-empty { padding: 20px; color: #b5a4c1; font-size: 13px; line-height: 1.6; } .ps-masked { display: flex; gap: 12px; color: #e7c58c; justify-content: center; } .ps-review-note { max-width: 340px; color: #ab9ab5; font-size: 11px; line-height: 1.5; } @media (max-width: 359px) { #sky-now[data-personal-sky] .td-radar-overview { padding: 18px 12px 8px; } #sky-now[data-personal-sky] .ps-planet-art { width: 108px; height: 108px; flex-basis: 108px; } #sky-now[data-personal-sky] .td-radar-planet-scene { gap: 6px; } #sky-now[data-personal-sky] .td-radar-planet-scene h3 { font-size: 24px; } #sky-now[data-personal-sky] .td-product-heading h3 { font-size: 21px; } #sky-now[data-personal-sky] .td-intro-action { font-size: 9px; } } #sky-now[data-personal-sky] .ps-source-hero { box-sizing: border-box; display: block; position: relative; width: 100%; min-width: 0; max-width: 100%; margin: 0; border: 0; border-radius: 26px; background: radial-gradient( ellipse at 75% 10%, color-mix(in srgb, var(--source-accent), transparent 92%), transparent 48% ); } #sky-now[data-personal-sky] .td-radar-contacts, #sky-now[data-personal-sky] .td-radar-contact { height: auto; min-height: 0; width: auto; position: relative; } #sky-now[data-personal-sky] .td-radar-hero-timing { position: static; margin-top: 14px; padding-top: 14px; } #sky-now[data-personal-sky] .td-opening { overflow: clip; } #sky-now[data-personal-sky] .td-radar-overview { grid-template-rows: 32px minmax(142px, auto) minmax(132px, auto) minmax(71px, auto) 154px; } #sky-now[data-personal-sky] [data-ps-today] { min-height: 44px; margin-top: 4px; padding: 8px 0; border: 0; background: none; color: #c3a5db; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; text-align: left; } #sky-now[data-personal-sky] .ps-empty [data-pp-data] { min-height: 44px; padding: 10px 0; border: 0; background: none; color: #8dcfc0; font: inherit; font-weight: 600; cursor: pointer; } #screen .sky-screen[data-pp-section='sky'] > .pp-journey { margin: 28px 20px 0; font-family: Inter, ui-sans-serif, system-ui, sans-serif; } #screen .sky-screen[data-pp-section='sky'] > .pp-journey > small { font-size: 11px; letter-spacing: 0.14em; } #screen .sky-screen[data-pp-section='sky'] > .pp-journey .section-continuation-link strong { font-size: 14px; } #screen .sky-screen[data-pp-section='sky'] > .pp-journey .section-continuation-link small { font-size: 11px; } #screen .sky-screen[data-pp-section='sky'] > .pp-journey .section-continuation-arrow { font-size: 20px; } @media (max-width: 359px) { #screen .sky-screen[data-pp-section='sky'] > .pp-journey { margin-inline: 16px; } } #sky-now .ps-motif-connections { padding: 16px 14px; min-width: 0; } #sky-now .ps-motif-connections > h3 { font-size: 15px; line-height: 20px; margin: 0 0 9px; color: #e9dfef; } #sky-now .ps-motif-connections > p { font-size: 11px; line-height: 16px; color: #a79eb5; margin: 0 0 9px; } #sky-now .ps-motif-rail { display: flex; gap: 9px; overflow-x: auto; scrollbar-width: none; padding-bottom: 6px; } #sky-now .ps-motif-card { box-sizing: border-box; flex: 0 0 184px; width: 184px; min-height: 191px; padding: 13px; border-radius: 21px; border: 1px solid color-mix(in srgb, var(--motif-accent) 25%, transparent); background: radial-gradient( ellipse at top left, color-mix(in srgb, var(--motif-accent) 12%, transparent), transparent 85% ), #15101d; color: #f8f2fb; text-align: left; display: flex; flex-direction: column; font: inherit; } #sky-now .ps-motif-head { display: flex; align-items: center; gap: 8px; min-height: 40px; } #sky-now .ps-motif-head svg { width: 24px; height: 24px; flex-shrink: 0; color: var(--motif-accent); } #sky-now .ps-motif-head strong { font-size: 15px; line-height: 19px; } #sky-now .ps-motif-card small { font-size: 10px; line-height: 14px; margin-top: 8px; color: #a89aaf; } #sky-now .ps-motif-value { font-size: 29px; line-height: 33px; min-height: 48px; display: flex; align-items: center; margin: 4px 0; color: var(--motif-accent); } #sky-now .ps-motif-card p { font-size: 12px; line-height: 18px; margin: 0 0 6px; color: #c8bbd2; } #sky-now .ps-motif-footer { display: flex; align-items: center; min-height: 44px; margin-top: auto; padding-top: 10px; border-top: 1px solid #ffffff0b; font-size: 11px; line-height: 17px; color: var(--motif-accent); } #sky-now .ps-motif-scroll { display: flex; gap: 9px; align-items: center; min-height: 18px; color: #a79eb5; font-size: 10px; } #sky-now .ps-motif-scroll[hidden] { display: none; } #sky-now .ps-motif-scroll > div { height: 3px; background: #ffffff14; flex: 1; position: relative; border-radius: 3px; } #sky-now .ps-motif-scroll i { position: absolute; height: 3px; border-radius: 3px; background: #8db8de; } .pp-dialog .ps-motif-context { border: 1px solid #8db8de40; border-radius: 22px; background: #8db8de0a; padding: 18px; margin-bottom: 20px; }