:root{--naija-green:#0a8f3c;--danfo-yellow:#ffc800;--lagos-night:#14213d;--ankara-red:#d7263d;--harmattan-cream:#fff4e0;--ink:#1b1b1b;--bg:var(--lagos-night);--bg-pattern:#ffc8000f;--surface:#1d2d52;--text:var(--harmattan-cream);--text-muted:#c9cfe0;--outline:#070b16;--accent:var(--danfo-yellow);--accent-text:var(--ink);--shadow:#070b16;--radius:1.25rem;--radius-pill:999px;--border:3px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:var(--harmattan-cream);--bg-pattern:#0a8f3c14;--surface:#fff;--text:var(--ink);--text-muted:#4a4a4a;--outline:var(--ink);--shadow:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}body{min-height:100dvh;font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 25% 25%, var(--bg-pattern) 0 6%, transparent 7%), radial-gradient(circle at 75% 75%, var(--bg-pattern) 0 6%, transparent 7%);background-size:48px 48px;margin:0;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,p{margin:0}button{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home{max-width:30rem;min-height:100dvh;padding:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.home__bar{justify-content:flex-end;display:flex}.home__main{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;padding-block:var(--space-6);flex-direction:column;flex:1;display:flex}.home__title{letter-spacing:-.02em;color:var(--accent);text-shadow:3px 3px 0 var(--outline), -1px -1px 0 var(--outline), 1px -1px 0 var(--outline), -1px 1px 0 var(--outline);font-size:clamp(2.25rem,9vw,3rem);font-weight:900;line-height:1.05}:root[data-theme=light] .home__title{color:var(--naija-green);text-shadow:3px 3px 0 var(--danfo-yellow)}.home__tagline{color:var(--text-muted);max-width:22rem;font-size:1.05rem;font-weight:600}.home__footer{align-items:center;gap:var(--space-1);color:var(--text-muted);padding-top:var(--space-4);flex-direction:column;font-size:.85rem;display:flex}.avatar{background:conic-gradient(var(--naija-green) 0 33%, var(--danfo-yellow) 0 66%, var(--ankara-red) 0);border:var(--border) solid var(--outline);width:6rem;height:6rem;box-shadow:4px 4px 0 var(--shadow);color:var(--ink);border-radius:50%;place-items:center;font-size:2rem;font-weight:900;animation:3.2s ease-in-out infinite bob;display:grid;position:relative}.avatar:before{content:"";background:var(--harmattan-cream);border:var(--border) solid var(--outline);border-radius:50%;position:absolute;inset:.6rem}.avatar{isolation:isolate}.avatar:before{z-index:-1}.card{background:var(--surface);border:var(--border) solid var(--outline);border-radius:var(--radius);width:100%;box-shadow:6px 6px 0 var(--shadow);padding:var(--space-6) var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.card__text{font-size:1rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:3.25rem;padding:var(--space-3) var(--space-6);border:var(--border) solid var(--outline);border-radius:var(--radius-pill);cursor:pointer;box-shadow:4px 4px 0 var(--shadow);flex-wrap:wrap;font-size:1.1rem;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn:hover:not(:disabled){box-shadow:6px 6px 0 var(--shadow);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--shadow);transform:translate(3px,3px)}.btn:disabled{cursor:not-allowed;filter:saturate(.6)}.btn__badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);background:var(--ink);color:var(--harmattan-cream);padding:.15rem .5rem;font-size:.7rem;font-weight:800}.chip{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border:var(--border) solid var(--outline);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:3px 3px 0 var(--shadow);font-weight:700;transition:transform .12s;display:inline-flex}.chip:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.stripes{gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;display:flex}.stripe{border-radius:var(--radius-pill);border:2px solid var(--outline);width:2.5rem;height:.6rem}.stripe--green{background:var(--naija-green)}.stripe--yellow{background:var(--danfo-yellow)}.stripe--red{background:var(--ankara-red)}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}.reload-prompt{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));width:calc(100% - 2 * var(--space-4));z-index:1000;justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--surface);max-width:26rem;color:var(--text);border:var(--border) solid var(--outline);border-radius:var(--radius);box-shadow:6px 6px 0 var(--shadow);padding:var(--space-2) var(--space-3);animation:.25s ease-out slide-up;display:flex;position:fixed;left:50%;transform:translate(-50%)}.reload-prompt__btn{align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--text);text-align:left;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:0 0;border:none;flex:1;font-size:.95rem;font-weight:700;display:inline-flex}.reload-prompt__btn:hover{background:var(--bg-pattern)}.reload-prompt__icon{background:var(--danfo-yellow);width:2rem;height:2rem;color:var(--ink);border:2px solid var(--outline);border-radius:50%;flex-shrink:0;place-items:center;font-size:1rem;font-weight:900;display:grid}.reload-prompt__close{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.3rem;font-weight:700;line-height:1;display:grid}.reload-prompt__close:hover{color:var(--text);border-color:var(--outline)}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,1rem)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}