:root{--bg:#fafbfb;--card:#fff;--sunk:#eff3f3;--ink:#0f1d1e;--soft:#4e6265;--line:#d3dede;--prim:#12656f;--prim-ink:#fff;--prim-wash:#dcedee;--ok:#1b6e43;--ok-wash:#dcf0e4;--warn:#8a5100;--warn-wash:#fbebd5;--danger:#9c2f26;--danger-wash:#f9e3e1;--radius:10px;--tap:48px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--data:ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace}@media (prefers-color-scheme:dark){:root{--bg:#0c1314;--card:#141d1e;--sunk:#101a1b;--ink:#eaf1f0;--soft:#9bb0b1;--line:#26383a;--prim:#55c5ce;--prim-ink:#05201f;--prim-wash:#14343a;--ok:#62c48d;--ok-wash:#143223;--warn:#e0a854;--warn-wash:#3a2a10;--danger:#e48078;--danger-wash:#3a1e1b}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}.shell{max-width:560px;margin:0 auto;padding:0 20px 64px}:focus-visible{outline:3px solid var(--prim);outline-offset:2px}.top{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:14px 0;display:flex}.brand{letter-spacing:-.02em;font-size:17px;font-weight:700}.brand span{display:none}.linkish{font:inherit;color:var(--prim);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:6px 2px;font-size:15px;text-decoration:underline}h1{letter-spacing:-.03em;text-wrap:balance;margin:0 0 6px;font-size:1.55rem;font-weight:700;line-height:1.14}h2.year{font-family:var(--data);letter-spacing:.18em;color:var(--soft);margin:28px 0 10px;font-size:12px;font-weight:400}.lede{color:var(--soft);margin:0 0 22px;font-size:15.5px}.latest{border:2px solid var(--prim);border-radius:14px;margin-bottom:8px;overflow:hidden}.latest .cap{background:var(--prim-wash);color:var(--prim);padding:9px 16px;font-size:13px;font-weight:700}.latest .in{gap:14px;padding:16px;display:grid}.latest .mo{letter-spacing:-.026em;margin:0;font-size:1.35rem;font-weight:700}.latest .co{color:var(--soft);margin:0;font-size:15px}.latest .amount{font-family:var(--data);letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:0;font-size:1.9rem;font-weight:700;line-height:1}.latest .amount small{font-family:var(--font);letter-spacing:0;color:var(--soft);margin-bottom:5px;font-size:13px;font-weight:400;display:block}ul.payslips{gap:10px;margin:0;padding:0;list-style:none;display:grid}.payslip{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.payslip:hover{border-color:var(--prim)}.payslip .month{letter-spacing:-.012em;font-size:16px;font-weight:650}.payslip .meta{color:var(--soft);font-size:13.5px;font-weight:400;display:block}.payslip .amount{font-family:var(--data);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15.5px;font-weight:650}.new{letter-spacing:.04em;text-transform:uppercase;color:var(--prim);font-size:11.5px;font-weight:700;display:inline-block}form.card,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:18px;padding:20px 18px;display:grid}label{gap:7px;font-size:15px;font-weight:700;display:grid}label .opt{color:var(--soft);font-weight:400}input{font:inherit;min-height:var(--tap);border:2px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);width:100%;padding:12px 14px;font-size:17px}input:focus{border-color:var(--prim)}input[readonly]{background:var(--sunk);color:var(--soft);border-style:dashed}.hint{color:var(--soft);font-size:13.5px;font-weight:400}button.primary,a.primary{font:inherit;min-height:var(--tap);border:2px solid var(--prim);border-radius:var(--radius);background:var(--prim);color:var(--prim-ink);cursor:pointer;text-align:center;width:100%;padding:13px 20px;font-size:17px;font-weight:700;text-decoration:none;display:inline-block}button.primary:disabled{opacity:.55;cursor:default}button.ghost{font:inherit;min-height:var(--tap);border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;background:0 0;width:100%;padding:12px 20px;font-size:16px;font-weight:700}.error{background:var(--danger-wash);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius);margin:0;padding:12px 14px;font-size:15px;font-weight:600}.notice{background:var(--ok-wash);color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 40%, transparent);border-radius:var(--radius);margin:0;padding:12px 14px;font-size:15px;font-weight:600}.empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--soft);background:var(--card);padding:32px 20px;font-size:15.5px}.install{background:var(--prim-wash);border:1px solid color-mix(in srgb, var(--prim) 30%, transparent);border-radius:var(--radius);margin:26px 0 8px;padding:20px 18px}.install h2{letter-spacing:-.01em;margin:0 0 8px;font-size:17px}.install p{color:var(--soft);margin:0;font-size:15.5px}.install .how{color:var(--ink);margin-top:12px}.install .actions{margin-top:18px}.install .actions button.primary{width:auto}.disclose{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.disclose>summary{min-height:var(--tap);cursor:pointer;color:var(--prim);align-items:center;gap:10px;padding:6px 2px;font-size:16px;font-weight:700;list-style:none;display:flex}.disclose>summary::-webkit-details-marker{display:none}.disclose>summary:before{content:"+";font-family:var(--data);border:2px solid;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:18px;line-height:1;display:grid}.disclose[open]>summary:before{content:"−"}.disclose>:not(summary){margin-top:12px}.card.ask,.notice{margin-bottom:24px}@media (min-width:760px){.shell{max-width:720px}ul.payslips{grid-template-columns:1fr 1fr}.latest .in{grid-template-columns:1fr auto;align-items:center}.latest .in>a.primary{grid-area:1/2/span 2;align-self:center;width:auto}.latest .amount{grid-column:1}}.reveal{align-items:stretch;gap:8px;display:flex}.reveal input{flex:1;min-width:0}.reveal button{font:inherit;min-height:var(--tap);border:2px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--prim);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.reveal button:hover{border-color:var(--prim)}input.code{letter-spacing:.32em;text-align:center;text-indent:.32em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.actions button.ghost{width:auto}.lede.small{margin-top:24px;font-size:14px}::placeholder{color:var(--soft);opacity:.75;font-style:italic}h2.section{letter-spacing:-.02em;margin:30px 0 12px;font-size:1.05rem;font-weight:700}h2.section:first-of-type{margin-top:0}.tabs{flex-wrap:wrap;gap:4px;margin:-8px 0 22px;font-size:15px;display:flex}.tabs a{min-height:var(--tap);white-space:nowrap;color:var(--soft);border-radius:8px;align-items:center;padding:8px 14px;text-decoration:none;display:inline-flex}.tabs a:hover{background:var(--sunk)}.tabs a[aria-current=page]{background:var(--prim-wash);color:var(--prim);font-weight:700}@media (min-width:620px){button.primary,a.primary,button.ghost{width:auto;min-width:220px}form.card>button.primary,form.card>button.ghost{justify-self:start}}
