/* FiraGO — SIL Open Font License 1.1 (fonts/OFL.txt). */
@font-face{font-family:"FiraGO";src:url("/fonts/FiraGO-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"FiraGO";src:url("/fonts/FiraGO-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"FiraGO";src:url("/fonts/FiraGO-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"FiraGO";src:url("/fonts/FiraGO-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--ac:#d97706;--ac-2:#fdf0dc;--ac-tx:#fff;--bg:#f6f4f0;--card:#fff;--field:#f3f0ea;--tx:#1e1b16;--mu:#7a7266;--bd:#ebe6dd;--red:#c2412d;--red-2:#fdeeeb;
  --sh:0 1px 2px rgba(40,30,10,.05),0 8px 24px rgba(40,30,10,.06);--r:18px;--r-sm:12px}
@media (prefers-color-scheme:dark){:root{--ac:#fbbf24;--ac-2:#3a2c10;--ac-tx:#231800;--bg:#121110;--card:#1c1a17;--field:#25221e;--tx:#f1ece4;--mu:#a59d90;--bd:#2e2a25;--red:#ff8a75;--red-2:#3a211d;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.28)}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"FiraGO",-apple-system,BlinkMacSystemFont,"Noto Sans Georgian",sans-serif;background:var(--bg);color:var(--tx);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}
button{font-family:inherit;cursor:pointer;color:inherit}
[hidden]{display:none!important}
.top{position:sticky;top:0;z-index:5;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px;max-width:680px;margin:0 auto}
.logo{width:40px;height:40px;border-radius:13px;background:var(--ac);display:grid;place-items:center;font-size:20px;flex:none}
.brand h1{font-size:17px;margin:0;font-weight:700}.brand .sub{margin:0;font-size:12.5px;color:var(--mu)}.grow{flex:1;min-width:0}
.out{border:0;background:var(--card);box-shadow:var(--sh);border-radius:12px;padding:0 12px;height:38px;font-size:13.5px;font-weight:500;color:var(--mu)}
main{max-width:680px;margin:0 auto;padding:4px 14px calc(100px + env(safe-area-inset-bottom))}
.view{display:none}.view.active{display:block;animation:vi .2s ease-out}
@keyframes vi{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.card{background:var(--card);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;box-shadow:var(--sh)}
h3{font-size:14px;margin:0 0 10px;font-weight:600;color:var(--mu)}
h4{font-size:13px;color:var(--mu);font-weight:600;margin:14px 4px 8px}
.ed-bar{display:flex;align-items:center;gap:8px;margin:4px 0 10px}
.save{font-size:12.5px;color:var(--mu)}
.icon{border:0;background:var(--card);box-shadow:var(--sh);width:40px;height:40px;border-radius:12px;font-size:17px;opacity:.55}
.icon.on,#mode-btn{opacity:1}.icon.on{background:var(--ac-2)}
.ed input{width:100%;border:0;background:none;font:inherit;font-size:21px;font-weight:700;color:var(--tx);padding:2px 0 8px;outline:none}
.ed textarea{width:100%;border:0;background:none;font:inherit;font-size:16px;color:var(--tx);resize:none;outline:none;min-height:220px;padding:0;line-height:1.55}
.tb{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--bd);padding-top:10px;margin-top:6px}
.chip{border:0;background:var(--field);border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:500;white-space:nowrap}
.chip.on{background:var(--ac);color:var(--ac-tx)}.chip.add{background:none;border:1.5px dashed var(--bd);color:var(--mu)}
.tags{display:flex;gap:7px;flex-wrap:wrap}.tags.scroll{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}.tags.scroll::-webkit-scrollbar{display:none}
.search input{width:100%;font:inherit;font-size:16px;color:var(--tx);padding:12px 16px;border:1.5px solid transparent;border-radius:14px;background:var(--card);box-shadow:var(--sh);margin-bottom:10px;-webkit-appearance:none;outline:none}
.search input:focus{border-color:var(--ac)}
.note{display:block;width:100%;text-align:left;border:0;font:inherit}
.nt{font-size:16px;display:flex;gap:6px;align-items:center}.nt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb{color:var(--mu);font-size:14px;margin-top:3px;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nb:empty{display:none}
.nm{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--mu);margin-top:8px;align-items:center}
.tgs{background:var(--ac-2);color:var(--ac);border-radius:999px;padding:2px 9px;font-weight:500}
.empty{text-align:center;color:var(--mu);padding:50px 10px}
.btn{display:flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:14px;min-height:48px;font-size:15px;font-weight:600}
.btn.ghost{background:var(--card);box-shadow:var(--sh)}.btn.danger{background:var(--red-2);color:var(--red)}
.row-btns{display:flex;gap:8px}.row-btns>*{flex:1}
.meta-l{font-size:12px;color:var(--mu);text-align:center}
.fab{position:fixed;right:20px;bottom:calc(22px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:20px;border:0;background:var(--ac);color:var(--ac-tx);font-size:28px;box-shadow:0 8px 24px color-mix(in srgb,var(--ac) 40%,transparent)}
.md{font-size:16px;min-height:120px;word-wrap:break-word}.md h2{font-size:21px;margin:10px 0 6px}.md h3{font-size:18px;color:var(--tx);margin:10px 0 6px}.md h4{font-size:16px;color:var(--tx);margin:8px 0 4px}
.md p{margin:0 0 8px}.md ul,.md ol{margin:0 0 8px;padding-left:22px}.md code{background:var(--field);padding:1px 5px;border-radius:5px;font-size:14px}
.md blockquote{margin:0 0 8px;padding-left:12px;border-left:3px solid var(--ac);color:var(--mu)}.md a{color:var(--ac)}.md .mu{color:var(--mu)}
.md ul.cl{list-style:none;padding-left:0}.cl li{padding:3px 0}.cl label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.cl input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ac);flex:none}.cl li.done span{text-decoration:line-through;color:var(--mu)}
.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;background:var(--tx);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;transition:.25s;pointer-events:none;z-index:20;max-width:90vw}
.toast.show{opacity:1;transform:translate(-50%,0)}

.rm{display:flex;gap:8px;align-items:center}.rm input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--tx);padding:10px 12px;border:1.5px solid transparent;border-radius:12px;background:var(--field);min-height:46px;-webkit-appearance:none}
.rm input:focus{outline:none;border-color:var(--ac)}.hint{font-size:12.5px;color:var(--mu);margin:8px 2px 0}.hint:empty{display:none}
#push-btn{padding:0 10px;font-size:17px}.bell{color:var(--ac);font-weight:500}.bell.past{color:var(--mu)}
dialog{border:0;border-radius:var(--r);background:var(--card);color:var(--tx);padding:18px;width:min(92vw,420px);box-shadow:0 12px 44px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(0,0,0,.35)}
dialog h3{color:var(--tx);font-size:17px}#push-txt{font-size:14.5px;margin-bottom:14px}#push-txt ol{padding-left:20px;margin:6px 0}.btn.pri{background:var(--ac);color:var(--ac-tx)}