/* Soft surfaces, with the original semantic colors preserved. */
:is(.phone-shell,dialog) :where(button:not(.calendar-day):not(.ai-image-open):not(.ai-copy):not(.ai-settings-open):not(.calendar-legend button)){border:1px solid #d5e8f7;background-image:linear-gradient(165deg,#ffffff9c,#eaf5ff70);box-shadow:0 2px 5px #6097c00a,inset 0 1px 0 #ffffffd9,inset 0 -1px 0 #d1e4f11c;transition:transform 180ms cubic-bezier(.22,1,.36,1),box-shadow 180ms,border-color 180ms,background-color 180ms}
:is(.phone-shell,dialog) button.primary,:is(.phone-shell,dialog) .ai-send{background:linear-gradient(155deg,#85c3eb 0%,#64a9db 52%,#589bce 100%);color:#fff;border:1px solid #68a8d5;box-shadow:0 4px 10px #659bc325,inset 0 1px 0 #ffffff75,inset 0 -1px 0 #4d8bb52e}
:is(.phone-shell,dialog) .actions button:first-child{background:linear-gradient(150deg,#fffaf1,#fff1de);border-color:#f1dfc5;box-shadow:0 4px 10px #c7a77b0a,inset 0 1px 0 #fff}:is(.phone-shell,dialog) .actions button:nth-child(2){background:linear-gradient(150deg,#f5fcff,#e4f6ff);border-color:#cce9f7;box-shadow:0 4px 10px #699cbd0c,inset 0 1px 0 #fff}:is(.phone-shell,dialog) .actions button:nth-child(3){background:linear-gradient(150deg,#fcf9ff,#eee8ff);border-color:#e0d7f5;box-shadow:0 4px 10px #9d8fbd0c,inset 0 1px 0 #fff}
:is(.phone-shell,dialog) .miss-button{background:linear-gradient(150deg,#fff6fb,#fceaf3);border-color:#f0d6e5;box-shadow:0 4px 10px #be88a20b,inset 0 1px 0 #fff}:is(.phone-shell,dialog) button.pink,:is(.phone-shell,dialog) .read-all-button{background:linear-gradient(155deg,#fff5fa,#f8deeb)!important;border-color:#edcddd!important;color:#a86588!important;box-shadow:0 3px 9px #bd8ca015,inset 0 1px 0 #fff}:is(.phone-shell,dialog) .filter button.active{background:linear-gradient(155deg,#eef9ff,#d9edfd);border-color:#c6e2f7;color:#397ca9;box-shadow:0 2px 6px #77a5c011,inset 0 1px 0 #fff}
:is(.phone-shell,dialog) .ai-photo-tools button:first-child{background:linear-gradient(155deg,#f9fdff,#e6f4ff);border-color:#cce5f7}:is(.phone-shell,dialog) .ai-photo-tools button:nth-child(2){background:linear-gradient(155deg,#fff8fb,#fce9f2);border-color:#efd5e1}:is(.phone-shell,dialog) .tabs button{border:0!important;box-shadow:none!important;background:none!important}.nav-glider{background:linear-gradient(145deg,#effaff,#deefff);border:1px solid #d5eafa;box-shadow:inset 0 1px 0 #fff,0 2px 7px #6898be0a;transition:transform 310ms cubic-bezier(.22,1,.36,1),width 310ms cubic-bezier(.22,1,.36,1),height 310ms cubic-bezier(.22,1,.36,1)}
:is(.phone-shell,dialog) button:active:not(:disabled):not(.calendar-day):not(.ai-image-open):not(.tabs button){transform:translateY(1.5px) scale(.975);box-shadow:inset 0 2px 4px #5a8eaf12,0 1px 2px #719eb00a;transition-duration:80ms}:is(.phone-shell,dialog) button:disabled{transform:none;box-shadow:inset 0 1px 0 #fff7;opacity:.48}:is(.phone-shell,dialog) button:focus-visible{outline:3px solid #78b2dd;outline-offset:3px}
@media(hover:hover){:is(.phone-shell,dialog) button:hover:not(:disabled):not(.calendar-day):not(.ai-image-open):not(.tabs button){transform:translateY(-1px);box-shadow:0 4px 11px #6795b51a,inset 0 1px 0 #fff}}
@media(hover:hover){:is(.phone-shell,dialog) button:hover:active:not(:disabled):not(.calendar-day):not(.ai-image-open):not(.tabs button){transform:translateY(1.5px) scale(.975);box-shadow:inset 0 2px 4px #5a8eaf12;transition-duration:80ms}}
/* Illustrated empty states. */
.empty.empty-story{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;padding:28px 16px;border:1px dashed #d8e9f6;border-radius:24px;background:linear-gradient(145deg,#ffffffc7,#f1f9ffb8);text-align:center;animation:emptySoftIn 250ms ease-out}.empty-illustration{position:relative;width:170px;height:128px;display:grid;place-items:center;margin-bottom:8px}.empty-story .empty-illustration img{position:relative;z-index:1;width:158px;height:126px;object-fit:contain;object-position:center;margin:0;border-radius:0;background:none;mix-blend-mode:normal;filter:drop-shadow(0 4px 6px #8db2cb16)}.empty-cloud{position:absolute;left:17px;right:17px;height:59px;bottom:12px;border-radius:50%;background:radial-gradient(ellipse,#dceffc90,#eaf7ff33 65%,transparent 70%)}.empty-spark{position:absolute;z-index:2;color:#a4c8e3}.empty-spark.one{top:18px;right:5px;transform:rotate(12deg)}.empty-spark.two{bottom:20px;left:6px;color:#dbadca;transform:rotate(-12deg)}.empty-spark .ui-icon{width:13px;height:13px}.empty-story>strong{font-size:15px;font-weight:650;color:#5a819d;line-height:1.7}.empty-story>p{font-size:12px;color:#869fb2;line-height:1.8;margin:6px 0 0;max-width:245px}.empty-scene-period,.empty-scene-care{background:linear-gradient(145deg,#fffafd,#fff4f9)!important;border-color:#eddae5!important}.empty-scene-period>strong,.empty-scene-care>strong{color:#a77391}#periodHistory .empty-story{margin-top:12px}#aiHistoryList .empty-story{min-height:205px;border:0;background:#ffffff8c;padding:18px 12px}#aiHistoryList .empty-illustration{height:108px}#aiHistoryList .empty-illustration img{height:110px}#recent .empty-story{min-height:205px;padding:18px 12px}
@keyframes emptySoftIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){:is(.phone-shell,dialog) button,.nav-glider{transition:none!important}:is(.phone-shell,dialog) button:active:not(:disabled){transform:none!important}.empty-story{animation:none}}