:root{--bg:#e9e6df;--card:#f2efe8;--ink:#3a4040;--muted:#7d827f;--line:#d9d5cb;--primary:#5f8079;--primary-ink:#f2efe8;--primary-soft:#d6dfd9;--sand:#e6dfd0;--sand-ink:#7d6a4f;--amber:#b8905f;--amber-soft:#e8dccb;--rose:#a86a64;--rose-soft:#e8d6d2;--radius:18px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1b1e1d;--card:#242827;--ink:#d4d9d5;--muted:#8a938e;--line:#333937;--primary:#6f9b91;--primary-ink:#14201d;--primary-soft:#2b3a36;--sand:#2d2b27;--sand-ink:#c2aa86;--amber:#c9a073;--amber-soft:#38302a;--rose:#cf8f88;--rose-soft:#3a2b29;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Cairo,system-ui,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{max-width:480px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(96px + env(safe-area-inset-bottom));min-height:100dvh}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:2px 4px 12px}.header h1{margin:0;font-size:23px;font-weight:800;letter-spacing:-.3px;line-height:1.3}.sub{color:var(--muted);font-size:13.5px;font-weight:500;margin:2px 0 0}.link-btn{background:var(--primary-soft);color:var(--primary);border:0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;white-space:nowrap}.strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -14px 14px;padding:4px 14px 8px;scrollbar-width:none;overscroll-behavior-x:contain}.strip::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;width:54px;padding:7px 0;border-radius:16px;background:var(--card);border:1px solid var(--line);scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;transition:background .15s ease,border-color .15s ease,transform .1s ease}.chip:active{transform:scale(.95)}.chip .wd{font-size:12px;color:var(--muted);font-weight:600;line-height:1.3}.chip .dn{font-size:20px;font-weight:800;line-height:1.25}.chip.today{border-color:var(--primary);border-width:1.5px}.chip.today .wd{color:var(--primary)}.chip.active{border-color:var(--primary);background:var(--primary);color:var(--primary-ink)}.chip.active .wd{color:inherit;opacity:.9}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);padding:14px}.ring{flex:0 0 auto}.ring circle{fill:none;stroke-width:4}.ring .track{stroke:var(--primary-soft)}.ring .bar{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.ring text{font-family:inherit;font-size:11px;font-weight:800;fill:var(--ink);direction:ltr}.header-end{display:flex;align-items:center;gap:10px}.group{margin-bottom:14px}.group-head{display:flex;align-items:center;justify-content:space-between;margin:0 6px 6px}.group-time{display:flex;align-items:baseline;gap:8px}.group-time strong{font-size:16px;font-weight:800}.group-time span{color:var(--muted);font-size:12px;font-weight:500}.mini-btn{border:0;background:transparent;color:var(--primary);font-weight:700;font-size:13px;padding:6px 8px;border-radius:10px}.mini-btn:active{background:var(--primary-soft)}.dose{width:100%;display:flex;align-items:center;gap:12px;text-align:right;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;transition:background .2s ease,transform .1s ease}.dose:active{transform:scale(.985)}.dose:disabled{opacity:.7;cursor:default}.dose:disabled:active{transform:none}.dose-body{flex:1 1;min-width:0}.dose-name{font-size:16px;font-weight:700;line-height:1.4}.dose-meta{color:var(--muted);font-size:13px;margin-top:1px}.dose-note{display:inline-block;margin-top:5px;background:var(--sand);color:var(--sand-ink);font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px}.check{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;color:transparent;transition:all .2s ease}.dose.taken{background:var(--primary-soft);border-color:var(--primary-soft)}.dose.taken .check{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.dose.taken .dose-meta{color:var(--primary);font-weight:600}.empty{text-align:center;padding:28px 18px}.empty .emoji{font-size:36px;line-height:1;margin-bottom:10px}.empty h3{margin:0 0 4px;font-size:17px;font-weight:700}.empty p{margin:0 0 16px;color:var(--muted);font-size:14px}.skeleton{height:66px;border-radius:var(--radius);background:var(--card);margin-bottom:10px;opacity:.6;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.notice{background:var(--sand);color:var(--sand-ink);border-radius:16px;padding:9px 13px;font-size:13px;font-weight:600;margin-bottom:12px}.error{background:var(--rose-soft);color:var(--rose)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;font-size:15px;font-weight:700}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{background:var(--rose-soft);color:var(--rose)}.btn-block{width:100%}.btn:disabled{opacity:.6}.fab{position:fixed;z-index:20;left:50%;transform:translateX(-50%);bottom:calc(76px + env(safe-area-inset-bottom));padding:12px 22px;border-radius:999px}.med{margin-bottom:10px}.med-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.med-name{font-size:17px;font-weight:800;line-height:1.4}.med-dose{color:var(--muted);font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 6px}.tag{background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:13px;padding:3px 11px;border-radius:999px}.med-days{font-size:13px;color:var(--muted)}.med-actions{display:flex;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.med-actions .btn{flex:1 1;padding:9px;font-size:13px;border-radius:11px}.med.paused{opacity:.65}.badge{flex:0 0 auto;background:var(--amber-soft);color:var(--amber);font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.backdrop{position:fixed;inset:0;z-index:40;background:rgba(20,28,24,.45);animation:fade .2s ease;touch-action:none}.sheet{position:fixed;z-index:41;left:0;right:0;bottom:0;margin:0 auto;max-width:480px;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;background:var(--bg);border-radius:24px 24px 0 0;animation:up .28s cubic-bezier(.2,.8,.2,1);will-change:transform}.sheet.dragging{animation:none;transition:none}.sheet-head{flex:0 0 auto;padding:8px 16px 4px;touch-action:none;cursor:-webkit-grab;cursor:grab}.grabber{width:40px;height:5px;border-radius:99px;background:var(--line);margin:0 auto 10px}.sheet h2{margin:0 0 4px;font-size:19px;font-weight:800}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 16px 8px}.sheet-foot{flex:0 0 auto;display:flex;gap:10px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.sheet-foot .btn-primary{flex:1 1}body.locked{position:fixed;left:0;right:0;width:100%;overflow:hidden}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(100%)}}.field{margin-bottom:14px}.field>label,.label{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;margin-bottom:6px}.hint{color:var(--muted);font-weight:500;font-size:12px}.input{width:100%;min-width:0;display:block;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:16px;line-height:1.4;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date].input,input[type=time].input{min-height:46px}.input:focus{border-color:var(--primary)}textarea.input{resize:vertical;min-height:70px}.time-row{display:flex;gap:8px;margin-bottom:8px}.time-row .input{flex:1 1;direction:ltr;text-align:center;font-weight:700}.icon-btn{flex:0 0 auto;width:46px;border:0;border-radius:12px;background:var(--rose-soft);color:var(--rose);font-size:20px}.daypick{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.daypick button{border:1.5px solid var(--line);background:var(--card);border-radius:10px;padding:9px 0;min-width:0;overflow:hidden;white-space:nowrap;font-size:11px;font-weight:700}.daypick button.on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:14px}.stat .big{font-size:26px;font-weight:800;line-height:1.2}.stat .lbl{color:var(--muted);font-size:13px}.hrow{display:flex;align-items:center;gap:12px;padding:11px 14px;margin-bottom:7px}.hdate{width:84px;flex:0 0 auto}.hdate strong{display:block;font-size:14px;font-weight:700}.hdate span{color:var(--muted);font-size:12px}.hbar{flex:1 1;height:10px;background:var(--primary-soft);overflow:hidden}.hbar,.hbar i{border-radius:99px}.hbar i{display:block;height:100%;background:var(--primary)}.hbar.partial i{background:var(--amber)}.hcount{min-width:56px;flex:0 0 auto;white-space:nowrap;text-align:left;font-weight:800;font-size:14px}.hcount.missed{color:var(--rose)}.hcount.none{color:var(--muted);font-weight:500;font-size:13px}.nav{position:fixed;z-index:30;left:0;right:0;bottom:0;margin:0 auto;max-width:480px;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--muted);font-size:11.5px;font-weight:600;padding:5px 0;border-radius:14px}.nav-item.active{color:var(--primary)}.nav-item.active svg{stroke-width:2.4}.login{min-height:80dvh;display:flex;flex-direction:column;justify-content:center;text-align:center}.login .logo{width:72px;height:72px;margin:0 auto 16px;border-radius:22px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary)}.pin{text-align:center;font-size:24px;letter-spacing:12px;font-weight:800;direction:ltr}.toast{position:fixed;z-index:50;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:12px;font-size:13px;font-weight:600;animation:fade .2s ease;max-width:calc(100% - 32px)}