:root{--ink:#1c2b28;--muted:#5f726d;--teal-deep:#0f5c56;--font-display:"Noto Serif SC", "Songti SC", "Source Han Serif SC", serif;--font-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2ef;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{overscroll-behavior-y:none;min-width:320px;margin:0}button,input,textarea{font:inherit}a{color:inherit}.app-shell{max-width:430px;min-height:100dvh;padding:calc(max(env(safe-area-inset-top,0px), 28px) + 28px) 16px calc(108px + env(safe-area-inset-bottom,0px));color:var(--ink);isolation:isolate;margin:0 auto;position:relative}.atmosphere{z-index:-1;background:radial-gradient(120% 70% at 10% -10%,#2f8f8647,#0000 55%),radial-gradient(90% 60% at 100% 0,#d69a5838,#0000 50%),linear-gradient(165deg,#e7f1ef 0%,#f4efe6 48%,#e9eee8 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.35;background-image:linear-gradient(#1c2b2808 1px,#0000 1px),linear-gradient(90deg,#1c2b2808 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;animation:.55s both rise;display:flex}.brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(1.9rem,7vw,2.25rem);font-weight:600;line-height:1.1}.brand-sub{color:var(--muted);margin:6px 0 0;font-size:.92rem}.month-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--teal-deep);font-family:var(--font-body);white-space:nowrap;background:#ffffff8c;border:1px solid #0f5c562e;border-radius:999px;padding:.55rem .9rem;font-size:.88rem;font-weight:600}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;animation:.6s 50ms both rise;display:grid}.search-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #1c2b281a;border-radius:14px;align-items:center;gap:8px;margin-bottom:8px;padding:.65rem .85rem;animation:.6s 80ms both rise;display:flex}.search-icon{color:var(--teal-deep);opacity:.85;font-size:1.05rem;line-height:1}.search-bar input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.search-bar input::placeholder{color:var(--muted)}.search-clear{appearance:none;color:var(--muted);cursor:pointer;background:#1c2b2814;border:none;border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;padding:0;font-size:1.05rem;line-height:1;display:grid}.th-date:disabled{opacity:.7;cursor:default;text-decoration:none}.tool-btn,.primary-btn,.ghost-btn,.fab,.month-pill,.category-chip,.cell-date,.cell-body,.th-date,.month-nav-btn{appearance:none;cursor:pointer;border:none}.tool-btn{color:var(--ink);background:#ffffff9e;border:1px solid #1c2b281a;border-radius:12px;padding:.7rem .65rem;font-size:.86rem;font-weight:600;transition:transform .15s,background .15s}.tool-btn:active{transform:scale(.98)}.tool-btn:disabled{opacity:.55;cursor:not-allowed}.tool-btn.danger{color:#8a3a2f}.tool-btn.danger.armed{background:#b446361f;border-color:#b4463647}.list-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #1c2b2814;border-radius:22px;min-height:320px;animation:.65s .1s both rise;overflow:hidden;box-shadow:0 18px 40px #1c2b280f}.table-head{letter-spacing:.04em;color:var(--teal-deep);text-transform:none;background:#0f5c5614;border-bottom:1px solid #0f5c561a;grid-template-columns:72px 1fr;align-items:center;gap:8px;padding:10px 0;font-size:.78rem;font-weight:700;display:grid}.th-date{color:inherit;font:inherit;text-align:left;text-underline-offset:3px;background:0 0;padding:0 0 0 14px;text-decoration:underline}.th-cats{display:none}.th-content-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-right:14px;display:flex}.th-content{display:block}.month-nav{flex-shrink:0;align-items:center;gap:6px;display:flex}.month-nav-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--teal-deep);font-family:var(--font-body);letter-spacing:0;white-space:nowrap;background:#ffffff8c;border:1px solid #0f5c562e;border-radius:999px;padding:.55rem .9rem;font-size:.88rem;font-weight:600;line-height:1.2}.month-nav-btn:active{transform:scale(.97)}.month-nav-btn:disabled{opacity:.45;cursor:not-allowed}.entry-list{margin:0;padding:0;list-style:none}.entry-row{border-bottom:1px solid #1c2b280f;grid-template-columns:72px 1fr;gap:8px;animation:.4s both fade-row;display:grid}.entry-row:last-child{border-bottom:none}.entry-row.selected{background:#0f5c561a}.cell-date,.cell-body{text-align:left;color:inherit;font:inherit;background:0 0}.cell-date{font-family:var(--font-display);color:var(--teal-deep);flex-direction:column;justify-content:center;gap:2px;padding:14px 0 14px 14px;font-size:1.05rem;font-weight:600;display:flex}.year-hint{font-family:var(--font-body);color:var(--muted);font-size:.68rem;font-weight:500}.cell-body{flex-direction:column;gap:8px;min-width:0;padding:14px 14px 14px 0;display:flex}.cell-content{-webkit-line-clamp:3;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}.cell-cats{flex-wrap:wrap;gap:6px;display:flex}.tag,.category-chip{border:1px solid #0000;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.tag.muted{color:var(--muted);background:#1c2b280f}.tag-work,.category-chip.tag-work{color:#24507a;background:#2f608f1f}.tag-life,.category-chip.tag-life{color:#0f5c56;background:#0f5c561f}.tag-gather,.category-chip.tag-gather{color:#8a4a22;background:#a85c3024}.tag-sport,.category-chip.tag-sport{color:#2a6b39;background:#38824a24}.tag-happy,.category-chip.tag-happy{color:#8a6418;background:#c4913029}.tag-sad,.category-chip.tag-sad{color:#3d4f78;background:#5a6e9629}.tag-worry,.category-chip.tag-worry{color:#7a3540;background:#96505a24}.tag-calm,.category-chip.tag-calm{color:#3d6666;background:#5a828224}.empty-state{text-align:center;min-height:280px;color:var(--muted);place-items:center;gap:12px;padding:28px 22px;display:grid}.empty-state.is-error{color:#8a3a2f}.fab{right:max(16px,50% - 199px);bottom:calc(18px + env(safe-area-inset-bottom));color:#f7f4ee;z-index:20;background:linear-gradient(135deg,#0f5c56,#1f7a72);border-radius:999px;align-items:center;gap:8px;padding:.95rem 1.25rem;font-size:1rem;font-weight:700;animation:.55s both float-in;display:inline-flex;position:fixed;box-shadow:0 14px 30px #0f5c5659}.fab span{font-size:1.35rem;line-height:1}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#121c1a6b;justify-content:center;align-items:flex-end;animation:.2s both fade;display:flex;position:fixed;inset:0}.sheet{width:min(100%,430px);max-height:min(92dvh,780px);padding:10px 18px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(#f8f4ec,#eef3f1 70%);border-radius:24px 24px 0 0;animation:.28s both sheet-up;overflow:auto;box-shadow:0 -20px 50px #0000002e}.sheet-compact{max-height:none}.sheet-handle{background:#1c2b282e;border-radius:999px;width:42px;height:4px;margin:4px auto 12px}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet-header h2{font-family:var(--font-display);margin:0;font-size:1.35rem}.ghost-btn{color:var(--muted);background:0 0;padding:.35rem .4rem;font-size:.9rem;font-weight:600}.entry-form{gap:14px;display:grid}.field{border:none;gap:8px;margin:0;padding:0;display:grid}.field>span,.field>legend{color:var(--teal-deep);font-size:.82rem;font-weight:700}.field input,.field textarea{width:100%;font:inherit;color:var(--ink);resize:vertical;background:#fffc;border:1px solid #1c2b281f;border-radius:14px;padding:.85rem .95rem}.field input:focus,.field textarea:focus{outline-offset:1px;outline:2px solid #0f5c5647}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.category-chip{opacity:.72;justify-content:center;padding:.55rem .2rem;font-size:.8rem}.category-chip.active{opacity:1;outline-offset:1px;outline:2px solid}.primary-btn{color:#f7f4ee;background:linear-gradient(135deg,#0f5c56,#1f7a72);border-radius:14px;margin-top:4px;padding:.95rem 1rem;font-size:1rem;font-weight:700}.primary-btn:disabled{opacity:.6}.form-error{color:#8a3a2f;margin:0;font-size:.88rem}.month-hint{color:var(--muted);margin:0 0 12px;font-size:.9rem}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:50;color:#f7f4ee;background:#1c2b28eb;border-radius:999px;max-width:min(90vw,360px);padding:.75rem 1rem;font-size:.88rem;font-weight:600;animation:.25s both toast-in;position:fixed;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-row{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes float-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width>=480px){.toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}}