:root{--bg-0: #ece6d8;--bg-1: #f4f0e8;--bg-2: #fbf9f4;--surface: #ffffff;--ink: #20222f;--ink-soft: #5c5a6a;--ink-faint: #918f9e;--hair: rgba(32, 34, 47, .12);--accent: #b8862b;--accent-soft: #e0a83a;--accent-ink: #7a5a12;--glow: rgba(224, 168, 58, .5);--teal: #2f6f66;--radius: 16px;--shadow-card: 0 6px 20px rgba(60, 50, 25, .12);--shadow-pop: 0 18px 44px rgba(50, 42, 22, .24);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-1);color:var(--ink);overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;background:linear-gradient(160deg,var(--bg-2) 0%,var(--bg-1) 55%,var(--bg-0) 100%)}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px 10px;z-index:50}.topbar__kicker{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}.topbar h1{margin:2px 0 0;font-size:clamp(18px,2.4vw,28px);color:var(--ink);font-weight:800;letter-spacing:-.01em}.stage{position:relative;flex:1;min-height:0;display:flex}.chrono-viewport{flex:1;position:relative;overflow:hidden;cursor:grab;touch-action:none}.chrono-viewport:active{cursor:grabbing}.chrono-track{position:absolute;top:50%;left:0;height:640px;transform-origin:left center;margin-top:-320px}.ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(32,34,47,.1)}.tick__label{position:absolute;top:8px;left:5px;font-size:11px;font-weight:600;color:var(--ink-faint);white-space:nowrap}.lane-node{position:absolute}.lane-line{position:absolute;left:0;width:0;border-left:2px dotted rgba(32,34,47,.28)}.lane-line[data-focus=true]{border-color:var(--accent-soft)}.lane-dot{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--ink-soft);transform:translate(-50%,-50%);z-index:4}.lane-dot--cluster{width:14px;height:14px;border-color:var(--accent)}.chip-slot{position:absolute;left:0;transform:translateY(-50%)}.chip-slot--left{transform:translateY(-50%) translate(calc(-100% - 6px))}.chip{display:flex;flex-direction:column;gap:2px;text-align:start;background:var(--surface);border:1px solid var(--hair);border-radius:10px;padding:7px 10px;box-shadow:var(--shadow-card);cursor:pointer}.chip[data-selected=true]{box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-card)}.chip[data-highlighted=true]{box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-card)}.chip[data-today=true]{box-shadow:0 0 0 2px var(--accent-soft),0 0 14px var(--glow),var(--shadow-card)}.chip--cluster{cursor:zoom-in;background:#f7f2e6}.chip__head{display:flex;align-items:center;gap:7px}.chip__dot{flex:none;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px}.chip__dot--cluster{color:#fff;font-weight:800;font-size:12px}.chip__title{font-weight:700;font-size:13px;line-height:1.15;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip__id{flex:none;font-size:10px;font-weight:600;color:var(--ink-faint)}.chip__meta{display:flex;align-items:center;gap:6px;overflow:hidden;transition:max-height .25s ease,opacity .25s ease}.chip__date{font-size:11px;font-weight:600;color:var(--teal)}.chip__date[data-approx=true]{font-style:italic;font-weight:500;color:var(--ink-faint)}.chip__echo{font-size:11px;color:var(--accent-ink)}.chip__cluster-more{font-size:10px;color:var(--ink-faint);padding-left:27px}.bands{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.band{position:absolute;top:0;border-radius:22px;transition:opacity .25s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:14px}.band__img{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-size:cover;background-position:center;opacity:.55;pointer-events:none}.band__label{position:relative;color:var(--ink);letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .25s ease,opacity .25s ease;text-shadow:0 1px 8px rgba(255,255,255,.7)}.axis{position:absolute;left:0;height:3px;background:repeating-linear-gradient(90deg,rgba(32,34,47,.4) 0 8px,transparent 8px 16px);transform:translateY(-50%)}.echo-layer{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.echo-arc{fill:none;stroke:#20222f33;stroke-width:2;stroke-dasharray:3 6;transition:stroke .2s,stroke-width .2s}.echo-arc[data-active=true]{stroke:var(--accent-soft);stroke-width:3;stroke-dasharray:none;filter:drop-shadow(0 0 6px var(--glow))}.era-landing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;overflow-y:auto;padding:8px 26px 20px}.era-landing__intro{flex:none;margin:4px 0 14px;text-align:center;color:var(--ink-soft);font-size:14px;font-weight:500}.era-landing__row{flex:1;display:flex;gap:14px;align-items:stretch;min-height:0}.era-card{position:relative;overflow:hidden;flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;text-align:start;background:var(--surface);border:1px solid var(--hair);border-top:5px solid var(--era);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.era-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--era-img);background-size:cover;background-position:center;opacity:.42;pointer-events:none}.era-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--surface) 60%,transparent) 44%,color-mix(in srgb,var(--surface) 16%,transparent));pointer-events:none}.era-card>*{position:relative;z-index:1}.era-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-pop)}.era-card:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.era-card--dim{opacity:.4;filter:saturate(.6)}.era-card--dim:hover{opacity:.7}.mini-frise{display:block;position:relative;height:18px;margin:8px 0 4px}.mini-frise__axis{position:absolute;left:0;right:0;top:50%;height:2px;border-radius:2px;background:#20222f29;transform:translateY(-50%)}.mini-frise__span{position:absolute;top:50%;height:12px;transform:translateY(-50%);background:color-mix(in srgb,var(--era) 28%,transparent);border-radius:6px}.mini-frise__dot{position:absolute;top:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#20222f52;transform:translateY(-50%)}.mini-frise__dot--on{width:7px;height:7px;margin-left:-3.5px;background:var(--era);box-shadow:0 0 0 2px color-mix(in srgb,var(--era) 22%,transparent);z-index:1}.drawer__situ{margin:2px 0 16px}.drawer__situ .mini-frise{height:16px;margin:0}.mini-frise__era-band{position:absolute;top:50%;height:6px;transform:translateY(-50%);border-radius:3px;opacity:.55}.mini-frise__here{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;transform:translateY(-50%);border:2px solid #fff;box-shadow:0 0 0 2px #20222f2e,var(--shadow-card);z-index:2}.era-card__matches{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.era-card__match{width:100%;text-align:start;border:0;background:color-mix(in srgb,var(--surface) 84%,var(--accent-soft));color:var(--ink);border-radius:8px;padding:6px 9px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 1px 4px #3c32191f;transition:background .12s}.era-card__match:hover{background:color-mix(in srgb,var(--surface) 68%,var(--accent-soft))}.era-card__match-more{font-size:11px;font-weight:600;color:var(--ink-faint);padding:2px 4px}.era-card__index{width:30px;height:30px;border-radius:9px;background:var(--era);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center}.era-card__years{margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--teal)}.era-card__title{font-size:19px;font-weight:800;line-height:1.15;color:var(--ink)}.era-card__duration{margin-top:2px;font-size:12px;font-weight:600;color:var(--accent-ink)}.era-card__count{font-size:12px;font-weight:600;color:var(--ink-soft)}.era-card__span{margin-top:2px;font-size:13px;line-height:1.4;color:var(--ink-soft)}.era-card__span strong{color:var(--ink);font-weight:700}.era-card__cta{margin-top:auto;padding-top:12px;font-size:13px;font-weight:700;color:var(--accent-ink)}.event-list{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px 24px;background:var(--bg-1)}.event-list__era{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;margin:8px 0 6px;padding:8px 2px 6px;font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--ink);background:linear-gradient(var(--bg-1) 78%,transparent)}.event-list__era:before{content:"";width:11px;height:11px;border-radius:3px;background:var(--era);flex:none}.event-list__gap{text-align:center;font-size:11.5px;font-weight:600;color:var(--ink-faint);margin:1px 0 4px}.event-list__row{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:var(--surface);border:1px solid var(--hair);border-inline-start:4px solid var(--era);border-radius:12px;padding:11px 12px;margin-bottom:7px;box-shadow:var(--shadow-card);cursor:pointer;scroll-margin-top:56px}.event-list__row--dim{opacity:.4}.event-list__num{flex:none;width:30px;height:30px;border-radius:8px;background:var(--era);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}.event-list__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.event-list__title{font-weight:700;font-size:14.5px;line-height:1.2;color:var(--ink)}.event-list__year{font-size:12px;font-weight:600;color:var(--teal)}.event-list__chev{flex:none;font-size:20px;color:var(--ink-faint)}.controls{display:flex;align-items:center;gap:20px;padding:12px 26px 18px;z-index:20}.fit-btn{flex:none;background:var(--surface);border:1px solid var(--hair);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-card)}.fit-btn:hover{background:#fbf7ee}.minimap{position:relative;flex:1;height:22px;border-radius:8px;background:#20222f14;overflow:hidden;cursor:pointer}.minimap__seg{position:absolute;top:0;height:100%;opacity:.7}.minimap__dot{position:absolute;top:50%;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:#20222f8c;transform:translateY(-50%);pointer-events:none}.minimap__viewport{position:absolute;top:0;height:100%;border:2px solid var(--ink);border-radius:6px;background:#20222f1a;transition:left .1s linear,width .1s linear;pointer-events:none}.zoom{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--hair);border-radius:999px;padding:6px 10px;box-shadow:var(--shadow-card)}.zoom__btn{width:30px;height:30px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:20px;font-weight:700;cursor:pointer;line-height:1}.zoom__track{display:flex;flex-direction:column;gap:3px;width:220px}.zoom__track input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.zoom__labels{display:flex;justify-content:space-between}.zoom__label{background:none;border:0;color:var(--ink-soft);font-size:11px;font-weight:600;cursor:pointer;padding:0}.zoom__label[data-active=true]{color:var(--accent)}.event-pager{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:4px;background:var(--ink);border-radius:999px;padding:5px;box-shadow:var(--shadow-pop)}.event-pager__btn{width:42px;height:42px;border-radius:50%;border:0;background:#ffffff24;color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background .15s}.event-pager__btn:hover:not(:disabled){background:#ffffff47}.event-pager__btn:disabled{opacity:.32;cursor:default}.event-pager__count{color:#fff;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;padding:0 8px;min-width:52px;text-align:center}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#28221466;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.contrib{position:relative;width:min(480px,100%);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-pop);padding:26px 24px 22px;display:flex;flex-direction:column;gap:14px;margin:auto}.contrib__close{position:absolute;top:14px;right:14px;border:0;background:#f0ece0;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;color:var(--ink-soft)}.contrib__title{margin:0;font-size:22px;font-weight:800;color:var(--ink)}.contrib__lede{margin:0;font-size:14px;line-height:1.5;color:var(--ink-soft)}.contrib__kinds{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.contrib__kinds legend{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:6px;padding:0}.contrib__kind{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--hair);border-radius:11px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s}.contrib__kind:hover{background:#20222f0a}.contrib__kind[data-active=true]{border-color:var(--accent);background:#e0a83a24}.contrib__kind input{accent-color:var(--accent)}.contrib__kind-icon{font-size:17px}.contrib__field{display:flex;flex-direction:column;gap:5px}.contrib__field span{font-size:12.5px;font-weight:600;color:var(--ink-soft)}.contrib__field input,.contrib__field textarea{font-family:inherit;font-size:14px;color:var(--ink);background:#fbf9f4;border:1px solid var(--hair);border-radius:10px;padding:10px 12px;resize:vertical}.contrib__field input:focus,.contrib__field textarea:focus{outline:2px solid var(--accent-soft);border-color:transparent}.contrib__send{align-self:flex-end;border:0;background:var(--accent);color:#fff;font-size:14px;font-weight:700;border-radius:999px;padding:11px 20px;cursor:pointer;transition:background .15s}.contrib__send:hover:not(:disabled){background:var(--accent-ink)}.contrib__send:disabled{opacity:.4;cursor:default}.drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#28221459;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50}.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,92vw);background:#fffdf9;box-shadow:var(--shadow-pop);z-index:60;overflow-y:auto}.drawer__body{padding:22px 24px 40px}.drawer__head{display:flex;align-items:flex-start;gap:12px}.drawer__num{width:40px;height:40px;border-radius:12px;color:#fff;font-weight:800;display:grid;place-items:center;font-size:18px;flex:none}.drawer__period{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.drawer__title{margin:2px 0 0;font-size:21px;color:var(--ink);line-height:1.15}.drawer__close{margin-left:auto;border:0;background:#f0ece0;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;color:var(--ink-soft);flex:none}.drawer__tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tag{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.tag--holiday{background:#e9e2f6;color:#5a4a86}.drawer__meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0 0 18px;padding:14px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.drawer__meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:2px}.drawer__meta dd{margin:0;font-size:14px;font-weight:600;color:var(--ink)}.todo{color:var(--ink-faint);font-style:italic;font-weight:500}.approx-flag{font-size:11px;font-weight:600;color:var(--ink-faint);font-style:italic}.drawer__long{font-size:14.5px;line-height:1.55;color:#33313f}.drawer__note{background:#fff4e5;border-left:3px solid var(--accent-soft);padding:10px 12px;border-radius:8px;font-size:13px;color:#7a5a15}.drawer__section{margin-top:20px}.drawer__video{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--hair);background:#000}.drawer__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.drawer__section h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:0 0 8px}.drawer__sources{margin:0;padding-left:20px;font-size:13.5px;color:#33313f}.drawer__sources li::marker{color:var(--accent-ink);font-weight:700}.src-type{font-weight:700;color:var(--accent-ink);text-transform:capitalize}.ref-sup{font-size:.66em;font-weight:800;color:var(--accent-ink);line-height:0;padding:0 .5px}.drawer__echoes{list-style:none;margin:0;padding:0;display:grid;gap:6px}.drawer__echoes button{width:100%;text-align:start;background:#f4efe2;border:0;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;color:var(--accent-ink);cursor:pointer;transition:background .15s}.drawer__echoes button:hover{background:#ece4d0}.drawer__feedback{border-top:1px solid var(--hair);padding-top:16px}.feedback-actions{display:flex;flex-wrap:wrap;gap:8px}.feedback-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;background:#f4efe2;color:var(--accent-ink);transition:background .15s}.feedback-btn:hover{background:#ece4d0}.feedback-btn--primary{background:var(--accent);color:#fff}.feedback-btn--primary:hover{background:var(--accent-ink)}.tour-btn{background:#e0a83a29;border-color:#e0a83a80;color:var(--ink)}.tour-btn:hover{background:#e0a83a47}.tourbar{position:fixed;left:24px;right:calc(min(440px,92vw) + 24px);bottom:86px;background:#fffdf9;border:1px solid var(--hair);border-radius:16px;box-shadow:var(--shadow-pop);z-index:70;overflow:hidden}@media (max-width: 820px){.tourbar{right:24px}}.tourbar__progress{height:3px;background:#20222f1f}.tourbar__progress-fill{height:100%;background:var(--accent-soft);transition:width .4s ease}.tourbar__main{display:flex;align-items:center;gap:16px;padding:12px 16px}.tourbar__caption{flex:1;display:flex;flex-direction:column;gap:2px;color:var(--ink);min-width:0}.tourbar__count{font-size:11px;color:var(--accent-ink);font-weight:700}.tourbar__title{font-size:16px;font-weight:800}.tourbar__meta{font-size:12px;color:var(--ink-soft)}.tourbar__short{font-size:13px;color:var(--ink-soft)}.tourbar__ctrl{display:flex;gap:6px;align-items:center;flex:none}.tourbar__ctrl button{width:38px;height:38px;border-radius:50%;border:1px solid var(--hair);background:#f4efe2;color:var(--ink);cursor:pointer;font-size:13px}.tourbar__ctrl button:disabled{opacity:.4;cursor:default}.tourbar__play{background:var(--accent-soft)!important;color:#3a2a00!important;border:0!important;font-size:15px!important}.loc-map{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--hair)}.loc-map__sea{fill:#dbe6f2}.loc-map__land{fill:#e7e0d2;stroke:#c9bfa8;stroke-width:.6}.loc-map__route{fill:none;stroke:#b3556f;stroke-width:1.4;stroke-dasharray:3 4;opacity:.7}.loc-map__dot{fill:#7a6f96}.loc-map__dot--anchor{fill:var(--teal)}.loc-map__dot--current{fill:#e0567a;stroke:#fff;stroke-width:2}.loc-map__label{fill:#4a4066;font-size:8px;font-weight:600;text-anchor:middle;paint-order:stroke;stroke:#fffc;stroke-width:2px}.loc-map__label--current{fill:#c02a52;font-size:10px;font-weight:800}.map-fallback{color:var(--ink-soft);font-size:13px;margin-top:6px}.error-screen{max-width:640px;margin:12vh auto;padding:0 24px;color:var(--ink);font-family:inherit}.error-screen h1{font-size:22px}.error-screen pre{background:#2a2540;padding:14px;border-radius:10px;overflow-x:auto;font-size:13px;color:#ffd0d0}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:10px 12px}.topbar__title{order:1;flex-basis:100%}.search{order:2;flex:1;max-width:none}.topbar__right{order:3}.drawer{width:100vw}.tourbar{inset-inline:12px}.zoom__track{width:140px}.controls{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 12px max(14px,env(safe-area-inset-bottom))}.minimap,.zoom{display:none}.fit-btn{padding:8px 12px}.tour-btn{order:-1;flex-basis:100%;justify-content:center;background:var(--accent);border-color:transparent;color:#fff;font-size:14px;padding:11px 16px}.tour-btn:hover{background:var(--accent-ink)}.drawer__body{padding-bottom:96px}.tourbar{left:12px;right:12px;bottom:14px}.tourbar__title,.tourbar__meta,.tourbar__short{display:none}.tourbar__caption{flex:none}.tourbar__main{justify-content:space-between;gap:10px}.era-landing{padding:4px 16px 20px}.era-landing__row{flex-direction:column;flex:none}.era-card{flex:none}.era-card__title{font-size:17px}}.lang-switch{position:relative;flex-shrink:0}.lang-switch__current{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--hair);background:#fff9;transition:border-color .15s,box-shadow .15s}.lang-switch__current::-webkit-details-marker{display:none}.lang-switch__current:hover{border-color:var(--accent)}.lang-switch__flag{font-size:17px;line-height:1}.lang-switch__menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;display:flex;flex-direction:column;min-width:150px;padding:5px;border-radius:12px;border:1px solid var(--hair);background:#fffdf9;box-shadow:var(--shadow-pop);z-index:40}.lang-switch__opt{display:flex;align-items:center;gap:9px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;text-align:start;transition:background .12s}.lang-switch__opt:hover{background:#b8862b1a}.lang-switch__opt[data-active=true]{color:var(--accent-ink);background:#b8862b24}.topbar__right{display:flex;align-items:center;gap:10px;flex:none}.about-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--hair);background:var(--surface);color:var(--ink-soft);font-weight:800;font-size:15px;cursor:pointer;box-shadow:var(--shadow-card);flex:none}.about-btn:hover{background:#fbf7ee}.search{position:relative;flex:1;max-width:380px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--hair);border-radius:999px;padding:7px 14px;box-shadow:var(--shadow-card)}.search__icon{font-size:13px;opacity:.7}.search__input{flex:1;border:0;background:none;outline:none;font-size:14px;color:var(--ink);min-width:0}.search__results{position:absolute;top:calc(100% + 6px);inset-inline:0;list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid var(--hair);border-radius:14px;box-shadow:var(--shadow-pop);z-index:60;max-height:320px;overflow-y:auto}.search__results li button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:9px;padding:8px 10px;cursor:pointer;text-align:start;font-size:13.5px;color:var(--ink)}.search__results li button:hover{background:#20222f0f}.search__rid{flex:none;min-width:20px;font-size:11px;font-weight:700;color:var(--ink-faint)}.search__rtitle{font-weight:600}.search__empty{padding:10px;color:var(--ink-faint);font-size:13px}.onb__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#1e160a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.onb{background:var(--surface);border-radius:20px;box-shadow:var(--shadow-pop);max-width:460px;width:100%;padding:28px 28px 24px;text-align:center}.onb__mark{font-size:40px}.onb__title{font-size:22px;font-weight:800;color:var(--ink);margin:8px 0 6px}.onb__intro{font-size:14.5px;color:var(--ink-soft);margin:0 0 14px}.onb__points{list-style:none;margin:0 0 20px;padding:0;text-align:start;display:grid;gap:8px}.onb__points li{position:relative;padding-inline-start:26px;font-size:14px;color:var(--ink)}.onb__points li:before{content:"✓";position:absolute;inset-inline-start:4px;color:var(--accent);font-weight:800}.onb__cta{width:100%;border:0;background:var(--ink);color:#fff;border-radius:12px;padding:12px;font-size:15px;font-weight:700;cursor:pointer}.onb__cta:hover{background:#000}