:root{--bg:#f5f6f8;--card:#ffffff;--card-taken:#ecfdf3;--text:#17181a;--muted:#6b7280;--border:#e2e4e8;--green:#16a34a;--green-dark:#128a3f;--accent:#2563eb;--danger:#b91c1c}@media (prefers-color-scheme:dark){:root{--bg:#101214;--card:#1a1d20;--card-taken:#12271a;--text:#f2f3f5;--muted:#9aa1ab;--border:#2a2e33;--green:#22c55e;--green-dark:#1ea34e;--accent:#60a5fa;--danger:#f87171}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:480px;margin:0 auto;padding:20px 16px 40px}.page-head{padding:8px 4px 16px}h1{font-size:28px;font-weight:700}.date-label{color:var(--muted);font-size:15px;margin-top:2px}.card,.cards{display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.card-taken{background:var(--card-taken);border-color:var(--green)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dose-name{font-size:20px;font-weight:650}.dose-detail{color:var(--muted);font-size:14px;margin-top:2px}.check{width:40px;height:40px;min-width:40px;border-radius:50%;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.check,.mark-btn{background:var(--green);color:#fff}.mark-btn{width:100%;min-height:64px;border:none;border-radius:14px;font-size:19px;font-weight:650;cursor:pointer;touch-action:manipulation}.mark-btn:active{background:var(--green-dark)}.mark-btn:disabled{opacity:.6}.taken-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.taken-info{display:flex;flex-direction:column;gap:2px}.taken-time{font-size:16px;font-weight:600;color:var(--green)}.taken-site{font-size:14px;color:var(--muted);text-transform:capitalize}.undo-btn{min-height:44px;padding:0 18px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--muted);font-size:15px;cursor:pointer;touch-action:manipulation}.site-hint{font-size:14px;color:var(--muted)}.site-next{color:var(--accent);font-weight:600}.site-select{width:100%;min-height:52px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);font-size:16px;padding:0 12px;text-transform:capitalize}.strip{margin-top:28px}.strip h2{font-size:15px;font-weight:600;color:var(--muted);margin-bottom:10px;padding:0 4px}.strip-grid{display:grid;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px 8px;grid-row-gap:6px;row-gap:6px;align-items:center}.strip-cell{display:flex;align-items:center;justify-content:center;min-height:30px}.strip-day{flex-direction:column;gap:0}.strip-weekday{font-size:11px;color:var(--muted)}.strip-daynum{font-size:13px;font-weight:600}.strip-today .strip-daynum,.strip-today .strip-weekday{color:var(--accent)}.strip-label{justify-content:flex-start;font-size:13px;font-weight:550;padding-left:6px}.dot{width:14px;height:14px;border-radius:50%}.dot-taken{background:var(--green)}.dot-due{border:2px solid var(--muted)}.dot-none{width:6px;height:6px;background:var(--border)}.foot{margin-top:28px;text-align:center;color:var(--muted);font-size:13px;padding:0 8px}.login-wrap{padding-top:25vh;gap:20px;align-items:center}.login-form,.login-wrap{display:flex;flex-direction:column}.login-form{width:100%;gap:12px}.login-input{width:100%;min-height:56px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font-size:18px;padding:0 16px}.store-error{color:var(--danger);font-size:14px;border:1px solid var(--danger);border-radius:12px;padding:10px 12px;margin-bottom:12px;word-break:break-word}.login-error{color:var(--danger);font-size:15px;text-align:center}