:root{--navy:#0f1720;--navy-raised:#18222c;--cream:#f4f1ea;--muted:#b7c0c8;--gold:#c9a227;--danger:#c45c4a;--focus:#7eb6ff;--ink:#101820;--space:1rem;--touch:44px;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{direction:ltr}html,body{background:var(--navy);min-height:100%;color:var(--cream);margin:0;font-family:system-ui,Segoe UI,sans-serif;line-height:1.45}body{min-width:320px}a{color:var(--gold)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{background:var(--gold);color:var(--ink);min-height:var(--touch);z-index:10;padding:.6rem .9rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.app-shell,.auth-shell{width:min(72rem,100%);margin:0 auto;padding:1rem}.auth-shell{flex-direction:column;justify-content:center;max-width:28rem;min-height:100dvh;display:flex}.panel{background:var(--navy-raised);border-radius:var(--radius);border:1px solid #2a3642;padding:1.25rem}h1,h2,p{margin:0 0 .75rem}.lead,.muted{color:var(--muted)}label{margin-bottom:.35rem;font-weight:600;display:block}input{width:100%;min-height:var(--touch);color:var(--cream);background:#101820;border:1px solid #3a4754;border-radius:8px;padding:.65rem .8rem;font-size:1rem}.field{margin-bottom:1rem}.button,.nav a,.duty-grid button{min-height:var(--touch);min-width:var(--touch);cursor:pointer;border:0;border-radius:8px;padding:.7rem 1rem;font-size:1rem;font-weight:650}.button-primary{background:var(--gold);color:var(--ink);width:100%}.button-secondary{color:var(--cream);background:0 0;border:1px solid #3a4754}.button-danger{background:var(--danger);color:#fff}.button:disabled{opacity:.65;cursor:not-allowed}.error{color:#ffd2cb;background:#3a1f1c;border-radius:8px;margin-bottom:1rem;padding:.75rem}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.nav{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.25rem;display:grid}.nav a{text-align:center;background:var(--navy-raised);color:var(--cream);border:1px solid #2a3642;justify-content:center;align-items:center;text-decoration:none;display:flex}.nav a[aria-current=page]{border-color:var(--gold);color:var(--gold)}.status-grid,.duty-grid{gap:.75rem;display:grid}.status-card{background:var(--navy-raised);border-radius:var(--radius);border:1px solid #2a3642;padding:1rem}.duty-grid button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.list{margin:0 0 1rem;padding:0;list-style:none}.list li{border-bottom:1px solid #2a3642;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0;display:flex}.dialog-backdrop{background:#080c10b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--navy-raised);width:min(26rem,100%);color:var(--cream);border-radius:var(--radius);padding:1.25rem}.dialog-actions{gap:.75rem;display:flex}.dialog-actions .button{flex:1}.action-row{flex-wrap:wrap;gap:.5rem;display:flex}.offer-list{gap:1rem;display:grid}.offer-card{border-radius:var(--radius);border:1px solid #3a4754!important;padding:1rem!important;display:block!important}.offer-route{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-bottom:.75rem;display:grid}.offer-route div{gap:.2rem;display:grid}.earning{color:var(--gold);font-size:1.35rem}.offer-facts{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 0 .85rem;display:grid}.offer-facts div{background:#101820;border-radius:8px;padding:.6rem}.offer-facts dt{color:var(--muted);font-size:.8rem}.offer-facts dd{margin:.2rem 0 0;font-weight:650}.navigation-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.location-status{color:#b7e4c7;margin-top:.85rem}@media (max-width:480px){.offer-facts{grid-template-columns:1fr}}@media (min-width:390px){.app-shell,.auth-shell{padding:1.25rem}}@media (min-width:768px){.nav{grid-template-columns:repeat(3,1fr)}.status-grid,.duty-grid{grid-template-columns:1fr 1fr}.button-primary{width:auto;min-width:12rem}}@media (min-width:1024px){.nav{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}