:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;--bg: #f7f5f0;--surface: #fffefa;--text: #242722;--muted: #777b72;--line: #e7e3da;--accent: #597052;--accent-strong: #40583a;--accent-soft: #e7eee3;--warm: #dca56a;--danger: #a65349;--shadow: 0 14px 50px rgb(52 56 47 / 8%)}@media(prefers-color-scheme:dark){:root{--bg: #171816;--surface: #20221f;--text: #eeeae1;--muted: #9ea098;--line: #333630;--accent: #91aa86;--accent-strong: #b4caaa;--accent-soft: #2c3829;--warm: #d7a36c;--danger: #e19288;--shadow: 0 14px 50px rgb(0 0 0 / 24%)}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}#app{min-height:100vh;display:flex;flex-direction:column}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.center{min-height:100vh;display:grid;place-items:center}.loader{width:26px;height:26px;margin:24px auto;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 38%),var(--bg)}.login-card{width:min(420px,100%);background:var(--surface);padding:44px;border-radius:28px;box-shadow:var(--shadow)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--accent);color:var(--surface);font:700 25px Georgia,serif;margin-bottom:32px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;margin:0 0 6px}h1{margin:0;font:700 38px/1.1 Georgia,"Noto Serif SC",serif;letter-spacing:-.02em}.muted{color:var(--muted)}.login-copy{margin:13px 0 32px;line-height:1.7}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;font-size:13px;font-weight:650}input,textarea{width:100%;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:12px;padding:12px 14px}textarea{resize:vertical;line-height:1.7}.login-form input{background:var(--bg);padding:14px}.primary{border:0;border-radius:12px;background:var(--accent);color:#fff;padding:13px 18px;font-weight:750;cursor:pointer}.primary:hover{background:var(--accent-strong)}button:disabled{opacity:.48;cursor:not-allowed}.error{color:var(--danger);margin:-4px 0;font-size:13px}.app-shell{width:min(760px,calc(100% - 40px));margin:0 auto;padding:max(34px,env(safe-area-inset-top)) 0 max(80px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.text-button,.entry-actions button,.entry-tags button{border:0;background:none;padding:6px;color:var(--muted);cursor:pointer}.composer{background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding:18px;margin-bottom:26px}.composer textarea{border:0;padding:4px;font-size:18px;min-height:112px}.composer textarea::placeholder{color:color-mix(in srgb,var(--muted) 60%,transparent)}.composer-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.tag-input{border:0;padding:8px 4px;font-size:13px}.shortcut{color:var(--muted);font-size:11px;white-space:nowrap}.record-button{min-width:86px}.tools{margin-bottom:30px}.search-wrap{position:relative}.search-wrap span{position:absolute;left:15px;top:9px;color:var(--muted);font-size:23px}.search-wrap input{padding-left:45px;background:var(--surface);border:0;box-shadow:0 2px 18px #34382f0d}.date-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.date-controls button,.date-controls input,.active-tag{width:auto;border:0;border-radius:999px;background:transparent;color:var(--muted);padding:7px 11px;font-size:12px;cursor:pointer}.date-controls button.active,.active-tag{background:var(--accent-soft);color:var(--accent-strong)}.date-controls input{border:1px solid var(--line)}.active-tag{margin-top:8px}.notice{position:fixed;z-index:10;top:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);border-radius:999px;padding:9px 16px;font-size:13px;box-shadow:var(--shadow)}.day-group{margin-bottom:30px}.day-group h2{display:flex;align-items:baseline;gap:10px;margin:0 0 6px;font-size:15px}.day-group h2 span{color:var(--muted);font-size:11px;font-weight:500}.entry{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.entry time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;padding-top:4px}.entry-body p{white-space:pre-wrap;word-break:break-word;font-size:16px;line-height:1.75;margin:0}.entry-actions{display:flex;opacity:0;transition:opacity .15s;align-self:start}.entry:hover .entry-actions,.entry:focus-within .entry-actions{opacity:1}.entry-actions button{font-size:11px}.entry-actions .danger{color:var(--danger)}.entry-tags{display:flex;flex-wrap:wrap;gap:2px;margin-top:7px}.entry-tags button{color:var(--accent);font-size:12px;padding-left:0}.edit-area{min-height:100px}.edit-tags{margin-top:8px;font-size:12px}.edit-actions{display:flex;gap:8px;margin-top:9px}.edit-actions button{border:0;border-radius:8px;padding:7px 13px;cursor:pointer}.small{padding:7px 13px!important}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty p{color:var(--text);margin:0 0 8px;font:600 20px Georgia,serif}.empty span{font-size:13px}.load-more{display:block;margin:28px auto;border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 18px;color:var(--muted);cursor:pointer}.center,.login-shell,.app-shell{flex:1}.center,.login-shell{min-height:0}.site-footer{flex:0 0 auto;display:flex;justify-content:center;padding:14px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:12px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.site-footer a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:3px;border-radius:2px}@media(max-width:600px){.app-shell{width:min(100% - 28px,760px);padding-top:max(24px,env(safe-area-inset-top))}header{margin-bottom:24px}h1{font-size:32px}.composer{border-radius:17px;padding:14px}.composer textarea{font-size:17px}.composer-footer{grid-template-columns:1fr auto}.shortcut{display:none}.record-button{grid-column:1 / -1;min-height:46px}.entry{grid-template-columns:42px minmax(0,1fr);gap:8px}.entry-actions{grid-column:2;opacity:1;justify-self:end;margin-top:-4px}.login-card{padding:30px 24px;border-radius:22px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}