:root{--bg:#fbfaf7;--surface:#fff;--text:#1f2328;--muted:#6b7280;--border:#e3e0d8;--accent:#2f6f5e;--accent-text:#fff;--accent-soft:#dcebe6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--surface:#1c1f25;--text:#e8e9ec;--muted:#9aa1ad;--border:#2d323b;--accent:#6fc2a8;--accent-text:#0e1512;--accent-soft:#23372f}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.muted{color:var(--muted)}.center{text-align:center;padding:2rem 0}.app{max-width:640px;min-height:100%;padding:12px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}header{justify-content:space-between;align-items:center;display:flex}header h1{margin:0;font-size:1.25rem}header nav{gap:4px;display:flex}header nav button,.cal-head button{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:44px;min-height:44px;padding:0 14px}header nav button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.calendar{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px}.cal-head{justify-content:space-between;align-items:center;display:flex}.cal-head h2{margin:0;font-size:1rem}.cal-head button{background:0 0;border:0;font-size:1.25rem}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-dow{color:var(--muted);padding:4px 0;font-size:.75rem}.cal-day{aspect-ratio:1;background:0 0;border:0;border-radius:10px;min-height:44px;position:relative}.cal-day.today{outline:1px solid var(--accent);font-weight:700}.cal-day.selected{background:var(--accent);color:var(--accent-text)}.cal-day.has-entry:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:6px;left:50%}.cal-day.selected.has-entry:after{background:var(--accent-text)}.editor{flex-direction:column;flex:1;gap:8px;display:flex}.editor h2{color:var(--muted);margin:0;font-size:1rem;font-weight:500}.editor textarea{resize:none;border:1px solid var(--border);background:var(--surface);border-radius:14px;flex:1;min-height:40vh;padding:12px;line-height:1.6}.search{gap:8px;display:grid}.search input,.search select{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:44px;padding:0 12px}.hits{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hits button{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:2px;width:100%;padding:10px 12px;display:grid}.hits span{color:var(--muted);font-size:.9rem}.syncbar{gap:6px;padding-top:4px;font-size:.9rem;display:grid}.sync-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.syncbar button{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:40px;padding:0 12px}.syncbar button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.syncbar .error{color:#c2410c;margin:0}.syncbar .notice{background:var(--accent-soft);border-radius:10px;margin:0;padding:8px 12px}.syncbar .notice button{min-height:32px;margin-left:6px}
