#content{container-type:inline-size}#content .greeting{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;margin:4px 0 18px;border:1px solid #dce3f6;border-radius:18px;background:radial-gradient(ellipse at 0 0,#d8f5ff88,transparent 55%),linear-gradient(120deg,#f9fbff,#eee9ff);box-shadow:0 8px 24px #625aa008}#content .greeting-robot{width:44px;height:50px;object-fit:contain;filter:drop-shadow(0 4px 6px #7466b324)}.greeting-copy{min-width:0}.greeting-eyebrow{display:block;font-size:8px;font-weight:650;letter-spacing:.7px;text-transform:uppercase;color:#7b6ca8;margin-bottom:5px}#content .greeting h1{font-size:21px;line-height:1.2;letter-spacing:-.5px;overflow-wrap:anywhere}#content .greeting p{font-size:10px;line-height:1.5;margin-top:5px}#content .greeting-calendar{display:flex;width:auto;margin:0;gap:6px;min-width:0}#content .greeting-date-card{flex:initial;min-width:0;min-height:58px;padding:8px 10px;gap:3px;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:11px;box-shadow:none}#content .greeting-day{background:#e4ddff;min-width:44px}#content .greeting-day strong{font-size:23px}#content .greeting-date-card span{font-size:9px}#content .greeting-month strong{font-size:11px;white-space:nowrap}#content .greeting-clock time{font-size:17px;white-space:nowrap}.dark #content .greeting{background:radial-gradient(ellipse at 0 0,#334a6260,transparent 60%),linear-gradient(120deg,#252d3b,#302b40);border-color:#434556}.dark .greeting-eyebrow{color:#bdaddf}.dark #content .greeting-date-card{background:#ffffff08;border-color:#ffffff14}.dark #content .greeting-day{background:#aa8ce31a}@container(max-width:620px){#content .greeting{grid-template-columns:38px minmax(0,1fr);gap:10px 12px;padding:14px}#content .greeting-robot{width:38px;height:44px}#content .greeting-calendar{grid-column:1/-1;width:100%}#content .greeting-date-card{flex:1;min-height:50px;padding:7px 9px}#content .greeting-month{flex:1.4}#content .greeting h1{font-size:20px}}@container(max-width:340px){#content .greeting{padding:12px;gap:9px}#content .greeting h1{font-size:18px}#content .greeting-eyebrow{font-size:7px}#content .greeting-calendar{gap:4px}#content .greeting-date-card{padding:7px 6px}#content .greeting-clock time{font-size:15px}#content .greeting-month strong{font-size:10px}}
#content .greeting-avatar{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 9px #7666af20;filter:none}@container(max-width:620px){#content .greeting-avatar{width:38px;height:38px}}
.greeting-scene{position:relative;display:block;width:44px;height:50px;border-radius:13px;overflow:hidden;isolation:isolate;background:linear-gradient(155deg,#b6e8ff,#e9f5ff);box-shadow:inset 0 0 0 1px #ffffff80,0 3px 9px #7666af18}.scene-sun{position:absolute;width:18px;height:18px;top:8px;left:15px;border-radius:50%;background:#ffe293;box-shadow:0 0 0 4px #fff3b940,0 0 14px #ffe6a9}.scene-hill{position:absolute;bottom:-12px;width:65px;height:32px;border-radius:50%;transform:rotate(-15deg)}.scene-hill-back{left:-18px;background:#92b6dc;bottom:-3px}.scene-hill-front{right:-20px;background:#6486bf}.greeting-scene[data-day-phase=morning]{background:linear-gradient(#c9d5ff,#ffdec2)}[data-day-phase=morning] .scene-sun{top:21px;left:8px;background:#ffc78c}[data-day-phase=morning] .scene-hill-back{background:#b6a5d5}[data-day-phase=morning] .scene-hill-front{background:#8b8dbb}.greeting-scene[data-day-phase=evening]{background:linear-gradient(#8675c6,#f3b7a7)}[data-day-phase=evening] .scene-sun{top:23px;left:23px;background:#ffd1a0;box-shadow:0 0 12px #ffc68980}[data-day-phase=evening] .scene-hill-back{background:#8074ad}[data-day-phase=evening] .scene-hill-front{background:#555f91}.greeting-scene[data-day-phase=night]{background:linear-gradient(#253356,#58678c)}[data-day-phase=night] .scene-sun{display:none}.scene-moon{display:none;position:absolute;top:8px;right:8px;width:15px;height:15px;border-radius:50%;box-shadow:-4px 3px 0 0 #fff1ca;transform:rotate(-15deg)}[data-day-phase=night] .scene-moon{display:block}[data-day-phase=night] .scene-stars{position:absolute;top:10px;left:9px;width:2px;height:2px;border-radius:50%;background:white;box-shadow:6px 10px white,21px 13px #fff9,1px 19px #fff9}[data-day-phase=night] .scene-hill-back{background:#465779}[data-day-phase=night] .scene-hill-front{background:#30405e}@container(max-width:620px){.greeting-scene{width:38px;height:44px;border-radius:11px}}
[data-day-phase=evening] .scene-sun{top:15px;left:23px}.scene-sun,.scene-moon,.scene-stars{z-index:1}.scene-hill{z-index:2}