/* Epoch Atlas: parchment, ink, oxidized teal, vermilion, and aged gold. */
:root{color:#292720;background:#d8c4a3;font-family:Georgia,"Times New Roman",serif}
body{background:#d8c4a3;background-image:radial-gradient(circle at 20% 20%,#f1ddba9a 0,transparent 38%),radial-gradient(circle at 85% 65%,#9e785124 0,transparent 37%)}
button,input,select,textarea{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.topbar{height:116px;padding-inline:27px;background:#232620;border-bottom:4px solid #b88a49;color:#f2dfb9;box-shadow:0 2px 8px #1e1b165c}
.brand{gap:19px;min-width:0}.brand-emblem{width:88px;height:88px;object-fit:cover;border:3px solid #b78c51;outline:1px solid #302b23;outline-offset:2px;border-radius:50%;background:#e6c79b;flex:none;box-shadow:0 2px 8px #0b0e0c80}
.brand strong{font-family:"Rye",Georgia,"Times New Roman",serif;font-size:34px;font-weight:400;line-height:1.13;letter-spacing:.025em;text-transform:uppercase;color:#f1d6a5;text-shadow:2px 2px #8f3225,3px 3px #111c1b}
.brand small{display:block;color:#dcc393;font-family:Georgia,"Times New Roman",serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-top:8px}
.top-actions span{color:#e1cba6}.topbar .quiet{color:#f1dab2;border-color:#ac8656;background:#33392f}.topbar .quiet:hover{background:#4a4f40}.top-actions button{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.025em}
.primary{background:#a83f2b;border-color:#782e22;color:#fff5e6;border-radius:4px;box-shadow:inset 0 1px #d07151}.primary:hover{background:#8b3326}
.workspace{max-height:calc(100vh - 116px)}.map-panel{background:#d5c5a8}.map-panel #map{background:#d6c3a1}.leaflet-tile-pane{filter:sepia(.45) saturate(.8) hue-rotate(345deg) contrast(1.04)}.leaflet-container{font-family:ui-sans-serif,system-ui,sans-serif}.leaflet-control-zoom a{background:#f0dbb4!important;color:#2e342d!important;border-color:#8b6845!important}.leaflet-control-attribution{background:#f0e0c9dc!important;color:#3a4038!important}
.map-overlay{border:2px solid #5c4531;border-left:5px solid #a73f2f;background:#f0dcb7;box-shadow:4px 5px 0 #40372938;padding:12px 17px}.map-overlay strong{font-family:Georgia,serif;font-weight:700;color:#253d3d}.map-overlay small{color:#4c605b}.map-hint{background:#283d3bdc;color:#f4ddbb}
.sidebar{background:#e9d7b7;border-left:3px solid #776044}.side-heading{border-bottom:1px solid #a8855a}.side-heading h1{font-size:27px;font-weight:700;color:#282a24}.eyebrow{color:#9c3b2a;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800;letter-spacing:.13em}
.count{background:#d8b982;border:1px solid #a98250;color:#302c25}.filters{border-bottom:2px solid #a98658}.filters input,.filters select{background:#f6e8cf;border-color:#9d8058;color:#252b27;border-radius:3px}
.event-card{border:1px solid #b79a71;border-left:5px solid #3b6665;background:#f2dfbd;border-radius:2px;box-shadow:2px 2px 0 #7b634532}.event-card:hover,.event-card.active{border-left-color:#a23c2d;background:#f7e8ce}.event-card strong{font-family:Georgia,serif;font-size:17px;color:#292820}.event-card small{color:#4d564f}.empty{color:#43514c}.detail{border-top:3px double #82633e;background:#f2e1c1}.detail h2{font-weight:700;color:#273c3b}.detail .meta{color:#52615c}.detail p{color:#282b27}.detail-actions button{background:#e9d0a9;border-color:#977c55;color:#283d3b}.detail-actions .danger{color:#962f24}
.timeline-panel{border-top:4px solid #a8432c;background:#f0dfbe}.timeline-heading h2{font-weight:700;color:#283c3b}.timeline-controls button,.timeline-controls select{background:#ead0a4;border-color:#977952;color:#292b27;border-radius:3px}.timeline-track{border-bottom-color:#66563f}.axis{color:#4e5951}.axis span{border-left-color:#a18256}.timeline-event{background:#9c3b2c}.cursor{background:#253f3e}.scrub{color:#55605a}.scrub input{accent-color:#a23d2a}.timeline-tip{color:#52594e}
.workspace{grid-template-rows:minmax(400px,calc(100vh - 348px)) 232px}
.timeline-track{height:93px;margin:18px 8px 13px;border:1px solid #977851;border-bottom:3px solid #705338;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#b79b744c calc(12.5% - 1px),#b79b744c 12.5%),linear-gradient(#f8eaca,#ead2a8);box-shadow:inset 0 2px 6px #5d452124,0 2px 0 #fff8e2;cursor:grab;touch-action:pan-y;user-select:none}
.timeline-track.dragging{cursor:grabbing}.timeline-track .cursor:focus-visible{outline:3px solid #a83f2b;outline-offset:3px}
.timeline-track .axis{padding:0 12px 7px;align-items:end;font-weight:700}.timeline-track .timeline-events{inset:37px 0 25px}.timeline-track .timeline-event{height:18px;top:2px;z-index:2;border:1px solid #713629;box-shadow:0 1px 2px #53392175}.timeline-track .timeline-event:hover{filter:brightness(1.3)}
.timeline-track .cursor{z-index:3;overflow:visible;width:3px;left:50%;background:#a83f2b;box-shadow:0 0 0 1px #f4debc}.cursor-label{position:absolute;bottom:calc(100% - 32px);left:50%;transform:translateX(-50%);white-space:nowrap;min-width:88px;text-align:center;padding:5px 9px;background:#253e3d;border:1px solid #c99b5b;border-radius:3px;color:#fff0d1;font:700 13px ui-sans-serif,system-ui,sans-serif;box-shadow:0 2px 4px #34281766}.cursor-handle{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#a83f2b;color:#fff1d8;padding:4px 8px;border:2px solid #f5e2bf;border-radius:14px;font:700 10px ui-sans-serif,system-ui,sans-serif;box-shadow:0 2px 5px #352a1e77;pointer-events:none}
.scrub{gap:13px;font-weight:700}.scrub input{height:26px;cursor:pointer;accent-color:#a83f2b}.timeline-tip{margin-top:3px}
.event-pin{background:#b33e2d;border-color:#f5e5c7;box-shadow:0 1px 5px #241e1a}.event-pin.selected{background:#243d3c;border-color:#efbd64}
dialog{background:#f0ddba;border:3px solid #4f4534;border-radius:5px;color:#292b26}dialog::backdrop{background:#171e1ac2}#event-form{background:#f0ddba;gap:15px}.dialog-title{border-bottom:2px solid #ab884f;padding-bottom:10px}.dialog-title h2{font-weight:700;color:#253e3d}.icon-button{color:#59412d}#event-form fieldset{border:1px solid #9d7850;border-radius:3px}#event-form legend{font-family:Georgia,serif;color:#273f3d;font-weight:700;padding-inline:8px}#event-form input:not([type=checkbox]),#event-form select,#event-form textarea{background:#fbefd8;border-color:#9c815b;color:#262d28;border-radius:2px}#event-form .quiet,.location-choice,.image-choice{background:#e5cca3;border-color:#9c7a4f;color:#283d3b}.location-choice:hover{background:#f5e0b8}#event-form input[type=checkbox]{accent-color:#a33e2c}.field-help{color:#4d5c53}.error{color:#8f2a21}.card-image img{background:#e5d3b5}.card-image figcaption{color:#4b5e58}.card-image a,.event-sources a{color:#0f5a60}.image-status{background:#e5d2b1;color:#4c5952}.image-choice img{background:#e8d5b3}
#toast{background:#273d3b;color:#f2ddbb;border:1px solid #c59a59}
.landmark-card{border-left-color:#245a55}.landmark-card .eyebrow{color:#245a55}.landmark-card:hover,.landmark-card.active{border-left-color:#245a55;background:#e6e1c4}
.landmark-pin{width:25px;height:25px;background:#285c57;border:2px solid #f9e3b6;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 5px #201d1899;position:relative}.landmark-pin::after{content:'★';position:absolute;inset:2px;transform:rotate(45deg);display:grid;place-items:center;color:#f7d287;font:15px Georgia,serif}.landmark-pin.selected{background:#a43e2e;box-shadow:0 0 0 3px #e5bd6f,0 2px 8px #201d1899}
.landmark-history{border-top:1px solid #aa8b63;margin:16px 0;padding-top:10px}.landmark-history h3{font:700 17px Georgia,serif;margin:0 0 8px}.landmark-event{display:block;width:100%;text-align:left;background:#f8e9cf;border:1px solid #aa8b63;color:#293d3a;padding:9px;margin:5px 0;border-radius:3px}.landmark-event:hover{background:#e7d2ac}.landmark-link{display:block;background:#e0d0a9;border:1px solid #8f744d;border-radius:3px;padding:8px;margin:10px 0;color:#285c57;font-weight:700}
#inline-landmark{border-left:3px solid #285c57;padding:13px 0 4px 14px;margin-top:10px;display:grid;gap:12px}#new-landmark-toggle{margin-top:12px}#landmark-form{display:grid;gap:15px;padding:25px;overflow:auto;max-height:92vh;background:#f0ddba}#landmark-form label{font-size:14px;font-weight:620;display:grid;gap:5px;min-width:0}#landmark-form input,#landmark-form select,#landmark-form textarea{width:100%;border:1px solid #9c815b;border-radius:2px;padding:9px 10px;background:#fbefd8;color:#262d28;min-height:41px}#landmark-form textarea{resize:vertical}#landmark-form fieldset{border:1px solid #9d7850;border-radius:3px;padding:10px 12px 14px;min-width:0}#landmark-form legend{font-family:Georgia,serif;color:#273f3d;font-weight:700;padding-inline:8px}#landmark-form .quiet{background:#e5cca3;border-color:#9c7a4f;color:#283d3b}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a83f2b;outline-offset:2px}
@media(max-width:1050px){.topbar{height:auto;min-height:116px;flex-wrap:wrap;padding-block:12px}.top-actions{margin-left:auto}.workspace{max-height:none}}
@media(max-width:700px){.topbar{height:auto;min-height:96px;padding:10px 14px}.brand{gap:12px}.brand-emblem{height:66px;width:66px}.brand strong{font-size:23px;letter-spacing:.015em}.brand small{font-size:10px;letter-spacing:.07em;margin-top:4px}.top-actions{width:100%;justify-content:flex-end}.workspace{max-height:none;display:flex}.sidebar{border-left:0;border-top:3px solid #806548}.map-overlay{padding:8px 10px}.timeline-panel{padding:12px 15px;min-height:228px}.timeline-track{margin-top:14px}.detail{max-height:none}}
@media(max-width:370px){.top-actions{gap:5px}.brand strong{font-size:20px}.brand-emblem{width:58px;height:58px}.top-actions button{font-size:12px;padding:7px 8px}}
@media(max-width:700px){.top-actions #add-landmark-button{display:inline-block}.top-actions{flex-wrap:wrap}.top-actions #add-landmark-button,.top-actions #add-button{font-size:13px;padding:8px 10px;min-height:38px}#landmark-form{padding:17px;max-height:95vh}}
