:root{--bg: #10141d;--bg-elevated: #1a2030;--bg-panel: #1a2030;--border: #2a3245;--border-strong: #2a3245;--amber: #f2b441;--amber-pale: #ffd98a;--text: #ebe7de;--text-muted: #99a1b5;--text-faint: #6b7488;--danger: #d98b7a}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(232,165,75,.07),transparent),var(--bg);color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:10px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus{outline:none;border-color:var(--amber)}.screen{min-height:100vh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.icon-btn{background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:var(--amber);color:var(--amber)}.error-text{font-size:15px;color:var(--danger)}@keyframes flamePulse{0%,to{opacity:.75;filter:drop-shadow(0 0 4px rgba(232,165,75,.5));transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 10px rgba(251,201,120,.85));transform:scale(1.08)}}@keyframes flamePulseFast{0%,to{opacity:.7;transform:scale(1) rotate(-1deg)}50%{opacity:1;transform:scale(1.15) rotate(1deg)}}@keyframes glowBorder{0%,to{box-shadow:0 0 0 1px #e8a54b40,0 0 18px #e8a54b14}50%{box-shadow:0 0 0 1px #e8a54b66,0 0 26px #e8a54b29}}.flame-pulse{color:var(--amber);animation:flamePulse 2.6s ease-in-out infinite}.flame-pulse-fast{color:var(--amber);animation:flamePulseFast .9s ease-in-out infinite}.glow-border{animation:glowBorder 3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.flame-pulse,.flame-pulse-fast,.glow-border{animation:none!important}}.lock-screen{align-items:center;justify-content:center;text-align:center;gap:18px}.lock-title{font-family:"Noto Serif JP",serif;font-size:32px;color:var(--amber-pale)}.lock-hint{font-size:15px;color:var(--text-muted);line-height:1.7}.lock-form{width:100%;display:flex;flex-direction:column;gap:10px}.lock-form input{min-height:48px;padding:12px 14px;font-size:16px;text-align:center;letter-spacing:.3em}.lock-btn{background:var(--amber);border:none;color:#1a1206;font-weight:600;min-height:48px;padding:12px 16px;border-radius:10px;font-size:16px}.lock-btn:disabled{opacity:.5}.home-view{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;overflow:hidden}.home-view .topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 18px 0}.today{font-size:13px;letter-spacing:.14em;color:var(--text-muted)}.moonline{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.08em;margin-top:3px;opacity:.9}.moon{width:15px;height:15px;flex:0 0 auto}.moon .disc{fill:none;stroke:var(--border);stroke-width:1}.moon .lit{fill:#cdd5e3;opacity:.85}.moonnext{font-size:11px;color:var(--text-muted);opacity:.7;margin-top:3px;letter-spacing:.06em}.iconbtn{width:44px;height:44px;display:grid;place-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer}.iconbtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.home-view main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 26px;position:relative;min-height:0}.glow{position:absolute;left:50%;top:42%;width:460px;height:460px;transform:translate(-50%,-50%);background:radial-gradient(circle,#f2b44129,#f2b44112 32%,#f2b44100 68%);pointer-events:none}.flame{position:relative;display:block;margin:0 auto 20px;width:30px;height:42px}.flame .outline{fill:none;stroke:var(--border);stroke-width:1.2;display:none}.flame.out .core{display:none}.flame.out .outline{display:block}.eyebrow{position:relative;text-align:center;font-size:11px;letter-spacing:.3em;color:var(--amber);opacity:.85;margin-bottom:22px}.quote{position:relative;font-family:"Noto Serif JP",serif;font-size:23px;line-height:2.1;text-align:center;margin:0}.filament{position:relative;width:46px;height:1px;margin:26px auto 0;background:linear-gradient(90deg,transparent,var(--amber),transparent)}.origin{position:relative;text-align:center;font-size:12px;color:var(--text-muted);margin-top:18px;letter-spacing:.06em}.emptymsg{position:relative;text-align:center;font-family:"Noto Serif JP",serif;font-size:19px;line-height:2}.emptysub{position:relative;text-align:center;font-size:13px;color:var(--text-muted);margin-top:14px}.home-loading{position:relative;text-align:center}.bottom{padding:10px 18px calc(env(safe-area-inset-bottom) + 14px)}.pair{display:flex;gap:10px}.pair button{flex:1 1 0;min-height:58px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border);font-family:Noto Sans JP,sans-serif;font-size:16px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.pair .write{color:var(--amber-pale);border-color:#f2b44152}.pair .look{color:#cdd5e3}.pair svg{width:17px;height:17px}.pair .write svg path{fill:var(--amber);opacity:.9}.pair .look svg{stroke:currentColor;fill:none;stroke-width:1.6;opacity:.9}@media (prefers-reduced-motion: no-preference){.glow{animation:breathe 7s ease-in-out infinite}}@keyframes breathe{0%,to{opacity:.85}50%{opacity:1}}.light-card{width:100%;display:flex;flex-direction:column;gap:12px}.light-meta{display:flex;justify-content:center;gap:10px;font-size:13px;color:var(--text-faint)}.light-label{color:var(--text-muted)}.light-text{font-family:"Noto Serif JP",serif;font-size:20px;line-height:1.8;color:var(--amber-pale);white-space:pre-wrap}.light-source{font-size:14px;color:var(--text-faint)}.light-reminder{text-align:left;background:var(--bg-panel);border:1px solid rgba(232,165,75,.25);border-radius:16px;padding:20px 18px;margin-top:8px}.generating-row{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text-muted);justify-content:center}.reminder-text{font-family:"Noto Serif JP",serif;font-size:16px;line-height:1.95;color:var(--amber-pale);white-space:pre-wrap}.compose-view{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto}.compose-head{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 6px) 10px 0}.whenbtn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:8px 10px;border-radius:10px;font-family:Noto Sans JP,sans-serif;font-size:12px;color:var(--text-muted);letter-spacing:.1em;cursor:pointer}.whenbtn:after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}.whenbtn.late{color:var(--amber-pale)}.hidden-date{position:absolute;opacity:0;width:1px;height:1px}.headflame{width:44px;height:44px;display:grid;place-items:center}.headflame svg{width:17px;height:24px}.headflame .core{opacity:0;transition:opacity .3s}.headflame .outline{fill:none;stroke:var(--border);stroke-width:1.2;transition:opacity .3s}.headflame.lit .core{opacity:.95}.headflame.lit .outline{opacity:0}.compose-body{flex:1;min-height:0;padding:8px 22px 0;display:flex}.compose-body textarea{width:100%;height:100%;resize:none;background:none;border:none;outline:none;color:var(--text);font-family:"Noto Serif JP",serif;font-size:19px;line-height:2;padding:0}.compose-body textarea::placeholder{color:#5d6679}.marks{display:flex;gap:8px;padding:12px 18px 0}.marks button{flex:1;min-height:46px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);font-size:14px;font-family:Noto Sans JP,sans-serif;cursor:pointer}.marks button[aria-pressed=true]{background:#f2b44121;border-color:var(--amber);color:var(--amber-pale)}.marks .sub{display:block;font-size:11px;opacity:.75;margin-top:1px}.hintbar{font-size:11px;color:var(--text-muted);opacity:.6;padding:10px 18px 0;letter-spacing:.04em}.save{width:100%;min-height:56px;border:none;border-radius:14px;background:var(--amber);color:#16120a;font-family:Noto Sans JP,sans-serif;font-size:17px;font-weight:600;letter-spacing:.04em;cursor:pointer}.save:disabled{background:var(--bg-elevated);color:#5d6679}.attach{display:flex;align-items:center;gap:8px;padding:12px 18px 0}.attach button{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;background:none;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:13px;font-family:Noto Sans JP,sans-serif;cursor:pointer}.attach button.on{border-color:#46506a;color:var(--text)}.attach svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}.moods{display:flex;gap:10px;justify-content:center;padding:16px 18px 0}.moods button{width:48px;height:48px;border-radius:50%;border:1px solid transparent;background:none;display:grid;place-items:center;cursor:pointer;padding:0}.moods button svg{width:24px;height:24px}.moods button .disc{fill:none;stroke:var(--border);stroke-width:1}.moods button .fill{fill:#79808f}.moods button[aria-pressed=true]{border-color:#46506a;background:var(--bg-elevated)}.moods button[aria-pressed=true] .fill{fill:#cdd5e3}.moods button[aria-pressed=true] .disc{stroke:#5a6478}.list-view{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto}.list-head{display:flex;align-items:center;gap:4px;padding:calc(env(safe-area-inset-top) + 8px) 14px 10px;border-bottom:1px solid var(--border)}.list-head h1{font-family:"Noto Serif JP",serif;font-size:19px;font-weight:500;margin:0;letter-spacing:.08em}.count{margin-left:auto;font-size:12px;color:var(--text-muted)}.tabs{display:flex;gap:8px;padding:12px 14px 10px;border-bottom:1px solid var(--border)}.tabs button{min-height:40px;padding:0 18px;background:none;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:14px;font-family:Noto Sans JP,sans-serif;cursor:pointer}.tabs button[aria-selected=true]{background:var(--bg-elevated);border-color:#46506a;color:var(--text)}.tabs .n{font-size:12px;opacity:.7;margin-left:6px}.search{padding:10px 14px 12px}.search input{width:100%;min-height:46px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:15px}.search input:focus{outline:none;border-color:#46506a}.search input::placeholder{color:#5d6679}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px calc(env(safe-area-inset-bottom) + 24px)}.monthhead{font-family:"Noto Serif JP",serif;font-size:13px;letter-spacing:.16em;color:var(--text-muted);padding:14px 4px 10px;display:flex;align-items:center;gap:12px}.monthhead:after{content:"";flex:1;height:1px;background:var(--border)}.monthhead .cnt{font-family:Noto Sans JP,sans-serif;font-size:11px;opacity:.7}.anniv{border:1px solid rgba(242,180,65,.3);border-radius:14px;padding:14px 16px;margin-bottom:14px;background:#f2b4410d}.anniv .lbl{font-size:11px;letter-spacing:.2em;color:var(--amber);margin-bottom:8px}.anniv .w{font-family:"Noto Serif JP",serif;font-size:16px;line-height:1.9;margin:0}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;overflow:hidden}.card .main{padding:16px 16px 14px;cursor:pointer;position:relative}.card .words{font-family:"Noto Serif JP",serif;font-size:18px;line-height:1.9;margin:0;padding-right:22px}.card .date{font-size:12px;color:var(--text-muted);margin-top:8px;letter-spacing:.04em}.card .tag{font-size:11px;color:var(--text-muted);margin-left:10px}.card .fire{position:absolute;top:17px;right:14px;width:13px;height:18px}.card .fire path{fill:var(--amber);opacity:0;transition:opacity .25s}.card.lit .fire path{opacity:.9}.card.lit{border-color:#f2b44159}.actions{display:none;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--border);background:var(--bg-panel)}.card.open .actions{display:flex}.actions button{min-height:42px;padding:0 15px;background:none;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:13px;font-family:Noto Sans JP,sans-serif;cursor:pointer}.actions button[aria-pressed=true]{background:#f2b44121;border-color:var(--amber);color:var(--amber-pale)}.actions .del{margin-left:auto;border:none;color:var(--danger);opacity:.8;padding:0 6px}.listempty{color:var(--text-muted);font-family:"Noto Serif JP",serif;text-align:center;padding:40px 0}.moonmark{width:12px;height:12px;vertical-align:-1px;margin-right:8px}.moonmark .disc{fill:none;stroke:#5a6478;stroke-width:1.2}.moonmark .fill{fill:#b6bdca}.notes{margin-top:14px;padding-left:14px;border-left:1px solid var(--border)}.note+.note{margin-top:12px}.note .nd{font-size:11px;color:var(--text-muted);letter-spacing:.1em;margin-bottom:4px}.note p{font-family:"Noto Serif JP",serif;font-size:15px;line-height:1.9;margin:0;color:#c2bdb2}.editbox{padding:12px 14px 14px;border-top:1px solid var(--border);background:var(--bg-panel)}.editbox textarea{width:100%;min-height:90px;resize:vertical;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:"Noto Serif JP",serif;font-size:16px;line-height:1.9}.editbox textarea:focus{outline:none;border-color:#46506a}.editbox textarea::placeholder{color:#5d6679}.editbox .row{display:flex;gap:8px;margin-top:10px}.editbox .row button{min-height:44px;padding:0 16px;border-radius:10px;font-size:14px;font-family:Noto Sans JP,sans-serif;cursor:pointer;background:none;border:1px solid var(--border);color:var(--text-muted)}.editbox .row .ok{background:var(--amber);border:none;color:#16120a;font-weight:600;margin-left:auto}.toast,.undo-toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#1d2740;border:1px solid var(--border-strong);color:var(--text);padding:12px 18px;border-radius:999px;font-size:15px;box-shadow:0 8px 24px #0006;z-index:20}.undo-toast{display:flex;align-items:center;gap:8px}.undo-toast button{background:transparent;border:none;color:var(--amber);font-weight:600;font-size:15px;min-height:44px;padding:0 10px}.settings-screen{gap:0}.settings-section{display:flex;flex-direction:column;gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}.settings-section h2{font-size:14px;color:var(--text-muted);letter-spacing:.05em}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;min-height:44px}.settings-row input[type=checkbox]{width:24px;height:24px;flex-shrink:0}.settings-row input[type=time]{min-height:44px;padding:8px 10px;font-size:16px}.settings-btn{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);min-height:44px;padding:10px 14px;font-size:16px}.settings-btn.danger{border-color:#e27a6b66;color:var(--danger)}.settings-section input[type=password]{min-height:44px;padding:10px 12px;font-size:16px}