@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app-top:#f6faff;--bg-app-bottom:#eef4fb;--bg-app:linear-gradient(180deg, var(--bg-app-top) 0%, var(--bg-app-bottom) 100%);--surface-card:#fff;--surface-card-soft:#fbfdff;--surface-wish-start:#fbf8f1;--surface-wish-end:#f1eee4;--accent-50:#f1f6fc;--accent-100:#e2edf9;--accent-200:#c9dcf1;--accent-400:#8fabce;--accent-500:#6f8fbd;--accent-600:#5c7aa8;--accent-700:#4c6890;--ink-900:#1e2b3d;--ink-700:#3d4a5c;--ink-500:#6b7684;--ink-400:#93a0ae;--ink-300:#b7c1cc;--hairline:#1e2b3d14;--hairline-soft:#1e2b3d0d;--font-serif:"Lora", "Iowan Old Style", "Georgia", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--radius-sm:14px;--radius-md:20px;--radius-lg:28px;--radius-xl:32px;--radius-pill:999px;--shadow-card:0 1px 2px #1e2b3d0a, 0 12px 32px #1e2b3d0f;--shadow-card-hover:0 2px 4px #1e2b3d0d, 0 18px 40px #1e2b3d14;--shadow-button:0 8px 20px #6f8fbd59;--shadow-avatar:0 4px 14px #1e2b3d1f;--space-3xs:4px;--space-2xs:8px;--space-xs:12px;--space-sm:16px;--space-md:20px;--space-lg:28px;--space-xl:36px;--space-2xl:48px;--max-width-app:480px;--transition-soft:.32s cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{font-family:var(--font-sans);color:var(--ink-700);background:var(--bg-app-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0}h1,h2,h3,p{margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}*{-webkit-tap-highlight-color:transparent}.app-shell{background:var(--bg-app-bottom);justify-content:center;width:100%;height:100dvh;display:flex}.app-shell__frame{width:100%;max-width:var(--max-width-app);background:var(--bg-app);height:100%;box-shadow:none;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}@media (width>=540px){.app-shell{padding:32px 0}.app-shell__frame{border-radius:44px;height:92vh;box-shadow:0 30px 80px #1e2b3d29,0 2px 8px #1e2b3d14}}.app-shell__content{min-height:0;padding:env(safe-area-inset-top,0) 0 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.app-shell__content::-webkit-scrollbar{width:0;height:0;display:none}.bottom-nav{z-index:10;padding:10px 6px max(env(safe-area-inset-bottom,0px), 14px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--hairline-soft);background:#ffffffe0;justify-content:space-around;align-items:center;display:flex;position:sticky;bottom:0}.bottom-nav__item{color:var(--ink-400);transition:color var(--transition-soft), transform var(--transition-soft);flex-direction:column;align-items:center;gap:4px;padding:6px 10px;font-size:11.5px;font-weight:500;display:flex}.bottom-nav__item:active{transform:scale(.94)}.bottom-nav__item--active{color:var(--accent-500)}.header{padding:max(env(safe-area-inset-top,0px), 18px) var(--space-lg) 0;flex-shrink:0}.header__top{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.header__greeting{font-family:var(--font-serif);color:var(--ink-900);letter-spacing:-.01em;max-width:260px;font-size:26px;font-weight:500;line-height:1.15}.header__emoji{font-size:21px}.header__avatar{width:96px;height:96px;box-shadow:var(--shadow-avatar);background:linear-gradient(160deg, var(--accent-100), var(--accent-200));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.header__avatar img{object-fit:cover;width:100%;height:100%}.header__avatar-fallback{font-family:var(--font-serif);color:var(--accent-700);font-size:34px}.header__date{align-items:baseline;gap:6px;margin-top:10px;display:flex}.header__date-full{color:var(--accent-600);font-size:14px;font-weight:500}.header__weekday{color:var(--ink-500);font-size:14px}.header__weekday:before{content:"·";color:var(--ink-300);margin-right:6px}.wish-modal{z-index:50;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wish-modal__backdrop{-webkit-backdrop-filter:blur(3px);background:#141c296b;border:none;padding:0;animation:.22s both wish-modal-fade;position:absolute;inset:0}.wish-modal__sheet{z-index:1;background:linear-gradient(160deg, var(--surface-wish-start) 0%, var(--surface-wish-end) 100%);border-radius:var(--radius-xl);width:100%;max-width:340px;max-height:78vh;padding:24px 22px 26px;animation:.26s cubic-bezier(.22,1,.36,1) both wish-modal-pop;position:relative;overflow-y:auto;box-shadow:0 20px 60px #1e2b3d47}.wish-modal__illustration{pointer-events:none;z-index:0;width:50%;height:62%;position:absolute;top:-6px;right:-6px}.wish-modal__leaf{width:100%;height:100%}.wish-modal__close{z-index:1;width:32px;height:32px;color:var(--ink-500);transition:background var(--transition-soft), transform var(--transition-soft);background:#ffffffb8;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.wish-modal__close:active{transform:scale(.92)}.wish-modal__badge{z-index:1;border-radius:var(--radius-pill);color:var(--accent-600);background:#ffffffb8;align-items:center;gap:6px;padding:7px 14px 7px 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.wish-modal__text{z-index:1;max-width:84%;font-family:var(--font-serif);color:var(--ink-900);white-space:pre-line;margin-top:18px;font-size:20px;line-height:1.42;position:relative}@keyframes wish-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes wish-modal-pop{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.wish-modal__backdrop,.wish-modal__sheet{animation:none}}.wish-card{min-height:210px;margin:12px var(--space-lg) 0;border-radius:var(--radius-xl);background:linear-gradient(160deg, var(--surface-wish-start) 0%, var(--surface-wish-end) 100%);box-shadow:var(--shadow-card);isolation:isolate;flex-direction:column;flex:auto;padding:18px;display:flex;position:relative;overflow:hidden}.wish-card__illustration{pointer-events:none;z-index:0;width:54%;height:80%;position:absolute;top:-10px;right:-8px}.wish-card__leaf{width:100%;height:100%}.wish-card__badge{z-index:1;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent-600);background:#ffffffb8;flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;padding:6px 13px 6px 11px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.wish-card__text{z-index:1;max-width:78%;font-family:var(--font-serif);color:var(--ink-900);white-space:pre-line;margin-top:14px;font-size:21px;line-height:1.28;position:relative}.wish-card__button{z-index:1;border-radius:var(--radius-pill);background:var(--accent-500);color:#fff;box-shadow:var(--shadow-button);transition:transform var(--transition-soft), background var(--transition-soft);flex-shrink:0;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:12px 20px;font-size:14.5px;font-weight:500;display:inline-flex;position:relative}.wish-card__button:active{transform:scale(.97)}.action-card{margin:10px var(--space-lg) 0;border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-card);align-items:center;gap:var(--space-sm);flex-shrink:0;padding:12px 12px 12px 16px;display:flex}.action-card__body{flex:1;min-width:0}.action-card__label{color:var(--accent-600);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.action-card__label-icon{color:var(--accent-400)}.action-card__text{font-family:var(--font-serif);color:var(--ink-900);transition:color var(--transition-soft);margin-top:5px;font-size:15.5px;line-height:1.35}.action-card__text--done{color:var(--ink-400);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-300);text-decoration-color:var(--ink-300)}.action-card__icon-button{background:var(--accent-50);width:38px;height:38px;color:var(--accent-500);transition:background var(--transition-soft), color var(--transition-soft), transform var(--transition-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-card__icon-button:active{transform:scale(.94)}.action-card__icon-button--done{background:var(--accent-500);color:#fff}.action-card__icon-button--done:active{background:var(--accent-600)}.message-card{margin:10px var(--space-lg) 0;border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-card);flex-shrink:0;padding:16px 18px}.message-card__label{color:var(--accent-600);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.message-card__label-icon{color:var(--accent-400)}.message-card__text{font-family:var(--font-serif);color:var(--ink-900);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:16.5px;line-height:1.48;display:-webkit-box;overflow:hidden}.message-card__text--open{-webkit-line-clamp:unset;display:block;overflow:visible}.message-card__footer{justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;display:flex}.message-card__author{color:var(--ink-500);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.message-card__more{color:var(--accent-500);flex-shrink:0;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.message-card__more-icon--up{transform:rotate(180deg)}.today-page{flex-direction:column;min-height:100%;padding-bottom:10px;display:flex}.empty-state{text-align:center;min-height:60vh;padding:var(--space-2xl) var(--space-xl) var(--space-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{background:var(--accent-50);width:64px;height:64px;color:var(--accent-400);margin-bottom:var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state__title{font-family:var(--font-serif);color:var(--ink-900);font-size:22px}.empty-state__description{margin-top:var(--space-2xs);color:var(--ink-500);max-width:260px;font-size:15px;line-height:1.5}.page-title{padding:max(env(safe-area-inset-top,0px), 28px) var(--space-lg) 0}.page-title__title{font-family:var(--font-serif);color:var(--ink-900);letter-spacing:-.01em;font-size:30px;font-weight:500}.page-title__subtitle{color:var(--ink-500);margin-top:6px;font-size:15px}