.today-card{--s0: #7fb4d4;--s1: #b3cdd8;--s2: #e8dbc1;--glow: #fde7ab;--ink: #f8f3ea;--muted-ink: #ddd4c5;--state: #f2a992;--state-positive: #a9d9b5;--pill: rgba(14, 18, 26, .34);--pill-edge: rgba(255, 255, 255, .16);--pill-shadow: rgba(8, 11, 16, .5);position:relative;overflow:hidden;border-radius:22px;cursor:pointer;background:linear-gradient(to bottom,var(--s0) 0%,var(--s1) 46%,var(--s2) 100%);box-shadow:0 1px 2px #5037190a,0 18px 36px -28px #50371952}.today-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#0a0d141a,#0a0d144d 42%,#0a0d1470)}.today-card__stars,.today-card__orb,.today-card__land{position:absolute;pointer-events:none}.today-card__stars{top:0;left:0;right:0;height:128px}.today-card__stars circle{fill:#ece5d5}.today-card__orb{width:26px;height:26px;border-radius:50%;top:20px;right:20px;transition:background .8s linear,width .8s linear,height .8s linear}.today-card__orb:after{content:"";position:absolute;top:-34px;right:-34px;bottom:-34px;left:-34px;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 68%);opacity:.5}.today-card__bite{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transform:translate(26%,-20%);transition:background .8s linear,opacity .8s linear}.today-card__land{left:0;right:0;bottom:0;height:92px}.today-card__land svg{display:block;width:100%;height:100%}.today-card__land path{transition:fill .8s linear,stroke .8s linear}.today-card__inner{position:relative;z-index:2;padding:16px 18px 17px}.today-card__eyebrow,.today-card__greet,.today-card__sub{padding-right:58px}.today-card__eyebrow{display:flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;margin:0 0 6px;color:var(--muted-ink);transition:color .8s linear}.today-card__dot{width:6px;height:6px;border-radius:50%;background:#e0553f;flex:0 0 auto}.today-card__greet{margin:0 0 4px;font-size:23px;line-height:1.15;font-weight:400;color:var(--ink);transition:color .8s linear}.today-card__sub{margin:0 0 14px;font-size:13.5px;color:var(--muted-ink);transition:color .8s linear}.today-card__sub--empty{margin-bottom:0}.today-card__alert{display:flex;align-items:center;gap:9px;background:var(--pill);border:1px solid var(--pill-edge);-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);border-radius:14px;padding:12px 14px;margin-bottom:8px;font-size:14.5px;font-weight:500;color:var(--ink);text-shadow:0 1px 2px var(--pill-shadow);transition:background .8s linear,border-color .8s linear,color .8s linear}.today-card__alert:last-child{margin-bottom:0}.today-card__alert-ico{flex:0 0 auto;display:grid;place-items:center;color:var(--muted-ink)}.today-card__alert-ico svg{display:block;width:17px;height:17px}.today-card__alert--urgent .today-card__alert-ico{color:var(--state)}.today-card__alert--positive .today-card__alert-ico,.today-card__alert--positive .today-card__alert-state{color:var(--state-positive)}.today-card__alert-detail{margin:-2px 0 8px 2px;font-size:12.5px;font-weight:450;color:var(--muted-ink);text-shadow:0 1px 2px var(--pill-shadow);line-height:1.4}.today-card__alert-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-card__alert-state{flex:0 0 auto;color:var(--state);font-size:12.5px}.today-card__alert-amt{margin-left:auto;flex:0 0 auto;color:var(--muted-ink);font-weight:400}@media (prefers-reduced-motion: reduce){.today-card__orb,.today-card__bite,.today-card__land path,.today-card__eyebrow,.today-card__greet,.today-card__sub,.today-card__alert{transition:none}}.hd-bill-stack{position:relative;padding:6px 1px 4px}.hd-bill-card{--card: #367c6d;position:relative;width:100%;margin-top:-22px;padding:16px 17px 15px;color:var(--hd-bill-ink, #ffffff);background:linear-gradient(135deg,color-mix(in srgb,var(--card) 96%,white 4%),color-mix(in srgb,var(--card) 88%,black 12%));border:0;border-radius:20px;box-shadow:0 8px 16px #3627191f;text-align:left;cursor:pointer;overflow:visible;transition:transform .2s ease,box-shadow .2s ease;isolation:isolate;font:inherit;display:block}.hd-bill-card:first-child{margin-top:0}.hd-bill-card:before{content:"";position:absolute;z-index:-1;left:12px;right:12px;top:-6px;height:13px;background:radial-gradient(ellipse 26px 11px at 15px 12px,var(--card) 0 66%,transparent 69%) 0 0 / 42px 13px repeat-x;opacity:.98;pointer-events:none}.hd-bill-card:hover{transform:translateY(-2px);box-shadow:0 11px 20px #36271926}@media (hover: none){.hd-bill-card:hover{transform:none;box-shadow:0 8px 16px #3627191f}}.hd-bill-card:focus-visible{outline:3px solid rgba(0,0,0,.28);outline-offset:3px}.hd-bill-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:2}.hd-bill-name{font-size:15.5px;font-weight:800;line-height:1.2}.hd-bill-cat{font-size:10px;font-weight:750;margin-top:3px;opacity:.88;letter-spacing:.03em;text-transform:uppercase}.hd-bill-due{flex:0 0 auto;background:#fff3;border:1px solid rgba(255,255,255,.1);padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.hd-bill-card[data-ink=dark] .hd-bill-due{background:#00000014;border-color:#0000000f}.hd-bill-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px}.hd-bill-amount{font-family:Newsreader,Georgia,serif;font-size:26px;line-height:1}.hd-bill-icon{opacity:.85;display:grid;place-items:center}@media (prefers-reduced-motion: reduce){.hd-bill-card{transition:none}}@media (min-width: 720px){.hd-bill-stack{max-width:560px}.hd-bill-card{margin-top:-16px}}.hd-banner{--hd-b-title: var(--hd-text-strong, #2e2a26);--hd-b-sub: var(--hd-text-muted, #7f7669);display:flex;flex-direction:column;gap:clamp(10px,3vw,16px);box-sizing:border-box;width:100%;margin:0 0 14px;padding:clamp(14px,4vw,20px);background:var(--hd-b-bg);border:1px solid var(--hd-b-edge);border-radius:24px;overflow:hidden}.hd-banner__row{display:flex;align-items:center;gap:clamp(8px,3vw,18px)}.hd-banner__copy{flex:1 1 auto;min-width:0}.hd-banner__title{margin:0 0 4px;font-family:var(--hd-font-display, Georgia, "Times New Roman", serif);font-size:clamp(17px,4.6vw,21px);font-weight:400;line-height:1.2;color:var(--hd-b-title)}.hd-banner__sub{margin:0;font-size:clamp(12.5px,3.4vw,14px);line-height:1.45;color:var(--hd-b-sub);text-wrap:pretty}.hd-banner__art{position:relative;flex:0 0 auto;width:clamp(86px,26vw,134px);aspect-ratio:6 / 5;container-type:inline-size}.hd-banner__blob{position:absolute;left:8%;top:4%;width:84%;height:92%;border-radius:50%;background:var(--hd-b-blob)}.hd-tile{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:30%;background:var(--hd-b-tile);line-height:1;font-size:clamp(15px,4.4vw,23px)}.hd-tile--left{left:12%;top:50%;width:30%;height:36%;transform:rotate(-7deg)}.hd-tile--right{left:57%;top:50%;width:30%;height:36%;transform:rotate(7deg)}.hd-tile--front{left:33%;top:12%;width:33%;height:40%;font-size:clamp(17px,5vw,26px);animation:hd-b-float 5s ease-in-out infinite}@container (min-width: 1px){.hd-tile{font-size:17cqw}.hd-tile--front{font-size:19cqw}}@keyframes hd-b-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}.hd-banner--goals{--hd-b-bg: var(--hd-banner-goals-bg, #e4eedb);--hd-b-edge: var(--hd-banner-goals-edge, #cfe0c1);--hd-b-blob: #d6e6c9;--hd-b-tile: #fffdf7}.hd-banner--expenses{--hd-b-bg: var(--hd-banner-expenses-bg, #f9e2d2);--hd-b-edge: var(--hd-banner-expenses-edge, #eecdb6);--hd-b-blob: #f3d3bd;--hd-b-tile: #fffdf7}.hd-banner--income{--hd-b-bg: var(--hd-banner-income-bg, #dbe9e1);--hd-b-edge: var(--hd-banner-income-edge, #c3dccf);--hd-b-blob: #cbe1d5;--hd-b-tile: #fffdf7}.hd-banner--bills{--hd-b-bg: var(--hd-banner-bills-bg, #f7e1dc);--hd-b-edge: var(--hd-banner-bills-edge, #eec9c1);--hd-b-blob: #f1cdc4;--hd-b-tile: #fffdf7}.hd-banner--household{--hd-b-bg: var(--hd-banner-household-bg, #f9eac9);--hd-b-edge: var(--hd-banner-household-edge, #f0dcb0);--hd-b-blob: #d3e6c7;--hd-b-tile: #fffdf7}@media (max-width: 340px){.hd-banner__row{gap:8px}.hd-banner{padding:12px;border-radius:20px}.hd-banner__art{width:78px}}@media (min-width: 600px){.hd-banner__row{gap:24px}.hd-banner{padding:24px 28px}.hd-banner__art{width:150px}.hd-banner__sub{max-width:46ch}}@media (prefers-reduced-motion: reduce){.hd-tile--front{animation:none}}
