/* HydroPro Tracker on your computer (UX-94): the website's look (UX-60), built for a laptop. No inline styles:
   the page's content security policy allows only these files. */
/* Classes below set display; this keeps the hidden attribute winning over them (found in headless Chromium). */
[hidden]{display:none!important}
section.me-first{padding-top:56px;padding-bottom:72px}
.me-wrap{max-width:920px}
.me-h1{font-size:clamp(30px,4vw,44px);line-height:1.1;margin-top:12px}
.me-h2{font-size:22px}
.me-h3{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--aqua);margin-top:18px}
.site-foot .brand b{font-size:18px}
.me-who{display:flex;align-items:center;gap:16px;min-width:0}
.me-email{color:var(--muted);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.me-signout{background:transparent;cursor:pointer;font-weight:600;font-size:15px}
.me-notice{margin-top:20px;padding:14px 18px;border-radius:14px;border:1px solid rgba(242,184,75,.45);background:rgba(242,184,75,.08);color:var(--text)}

/* sign in */
.me-form{margin-top:28px;max-width:520px;display:flex;flex-direction:column;gap:10px}
.me-form label{font-weight:700;font-size:18px}
.me-hint{font-size:15px}
.me-form input{height:52px;border-radius:14px;border:1px solid var(--line);background:var(--bg);padding:0 16px;font-size:18px}
.me-form input:focus{outline:2px solid var(--aqua);outline-offset:1px;border-color:transparent}
#me-code-input{font-family:var(--mono);letter-spacing:.3em;max-width:240px}
.me-form .btn{align-self:flex-start;margin-top:6px}
.me-err{color:var(--amber);font-size:15px;min-height:1px}
.me-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:6px}
.me-linkbtn{background:none;border:0;padding:0;color:var(--aqua);font-weight:600;cursor:pointer;font-size:15px}
.me-noapp{margin-top:24px;font-size:15px}

/* the account */
.me-top{margin-top:24px;padding:18px 22px;border-radius:18px;background:var(--s1);border:1px solid var(--line)}
.me-top .muted{font-size:15px;margin-top:4px}
.me-from{font-weight:700;font-size:18px}
.me-empty{font-size:18px}
.me-tabs{display:flex;gap:8px;margin-top:28px;border-bottom:1px solid var(--line)}
.me-tab{background:none;border:0;border-bottom:3px solid transparent;padding:10px 16px;font-weight:700;font-size:17px;color:var(--muted);cursor:pointer;margin-bottom:-1px}
.me-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--aqua)}
.me-panel{display:flex;flex-direction:column;gap:20px;margin-top:24px}
.me-group{padding:22px 24px}
.me-rows{list-style:none;margin:12px 0 0;padding:0}
.me-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:4px 20px;padding:12px 0;border-top:1px solid var(--line)}
.me-row:first-child{border-top:0}
.me-name{font-weight:600;overflow-wrap:anywhere}
.me-detail{color:var(--muted);display:flex;flex-direction:column;overflow-wrap:anywhere}
.me-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.me-time{color:var(--muted);font-size:14px;white-space:nowrap;text-align:right}
.me-note{font-size:14px;margin-top:10px}

/* days */
.me-days{display:flex;flex-direction:column;gap:10px}
.me-day{padding:0;border-radius:16px}
.me-day-sum{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;cursor:pointer;list-style:none}
.me-day-sum::-webkit-details-marker{display:none}
.me-day-sum::after{content:"›";color:var(--muted);font-size:22px;line-height:1;transition:transform .15s}
.me-day[open] .me-day-sum::after{transform:rotate(90deg)}
.me-day-sum .muted{margin-left:auto;font-size:15px}
.me-day-name{font-weight:700}
.me-day-body{padding:0 22px 18px}
.me-day-body .me-h3:first-child{margin-top:0}
.me-more{align-self:flex-start;margin-top:4px}

@media (max-width:640px){
  .wrap.me-wrap{padding:0 16px}
  .me-email{display:none}
  .me-row,.me-entry{grid-template-columns:minmax(0,1fr) auto}
  .me-row .me-detail{grid-column:1/-1}
  .me-entry .me-detail{grid-column:1;grid-row:2}
  .me-entry .me-time{grid-column:2;grid-row:1}
  .me-group,.me-top{padding:16px}
  .me-day-sum{padding:14px 16px}
  .me-day-body{padding:0 16px 14px}
}