.archive-tools{display:flex;align-items:center;gap:10px;margin:-7px 0 15px}.view-tabs{display:flex;background:#080809;border:1px solid #302c22;padding:3px;border-radius:6px;flex-shrink:0}.view-tabs button{padding:6px 10px;font-size:11px;border:0;background:transparent;color:#9a9384;border-radius:4px}.view-tabs button.active{background:#f4cc4b;color:#1a160c}.archive-tools select{margin:0;font-size:11px;padding:8px;min-width:0;flex:1;background:#151514}.explore-actions{display:flex;gap:9px;padding-bottom:17px}.explore-actions button{flex:1;font-size:12px;padding:9px 8px}.timeline-date{display:none}.timeline .card{margin-left:14px;width:calc(100% - 14px);overflow:visible;background:#141413}.timeline .card:before{content:'';position:absolute;left:-11px;top:22px;bottom:-25px;border-left:1px solid #625326}.timeline .card:last-child:before{bottom:20px}.timeline .card:after{content:'';position:absolute;left:-15px;top:22px;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #111112}.timeline .thumb{display:none}.timeline .timeline-date{display:block;padding:15px 16px 0;color:#d5b04a;font:11px monospace;letter-spacing:1px}.timeline .card-body{padding-top:8px}.timeline .card-footer{margin-top:13px}.timeline-guide{color:#8f8774;font-size:11px;line-height:1.7;margin:0 0 15px}.gallery-dialog{width:min(1140px,95vw);max-height:90dvh}.gallery-head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #3b3423;position:sticky;top:0;background:#111112f5;z-index:1}.gallery-head h2{font-size:24px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px}.gallery-item{padding:0;overflow:hidden;text-align:left;background:#171716}.gallery-item>img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .4s}.gallery-item:hover>img{transform:scale(1.025)}.gallery-item>div{padding:14px 16px}.gallery-item span{font-size:16px;display:block;overflow-wrap:anywhere}.gallery-item small{display:block;color:#b6a36c;font-size:11px;margin-top:7px}.gallery-grid .empty{grid-column:1/-1}.reading-info{display:flex;justify-content:space-between;color:#8f8672;font-size:11px;letter-spacing:1px;margin:21px 0 -8px}.reading-progress{height:2px;width:100%;position:sticky;top:0;z-index:4;background:#151511}.reading-progress i{display:block;height:2px;width:0;background:var(--yellow);transition:width .12s}#details.presentation{width:min(1380px,96vw);height:92dvh;max-height:92dvh;display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:2px 1fr}#details.presentation .reading-progress{grid-column:1/-1}#details.presentation #detail-photo{height:100%;min-height:400px;border-bottom:0;border-right:1px solid #4d4023}#details.presentation #detail-photo img{object-fit:contain}#details.presentation .detail-body{overflow:auto;padding:45px 40px}#details.presentation .close{background:#1a1813}#details.presentation #detail-title{font-size:43px}.map-options{position:absolute;right:27px;top:112px;display:grid;border:1px solid #53482777;border-radius:6px;overflow:hidden;background:#101111e8}.map-options button{border:0;border-radius:0;width:40px;height:37px;padding:0;background:none;color:#baa76b;font-size:14px}.map-options button[aria-pressed=true]{color:#f4cc4b;background:#f4cc4b15}.natural-map #map>image,.natural-map #tiles{filter:none}.hide-labels .pin-label{display:none}@media(max-width:720px){.archive-tools{gap:8px;margin-bottom:8px}.explore-actions{padding-bottom:15px}.timeline-guide{margin-bottom:12px}#cards.timeline{display:block;padding-left:25px}.timeline .card{margin-bottom:16px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:12px}.gallery-item>img{height:140px}.gallery-item span{font-size:13px}.gallery-head{padding:20px}.map-options{right:16px;top:96px}.map-options button{width:34px;height:31px}#details.presentation{display:block;overflow:auto;height:auto}#details.presentation #detail-photo{height:250px;min-height:0}#details.presentation .detail-body{padding:25px;overflow:visible}#details.presentation #detail-title{font-size:30px}}@media(prefers-reduced-motion:reduce){.reading-progress i,.gallery-item>img{transition:none}}
@media(max-width:420px){header .header-actions #share{font-size:0;width:34px;height:36px;padding:0}header .header-actions #share:after{content:"↗";font-size:19px}.brand{font-size:11px}.header-actions #add{font-size:10px;padding:9px}.gallery-grid{grid-template-columns:1fr}}