.mb-host{display:grid;justify-items:center;gap:.75rem;inline-size:100%;max-inline-size:440px}.mb-replay{appearance:none;border:1px solid rgb(11 11 20/.14);background:#ffffff;color:#0b0b14;font:inherit;font-size:.875rem;font-weight:600;padding:.45rem 1rem;border-radius:999px;cursor:pointer}.mb-replay:hover{background:#fff4e5}.mb-replay:focus-visible{outline:2px solid #0974f1;outline-offset:2px}.mb{width:100%;max-width:440px;& .ss-stage{overflow:hidden;border-radius:28px;background:#fff1e4}.mb-wash{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 0,rgb(255 199 158/.7),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgb(159 204 250/.35),transparent 70%)}.mb-phone{position:absolute;top:28px;left:30px}.ss-stage[data-layout=compact] .mb-phone{top:22px;left:14px}.mb-lock{position:absolute;inset:0;transition:opacity .45s ease}.mb-lock[data-gone]{opacity:0}.mb-lock .ss-notification__icon img{display:block;inline-size:100%;block-size:100%;border-radius:inherit}.mb-under{position:absolute;inset:0;background:#c9c9cf;opacity:0;transition:opacity .45s ease}.mb-under[data-open]{opacity:1}.mb-sheet{position:absolute;top:64px;left:0;right:0;bottom:0;padding:0 16px;overflow:hidden;border-radius:38px 38px 0 0;background:#ebebf0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,DM Sans,system-ui,sans-serif;color:#000000;transform:translateY(102%);transition:transform .65s cubic-bezier(.32,.72,0,1)}.mb-sheet[data-open]{transform:none}.mb-sheet__sunrise{position:absolute;inset:0 0 auto;height:280px;background:linear-gradient(180deg,#ffc79e,#ffe0bd 55%,rgb(255 224 189/0))}.mb-sheet__grabber{position:relative;width:36px;height:5px;margin:6px auto 0;border-radius:3px;background:rgb(60 60 67/.3)}.mb-greet{position:relative;display:grid;justify-items:center;gap:8px;padding:30px 0 22px;text-align:center}.mb-greet__hello{display:grid;font-size:30px;font-weight:700;line-height:1.1;letter-spacing:-.01em}.mb-greet__date{font-size:16px;font-weight:500;color:#6b7280}.mb-weather{position:relative;display:grid;grid-template-columns:173px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:16px}.mb-weather__card{display:grid;justify-items:start;gap:8px;padding:16px;border-radius:24px;background:linear-gradient(135deg,rgb(198 225 250/.75),rgb(255 255 255/.9)),#ffffff;box-shadow:inset 0 0 0 .5px rgb(0 0 0/.05)}.mb-weather__icon{color:#f5a524}.mb-weather__temp{font-size:38px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.mb-weather__cond,.mb-weather__hl{font-size:14px;font-weight:600;color:#4b5563;line-height:1.3}.mb-weather__hl{display:flex;gap:10px}.mb-weather__hl>span{display:inline-flex;align-items:center;gap:2px}.mb-weather__note{display:grid;gap:6px;padding:6px 4px 0}.mb-weather__head{font-size:17px;font-weight:700;line-height:1.25}.mb-weather__body{font-size:15px;line-height:1.35}.mb-card{position:relative;display:flex;gap:16px;padding:20px;margin-bottom:16px;border-radius:24px;background:#ffffff;box-shadow:inset 0 0 0 .5px rgb(0 0 0/.05)}.mb-yday{align-items:center}.mb-rings{flex:none}.mb-ring__fill,.mb-ring__track{fill:none;stroke-width:10}.mb-ring__fill{stroke-linecap:round;transform:rotate(-90deg);transform-origin:52px 52px;transition:stroke-dashoffset 1.1s cubic-bezier(.25,.8,.25,1)}.mb-ring--move{stroke:#ff930f}.mb-ring--ex{stroke:#59d102}.mb-ring--steps{stroke:#0974f1}.mb-ring__track{opacity:.12}.mb-yday__text{display:grid;gap:4px;min-width:0}.mb-yday__label{font-size:16px;font-weight:600;color:#6b7280}.mb-yday__summary{font-size:16px;font-weight:500;line-height:1.3}.mb-yday__chips{display:grid;gap:6px;padding-top:4px}.mb-chip{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#6b7280;font-variant-numeric:tabular-nums}.mb-chip:before{content:"";flex:none;margin-right:2px;width:6px;height:6px;border-radius:50%;background:currentColor}.mb-chip--move:before{background:#ff930f}.mb-chip--ex:before{background:#59d102}.mb-chip--steps:before{background:#0974f1}.mb-tip{align-items:flex-start;gap:14px}.mb-tip__disc{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgb(87 171 242/.15);color:rgb(87 171 242)}.mb-tip__text{font-size:16px;line-height:1.35;padding-top:2px}.mb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (prefers-reduced-motion:reduce){.mb-replay{display:none}}