@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%);--glass-blur:22px;--glass-bg:#fff9;--glass-border:#ffffff8c;--glass-wish-bg:linear-gradient(160deg, #fbf8f1b8 0%, #f1eee4b8 100%);--glass-modal-bg:#ffffffe0;--glass-modal-wish-bg:linear-gradient(160deg, #fbf8f1e6 0%, #f1eee4e6 100%);--surface-card:var(--glass-bg);--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;--onbg-900:var(--ink-900);--onbg-700:var(--ink-700);--onbg-500:var(--ink-500);--onbg-400:var(--ink-400);--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;--ease-out:cubic-bezier(.23, 1, .32, 1);--transition-press:.14s var(--ease-out);--transition-fill:.2s ease;--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%;display:flex;position:fixed;inset:0}.app-shell__frame{width:100%;max-width:var(--max-width-app);background:var(--bg-app);height:100%;box-shadow:none;flex-direction:column;transition:background .9s;display:flex;position:relative;overflow:hidden}.app-shell__frame:before{content:"";height:calc(env(safe-area-inset-top,20px) + 28px);pointer-events:none;z-index:2;background:linear-gradient(#080c1452 0%,#080c1424 55%,#0000 100%);position:absolute;top:0;left:0;right:0}.app-shell[data-time-of-day=morning] .app-shell__frame{background:linear-gradient(#f8fbff 0%,#fbf3e9 100%)}.app-shell[data-time-of-day=day] .app-shell__frame{background:linear-gradient(#eaf4ff 0%,#d8ecfb 100%)}.app-shell[data-time-of-day=evening] .app-shell__frame{background:linear-gradient(#b9c4e8 0%,#e8cac6 55%,#f6dab2 100%)}.app-shell[data-time-of-day=night] .app-shell__frame{background:linear-gradient(#0e1626 0%,#1b2a44 55%,#263a57 100%)}.app-shell[data-time-of-day=night]{--onbg-900:#f4f7fc;--onbg-700:#d7e0ec;--onbg-500:#aab8cc;--onbg-400:#7f90a8;--glass-bg:#1e293b8c;--glass-border:#ffffff1a;--glass-wish-bg:linear-gradient(160deg, #26213099 0%, #1e293b99 100%);--glass-modal-bg:#141c2cf7;--glass-modal-wish-bg:linear-gradient(160deg, #241f2ef7 0%, #1c2739f7 100%);--surface-card:var(--glass-bg);--ink-900:#f4f7fc;--ink-700:#d7e0ec;--ink-500:#aab8cc;--ink-400:#7f90a8;--ink-300:#5c6e88;--hairline:#ffffff1f;--hairline-soft:#ffffff14}.app-shell[data-time-of-day=night] .wish-modal__backdrop,.app-shell[data-time-of-day=night] .day-modal__backdrop{background:#05080fc7}@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 78px;-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{width:100%;max-width:var(--max-width-app);z-index:10;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--hairline-soft);background:#ffffffe0;justify-content:space-around;align-items:center;margin:0 auto;padding:10px 6px 14px;transition:background .9s,border-color .9s;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--ink-400);transition:color var(--transition-fill), transform var(--transition-press);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)}@media (width>=540px){.bottom-nav{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;position:absolute}}.app-shell[data-time-of-day=night] .bottom-nav{background:#121a2adb;border-top-color:#ffffff14}.app-shell[data-time-of-day=night] .bottom-nav__item{color:#7f90a8}.app-shell[data-time-of-day=night] .bottom-nav__item--active{color:var(--accent-200)}.header{padding: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(--onbg-900);letter-spacing:-.01em;max-width:260px;font-size:26px;font-weight:500;line-height:1.15;transition:color .9s}.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;transition:color .9s}.header__weekday{color:var(--onbg-500);font-size:14px;transition:color .9s}.header__weekday:before{content:"·";color:var(--onbg-400);margin-right:6px}.app-shell[data-time-of-day=night] .header__date-full{color:var(--accent-200)}.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);animation:wish-modal-fade .22s var(--ease-out) both;background:#141c296b;border:none;padding:0;position:absolute;inset:0}.wish-modal__sheet{z-index:1;background:var(--glass-modal-wish-bg);width:100%;max-width:340px;min-height:220px;max-height:78vh;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);justify-content:center;align-items:center;padding:36px 28px;animation:.26s cubic-bezier(.22,1,.36,1) both wish-modal-pop;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #1e2b3d47}.wish-modal--closing .wish-modal__backdrop{animation:wish-modal-fade .18s var(--ease-out) both reverse}.wish-modal--closing .wish-modal__sheet{animation:wish-modal-pop-out .18s var(--ease-out) both}.wish-modal__illustration{pointer-events:none;z-index:0;width:46%;height:56%;position:absolute;top:-6px;right:-6px}.wish-modal__leaf{width:100%;height:100%}.wish-modal__text{z-index:1;max-width:90%;font-family:var(--font-serif);color:var(--ink-900);text-align:center;white-space:pre-line;margin:0 auto;font-size:20px;line-height:1.45;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)}}@keyframes wish-modal-pop-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(4px)}}@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:var(--glass-wish-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-card);isolation:isolate;transition:background .9s ease, border-color .9s ease, transform var(--transition-press);text-align:left;cursor:pointer;flex-direction:column;flex:auto;padding:18px;display:flex;position:relative;overflow:hidden}.wish-card:active{transform:scale(.985)}.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;transition:background .9s,color .9s;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__hint{z-index:1;width:34px;height:34px;color:var(--accent-600);background:#ffffff8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;transition:background .9s;display:flex;position:relative}.app-shell[data-time-of-day=night] .wish-card__badge,.app-shell[data-time-of-day=night] .wish-card__hint{color:var(--accent-200);background:#ffffff1a}.action-card{margin:10px var(--space-lg) 0;border-radius:var(--radius-lg);background:var(--surface-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-card);align-items:center;gap:var(--space-sm);flex-shrink:0;padding:12px 12px 12px 16px;transition:background .9s,border-color .9s;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-fill);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-fill), color var(--transition-fill), transform var(--transition-press);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)}.app-shell[data-time-of-day=night] .action-card__icon-button:not(.action-card__icon-button--done){color:var(--accent-200);background:#ffffff1a}.message-card{margin:10px var(--space-lg) 0;border-radius:var(--radius-lg);background:var(--surface-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-card);flex-shrink:0;padding:16px 18px;transition:background .9s,border-color .9s}.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{transition:transform .18s var(--ease-out)}.message-card__more-icon--up{transform:rotate(180deg)}.today-page{flex-direction:column;min-height:100%;padding-bottom:10px;display:flex}.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(--onbg-900);letter-spacing:-.01em;font-size:30px;font-weight:500;transition:color .9s}.page-title__subtitle{color:var(--onbg-500);margin-top:6px;font-size:15px;transition:color .9s}.day-modal{z-index:50;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.day-modal__backdrop{-webkit-backdrop-filter:blur(3px);animation:day-modal-fade .22s var(--ease-out) both;background:#141c296b;border:none;padding:0;position:absolute;inset:0}.day-modal__sheet{z-index:1;background:var(--glass-modal-bg);width:100%;max-width:340px;max-height:82vh;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);scrollbar-width:none;-ms-overflow-style:none;padding:28px 24px;animation:.26s cubic-bezier(.22,1,.36,1) both day-modal-pop;position:relative;overflow-y:auto;box-shadow:0 20px 60px #1e2b3d47}.day-modal__sheet::-webkit-scrollbar{display:none}.day-modal--closing .day-modal__backdrop{animation:day-modal-fade .18s var(--ease-out) both reverse}.day-modal--closing .day-modal__sheet{animation:day-modal-pop-out .18s var(--ease-out) both}.day-modal__date{text-align:center;border-bottom:1px solid var(--hairline-soft);padding-bottom:18px}.day-modal__date-day{font-family:var(--font-serif);color:var(--ink-900);font-size:21px;display:block}.day-modal__date-weekday{color:var(--ink-500);margin-top:2px;font-size:13px;display:block}.day-modal__section{padding:16px 0}.day-modal__section+.day-modal__section{border-top:1px solid var(--hairline-soft)}.day-modal__label{color:var(--accent-600);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.day-modal__wish{font-family:var(--font-serif);color:var(--ink-900);white-space:pre-line;margin-top:8px;font-size:18px;line-height:1.42}.day-modal__text{font-family:var(--font-serif);color:var(--ink-700);margin-top:8px;font-size:15.5px;line-height:1.45}.day-modal__author{color:var(--ink-500);margin-top:8px;font-size:13px;display:block}@keyframes day-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes day-modal-pop{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes day-modal-pop-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(4px)}}@media (prefers-reduced-motion:reduce){.day-modal__backdrop,.day-modal__sheet{animation:none}}.history-page{padding-bottom:16px}.calendar{margin:var(--space-md) var(--space-lg) 0;background:var(--surface-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 16px;transition:background .9s,border-color .9s}.calendar__header{justify-content:space-between;align-items:center;display:flex}.calendar__month{font-family:var(--font-serif);color:var(--ink-900);font-size:16px}.calendar__nav{width:32px;height:32px;color:var(--accent-600);transition:background var(--transition-fill), opacity var(--transition-fill), transform var(--transition-press);border-radius:50%;justify-content:center;align-items:center;display:flex}.calendar__nav:active:not(:disabled){background:var(--accent-50);transform:scale(.92)}.calendar__nav:disabled{opacity:.25}.calendar__weekdays{grid-template-columns:repeat(7,1fr);margin-top:16px;display:grid}.calendar__weekdays span{text-align:center;color:var(--ink-400);text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:500}.calendar__grid{grid-template-columns:repeat(7,1fr);row-gap:4px;margin-top:8px;display:grid}.calendar__cell{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.calendar__day{width:34px;max-width:100%;height:34px;max-height:100%;color:var(--ink-900);transition:background var(--transition-fill), color var(--transition-fill), transform var(--transition-press);border-radius:50%;font-size:13.5px;font-weight:500}.calendar__day:active:not(:disabled){background:var(--accent-100);transform:scale(.88)}.calendar__day--today{background:var(--accent-500);color:#fff}.calendar__day--future,.calendar__day--before-start{color:var(--ink-300);cursor:default;font-weight:400}.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;transition:background .9s;display:flex}.app-shell[data-time-of-day=night] .empty-state__icon{color:var(--accent-200);background:#ffffff14}.empty-state__title{font-family:var(--font-serif);color:var(--onbg-900);font-size:22px;transition:color .9s}.empty-state__description{margin-top:var(--space-2xs);color:var(--onbg-500);max-width:260px;font-size:15px;line-height:1.5;transition:color .9s}