#daily-opening-dialog{width:100vw;max-width:none;height:100dvh;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#322d43}
#daily-opening-dialog::backdrop{background:rgba(42,37,61,.35);backdrop-filter:blur(3px)}
.recap-preview{border:1px solid #cfe2ee;border-radius:9px;background:#f7fcff;color:#527b96;padding:10px 12px;font:600 12px/1 "DM Sans","Noto Sans SC",sans-serif;cursor:pointer;white-space:nowrap}.recap-preview:hover,.recap-preview:focus-visible{border-color:#9cc6df;background:#fff;color:#386a8d;outline:0}
.daily-opening-screen{box-sizing:border-box;display:grid;place-items:center;width:100%;height:100%;padding:24px;opacity:0;transform:scale(1.015);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
#daily-opening-dialog.is-visible .daily-opening-screen{opacity:1;transform:scale(1)}
.daily-opening-card{position:relative;width:min(560px,100%);padding:34px;border:1px solid rgba(255,255,255,.76);border-radius:28px;background:linear-gradient(145deg,#fffefc,#f7f3ff);box-shadow:0 24px 80px rgba(42,34,72,.24);overflow:hidden}
.daily-opening-card::before{position:absolute;right:-70px;top:-105px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(181,166,245,.44),rgba(181,166,245,0) 69%);content:'';pointer-events:none}
.daily-opening-skip{position:absolute;z-index:1;right:19px;top:17px;border:0;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.72);color:#787183;font:600 12px/1 "DM Sans","Noto Sans SC",sans-serif;cursor:pointer}.daily-opening-skip:hover,.daily-opening-skip:focus-visible{background:#ece7ff;color:#6052af;outline:0}
.daily-opening-eyebrow{position:relative;margin:0;color:#8377b8;font:700 11px/1.2 "DM Sans","Noto Sans SC",sans-serif;letter-spacing:1.25px}.daily-opening-card h2{position:relative;margin:8px 0 0;font-size:28px;letter-spacing:-.75px}.daily-opening-summary{position:relative;max-width:400px;margin:15px 0 25px;color:#615b6d;font-size:15px;line-height:1.7}
.daily-opening-metrics{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.daily-opening-metric{min-height:64px;padding:12px 14px;border:1px solid #e7e1f2;border-radius:15px;background:rgba(255,255,255,.75);display:grid;align-content:center;gap:4px}.daily-opening-metric span{color:#8d8798;font-size:11px;font-weight:600}.daily-opening-metric strong{color:#3d3650;font-size:16px;letter-spacing:-.25px}.daily-opening-metric.is-study{border-color:#dfe3ff}.daily-opening-metric.is-workout{border-color:#ffe4d8}.daily-opening-metric.is-pending{border-color:#d9ecf9}.daily-opening-metric.is-streak{background:#f2efff}.daily-opening-empty{position:relative;margin:0;padding:15px 16px;border-radius:15px;background:#fffdf7;color:#8b8494;font-size:13px;line-height:1.6}.daily-opening-hint{position:relative;margin:21px 0 0;color:#9a94a4;font-size:11px;text-align:center}
#daily-opening-dialog.is-visible .daily-opening-eyebrow,#daily-opening-dialog.is-visible .daily-opening-card h2,#daily-opening-dialog.is-visible .daily-opening-summary,#daily-opening-dialog.is-visible .daily-opening-empty,#daily-opening-dialog.is-visible .daily-opening-hint{animation:daily-opening-rise .34s ease both}#daily-opening-dialog.is-visible .daily-opening-metric{animation:daily-opening-rise .32s ease both;animation-delay:calc(.32s + var(--metric-index,0) * .13s)}.daily-opening-card h2{animation-delay:.08s}.daily-opening-summary{animation-delay:.18s}.daily-opening-empty{animation-delay:.38s}.daily-opening-hint{animation-delay:1.38s}@keyframes daily-opening-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
body.daily-opening-active{overflow:hidden}
@media(max-width:520px){.daily-opening-screen{padding:15px}.daily-opening-card{padding:29px 20px 23px;border-radius:23px}.daily-opening-card h2{font-size:25px}.daily-opening-summary{font-size:14px}.daily-opening-metrics{grid-template-columns:1fr}.daily-opening-metric{min-height:56px}.daily-opening-hint{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.daily-opening-screen,#daily-opening-dialog.is-visible .daily-opening-screen{transition:none;transform:none}#daily-opening-dialog *{animation:none!important;transition:none!important}}