:root{color-scheme:light;--ink:#17202a;--muted:#536273;--line:#c7d0d8;--paper:#f3f6f8;--surface:#fff;--brand:#134e73;--focus:#ad4b00;--danger:#8b1e24;--success:#17633b;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:#064f7a;text-underline-offset:.15em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);padding:.75rem;z-index:2}.skip-link:focus{left:1rem;top:1rem}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#102f45;color:white;padding:.8rem clamp(1rem,4vw,3rem)}.site-header a{color:white}.site-header nav{display:flex;align-items:center;gap:1rem}.brand{font-weight:700;font-size:1.1rem;text-decoration:none}.brand span{font-size:.85rem;font-weight:400;opacity:.85;margin-left:.4rem}main{margin:2rem auto;padding:0 1rem 3rem}.wide{max-width:70rem}.narrow{max-width:38rem}h1{font-size:clamp(1.7rem,4vw,2.25rem);line-height:1.2;margin:.2rem 0 .6rem}h2{font-size:1.3rem;margin:.1rem 0 .8rem}h3{font-size:1.05rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:.55rem;padding:clamp(1rem,3vw,1.5rem);margin:1.2rem 0;box-shadow:0 1px 3px #102f4510}.notice{border-left:4px solid #536273;background:#e7edf1;padding:.75rem 1rem;margin:1rem 0;min-height:2.8rem}.notice[data-kind=error]{border-color:var(--danger);background:#fff0f0;color:#64151a}.notice[data-kind=success]{border-color:var(--success);background:#edf8f1;color:#13472c}.muted,small,.optional{color:var(--muted)}form{display:grid;gap:.6rem;margin-top:1rem}label{font-weight:600}input,select,textarea{font:inherit;color:var(--ink);background:white;border:1px solid #7c8995;border-radius:.25rem;padding:.55rem .65rem;max-width:100%;width:100%}input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--brand)}button,.button-link{display:inline-block;width:max-content;max-width:100%;font:inherit;font-weight:600;color:white;background:var(--brand);border:1px solid var(--brand);border-radius:.3rem;padding:.55rem .9rem;cursor:pointer;text-decoration:none}button:hover,.button-link:hover{background:#0b3b59}.button-secondary{background:white;color:var(--brand)}.button-secondary:hover{background:#edf3f6;color:#102f45}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid>div{display:grid;align-content:start;gap:.35rem}.check-row{display:flex!important;align-items:center;gap:.6rem}.actions{display:flex!important;flex-direction:row;align-items:center;gap:.7rem;grid-column:1/-1}.inline-form{display:grid;grid-template-columns:auto minmax(12rem,1fr) auto;align-items:center;gap:.65rem}.stack{display:grid;gap:.8rem}.provider-card{border:1px solid var(--line);border-radius:.4rem;padding:1rem}.provider-card h3{margin:.1rem 0}.provider-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.provider-controls form{width:100%;min-width:0;margin:0}.provider-controls input:not([type=checkbox]){min-width:0}.table-wrap{overflow-x:auto;margin-top:1rem}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:#edf2f5}.sample-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem}.secret,.recovery-codes{display:block;padding:.8rem;background:#f1f3f5;border-radius:.3rem;overflow-wrap:anywhere;user-select:all}.wrap{overflow-wrap:anywhere}.ad-preview{border:1px dashed #536273;background:#f3f5f6;padding:1rem;text-align:center;margin:.75rem 0}.banner-preview{min-height:7rem;display:grid;align-content:center}.native-preview{text-align:left}.display-preview{min-height:18rem;display:grid;align-content:center}.feed-preview,.article-preview{max-width:42rem;margin:auto}.feed-preview{display:grid;gap:.65rem}.feed-item{min-height:5rem;background:#e7edf1;padding:1rem}.article-preview p{margin:1.5rem 0}.recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.7rem}.recommendations>div{min-height:4rem;background:#e7edf1;padding:.7rem}.state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.state-grid>div{border:1px solid var(--line);padding:.8rem;border-radius:.3rem}.state-grid h3{margin:.1rem 0}.state-grid p{margin-bottom:0}body.sample-page{background:white}@media(max-width:680px){.form-grid,.provider-controls,.state-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.actions{grid-column:auto}.state-grid{gap:.5rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.admin-tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid var(--line);margin:1.25rem 0 0}
.admin-tabs .admin-tab{border-radius:.35rem .35rem 0 0;margin-bottom:-1px}
.admin-tabs .admin-tab[aria-selected=true]{background:var(--surface);color:var(--brand);border-color:var(--line);border-bottom-color:var(--surface)}
.admin-tab-panel{outline:none}

#applications-list td{vertical-align:middle}
#applications-list td ul{margin:0}

.totp-qr-figure{margin:1rem 0}.totp-qr{display:block;max-width:100%;height:auto;background:#fff;image-rendering:pixelated}.totp-qr-figure figcaption{color:var(--muted);font-size:.9rem;margin-top:.4rem}

.route-builder,.unit-editor{min-width:0;border:1px solid var(--line);border-radius:.4rem;padding:1rem}.route-card{border:1px solid var(--line);border-radius:.4rem;padding:1rem}.route-card h3,.unit-editor h3{margin:.1rem 0 .5rem}.provider-order{display:grid;gap:.5rem;padding-left:1.5rem}.provider-order li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.provider-order li span{flex:1 1 12rem}.reorder-button{width:auto;padding:.35rem .6rem;font-size:.9rem}.route-add-provider{display:flex;align-items:end;gap:.5rem;max-width:32rem}.route-add-provider select{flex:1}.unit-editor{display:grid;gap:.4rem}.unit-editor input,.unit-editor select{max-width:38rem}fieldset{margin:.8rem 0}.route-builder{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(10rem,1fr);gap:.6rem;align-items:center}.route-builder legend{font-weight:700}.route-builder button{grid-column:1/-1}
#routing-form.inline-form{grid-template-columns:minmax(0,1fr)}
@media(max-width:680px){.route-builder{grid-template-columns:1fr}.route-builder button{grid-column:auto}.route-add-provider{align-items:stretch;flex-direction:column}.provider-order li span{flex-basis:100%}}

.reward-page{min-height:100vh;background:var(--paper)}.reward-card{margin-top:clamp(1rem,6vh,4rem);padding:clamp(1.1rem,4vw,2rem);background:var(--surface);border:1px solid var(--line);border-radius:.7rem;box-shadow:0 8px 28px #102f4512}.reward-card h1{margin-top:0}.reward-description{max-width:34rem;color:var(--muted)}.reward-state{margin-top:1rem}.reward-state h2{margin-top:0}.reward-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.reward-actions button{min-height:2.8rem}.reward-state [hidden],[hidden]{display:none!important}#reward-provider-slot{min-height:12rem;max-width:100%;margin:1rem 0;border:1px solid var(--line);border-radius:.35rem;background:#fff}.reward-page button:disabled{cursor:wait;opacity:.7}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:520px){.reward-card{margin:0;min-height:100vh;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.reward-actions{flex-direction:column}.reward-actions button,.reward-state>button{width:100%;min-height:3rem}.reward-state{width:100%}}