:root{--paper: #F6F1E7;--card: #FCFAF3;--ink: #2A251E;--ink2: #6F6557;--ink3: #A69A88;--line: #E5DCC8;--seal: #B23A2A;--seal-soft: rgba(178, 58, 42, .06);--amber: #A9711F;--amber-soft: rgba(169, 113, 31, .12);--pine: #47705A;--pine-soft: rgba(71, 112, 90, .1);--night: #26211A;--night-card: #322B22;--night-ink: #F0E8D8;--night-ink2: #A79B87;--night-line: #453B2E;--seg: #EEE7D7;--serif: "Noto Serif SC", "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--sans: "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:#ebe4d4;font-family:var(--sans);color:var(--ink)}button{font-family:var(--sans);border:none;background:none;padding:0;cursor:pointer;color:inherit}input,textarea{font-family:var(--sans);color:var(--ink)}#root{max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--paper);display:flex;flex-direction:column;box-shadow:0 0 24px #2a251e14}.serif{font-family:var(--serif)}.screen{flex:1;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top)) 20px 0 20px}.page-title{font-family:var(--serif);font-size:27px;font-weight:700}.label{font-size:12px;color:var(--ink2);letter-spacing:.08em}.hint{font-size:11px;color:var(--ink3)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px}.card-pad{padding:14px 16px}.hairline{height:1px;background:var(--line);margin:0 16px}.chip{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--line);background:var(--card);border-radius:22px;font-size:13px;color:var(--ink2)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:500}.chip.on-amber{background:var(--amber-soft);border:1.5px solid var(--amber);color:var(--amber);font-weight:500}.chip.on-pine{background:var(--pine-soft);border:1.5px solid var(--pine);color:var(--pine);font-weight:500}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.field{width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:15px;outline:none}.field:focus{border:1.5px solid var(--ink)}.btn-big{width:100%;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:500;letter-spacing:.06em}.btn-ink{background:var(--ink);color:var(--paper)}.btn-amber-solid{background:var(--amber);color:#fdfbf5}.btn-seal{background:var(--seal);color:#fbf6ec;letter-spacing:.1em}.bottom{position:sticky;bottom:0;background:var(--paper);padding:10px 20px 0;border-top:1px solid transparent}.tabbar{border-top:1px solid var(--line);display:flex;padding:8px 0 max(14px,env(safe-area-inset-bottom)) 0;margin-top:10px}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:6px;font-size:11px;color:var(--ink3)}.tab-item.active{color:var(--ink);font-weight:500}.overlay{position:fixed;inset:0;z-index:20;display:flex;justify-content:center;overflow-y:auto}.overlay-panel{width:100%;max-width:430px;min-height:100%;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom)) 20px;animation:rise .22s ease-out}@keyframes rise{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.stamp-pop{animation:stamp .5s cubic-bezier(.2,1.6,.4,1)}@keyframes stamp{0%{transform:scale(2.2) rotate(4deg);opacity:0}60%{transform:scale(.95) rotate(-5deg);opacity:1}to{transform:scale(1) rotate(-5deg);opacity:1}}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:50;background:var(--ink);color:var(--paper);font-size:13px;padding:12px 18px;border-radius:22px;box-shadow:0 4px 16px #2a251e40;max-width:84vw;animation:rise .2s ease-out}.toast.amber{background:var(--amber);color:#fdfbf5}.cell{border-radius:8px;display:flex;align-items:center;justify-content:center}.cell.blank{border:1px solid var(--line);background:var(--paper)}.cell.amber{background:var(--amber-soft)}.cell.stamped{background:var(--seal-soft)}.cell.today{border:1.5px dashed var(--ink3);font-size:10px;color:var(--ink3)}.row-line{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line)}.row-line:last-child{border-bottom:none}.row-time{width:40px;font-size:12px;color:var(--ink3);flex-shrink:0}.row-text{flex:1;font-size:14px}.row-meta{font-size:12px;color:var(--ink3);flex-shrink:0}.btn-outline{border:1.5px solid var(--ink);color:var(--ink);background:transparent}.btn-outline-amber{border:1.5px solid var(--amber);color:var(--amber);background:transparent}.box-fill{transition:height .5s linear}.breathe{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.tag{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:0 4px;color:var(--ink3);margin-right:6px;flex-shrink:0}html{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,.tabbar,.chip,.cell,.bottom{-webkit-user-select:none;user-select:none}button:active{opacity:.8}input,textarea{font-size:max(15px,1em)}