/* Presentation scoped to the access screen. */
body:has(main.auth){padding-bottom:0}body:has(main.auth) #pomodoro{display:none}
.app.auth:not(:has(#authForm)){max-width:600px;grid-template-columns:minmax(0,1fr)}
.app.auth{--aq-ink:#102d46;--aq-green:#0b715e;width:min(1120px,100%);max-width:1120px;min-height:100svh;margin:auto;padding:36px 38px 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,450px);align-content:center;align-items:center;gap:26px 64px;color:var(--aq-ink)}
.auth .auth-brand{grid-column:1/-1;justify-self:start;margin:0;gap:12px}.auth .auth-brand img{width:44px;height:44px;border-radius:0;box-shadow:none}.auth .auth-brand h1{font:800 27px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-1px;color:var(--aq-ink)}.auth .auth-brand p{font:700 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1.1px;color:var(--aq-green);margin-top:5px}
.auth .auth-scene{align-self:center;min-width:0;padding:18px 10px 0 0}.auth .auth-scene-kicker{font:700 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.7px;color:var(--aq-green);margin:0 0 12px}.auth .auth-scene h2{font:900 clamp(32px,3.8vw,48px)/1.03 Arial,Helvetica,sans-serif;letter-spacing:-1.8px;margin:0;max-width:440px}.auth .auth-scene h2 span{background:#d7f78c;box-shadow:5px 0 #d7f78c,-3px 0 #d7f78c}.auth .auth-scene img{display:block;object-fit:contain;width:100%;height:280px;margin:14px 0 6px;filter:drop-shadow(7px 8px 0 #102d4614)}.auth .auth-scene-note{display:flex;gap:14px;align-items:center;font:14px/1.5 Arial,Helvetica,sans-serif;margin:0;padding-top:12px;border-top:2px solid var(--aq-ink)}.auth .auth-scene-note b{font-size:20px;color:var(--aq-green)}
.auth .auth-card{min-width:0;margin:0;border:2px solid var(--aq-ink);border-radius:0;padding:30px;background:#fffdf5;box-shadow:8px 8px 0 #dfe8e4}.auth .auth-card h2{font:800 28px/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.9px;margin:0}.auth .auth-copy{font:14px/1.5 Arial,Helvetica,sans-serif;margin:9px 0 20px;color:#486173;min-height:42px}
.auth .segmented{padding:0;border:1px solid var(--aq-ink);border-radius:0;gap:0;background:#fff;overflow:hidden;margin:0 0 22px}.auth .segmented button{border:0;border-radius:0;font:700 13px/1.35 Arial,Helvetica,sans-serif;padding:12px 8px;min-height:44px;color:var(--aq-ink);background:none;box-shadow:none}.auth .segmented button.active{background:var(--aq-ink);color:white;box-shadow:none}
.auth .field{margin:0 0 16px}.auth .field label{font:700 12px/1.5 Arial,Helvetica,sans-serif;color:var(--aq-ink);margin-bottom:6px}.auth .field label .muted{font-size:11px;font-weight:400}.auth .field input{font:15px/1.4 Arial,Helvetica,sans-serif;color:var(--aq-ink);background:#fff;border:1px solid #8ca0a8;border-radius:0;min-height:48px;padding:12px;box-shadow:none}.auth .field input:focus-visible{outline:3px solid #acd7c8;outline-offset:2px;border-color:var(--aq-green)}
.auth #authSubmit{font:700 15px/1.4 Arial,Helvetica,sans-serif;min-height:48px;border:2px solid var(--aq-ink);border-radius:0;background:var(--aq-green);color:#fff;box-shadow:3px 3px 0 var(--aq-ink);margin-top:5px;transition:background .15s,transform .15s}.auth #authSubmit:hover{background:#075746}.auth #authSubmit:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--aq-ink)}.auth #authSubmit:disabled{opacity:.65;cursor:wait}.auth button:focus-visible,.auth a:focus-visible{outline:3px solid #8bbfac;outline-offset:3px}
.auth #forgotPassword{display:block;width:100%;font:700 12px/1.5 Arial,Helvetica,sans-serif;color:var(--aq-green);margin:15px 0;padding:8px;background:none;border:0;border-radius:0;text-decoration:underline;text-underline-offset:3px}.auth .auth-error,.auth .auth-status{border-radius:0;font:13px/1.5 Arial,Helvetica,sans-serif}.auth .divider{margin:18px 0}.auth .tiny{font:12px/1.6 Arial,Helvetica,sans-serif;text-align:left;color:#486173}.auth #guest{font:700 13px/1.5 Arial,Helvetica,sans-serif;border-radius:0;min-height:44px}
.auth .auth-footer{grid-column:1/-1;display:flex;gap:24px;justify-content:flex-end;margin-top:8px;font:12px/1.5 Arial,Helvetica,sans-serif}.auth .auth-footer a{color:var(--aq-ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.app.auth{padding:26px 24px 40px;gap:24px 28px;grid-template-columns:minmax(0,1fr) minmax(300px,390px)}.auth .auth-scene h2{font-size:32px}.auth .auth-scene img{height:220px}.auth .auth-card{padding:24px}.auth .auth-scene-note{font-size:12px}}
@media(max-width:640px){.app.auth{min-height:100svh;padding:22px 20px 32px;grid-template-columns:minmax(0,1fr);gap:22px;align-content:start}.auth .auth-brand{grid-column:1}.auth .auth-scene{display:grid;grid-template-columns:minmax(0,1fr) 105px;padding:0;gap:0 8px;align-items:center}.auth .auth-scene-kicker{grid-column:1;margin:0 0 8px;font-size:9px}.auth .auth-scene h2{grid-column:1;font-size:29px;letter-spacing:-1.1px}.auth .auth-scene img{grid-column:2;grid-row:1/4;width:105px;height:135px;margin:0;filter:none}.auth .auth-scene-note{display:none}.auth .auth-card{grid-column:1;padding:22px;box-shadow:5px 5px 0 #dfe8e4}.auth .auth-copy{min-height:0}.auth .auth-footer{grid-column:1;justify-content:center;margin:0}.auth .auth-card h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.auth #authSubmit{transition:none}}