: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;--surface-raised:#253966;--text:var(--harmattan-cream);--text-muted:#c9cfe0;--outline:#070b16;--accent:var(--danfo-yellow);--accent-text:var(--ink);--shadow:#070b16;--ring-track:#ffffff1f;--radius:1.25rem;--radius-sm:.75rem;--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;--surface-raised:#f7ede2;--text:var(--ink);--text-muted:#4a4a4a;--outline:var(--ink);--shadow:var(--ink);--ring-track:#00000014;--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,h3,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}.app-container{flex-direction:column;max-width:28rem;min-height:100dvh;margin:0 auto;display:flex;position:relative}.screen{min-height:100dvh;padding:var(--space-3) var(--space-3) calc(5.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.screen__header{padding-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.home{min-height:100dvh;padding:var(--space-4);flex-direction:column;display:flex}.home__bar{justify-content:space-between;align-items:center;display:flex}.home__bar-right{gap:var(--space-2);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{border:var(--border) solid var(--outline);width:5.5rem;height:5.5rem;box-shadow:4px 4px 0 var(--shadow);color:var(--ink);isolation:isolate;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.8rem;font-weight:900;display:grid;position:relative}.avatar--large{width:6.5rem;height:6.5rem;font-size:2.2rem;animation:3.2s ease-in-out infinite bob}.avatar--circle{width:3rem;height:3rem;box-shadow:2px 2px 0 var(--shadow);border-width:2.5px;font-size:1.1rem}.avatar--naija{background:conic-gradient(var(--naija-green) 0 33%, var(--danfo-yellow) 0 66%, var(--ankara-red) 0)}.avatar--naija:before{content:"";background:var(--harmattan-cream);border:2px solid var(--outline);z-index:-1;border-radius:50%;position:absolute;inset:.45rem}.avatar--circle.avatar--naija:before{border-width:1.5px;inset:.25rem}.card{background:var(--surface);border:var(--border) solid var(--outline);border-radius:var(--radius);width:100%;box-shadow:4px 4px 0 var(--shadow);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.card--menu{gap:var(--space-3);padding:var(--space-6) var(--space-4)}.card__title{letter-spacing:-.01em;color:var(--text);font-size:1.25rem;font-weight:900}.card__text{font-size:1rem;line-height:1.5}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:3.25rem;padding:var(--space-3) var(--space-5);border:var(--border) solid var(--outline);border-radius:var(--radius-pill);cursor:pointer;box-shadow:4px 4px 0 var(--shadow);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-wrap:wrap;font-size:1.05rem;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--secondary{background:var(--surface);color:var(--text)}.btn--danger{background:var(--ankara-red);color:var(--harmattan-cream)}.btn--large{width:100%;min-height:3.5rem;font-size:1.15rem}.btn--small{min-height:2.25rem;padding:var(--space-1) var(--space-3);font-size:.85rem}.btn:hover:not(:disabled){box-shadow:5px 5px 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;opacity:.6;filter:saturate(.5);box-shadow:2px 2px 0 var(--shadow)}.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}.btn__subtext{opacity:.85;font-size:.8rem;font-weight:600}.chip{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-3);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);-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:700;transition:transform .12s;display:inline-flex}.chip--icon{justify-content:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.1rem}.chip:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.badge{border:2px solid var(--outline);border-radius:var(--radius-pill);letter-spacing:.03em;text-transform:uppercase;box-shadow:2px 2px 0 var(--shadow);align-items:center;padding:.2rem .75rem;font-size:.8rem;font-weight:800;display:inline-flex}.badge--yellow{background:var(--danfo-yellow);color:var(--ink)}.badge--green{background:var(--naija-green);color:#fff}.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)}.birth-screen{gap:var(--space-4)}.birth-screen__main{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.birth-screen__avatar-container{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.birth-screen__name{letter-spacing:-.01em;font-size:1.75rem;font-weight:900}.birth-screen__tagline{color:var(--text-muted);font-size:.95rem;font-weight:600}.card--story{text-align:left;border-color:var(--danfo-yellow)}.card__story-text{font-size:1.05rem;line-height:1.6}.birth-screen__actions{gap:var(--space-3);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.life-screen{gap:var(--space-3);padding:var(--space-3) var(--space-3) calc(6.5rem + env(safe-area-inset-bottom,0px))}.life-header{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--surface);border:var(--border) solid var(--outline);border-radius:var(--radius);box-shadow:4px 4px 0 var(--shadow);padding:var(--space-2) var(--space-3);min-height:4rem;display:flex}.life-header__left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.life-header__identity{flex-direction:column;min-width:0;display:flex}.life-header__name{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:800;line-height:1.2;overflow:hidden}.life-header__role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:.8rem;font-weight:600;overflow:hidden}.life-header__right{flex-shrink:0}.cash-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:2px solid var(--outline);box-shadow:2px 2px 0 var(--shadow);letter-spacing:-.01em;font-size:.95rem;font-weight:900}.cash-badge--positive{background:var(--naija-green);color:#fff}.cash-badge--negative{background:var(--ankara-red);color:#fff}.stats-bar{padding:var(--space-2) var(--space-2);background:var(--surface-raised)}.stats-grid{gap:var(--space-1);grid-template-columns:repeat(6,1fr);display:grid}.stat-ring{flex-direction:column;align-items:center;gap:.15rem;display:flex}.stat-ring__svg-wrapper{place-items:center;width:48px;height:48px;display:grid;position:relative}.stat-ring__svg{width:48px;height:48px;transform:rotate(-90deg)}.stat-ring__track{fill:none;stroke:var(--ring-track)}.stat-ring__fill{fill:none;transition:stroke-dashoffset .4s,stroke .3s}.stat-ring__value{color:var(--text);font-size:.75rem;font-weight:900;line-height:1;position:absolute}.stat-ring__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.65rem;font-weight:800;overflow:hidden}.life-feed{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.feed-year{padding:var(--space-3);gap:var(--space-2);transition:transform .15s}.feed-year__header-row{padding-bottom:var(--space-2);border-bottom:2px dashed #ffc8004d;justify-content:space-between;align-items:center;display:flex}.feed-year__age-badge{background:var(--danfo-yellow);color:var(--ink);border:2px solid var(--outline);border-radius:var(--radius-pill);box-shadow:2px 2px 0 var(--shadow);padding:.15rem .65rem;font-size:.95rem;font-weight:900;display:inline-block}.feed-year__calendar-year{color:var(--text-muted);font-size:.8rem;font-weight:700}.feed-year__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feed-year__item{padding-left:var(--space-2);border-left:3px solid var(--danfo-yellow);font-size:.95rem;line-height:1.45}.life-footer{width:100%;max-width:28rem;padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom,0px));z-index:100;background:linear-gradient(to top, var(--bg) 80%, transparent);justify-content:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.btn--age{background:var(--danfo-yellow);width:100%;max-width:18rem;min-height:4.25rem;color:var(--ink);border:3.5px solid var(--outline);border-radius:var(--radius-pill);box-shadow:5px 5px 0 var(--shadow);padding:var(--space-1) var(--space-4);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:0;transition:transform .1s,box-shadow .1s;display:flex}.btn--age__title{letter-spacing:.05em;font-size:1.6rem;font-weight:950;line-height:1}.btn--age__sub{letter-spacing:.05em;opacity:.9;font-size:.8rem;font-weight:800;line-height:1}.btn--age:hover{box-shadow:7px 7px 0 var(--shadow);transform:translate(-2px,-2px)scale(1.02)}.btn--age:active{box-shadow:2px 2px 0 var(--shadow);transform:translate(3px,3px)scale(.98)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;padding:var(--space-4);background:#070b16bf;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:var(--border) solid var(--outline);max-width:26rem;box-shadow:8px 8px 0 var(--shadow);gap:var(--space-4);animation:.2s ease-out pop-in}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-body{gap:var(--space-3);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;display:flex}.callout{padding:var(--space-3);border-radius:var(--radius-sm);border:2px solid var(--outline);background:var(--bg-pattern)}.callout--neutral{color:var(--text-muted);font-size:.85rem;line-height:1.45}.modal-version{color:var(--text-muted);text-align:center;font-size:.8rem}.settings-list{gap:var(--space-3);flex-direction:column;display:flex}.setting-row{padding-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid #ffffff1a;display:flex}:root[data-theme=light] .setting-row{border-bottom-color:#00000014}.setting-row__label{font-size:.95rem;font-weight:800}.setting-row__sub{color:var(--text-muted);font-size:.8rem}.setting-row--danger{padding-top:var(--space-2);border-bottom:none}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.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%)}}.btn3d{width:100%;min-height:3.25rem;padding:var(--space-2) var(--space-4);border:var(--border) solid var(--outline);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;box-shadow:0 4px 0 var(--shadow);justify-content:center;align-items:center;font-family:inherit;font-size:1.05rem;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative;transform:translateY(0)}.btn3d:active:not(:disabled){box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.btn3d:disabled{opacity:.55;cursor:not-allowed;box-shadow:0 2px 0 var(--shadow);transform:translateY(2px)}.btn3d--primary{background:var(--danfo-yellow);color:var(--ink)}.btn3d--secondary{background:var(--surface-raised);color:var(--text)}.btn3d--danger{background:var(--ankara-red);color:#fff}.btn3d--age{background:var(--danfo-yellow);color:var(--ink);letter-spacing:.05em;min-height:4.25rem;box-shadow:0 6px 0 var(--shadow);font-size:1.25rem}.btn3d--age:active:not(:disabled){box-shadow:0 2px 0 var(--shadow);transform:translateY(4px)}.btn--age-floating{width:100%;max-width:22rem;margin:0 auto}.card3d{background:var(--surface);border:var(--border) solid var(--outline);border-radius:var(--radius);box-shadow:4px 4px 0 var(--shadow);position:relative;overflow:hidden}.card3d--danfo{border-color:var(--danfo-yellow)}.card3d--danger{border-color:var(--ankara-red)}.danfo-stripe{background:repeating-linear-gradient(-45deg, var(--danfo-yellow), var(--danfo-yellow) 10px, var(--ink) 10px, var(--ink) 20px);border-bottom:2px solid var(--outline);width:100%}.category-banner{padding:var(--space-1) var(--space-3);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--outline);align-items:center;font-size:.75rem;font-weight:900;display:flex}.category-banner--love{color:#fff;background:#ff4d6d}.category-banner--money{color:#fff;background:#0a8f3c}.category-banner--school{color:#fff;background:#1e88e5}.category-banner--family{color:#fff;background:#fb8c00}.category-banner--hustle,.category-banner--work{background:var(--danfo-yellow);color:var(--ink)}.category-banner--faith{color:#664e10;background:#fdf0d5}.category-banner--japa{color:#fff;background:#7b2cbf}.category-banner--health{color:#fff;background:#00897b}.category-banner--street{color:#fff;background:#3a0ca3}.money-counter{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-weight:900;line-height:1.2;display:inline-flex}.money-counter__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:700}.money-counter__value{font-size:1.1rem}.money-counter--positive .money-counter__value{color:var(--naija-green)}.money-counter--negative .money-counter__value{color:var(--ankara-red)}:root[data-theme=dark] .money-counter--positive .money-counter__value{color:#2ec4b6}:root[data-theme=dark] .money-counter--negative .money-counter__value{color:#ff5252}.stat-ring__svg-wrapper{position:relative}.stat-ring__badge{border:1.5px solid var(--outline);width:1.15rem;height:1.15rem;box-shadow:1px 1px 0 var(--shadow);border-radius:50%;place-items:center;font-size:.75rem;font-weight:900;animation:.2s ease-out pop-in;display:grid;position:absolute;top:-4px;right:-4px}.stat-ring__badge--up{color:#fff;background:#2ec4b6}.stat-ring__badge--down{color:#fff;background:#ff5252}.stat-ring--delta-up .stat-ring__value{color:#2ec4b6;font-weight:900;transition:transform .15s,color .15s;transform:scale(1.1)}.stat-ring--delta-down .stat-ring__value{color:#ff5252;font-weight:900;transition:transform .15s,color .15s;transform:scale(1.1)}.birth-card--flip{animation:.45s cubic-bezier(.175,.885,.32,1.275) card-flip}@keyframes card-flip{0%{opacity:0;transform:rotateY(70deg)scale(.92)}to{opacity:1;transform:rotateY(0)scale(1)}}.feed-year--animated{animation:.3s ease-out feed-slide}@keyframes feed-slide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.death-screen{padding:var(--space-4);justify-content:center;align-items:center;min-height:100dvh;display:flex}.death-card{text-align:center;width:100%;max-width:26rem;padding:0}.death-card__header{padding:var(--space-6) var(--space-4) var(--space-3)}.death-card__icon{margin-bottom:var(--space-2);font-size:2.8rem}.death-card__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:800}.death-card__name{margin-top:var(--space-1);font-size:1.65rem;font-weight:900}.death-card__lifespan{color:var(--danfo-yellow);margin-top:var(--space-1);font-size:1.2rem;font-weight:800}.death-card__details{background:var(--bg-pattern);border-top:2px solid var(--outline);border-bottom:2px solid var(--outline);padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.death-detail-row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.death-detail-row__label{color:var(--text-muted);font-weight:600}.death-detail-row__value{font-weight:800}.death-card__quote{padding:var(--space-4);color:var(--text-muted);font-size:.95rem;font-style:italic;line-height:1.45}.death-card__actions{padding:0 var(--space-4) var(--space-6)}.error-screen{padding:var(--space-4);justify-content:center;align-items:center;min-height:100dvh;display:flex}.error-card{max-width:24rem;padding:var(--space-6) var(--space-4);text-align:center}.error-card__badge{margin-bottom:var(--space-2);font-size:3rem}.error-card__title{margin-bottom:var(--space-2);font-size:1.4rem;font-weight:900}.error-card__desc{color:var(--text-muted);margin-bottom:var(--space-4);font-size:.95rem;line-height:1.45}.data-saver body,html[data-data-saver=true] body{background-image:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after,html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{transition:none!important;animation:none!important}