:root{--font-quote: "Shippori Mincho", "Songti SC", "Noto Serif JP", serif;--font-ui: "Zen Maru Gothic", system-ui, -apple-system, "PingFang SC", "Hiragino Sans", sans-serif;--rose: #ff5277;--rose-soft: #ff8aa0;--ink: #5a3d46;--ink-soft: #9b7d84;--muted: #c1a3aa;--bg-1: #fff6f4;--bg-2: #ffe6ea;--bg-3: #ffd9d0;--card: rgba(255, 255, 255, .62);--card-border: rgba(255, 255, 255, .8);--shadow: 0 24px 60px -28px rgba(214, 92, 116, .55);--maxw: 34rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100svh;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,#fffafa 0%,transparent 60%),linear-gradient(165deg,var(--bg-1) 0%,var(--bg-2) 52%,var(--bg-3) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}#app{position:relative;display:flex;flex-direction:column;min-height:100svh;padding:max(1rem,env(safe-area-inset-top)) 1.25rem max(1rem,env(safe-area-inset-bottom));overflow-x:hidden}.bg-hearts{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-heart{position:absolute;bottom:-3rem;color:var(--rose);opacity:0;font-size:1.5rem;animation:float-up 14s linear infinite}.bg-heart-1{left:8%;font-size:1.1rem;animation-duration:16s;animation-delay:0s}.bg-heart-2{left:24%;font-size:1.8rem;animation-duration:19s;animation-delay:4s}.bg-heart-3{left:47%;font-size:1rem;animation-duration:13s;animation-delay:7s}.bg-heart-4{left:66%;font-size:1.5rem;animation-duration:21s;animation-delay:2s}.bg-heart-5{left:82%;font-size:1.2rem;animation-duration:17s;animation-delay:9s}.bg-heart-6{left:92%;font-size:.9rem;animation-duration:15s;animation-delay:12s}@keyframes float-up{0%{transform:translateY(0) scale(.8) rotate(-8deg);opacity:0}12%{opacity:.18}88%{opacity:.18}to{transform:translateY(-112svh) scale(1) rotate(8deg);opacity:0}}.top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:700;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rose)}.lang{display:inline-flex;gap:.15rem;padding:.2rem;background:#ffffff80;border-radius:999px;backdrop-filter:blur(6px)}.lang-btn{border:0;background:transparent;color:var(--ink-soft);font-family:var(--font-ui);font-weight:500;font-size:.8rem;min-width:2rem;padding:.3rem .55rem;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.lang-btn:hover{color:var(--ink)}.lang-btn.is-active{background:var(--rose);color:#fff;box-shadow:0 6px 14px -6px #ff5277cc}.stage{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;width:100%;max-width:var(--maxw);margin:0 auto;text-align:center;padding:1.5rem 0}.heart{width:4.2rem;height:4.2rem;color:var(--rose);filter:drop-shadow(0 10px 18px rgba(255,82,119,.45));animation:heartbeat 2.8s ease-in-out infinite}.heart svg{width:100%;height:100%;fill:currentColor}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.08)}56%{transform:scale(1)}}.day{display:flex;align-items:center;gap:.5rem;font-size:.8rem;letter-spacing:.08em;color:var(--ink-soft)}.day-dot{opacity:.5}.card{width:100%;padding:2.2rem 1.6rem 2.4rem;background:var(--card);border:1px solid var(--card-border);border-radius:1.75rem;box-shadow:var(--shadow);backdrop-filter:blur(14px);animation:card-in .9s cubic-bezier(.22,1,.36,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.today-word{margin:0 0 1.1rem;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--rose-soft)}.quote{margin:0;font-family:var(--font-quote);font-weight:500;font-size:clamp(1.4rem,5.6vw,1.85rem);line-height:1.95;color:var(--ink);text-align:center;word-break:normal;line-break:strict}.quote.is-in{animation:quote-in .8s ease both}@keyframes quote-in{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.author{display:block;margin-top:1.25rem;font-style:normal;font-size:.85rem;color:var(--ink-soft)}.share{display:inline-flex;align-items:center;gap:.5rem;margin-top:.4rem;padding:.8rem 1.6rem;border:0;border-radius:999px;background:linear-gradient(135deg,#ff6b8a,#ff4f72);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:0 14px 26px -12px #ff4f72e6;transition:transform .15s ease,box-shadow .15s ease,opacity .2s}.share:hover{transform:translateY(-2px);box-shadow:0 18px 30px -12px #ff4f72f2}.share:active{transform:translateY(0) scale(.98)}.share:disabled{opacity:.6;cursor:default;transform:none}.share-heart{font-size:.95rem}.foot{position:relative;z-index:1;text-align:center;padding-top:1rem;font-size:.72rem;letter-spacing:.14em;color:var(--muted)}.welcome{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(165deg,#fff6f4db,#ffd6d0eb);backdrop-filter:blur(10px);opacity:0;transition:opacity .5s ease}.welcome.is-open{opacity:1}.welcome[hidden]{display:none}.welcome-card{max-width:24rem;text-align:center;transform:translateY(14px) scale(.97);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease}.welcome.is-open .welcome-card{transform:translateY(0) scale(1);opacity:1}.welcome-heart{width:3.4rem;height:3.4rem;margin:0 auto 1.2rem;color:var(--rose);filter:drop-shadow(0 10px 18px rgba(255,82,119,.4));animation:heartbeat 2.8s ease-in-out infinite}.welcome-heart svg{width:100%;height:100%;fill:currentColor}.welcome-title{margin:0 0 .9rem;font-family:var(--font-quote);font-weight:700;font-size:1.7rem;color:var(--ink)}.welcome-body{margin:0 0 1.8rem;font-size:.98rem;line-height:1.95;color:var(--ink-soft)}.welcome-btn{padding:.85rem 2.2rem;border:0;border-radius:999px;background:linear-gradient(135deg,#ff6b8a,#ff4f72);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 14px 26px -12px #ff4f72e6;transition:transform .15s ease}.welcome-btn:active{transform:scale(.97)}.toast{position:fixed;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:20;transform:translate(-50%,1rem);padding:.7rem 1.3rem;border-radius:999px;background:#5a3d46eb;color:#fff;font-size:.85rem;opacity:0;transition:opacity .3s ease,transform .3s ease}.toast.is-show{opacity:1;transform:translate(-50%)}.toast[hidden]{display:none}@media (prefers-reduced-motion: reduce){.bg-heart,.heart,.welcome-heart{animation:none}.card,.quote.is-in,.welcome,.welcome-card{animation:none;transition:none}.bg-hearts{display:none}}.diary-open{display:inline-flex;align-items:center;gap:.4rem;margin-top:.1rem;padding:.5rem 1.1rem;border:1px solid rgba(255,122,148,.35);border-radius:999px;background:#ffffff73;color:var(--rose);font-family:var(--font-ui);font-weight:500;font-size:.82rem;cursor:pointer;transition:background .15s ease,transform .15s ease}.diary-open:hover{background:#ffffffb8;transform:translateY(-1px)}.diary-open:active{transform:translateY(0) scale(.98)}.diary-open-heart{font-size:.9rem}.diary{position:fixed;inset:0;z-index:15;display:flex;justify-content:center;align-items:flex-end;background:#78465447;backdrop-filter:blur(4px);opacity:0;transition:opacity .35s ease}.diary.is-open{opacity:1}.diary[hidden]{display:none}.diary-sheet{width:100%;max-width:var(--maxw);max-height:88svh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff7f5,#ffeef0);border-radius:1.75rem 1.75rem 0 0;box-shadow:0 -20px 50px -24px #d65c7499;transform:translateY(18px);transition:transform .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.diary.is-open .diary-sheet{transform:translateY(0)}.diary-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem .9rem;border-bottom:1px solid rgba(255,122,148,.18)}.diary-title{margin:0;font-family:var(--font-quote);font-weight:700;font-size:1.15rem;color:var(--ink)}.diary-close{border:0;background:#fff9;color:var(--ink-soft);width:2rem;height:2rem;border-radius:999px;font-size:1.3rem;line-height:1;cursor:pointer;transition:background .15s ease}.diary-close:hover{background:#fff}.diary-list{padding:.4rem 1.4rem 1.6rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.diary-entry{padding:1.05rem 0;border-bottom:1px solid rgba(255,122,148,.14)}.diary-entry:last-child{border-bottom:0}.diary-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.diary-date{font-size:.78rem;font-weight:500;color:var(--ink-soft)}.diary-day{font-size:.7rem;color:var(--muted)}.diary-today{font-size:.68rem;font-weight:700;color:#fff;background:var(--rose);padding:.12rem .5rem;border-radius:999px}.diary-quote{margin:0;font-family:var(--font-quote);font-size:1.02rem;line-height:1.75;color:var(--ink)}.diary-entry.is-today{margin:0 -.8rem;padding:1.05rem .8rem;background:#ffffff8c;border-radius:1rem;border-bottom-color:transparent}.diary-empty{text-align:center;color:var(--ink-soft);padding:2rem 0}@media (prefers-reduced-motion: reduce){.diary,.diary-sheet{transition:none}}