*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--parchment: #f4ecd8;--parchment-dark: #e6d9b8;--ink: #2b2118;--ink-soft: #4a3f31;--brown: #6b4f2a;--gold: #b8860b;--era-color: #8a5a2b;--period-color: #b8860b;--event-color: #2f6f6f;--figure-color: #7a3b3b;--kabbalah-color: #5b3a7a;--radius: 8px;--shadow: 0 2px 10px rgba(43, 33, 24, .25);--focus-ring: 3px solid #1a5fb4}html{color-scheme:light}body{font-family:Georgia,Iowan Old Style,serif;background:var(--parchment);color:var(--ink);line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{padding:1.5rem 1.5rem 1rem;background:var(--parchment-dark);border-bottom:2px solid var(--brown)}.app__header h1{font-size:clamp(1.4rem,3vw,2rem);color:var(--brown);margin-bottom:.5rem}.app__intro{max-width:70ch;color:var(--ink-soft)}.app__tabs{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.app__tab{padding:.4rem 1rem;background:#fff;border:1px solid var(--brown);border-radius:var(--radius);font-weight:600;color:var(--brown)}.app__tab:hover{background:var(--parchment)}.app__tab--active{background:var(--brown);color:var(--parchment)}.app__glossary-toggle{margin-top:.75rem;padding:.5rem 1rem;background:var(--brown);color:var(--parchment);border:none;border-radius:var(--radius)}.app__glossary-toggle:hover{background:var(--ink)}.app__main{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.term-link{background:none;border:none;padding:0;font:inherit;color:var(--gold);text-decoration:underline dotted;text-underline-offset:3px}.term-link:hover{color:var(--brown)}.timeline{background:#fffaf0;border:1px solid var(--parchment-dark);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.timeline__controls{display:flex;gap:.5rem;padding:.5rem .75rem;background:var(--parchment-dark);border-bottom:1px solid var(--brown)}.timeline__controls button{min-width:2.5rem;padding:.35rem .75rem;background:#fff;border:1px solid var(--brown);border-radius:var(--radius)}.timeline__controls button:hover{background:var(--gold);color:#fff}.timeline__viewport{position:relative;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.timeline__viewport:active{cursor:grabbing}.timeline__ticks{position:relative;height:28px;border-bottom:1px dashed var(--parchment-dark)}.timeline__tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--parchment-dark);padding-left:4px;font-size:.75rem;color:var(--ink-soft);white-space:nowrap}.timeline__band{position:relative;border-bottom:1px solid var(--parchment-dark)}.timeline__band--era{height:48px}.timeline__band--period{height:40px}.timeline__band--points{min-height:90px;max-height:340px;overflow-y:auto}.band-block{position:absolute;top:4px;bottom:4px;border:none;border-radius:4px;color:#fff;text-align:left;padding:.2rem .5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.band-block--era{background:var(--era-color);font-weight:600}.band-block--period{background:var(--period-color);font-size:.85rem}.band-block:hover{filter:brightness(1.1)}.band-block__label{pointer-events:none}.marker{position:absolute;display:flex;align-items:center;gap:.3rem;background:#fff;border:1px solid var(--parchment-dark);border-radius:999px;padding:.2rem .6rem .2rem .3rem;transform:translate(-6px);white-space:nowrap;box-shadow:0 1px 3px #00000026}.marker:hover{border-color:var(--gold)}.marker__dot{width:10px;height:10px;border-radius:50%;display:inline-block}.marker--event .marker__dot{background:var(--event-color)}.marker--figure .marker__dot{background:var(--figure-color);border-radius:3px}.marker--kabbalah .marker__dot{background:var(--kabbalah-color);transform:rotate(45deg)}.marker__label{font-size:.8rem}.legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--ink-soft)}.legend__item{display:inline-flex;align-items:center;gap:.35rem}.legend__swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.legend__swatch--era{background:var(--era-color)}.legend__swatch--period{background:var(--period-color)}.legend__swatch--event{background:var(--event-color);border-radius:50%}.legend__swatch--figure{background:var(--figure-color)}.legend__swatch--kabbalah{background:var(--kabbalah-color);transform:rotate(45deg)}.glossary{background:#fffaf0;border:1px solid var(--parchment-dark);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;max-width:480px}.glossary h2{color:var(--brown);margin-bottom:.5rem}.glossary__search-label{display:block;font-size:.85rem;margin-bottom:.25rem}.glossary__search{width:100%;padding:.5rem;border:1px solid var(--parchment-dark);border-radius:var(--radius);margin-bottom:.75rem}.glossary__list{list-style:none;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.glossary__item{width:100%;text-align:left;padding:.4rem .6rem;background:var(--parchment);border:1px solid transparent;border-radius:var(--radius)}.glossary__item:hover{border-color:var(--gold);background:var(--parchment-dark)}.glossary__empty{color:var(--ink-soft);font-style:italic;padding:.4rem .6rem}.detail-dialog{margin:auto;border:none;border-radius:var(--radius);padding:0;max-width:520px;width:min(90vw,520px);box-shadow:var(--shadow)}.detail-dialog::backdrop{background:#2b21188c}.detail-dialog__content{padding:1.5rem;background:#fffaf0}.detail-dialog__content h2{color:var(--brown);margin-bottom:.75rem}.detail-dialog__content p{margin-bottom:1.25rem;color:var(--ink)}.detail-dialog__actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.detail-dialog__actions a{color:var(--gold);font-weight:600}.detail-dialog__actions button{padding:.4rem 1rem;background:var(--brown);color:#fff;border:none;border-radius:var(--radius)}.detail-dialog__actions button:hover{background:var(--ink)}@media (max-width: 640px){.app__main{padding:1rem}.glossary{max-width:100%}}