.j{--paper:#f7f4ee;--paper-2:#efebe2;--card:#fffdf9;--ink:#1c1b18;--muted:#7b766c;--line:#e4ded2;--accent:var(--accent-base,#3b6ea8);--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--danger:#b4321f;--m1:#8e6b8f;--m2:#6f86b0;--m3:#a8a196;--m4:#7fae7a;--m5:#e0a33a;--serif:"Songti SC", "Noto Serif SC", "Source Han Serif SC", "STSong", Georgia, "Times New Roman", serif;--sans:ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;--bar:calc(64px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}@media (prefers-color-scheme:dark){.j{--paper:#151412;--paper-2:#1e1c19;--card:#1b1a17;--ink:#eee9df;--muted:#9c968b;--line:#2f2c27;--accent:color-mix(in srgb, var(--accent-base,#3b6ea8) 60%, #fff);--danger:#f08a78}}.j *,.j :before,.j :after{box-sizing:border-box}.j [hidden]{display:none!important}.j a{color:inherit;text-decoration:none}:where(.j) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.j :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.j .j-title:focus-visible,.j .j-body:focus-visible,.j .j-answer:focus-visible,.j .j-tagin:focus-visible,.j .j-search:focus-visible{outline:none}.j kbd{font:11px/1 var(--sans);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 5px}.j-icon{flex:none;display:inline-flex}.j-muted{color:var(--muted)}.j-app{min-height:100dvh}.j-main{max-width:680px;padding:calc(20px + env(safe-area-inset-top)) 20px calc(var(--bar) + 24px);margin:0 auto}.j-writing .j-main{padding-bottom:40px}.j-center{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:70dvh;padding:24px;display:grid}.j-signin h1{font:600 26px/1.3 var(--serif);margin:8px 0 0}.j-signin p{margin:0 0 8px}.j-side{display:none}.j-bar{z-index:10;height:var(--bar);padding:6px 8px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;inset:auto 0 0}.j-bar a{color:var(--muted);justify-items:center;gap:2px;padding:4px 0;font-size:11px;display:grid}.j-bar a.on{color:var(--ink)}.j-fab{width:52px;height:52px;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;justify-self:center;place-items:center;transform:translateY(-10px);background:var(--accent)!important;color:#fff!important;display:grid!important}@media (width>=960px){.j-app{grid-template-columns:248px 1fr;display:grid}.j-bar,.j-phone-only{display:none!important}.j-side{border-right:1px solid var(--line);flex-direction:column;gap:18px;height:100dvh;padding:28px 18px;display:flex;position:sticky;top:0}.j-main{width:100%;padding:48px 40px 64px}.j-writing .j-main{max-width:760px}}@media (width<=959px){.j-desktop-only{display:none!important}}.j-brand{font:600 17px/1.2 var(--serif);align-items:center;gap:10px;padding:0 8px;display:flex}.j-brand-mark{background:var(--accent);border-radius:3px;width:14px;height:18px;box-shadow:inset 0 0 0 3px #ffffffb3}.j-write{justify-content:space-between}.j-write kbd{color:inherit;opacity:.8;border-color:#ffffff73}.j-nav{gap:2px;margin:0;padding:0;list-style:none;display:grid}.j-nav a{color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:9px 10px;display:flex}.j-nav a:hover{background:var(--paper-2);color:var(--ink)}.j-nav a.on{background:var(--paper-2);color:var(--ink);font-weight:600}.j-keys{margin-top:auto;color:var(--muted)!important;justify-content:flex-start!important}.j-keys kbd{margin-left:auto}.j-btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-weight:500;display:inline-flex;border:1px solid var(--line)!important;background:var(--card)!important}.j-btn:hover{border-color:var(--muted)!important}.j-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.j-danger{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.j-small{border-radius:8px;height:32px;padding:0 12px;font-size:14px}.j-link{align-items:center;gap:8px;font-weight:500;display:inline-flex;color:var(--accent)!important}.j-iconbtn{width:40px;height:40px;color:var(--ink);border-radius:10px;place-items:center;display:inline-grid}.j-iconbtn:hover{background:var(--paper-2)}.j-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.j-chip{color:var(--kc,var(--accent));align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.j-pill{white-space:nowrap;border-radius:999px;height:32px;padding:0 12px;font-size:14px;border:1px solid var(--line)!important;color:var(--muted)!important}.j-pill.on{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--paper)!important}.j-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block}.m1{--mc:var(--m1)}.m2{--mc:var(--m2)}.m3{--mc:var(--m3)}.m4{--mc:var(--m4)}.m5{--mc:var(--m5)}.j-dot[class*=\ m]{background:var(--mc)}.k-diary{--kc:var(--accent)}.k-gratitude{--kc:#c0566b}.k-morning{--kc:#c98a1c}.k-evening{--kc:#5b5fa8}.k-mood{--kc:#4f9a7a}@media (prefers-color-scheme:dark){.k-gratitude{--kc:#ec8a9c}.k-morning{--kc:#f0bd5a}.k-evening{--kc:#a3a7ef}.k-mood{--kc:#86cfae}}.j-today{margin:8px 0 22px}.j-eyebrow{color:var(--muted);letter-spacing:.04em;margin:0;font-size:13px}.j-today h1{font:600 40px/1.15 var(--serif);letter-spacing:-.01em;margin:2px 0 6px}.j-stats{color:var(--muted);align-items:center;gap:14px;margin:0;font-size:14px;display:flex}.j-stats .j-icon{color:#d9772b;margin-right:-10px}.j-kinds{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(112px,1fr);grid-auto-flow:column;gap:10px;margin:0 -20px 28px;padding:2px 20px 6px;scroll-padding-inline:20px;display:grid;overflow-x:auto}.j-kinds::-webkit-scrollbar{display:none}.j-kind{scroll-snap-align:start;background:var(--card);border:1px solid var(--line);text-align:left;border-radius:14px;align-content:start;gap:2px;padding:14px 14px 12px;transition:border-color .15s,transform .15s;display:grid;position:relative}.j-kind:hover{border-color:var(--kc)}.j-kind:active{transform:scale(.98)}.j-kind .j-icon{color:var(--kc);margin-bottom:8px}.j-kind b{font-size:15px}.j-kind small{color:var(--muted);font-size:12px;line-height:1.4}.j-kind kbd{position:absolute;top:12px;right:12px}.j-kinds-sheet{grid-template-columns:1fr 1fr;grid-auto-flow:row;margin:0;padding:0;overflow:visible}.j-kinds-sheet .j-kind:first-child{grid-column:span 2}@media (width>=960px){.j-kinds{grid-template-columns:repeat(5,1fr);grid-auto-flow:row;margin:0 0 32px;padding:0;overflow:visible}}@media (width<=959px){.j-kind kbd{display:none}}.j-past{background:var(--accent-soft);border-radius:14px;margin:0 0 28px;padding:16px 18px}.j-past h2{font:600 14px/1.4 var(--sans);color:var(--accent);margin:0 0 8px}.j-past-item{gap:2px;padding:6px 0;display:grid}.j-past-item small{color:var(--muted);font-size:12px}.j-past-item span{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.j-empty{text-align:center;padding:48px 0}.j-empty p{margin:4px 0}.j-month{z-index:1;font:600 13px/1 var(--sans);letter-spacing:.04em;color:var(--muted);background:var(--paper);margin:0;padding:18px 0 8px;position:sticky;top:0}.j-row{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:start;gap:12px;padding:14px 0;display:grid}.j-row:hover .j-row-title{color:var(--accent)}.j-row-day{justify-items:center;padding-top:2px;line-height:1.1;display:grid}.j-row-day b{font:600 22px/1 var(--serif)}.j-row-day small{color:var(--muted);margin-top:4px;font-size:11px}.j-row-main{gap:3px;min-width:0;display:grid}.j-row-meta{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.j-row-title{font:500 17px/1.45 var(--serif);text-overflow:ellipsis;white-space:nowrap;transition:color .15s;overflow:hidden}.j-row-text{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.j-row-tags{color:var(--accent);font-size:12px}.j-row-photo{object-fit:cover;background:var(--paper-2);border-radius:10px;width:60px;height:60px}.j-unsaved{color:#c26a12}.j-row mark{background:color-mix(in srgb, var(--m5) 40%, transparent);color:inherit;border-radius:2px}.j-head{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 6px;display:flex}.j-head h1{font:600 30px/1.2 var(--serif);margin:0}.j-head-tools{align-items:center;gap:4px;display:flex}.j-sub{margin:0 0 18px;font-size:14px}.j-cal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.j-wd{text-align:center;color:var(--muted);padding:6px 0;font-size:12px}.j-cell{aspect-ratio:1;color:var(--muted);border-radius:12px;align-content:center;place-items:center;gap:4px;font-size:15px;display:grid;position:relative}.j-cell.has{color:var(--ink);font-weight:600}.j-cell:not(.blank):hover{background:var(--paper-2)}.j-cell.today span{color:var(--accent);font-weight:700}.j-cell.sel{color:var(--paper);background:var(--ink)!important}.j-cell.sel span{color:var(--paper)}.j-cell .j-dot{width:6px;height:6px}.j-cell:not(.has) .j-dot{display:none}.j-dayview{margin-top:24px}.j-dayview-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.j-dayview-head h2{font:600 20px/1.3 var(--serif);margin:0}.j-dayview .j-row{grid-template-columns:1fr auto}.j-dayview .j-row-day{display:none}.j-searchbox{background:var(--card);border:1px solid var(--line);height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin:14px 0 12px;padding:0 14px;display:flex}.j-searchbox:focus-within{border-color:var(--accent)}.j-search{min-width:0;font:16px var(--sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.j-filters{scrollbar-width:none;gap:8px;margin:0 -20px 10px;padding:0 20px;display:flex;overflow-x:auto}.j-filters::-webkit-scrollbar{display:none}.j-tagpill{color:var(--accent)!important}.j-statgrid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:18px 0 24px;display:grid}.j-statgrid div{justify-items:center;padding:18px 0;display:grid}.j-statgrid div+div{border-left:1px solid var(--line)}.j-statgrid b{font:600 28px/1.1 var(--serif)}.j-statgrid small{color:var(--muted);font-size:13px}.j-menu{margin:0;padding:0;list-style:none}.j-menu li>*{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:24px 1fr;align-items:center;column-gap:12px;width:100%;padding:14px 4px;display:grid}.j-menu small{color:var(--muted);grid-column:2;font-size:13px}.j-menu .danger{color:var(--danger)}.j-note{align-items:center;gap:8px;margin-top:24px;font-size:13px;display:flex}.j-trashrow{grid-template-columns:1fr auto;align-items:center}.j-edit-top{z-index:5;margin:calc(-20px - env(safe-area-inset-top)) -20px 8px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(14px);align-items:center;gap:8px;display:flex;position:sticky;top:0}.j-edit-top .j-chip{font-size:13px}.j-status{color:var(--muted);text-align:right;min-width:4em;margin-left:auto;font-size:13px}@media (width>=960px){.j-edit-top{margin:-48px -40px 16px;padding:16px 40px 12px}}.j-paper{gap:18px;display:grid}.j-banner{background:color-mix(in srgb, var(--m5) 18%, var(--card));border:1px solid color-mix(in srgb, var(--m5) 50%, transparent);border-radius:12px;padding:14px 16px}.j-banner p{margin:0;font-size:14px}.j-banner .j-actions{justify-content:flex-start;margin-top:10px}.j-title{font:600 26px/1.35 var(--serif);color:var(--ink);background:0 0;border:0;outline:none;width:100%;padding:0}.j-title::placeholder,.j-body::placeholder,.j-answer::placeholder{color:color-mix(in srgb, var(--muted) 65%, transparent)}.j-body,.j-answer{resize:none;width:100%;font:18px/1.85 var(--serif);color:var(--ink);background:0 0;border:0;outline:none;padding:0;overflow:hidden}.j-body{min-height:30dvh}.j-prompt{border:0;gap:4px;margin:0;padding:0;display:grid}.j-prompt legend{color:var(--kc,var(--accent));margin-bottom:6px;padding:0;font-size:13px;font-weight:600}.j-line{border-bottom:1px solid var(--line);grid-template-columns:22px 1fr;align-items:baseline;padding:4px 0;display:grid}.j-line:has(>textarea:only-child){grid-template-columns:1fr}.j-num{font:600 14px/1 var(--serif);color:var(--muted)}.j-ask{font:600 26px/1.3 var(--serif);margin:8px 0 0}.j-moods{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.j-moods-label{color:var(--muted);margin-right:6px;font-size:13px}.j-mood{border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:13px;display:inline-flex;color:var(--muted)!important;border:1px solid #0000!important}.j-mood i{background:var(--mc);opacity:.55;border-radius:50%;width:10px;height:10px}.j-mood:hover{background:var(--paper-2)!important}.j-mood.on{border-color:var(--mc)!important;color:var(--ink)!important;background:color-mix(in srgb, var(--mc) 14%, transparent)!important}.j-mood.on i{opacity:1}.j-moods.big{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.j-moods.big .j-mood{border-radius:14px;flex-direction:column;height:auto;padding:14px 0 10px;background:var(--card)!important;border-color:var(--line)!important}.j-moods.big .j-mood i{opacity:.8;width:28px;height:28px}.j-moods.big .j-mood.on{border-color:var(--mc)!important;background:color-mix(in srgb, var(--mc) 16%, var(--card))!important}.j-photos{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.j-photos:empty{display:none}.j-photo{aspect-ratio:1;background:var(--paper-2);color:var(--muted);border-radius:12px;place-items:center;font-size:12px;display:grid;overflow:hidden}.j-photo img{object-fit:cover;width:100%;height:100%;display:block}.j-loading{animation:1.2s ease-in-out infinite j-pulse}@keyframes j-pulse{50%{opacity:.5}}.j-photo-big{object-fit:contain;background:var(--paper-2);border-radius:10px;width:100%;max-height:70dvh;display:block}.j-tagwrap{gap:8px;display:grid}.j-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.j-tag{background:var(--accent-soft);height:28px;color:var(--accent);border-radius:999px;align-items:center;gap:2px;padding:0 4px 0 10px;font-size:14px;display:inline-flex}.j-tag button{border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.j-tagin{min-width:8em;height:28px;font:14px var(--sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.j-suggest{flex-wrap:wrap;gap:6px;display:flex}.j-tagwrap:not(:focus-within) .j-suggest{display:none}.j-tools{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;padding-top:12px;display:flex}.j-tool{border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:14px;display:inline-flex;color:var(--muted)!important}.j-tool:hover{background:var(--paper-2)!important;color:var(--ink)!important}.j-when{color:var(--muted);margin-left:auto;font-size:14px}.j-when summary{cursor:pointer;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 12px;list-style:none;display:inline-flex}.j-when summary::-webkit-details-marker{display:none}.j-when summary:hover{background:var(--paper-2);color:var(--ink)}.j-when-pick{justify-content:flex-end;gap:8px;padding:8px 0 0;display:flex}.j-when-pick input{border:1px solid var(--line);background:var(--card);height:36px;color:var(--ink);font:14px var(--sans);border-radius:8px;padding:0 8px}.j-done{display:none!important}@media (width>=960px){.j-done{display:inline-flex!important}}.j-sheet{padding:18px 20px calc(20px + env(safe-area-inset-bottom));background:var(--paper);width:100%;max-width:100%;color:var(--ink);font:16px/1.6 var(--sans);border:0;border-radius:18px 18px 0 0;margin:auto auto 0}.j-sheet::backdrop{background:#00000052}.j-sheet[open]{animation:.2s ease-out j-up}@keyframes j-up{0%{opacity:0;transform:translateY(24px)}}.j-sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.j-sheet-head h2{font:600 18px/1.3 var(--serif);margin:0}.j-sheet p{margin:0}@media (width>=640px){.j-sheet{border-radius:18px;max-width:460px;margin:auto}}.j-keylist{grid-template-columns:auto 1fr;align-items:center;gap:10px 16px;margin:0;display:grid}.j-keylist dd{margin:0}.j-keylist kbd{font-size:12px}.j-toast{left:50%;bottom:calc(var(--bar) + 16px);z-index:30;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:16px;padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:translate(-50%,12px)}.j-toast.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.j-toast .j-link{color:color-mix(in srgb, var(--accent) 50%, #fff)!important}@media (width>=960px){.j-toast{bottom:24px}}@media (prefers-reduced-motion:reduce){.j *,.j :before,.j :after,.j-sheet[open]{transition:none!important;animation:none!important}}@media (prefers-color-scheme:dark){.j .j-primary,.j .j-fab{background:var(--accent-base,#3b6ea8)!important;border-color:var(--accent-base,#3b6ea8)!important}}