:root{--base:#080d14;--surface:#111a24;--elevated:#18242f;--inset:#0d151d;--border:#22303f;--border-strong:#33465a;--text:#eaf1f7;--text-2:#93a7b8;--text-3:#5f7286;--text-inv:#06222a;--cyan:#3ed8e0;--amber:#f5a623;--valid:#2fc77e;--warning:#f5a623;--expired:#ff5c5c;--cap-master:#f5a623;--cap-chief-mate:#3ed8e0;--cap-oicnw:#7a8cff;--cap-junior:#7a8cff;--cap-rating:#93a7b8;--cap-os:#93a7b8;--cap-other:#5f7286;--tint-cyan:#1d424c;--tint-amber:#3e392a;--tint-valid:#1b3f3b;--tint-expired:#402c35;--tint-oicnw:#283452;--tint-neutral:#23303c;--tint-amber-border:#5b4319;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-pill:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--base);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}a{color:var(--cyan)}.app{background:var(--base);max-width:430px;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);margin:0 auto;position:relative}.scroll{padding:0 20px 96px}.overline{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3);margin:14px 0 8px;font-size:10px;font-weight:600}.h1{letter-spacing:-.6px;margin:6px 0 12px;font-size:27px;font-weight:700}.card{background:var(--elevated);border-radius:var(--r-md);padding:13px 14px}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.err{color:var(--expired);margin:10px 0;font-size:13px}.btn{background:var(--cyan);width:100%;color:var(--text-inv);text-align:center;border-radius:15px;padding:15px;font-size:16px;font-weight:650;display:block}.btn:disabled{opacity:.5}.btn-ghost{background:var(--elevated);color:var(--text)}.seg{background:var(--inset);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{color:var(--text-2);border-radius:10px;flex:1;padding:8px 4px;font-size:12px;font-weight:500}.seg button[aria-pressed=true]{background:var(--tint-cyan);color:var(--cyan);font-weight:650}
