:root{font-family:Avenir Next,Avenir,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:#2a1f19;background:radial-gradient(circle at top,rgba(232,189,121,.26),transparent 22%),linear-gradient(160deg,#f7eddc,#eee3d1 52%,#fbf7f0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(128,103,84,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(128,103,84,.04) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 85%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 85%)}a{text-decoration:none}button,input{font:inherit}button{border-radius:16px;border:1px solid transparent;padding:.85rem 1rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.68}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(33,84,74,.35);outline-offset:2px}input{border:1px solid rgba(86,101,119,.16);border-radius:16px;padding:.9rem 1rem;background:#ffffffd1;color:#2a1f19}button,a,input{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.on-this-day-app{position:relative;min-height:100vh;overflow:hidden;padding:.9rem}.on-this-day-app:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(248,195,111,.24),transparent 26%),radial-gradient(circle at right 20%,rgba(76,118,145,.16),transparent 28%),linear-gradient(180deg,#fbf4e6f5,#ede3d0f0);z-index:0}.sunburst,.timeline-ring{position:absolute;z-index:0;pointer-events:none}.sunburst{border-radius:999px;background:radial-gradient(circle,rgba(239,174,71,.18),transparent 70%);filter:blur(4px)}.sunburst-one{width:28rem;height:28rem;top:-7rem;right:-5rem}.sunburst-two{width:18rem;height:18rem;left:-3rem;bottom:8rem}.timeline-ring{border-radius:999px;border:1px solid rgba(52,73,90,.12)}.timeline-ring-one{width:35rem;height:35rem;top:-12rem;right:-10rem}.timeline-ring-two{width:24rem;height:24rem;left:-6rem;bottom:-8rem}.on-this-day-shell{position:relative;z-index:1;width:min(980px,100%);min-height:calc(100vh - 1.8rem);margin:0 auto;display:grid;gap:.9rem}.on-this-day-shell.shell-centered{align-content:center}.on-this-day-shell.shell-compact{align-content:start;padding-block:.3rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.brand-kicker,.section-kicker,.score-pill span,.pill{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.brand-kicker,.section-kicker{color:#8f5d37}.brand-mark,.hero-card h2,.question-card h2{margin:.45rem 0 0;font-family:Georgia,Times New Roman,serif;color:#1f2831}.brand-mark{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.94}.topbar-meta{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.pill,.score-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:999px;background:#fffaf3c2;border:1px solid rgba(38,64,84,.12);color:#264054}.pill.muted{color:#647787}.hero-card,.question-card{border-radius:32px;border:1px solid rgba(56,66,89,.12);background:#fffcf7e0;box-shadow:0 30px 70px #1e1f221f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{max-width:46rem;margin:0 auto;text-align:center;padding:2.2rem 2rem}.hero-card-results{position:relative;overflow:hidden;isolation:isolate}.hero-card-results.perfect-score{background:radial-gradient(circle at top,rgba(243,213,142,.3),transparent 38%),linear-gradient(180deg,#fffcf7f0,#fff7eae0);border-color:#cb763533;box-shadow:0 34px 90px #1e1f2224,0 0 0 1px #ffffff59 inset}.hero-card-results.perfect-score:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(255,255,255,.45),transparent 28%),linear-gradient(180deg,transparent 0%,rgba(255,255,255,.14) 100%);pointer-events:none;z-index:-1}.hero-card h2{font-size:clamp(2.3rem,6vw,4.8rem);line-height:.94}.results-score.perfect{text-shadow:0 10px 28px rgba(203,118,53,.18)}.results-confetti{position:absolute;inset:0 0 auto;height:13rem;pointer-events:none;overflow:hidden}.results-confetti-piece{position:absolute;top:-1.8rem;left:var(--confetti-left);width:var(--confetti-width, .7rem);height:var(--confetti-height, 1.1rem);background:var(--confetti-color, #cb7635);border-radius:.2rem;opacity:0;box-shadow:0 .2rem .45rem #4639291f;animation:confetti-fall var(--confetti-duration, 5s) ease-in infinite;animation-delay:var(--confetti-delay, 0s)}.results-confetti-piece.circle{border-radius:999px}.results-confetti-piece.triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%);border-radius:0}.results-confetti-piece.sliver{border-radius:999px}.results-perfect-banner{width:min(100%,34rem);margin:1rem auto 0;padding:1rem 1.1rem;border-radius:24px;background:linear-gradient(135deg,#fff7e8f5,#faecd0eb);border:1px solid rgba(203,118,53,.2);box-shadow:0 20px 38px #9d4c241f}.results-perfect-kicker{margin:0;color:#8f5d37;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700}.results-perfect-copy{margin:.45rem 0 0;color:#5a4131;font-size:1rem;line-height:1.45;font-weight:600}.hero-date{margin:.75rem 0 0;font-size:1rem;color:#446378}.hero-copy{max-width:38rem;margin:.8rem auto 0;color:#5b5148;font-size:1rem}.streak-banner{width:fit-content;max-width:min(100%,34rem);margin:0 auto .95rem;padding:.65rem 1rem;border-radius:999px;background:#f1e0b58c;border:1px solid rgba(143,93,55,.22);color:#6b4427;font-size:.95rem;font-weight:600;line-height:1.4}.streak-banner-results{margin-top:.8rem;margin-bottom:0}.mode-description{width:min(100%,34rem);margin:.85rem auto 0;color:#5f7384;font-size:.95rem;line-height:1.5}.hero-actions{display:grid;justify-items:center;gap:.65rem;margin-top:1.2rem}.reminder-card{width:min(100%,34rem);margin:1.2rem auto 0;padding:1rem 1.1rem;border-radius:24px;text-align:left;background:linear-gradient(135deg,#eef5f7eb,#fbf6eee6);border:1px solid rgba(38,64,84,.12);box-shadow:0 18px 36px #142b3b14}.reminder-copy,.reminder-note,.reminder-status{margin:.45rem 0 0;color:#43596a;font-size:.95rem;line-height:1.45}.reminder-note{color:#6a7c89}.reminder-status{color:#264054;font-weight:600}.reminder-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.9rem}.hero-note,.language-status{margin:0;color:#45647a;font-size:.96rem}.text-link{color:#21544a;font-weight:700}.text-link:hover{color:#173f38}.language-picker{display:grid;justify-items:center;gap:.45rem;margin-top:1rem}.intro-picker-stack{display:grid;gap:.8rem;width:min(100%,38rem);margin:.8rem auto 0}.picker-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;width:min(100%,34rem);margin:.8rem auto 0}.language-select-label{color:#375064;font-size:.95rem;font-weight:600}.mode-picker-label{margin:0}.mode-picker-block{width:100%}.language-select-wrap{position:relative;width:min(100%,16rem)}.language-select-wrap:after{content:"";position:absolute;top:50%;right:1rem;width:.7rem;height:.7rem;border-right:2px solid rgba(36,75,96,.8);border-bottom:2px solid rgba(36,75,96,.8);transform:translateY(-65%) rotate(45deg);pointer-events:none}.language-select{width:100%;appearance:none;border:1px solid rgba(55,80,100,.14);border-radius:16px;background:#fffbf5eb;color:#203949;padding:.8rem 2.7rem .8rem 1rem;box-shadow:0 14px 28px #142b3b14}.mode-button-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:100%}.mode-select-button{width:100%;min-height:3rem;padding:.7rem .85rem;border-radius:16px;border:1px solid rgba(41,65,84,.12);background:#fffbf5cc;color:#294154;box-shadow:0 14px 28px #142b3b14;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.mode-select-button:hover:not(:disabled):not(.selected){transform:translateY(-1px);border-color:#4e647a38;background:#ffffffeb}.mode-select-button.selected{background:linear-gradient(135deg,#264054,#18303f);border-color:#18303f57;color:#f5efe6;box-shadow:0 18px 34px #18303f33}.mode-select-button:disabled{opacity:.7}.primary-button,.secondary-button,.option-button{border-radius:16px}.primary-button{background:linear-gradient(135deg,#cb7635,#9d4c24);color:#fff8f0;border-color:#9d4c243d;box-shadow:0 18px 34px #9d4c2438}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#b7652c,#8a431e)}.secondary-button{background:#fffbf5bd;color:#294154;border-color:#29415429}.error-banner,.answer-banner{border-radius:18px;padding:.75rem .9rem}.error-banner{margin-top:.75rem;background:#a5392c1f;color:#8b2b20}.question-stage{display:grid;gap:.75rem}.scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:min(100%,50rem);margin:0 auto}.score-pill{flex-direction:column;align-items:center;gap:.15rem;min-width:0;text-align:center}.score-pill strong{font-size:1.15rem}.score-pill.emphasis{background:linear-gradient(135deg,#244b60f2,#132a38f7);color:#f5efe6}.question-card{width:min(100%,50rem);margin:0 auto;padding:1.6rem;display:grid;gap:1rem}.question-card h2{font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.14;text-align:center}.question-card h3{margin:0;text-align:center;max-width:42rem;margin-inline:auto;font-size:clamp(1.05rem,2.3vw,1.35rem);line-height:1.3}.centered{text-align:center}.question-media{width:100%;max-width:260px;height:156px;margin:0 auto;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;overflow:hidden;border-radius:18px}.question-image{width:100%;height:100%;object-fit:contain;display:block}.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.option-button{display:flex;align-items:center;gap:.75rem;width:100%;min-height:3.1rem;padding:.7rem .85rem;text-align:left;background:#ffffffc2;border:1px solid rgba(86,101,119,.12)}.option-button.correct{background:#23735324;border-color:#2373535c}.option-button.incorrect{background:#a5392c1f;border-color:#a5392c47}.hardcore-answer-box{display:grid;gap:.55rem;width:min(100%,24rem);margin:0 auto}.hardcore-answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.hardcore-year-input{width:100%;border:1px solid rgba(55,80,100,.14);border-radius:16px;background:#fffbf5eb;color:#203949;padding:.8rem 1rem;box-shadow:0 14px 28px #142b3b14}.hardcore-submit-button{min-width:9rem}.timeline-stage{gap:.9rem}.timeline-card-shell{width:min(100%,56rem)}.timeline-copy{margin-top:0}.timeline-list{display:grid;gap:.75rem}.timeline-edge-hint{margin:0;text-align:center;color:#5f7384;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timeline-edge-hint-top{margin-top:.2rem}.timeline-edge-hint-bottom{margin-bottom:.1rem}.timeline-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.85rem;border-radius:18px;background:#fffbf5cc;border:1px solid rgba(41,65,84,.12);box-shadow:0 14px 28px #142b3b14;cursor:grab}.timeline-card-no-media{grid-template-columns:auto minmax(0,1fr) auto}.timeline-card.dragging{box-shadow:0 22px 36px #142b3b2e;cursor:grabbing}.timeline-card-position{width:2.2rem;height:2.2rem;border-radius:999px;background:#efe2cc;color:#6e4b37;display:grid;place-items:center;font-weight:700}.timeline-card-media{width:5rem;height:5rem;border-radius:14px;overflow:hidden;background:#f0f0f0e6;flex-shrink:0}.timeline-card-image{width:100%;height:100%;object-fit:cover;display:block}.timeline-card-body{min-width:0;display:grid;gap:.35rem}.timeline-card-label,.timeline-card-year{margin:0;color:#5f7384;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.timeline-card-body h3{margin:0;text-align:left;max-width:none;font-size:1rem;overflow-wrap:anywhere}.timeline-card-actions{display:grid;grid-auto-flow:column;align-items:center;gap:.45rem}.timeline-move-buttons{display:grid;gap:.35rem}.timeline-move-button,.timeline-drag-handle{display:grid;padding:.45rem;border-radius:14px;background:#ffffffa6;border:1px solid rgba(41,65,84,.12)}.timeline-move-button{place-items:center;min-width:2rem;min-height:2rem}.timeline-move-button:disabled{opacity:.42;cursor:not-allowed}.timeline-move-icon{width:.7rem;height:.7rem;border-top:2px solid #45647a;border-right:2px solid #45647a}.timeline-move-icon-up{transform:translateY(1px) rotate(-45deg)}.timeline-move-icon-down{transform:translateY(-1px) rotate(135deg)}.timeline-drag-handle{gap:.22rem}.timeline-drag-handle span{display:block;width:1rem;height:2px;background:#45647a;border-radius:999px}.option-button.chosen{transform:translateY(-1px)}.option-index{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:#efe2cc;color:#6e4b37;font-weight:700;flex-shrink:0}.answer-banner{display:flex;flex-wrap:wrap;gap:.3rem .55rem;margin:0;font-size:.95rem;line-height:1.35}.answer-banner.success,.answer-banner.perfect{background:#2373531f;color:#184534}.answer-banner.great{background:#4a845924;color:#29533a}.answer-banner.good{background:#b88e2b24;color:#735614}.answer-banner.rough{background:#b56b3424;color:#83401f}.answer-banner.bad,.answer-banner.failure{background:#a5392c1f;color:#7e251d}.answer-banner a{font-weight:700}.question-footer,.results-actions,.about-actions{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.results-share-feedback{margin:.75rem 0 0;color:#45647a;font-size:.96rem}@keyframes confetti-fall{0%{transform:translate3d(0,-1.2rem,0) rotate(0);opacity:0}12%{opacity:1}to{transform:translate3d(var(--confetti-drift, 0),13.8rem,0) rotate(var(--confetti-spin, 480deg));opacity:0}}.results-distribution{margin:.6rem 0 0;color:#446378;font-size:.95rem;line-height:1.5}.results-review{width:min(100%,50rem);margin:1rem auto 0;display:grid;gap:.85rem;text-align:left}.results-review-intro{margin:0;color:#446378;font-size:.96rem;line-height:1.5}.results-review-list{display:grid;gap:.85rem}.review-card{padding:1rem 1.05rem;border-radius:18px;background:#fffbf5b8;border:1px solid rgba(41,65,84,.12);box-shadow:0 14px 28px #142b3b14;display:grid;gap:.8rem}.review-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.review-card-index{margin:0;color:#5f7384;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.review-card-badge{padding:.3rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700}.review-card-badge.correct{background:#23735324;color:#184534}.review-card-badge.incorrect{background:#a5392c1f;color:#7e251d}.review-card-badge.perfect{background:#23735324;color:#184534}.review-card-badge.great{background:#4a845924;color:#29533a}.review-card-badge.good{background:#b88e2b24;color:#735614}.review-card-badge.rough{background:#b56b3424;color:#83401f}.review-card-badge.bad{background:#a5392c1f;color:#7e251d}.review-card h3{margin:0;font-size:1.05rem;line-height:1.35}.review-card-details{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.review-card-details div{padding:.8rem .9rem;border-radius:14px;background:#fff9}.review-card-details dt{margin:0 0 .3rem;color:#5f7384;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.review-card-details dd{margin:0;color:#203949;font-weight:600}.review-card-link{color:#21544a;font-weight:700}.results-review-list .review-card h3{text-align:left}.about-card{max-width:42rem}.about-section{margin-top:1.35rem}.about-section h3{margin:0;color:#1f2831;font-family:Georgia,Times New Roman,serif;font-size:1.18rem}.version-label{margin:1.2rem 0 0;color:#9aaa9e;font-size:.78rem;text-align:center}.question-footer a{color:#21544a;font-weight:700}@media(max-width:720px){.on-this-day-app{padding:.5rem}.on-this-day-shell{min-height:calc(100vh - 1rem);gap:.55rem}.on-this-day-shell.shell-centered,.on-this-day-shell.shell-compact{align-content:center;padding-block:0}.topbar,.topbar-meta,.question-footer,.results-actions,.about-actions{flex-direction:column;align-items:stretch}.scoreboard{gap:.4rem}.hero-card,.question-card{border-radius:20px;padding:.9rem}.results-confetti{height:10.5rem}.results-perfect-banner{border-radius:18px;padding:.85rem .9rem}.results-perfect-copy{font-size:.95rem}.primary-button,.secondary-button,.language-select,.mode-button-group,.hardcore-year-input,.hardcore-submit-button{width:100%}.mode-button-group{grid-template-columns:1fr}.intro-picker-stack{gap:.7rem}.picker-row,.hardcore-answer-row{grid-template-columns:1fr}.timeline-card{grid-template-columns:auto 1fr auto;align-items:start}.timeline-card-actions{grid-auto-flow:row;justify-items:stretch}.timeline-move-buttons{grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-card-media{display:none}.hero-card h2,.question-card h2,.brand-mark{font-size:clamp(1.85rem,9vw,3rem)}.hero-date{margin-top:.65rem;font-size:.95rem}.hero-copy,.answer-banner{font-size:.95rem}.hero-actions{margin-top:.9rem}.question-card{gap:.65rem}.score-pill{gap:.1rem;padding:.4rem .55rem}.score-pill span{font-size:.64rem;letter-spacing:.12em}.score-pill strong{font-size:.95rem}.question-card h3{font-size:1rem;line-height:1.25}.question-media{max-width:100%;height:122px}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.option-button{min-height:2.8rem;padding:.65rem .7rem;gap:.5rem}.option-index{width:1.55rem;height:1.55rem;font-size:.82rem}.answer-banner{padding:.65rem .75rem;font-size:.9rem}.question-footer,.results-actions,.about-actions{gap:.6rem}.review-card{padding:.9rem;gap:.65rem}.review-card-details{grid-template-columns:1fr;gap:.55rem}}@media(prefers-reduced-motion:reduce){.results-confetti-piece{animation:none;opacity:.72;top:.8rem;transform:translateZ(0) rotate(0)}.results-confetti-piece:nth-child(n+10){display:none}}