.timeline-recall{color:#172033;border:1px solid #d6c5a5;border-radius:.75rem;padding:1rem;background:linear-gradient(100deg,#fbf4df,#ead7ad);box-shadow:0 8px 24px #2d210f14}.timeline-recall *{box-sizing:border-box}.timeline-recall-header,.timeline-recall-controls,.timeline-recall-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.timeline-recall-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem 1rem}.timeline-recall-header-actions a{color:#493718;font-size:.88rem;font-weight:700;text-underline-offset:.18em}.timeline-recall-header h2,.timeline-recall-import h3,.timeline-recall-setup h3{margin:0;color:#241b10}.timeline-recall-eyebrow,.timeline-recall-era{margin:0;color:#735a33;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timeline-recall-controls{justify-content:flex-start;margin:1rem 0}.timeline-recall-controls label,.timeline-recall-setup label{display:flex;align-items:center;gap:.4rem;font-weight:600}.timeline-recall select,.timeline-recall textarea,.timeline-recall input{border:1px solid #9d8257;border-radius:.35rem;background:#fffdf7;padding:.55rem;color:#241b10}.timeline-recall textarea{width:100%;margin:.5rem 0}.timeline-recall-import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.timeline-recall-import-actions a{color:#493718;font-weight:700;text-underline-offset:.18em}.timeline-recall-ruler{position:relative;margin-inline:-.25rem;padding-inline:.25rem}.timeline-recall-strip{display:flex;align-items:stretch;overflow-x:auto;border-block:2px solid #8d6d3e;background:#ffffff47;scrollbar-gutter:stable;scroll-snap-type:x proximity;scroll-padding-inline:.5rem;overscroll-behavior-inline:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch}.timeline-recall-item{position:relative;flex:0 0 9.5rem;min-height:7.5rem;padding:.8rem .65rem;border-right:1px solid #bfa77e;display:flex;flex-direction:column;gap:.4rem;justify-content:center;scroll-snap-align:start}.timeline-recall-item:before{content:"";position:absolute;top:0;left:50%;height:.35rem;border-left:1px solid #8d6d3e}.timeline-recall-item strong{font-family:Georgia,serif;font-size:1rem}.timeline-recall-item span{font-variant-numeric:tabular-nums;color:#5a4528}.timeline-recall-item input{width:100%;min-width:0}.timeline-recall-item input.correct{border-color:#16734a;background:#effcf5}.timeline-recall-item input.incorrect{border-color:#b83a2d;background:#fff1ef}.timeline-recall-item small{color:#7d241b}.timeline-recall-swipe-hint,.timeline-recall-position{display:none;margin:.45rem 0;color:#604a2b;font-size:.8rem;font-weight:650}.timeline-recall-position{text-align:center;font-variant-numeric:tabular-nums}.timeline-recall-scroll{position:absolute;z-index:2;top:50%;width:2.25rem;height:2.75rem;padding:0;border-radius:999px;transform:translateY(-50%);font-size:1.65rem;line-height:1;box-shadow:0 2px 8px #2d210f40}.timeline-recall-scroll-back{left:.6rem}.timeline-recall-scroll-forward{right:.6rem}.timeline-recall-scroll:disabled{opacity:0;pointer-events:none}.timeline-recall-ruler:before,.timeline-recall-ruler:after{content:"";position:absolute;z-index:1;top:2px;bottom:2px;width:2.8rem;opacity:0;pointer-events:none;transition:opacity .15s ease}.timeline-recall-ruler:before{left:.25rem;background:linear-gradient(90deg,#ead7ad,transparent)}.timeline-recall-ruler:after{right:.25rem;background:linear-gradient(270deg,#ead7ad,transparent)}.timeline-recall-ruler.can-scroll-back:before,.timeline-recall-ruler.can-scroll-forward:after{opacity:1}.timeline-recall-actions{justify-content:flex-start;margin-top:1rem}.timeline-recall button{cursor:pointer;border:1px solid #2b241a;border-radius:.4rem;background:#2b241a;color:#fff;padding:.65rem .9rem;font-weight:700}.timeline-recall button.secondary{background:transparent;color:#2b241a}.timeline-recall button.timeline-recall-quiet,.timeline-recall a.timeline-recall-quiet{min-height:0;padding:.35rem .15rem;border:0;background:transparent;box-shadow:none;color:#604a2b;font-size:.88rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}.timeline-recall button.timeline-recall-quiet:hover,.timeline-recall a.timeline-recall-quiet:hover{color:#241b10;text-decoration-thickness:2px}.timeline-recall-status{margin:.75rem 0 0}@media(max-width:640px){.timeline-recall{padding:.85rem}.timeline-recall-header{align-items:flex-start}.timeline-recall-header-actions{justify-content:flex-start;width:100%}.timeline-recall-controls{display:grid;grid-template-columns:1fr 1fr}.timeline-recall-import-actions button{width:100%}.timeline-recall-import-actions a{width:100%;padding:.35rem 0;text-align:center}.timeline-recall-controls label{align-items:stretch;flex-direction:column}.timeline-recall-item{flex-basis:min(76vw,9rem);min-height:8rem}.timeline-recall-swipe-hint,.timeline-recall-position{display:block}.timeline-recall-scroll{display:none}.timeline-recall-ruler:before,.timeline-recall-ruler:after{top:2.1rem;bottom:1.9rem;width:1.8rem}}@media(prefers-reduced-motion:reduce){.timeline-recall *{scroll-behavior:auto!important}}