:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e8f8;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080810;--surface:#0d0d1ac7;--surface-strong:#121224eb;--surface-offset:#16162e;--border:#e8e8f826;--border-strong:#e8e8f847;--text:#e8e8f8;--muted:#9797b8;--faint:#5a5a76;--primary:#7c6fff;--primary-soft:#7c6fff29;--gold:#f0c040;--teal:#40d0c0;--rose:#f06090;--green:#40d080;--ink:#06060c;--radius:8px;--shadow:0 24px 90px #0000007a;background:#080810;font-family:DM Mono,Fira Code,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100%;color:var(--text);margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:disabled{cursor:progress;opacity:.6}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{isolation:isolate;min-height:100dvh;position:relative}.starfield{z-index:0;pointer-events:none;background:radial-gradient(circle at 17% 21%,#7c6fff33,#0000 23rem),radial-gradient(circle at 82% 72%,#40d0c01f,#0000 25rem),radial-gradient(circle at 52% 4%,#f0c04014,#0000 18rem),linear-gradient(#080810 0%,#06070c 100%);position:fixed;inset:0}.starfield:before,.starfield:after{content:"";opacity:.35;background-image:radial-gradient(circle,#ffffffb3 0 1px,#0000 1.4px),radial-gradient(circle,#7c6fff8c 0 1px,#0000 1.6px);background-position:0 0,2.2rem 3.1rem;background-size:7rem 7rem,10rem 10rem;animation:38s linear infinite starDrift;position:absolute;inset:0}.starfield:after{filter:blur(.5px);opacity:.22;background-size:12rem 12rem,16rem 16rem;animation-duration:58s;animation-direction:reverse}.hero,.workbench,.timeline-section,.site-footer{z-index:1;position:relative}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(2.5rem,6vh,4.5rem) 1rem 8rem;display:flex}.pulse-copy{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:.78rem;display:inline-flex}.hero-title{max-width:12ch;color:var(--text);text-shadow:0 0 36px #e8e8f81f;margin:0 0 1.35rem;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.4rem,5.2vw,4.9rem);font-style:italic;font-weight:400;line-height:.92}.timestamp-label,.hero-hint,.number-field span,.mode-panel label span,.panel-kicker,.section-heading span{color:var(--faint);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:500}.timestamp-label{margin-bottom:.65rem}.timestamp-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:.03em;max-width:min(100%,84rem);margin:0 auto;display:flex}.digit{color:#f5ffff;cursor:pointer;text-align:center;text-shadow:0 0 24px #e8e8f82e,0 0 52px #40d0c024;width:.68em;min-width:.68em;animation:2.8s ease-in-out infinite digitPulse;animation-delay:var(--digit-delay,0s);background:0 0;border:0;place-items:center;padding:0;font-size:8.9rem;font-weight:300;line-height:.9;transition:color .18s,transform .18s,text-shadow .22s;display:inline-grid}.digit:hover,.digit:focus-visible{color:var(--primary);text-shadow:0 0 20px #7c6fff94,0 0 54px #f0c04024;outline:none;transform:translateY(-.25rem)scale(1.12)}.hero-hint{color:var(--faint);text-transform:none;margin-top:2rem}.hero-hint span{color:var(--primary)}.command-strip{border:1px solid var(--border-strong);border-radius:var(--radius);width:min(35rem,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a10c7;grid-template-columns:1fr auto;gap:.7rem;margin-top:1.2rem;padding:.75rem;display:grid}.number-field{text-align:left;gap:.35rem;display:grid}input{border:1px solid var(--border-strong);width:100%;min-height:2.7rem;color:var(--text);background:#06080cdb;border-radius:6px;outline:none;padding:.62rem .75rem}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c6fff2e}.primary-action,.mode-btn,.mode-panel button,.mode-tabs button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-height:2.7rem;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.primary-action{color:#071014;background:#ddff38;border:1px solid #ddff38;align-self:end;padding:.72rem 1rem;font-weight:700}.primary-action:hover,.primary-action:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 0 28px #ddff383d}.quick-modes{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem;display:flex}.mode-btn{border:1px solid var(--border);color:var(--muted);background:#0d0d1a80;padding:.5rem .85rem;font-size:.78rem}.mode-btn:hover,.mode-btn:focus-visible{border-color:var(--primary);color:var(--primary);outline:none;box-shadow:0 0 18px #7c6fff38}.workbench{grid-template-columns:minmax(16rem,23rem) 1fr;align-items:start;gap:1.2rem;width:min(72rem,100% - 2rem);margin:8rem auto 5rem;display:grid}.modes,.fact-zone{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a10b8}.modes{position:sticky;top:5.3rem;overflow:hidden}.mode-tabs{border-bottom:1px solid #e8e8f817;grid-template-columns:1fr;gap:.35rem;padding:.55rem;display:grid}.mode-tabs button{min-height:2.6rem;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;padding:.6rem .75rem}.mode-tabs button.active{color:var(--text);background:#40d0c01f;border-color:#40d0c08c;box-shadow:inset 0 0 0 1px #40d0c00f}.mode-tabs button:hover,.mode-tabs button:focus-visible,.mode-panel button:hover,.mode-panel button:focus-visible{border-color:var(--primary);color:var(--text);outline:none;transform:translateY(-1px)}.mode-panel{gap:.8rem;padding:1rem;display:grid}.mode-panel strong{color:#ddff38;font-size:2.2rem;font-weight:500;line-height:1;display:block}.mode-panel button{border:1px solid var(--border-strong);color:var(--text);background:#10151cd1;padding:.68rem .8rem;font-weight:700}.battle-panel,.birthday-panel{grid-template-columns:1fr}.battle-panel label,.birthday-panel label{gap:.35rem;display:grid}.battle-result{color:var(--text);gap:.55rem;margin-top:.25rem;display:grid}.battle-result>span{color:var(--gold);text-transform:uppercase;font-weight:700}.score-row{grid-template-columns:3rem 1fr 3rem;align-items:center;gap:.5rem;font-size:.9rem;display:grid}meter{width:100%;height:.65rem}.status-line{color:var(--gold);margin:0}.fact-zone{min-height:22rem;padding:1.15rem;overflow:hidden}.empty-deck{min-height:21rem;color:var(--faint);text-align:center;place-items:center;margin:0;display:grid}.fact-deck{grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));gap:1rem;display:grid}.fact-card{border:1px solid var(--border-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#e8e8f817,#e8e8f806),#101218d1;min-height:11.5rem;padding:1.15rem;animation:.78s cubic-bezier(.18,1.32,.32,1) both cardIn;box-shadow:0 18px 70px #0000005c}.fact-card:nth-child(2n){transform-origin:70% 20%}.fact-card-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.badge,.source-badge{text-transform:uppercase;border-radius:999px;align-items:center;padding:.18rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge-math{color:var(--teal);background:#40d0c02e}.badge-trivia{color:#ddff38;background:#ddff3829}.badge-date{color:#f0a040;background:#f0a04033}.badge-event{color:var(--teal);background:#40d0c02e}.badge-birth,.badge-death,.badge-holiday{color:var(--rose);background:#f060902e}.badge-lore,.badge-history,.badge-daily{color:#aaa2ff;background:#7c6fff33}.badge-birthday{color:var(--rose);background:#f060902e}.badge-battle{color:var(--green);background:#40d0802e}.source-badge{color:var(--muted);background:#e8e8f81a}.fact-card strong{color:#f5ffff;word-break:break-word;font-size:2rem;font-weight:500;line-height:1;display:block}.fact-card p{color:#c8c8dc;margin:.8rem 0 0;font-size:.92rem;line-height:1.55}.timeline-section{width:min(56rem,100% - 2rem);margin:0 auto;padding:4rem 0 6rem}.section-heading{text-align:center;margin-bottom:3.25rem}.section-heading h2{max-width:22ch;color:var(--text);margin:.45rem auto 0;font-family:Instrument Serif,Georgia,serif;font-size:3rem;font-style:italic;font-weight:400;line-height:1}.timeline{gap:2.6rem;padding-left:3rem;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, transparent, var(--primary), var(--teal), var(--gold), transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-entry{grid-template-columns:8.5rem 1fr;align-items:start;gap:1.25rem;display:grid;position:relative}.timeline-entry:before{border:2px solid var(--primary);background:var(--bg);content:"";border-radius:999px;width:1rem;height:1rem;position:absolute;top:.85rem;left:-3.55rem;box-shadow:0 0 18px #7c6fff73}.timeline-number{color:var(--primary);text-align:right;word-break:break-word;font-size:1.9rem;font-weight:300;line-height:1}.timeline-copy{padding-bottom:.4rem}.timeline-copy span{color:var(--gold);text-transform:uppercase;font-size:.7rem;font-weight:700}.timeline-copy h3{margin:.3rem 0 .5rem;font-family:Instrument Serif,Georgia,serif;font-size:1.65rem;font-style:italic;font-weight:400}.timeline-copy p{max-width:37rem;color:var(--muted);margin:0;font-size:.95rem;line-height:1.7}.number-rain{z-index:9;pointer-events:none;position:fixed;inset:0;overflow:hidden}.number-rain span{color:#ddff38ad;text-shadow:0 0 16px #40d0c066;font-weight:700;animation:linear forwards rainFall;position:absolute;top:-4rem}.site-footer{color:var(--faint);text-align:center;border-top:1px solid #e8e8f814;padding:2.5rem 1rem 5rem;font-size:.75rem}.site-footer p{margin:0}.github-link{z-index:30;color:#9ba9b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050f16e6;border:1px solid #13d8f5;border-radius:7px;align-items:center;gap:.45rem;min-height:2.55rem;padding:.6rem .85rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 0 0 1px #13d8f50f,0 14px 42px #00000061}.github-link:hover,.github-link:focus-visible{color:#c8d6e4;border-color:#56f0ff;outline:none;box-shadow:0 0 18px #13d8f53d,0 14px 42px #00000061}.github-link .heart{color:#ff4d76;font-weight:700}.github-link strong{color:#00e5ff;font-weight:800}@keyframes digitPulse{0%,to{opacity:.64;transform:translateY(0)}50%{opacity:1;transform:translateY(-.08em)}}@keyframes cardIn{0%{opacity:0;transform:translate(var(--burst-x), var(--burst-y)) rotate(var(--burst-angle)) scale(.74)}68%{opacity:1;transform:translate(0)rotate(2deg)scale(1.04)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes rainFall{to{transform:translate3d(var(--rain-drift), calc(100dvh + 7rem), 0);opacity:0}}@keyframes starDrift{to{transform:translate(-3rem,4rem)}}@media (width>=80rem){.digit{font-size:10.4rem}}@media (width<=62rem){.hero{padding:3.25rem 1rem 7rem}.digit{font-size:5.8rem}.command-strip,.workbench{grid-template-columns:1fr}.primary-action{align-self:stretch}.workbench{margin-top:6rem}.modes{position:static}.mode-tabs{grid-template-columns:repeat(3,1fr)}.mode-tabs button{text-align:center;flex-wrap:wrap;min-width:0;font-size:.8rem}.timeline-entry{grid-template-columns:6.5rem 1fr}}@media (width<=38rem){.pulse-copy{font-size:.72rem}.hero{min-height:100svh}.digit{font-size:3.25rem}.command-strip{padding:.65rem}.quick-modes{gap:.45rem}.mode-btn{min-height:2.35rem;padding:.42rem .65rem;font-size:.74rem}.mode-tabs,.fact-deck{grid-template-columns:1fr}.section-heading h2{font-size:2.35rem}.timeline{padding-left:2.15rem}.timeline-entry{grid-template-columns:1fr;gap:.6rem}.timeline-entry:before{left:-2.65rem}.timeline-number{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.number-rain{display:none}}