html[data-cosmos] body .tr-shell .tr-next-guide{position:relative;overflow:hidden;display:grid;grid-template-columns:160px 1fr;align-items:center;gap:32px;margin:32px 0;padding:32px;border:1px solid var(--app-line);border-radius:26px;background:radial-gradient(ellipse at top left,#70e4bd18,transparent 65%),var(--app-panel);color:var(--app-ink);box-shadow:0 14px 40px #0000000a}
html[data-cosmos] body .tr-shell .tr-guide-art{position:relative;width:150px;height:150px;justify-self:center}
.tr-guide-art svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.tr-guide-art circle{fill:none}.tr-guide-track{stroke:currentColor;opacity:.15;stroke-width:3}.tr-guide-fill{stroke:var(--app-accent,#70e4bd);stroke-width:5;stroke-linecap:round}.tr-guide-orbit{stroke:var(--app-accent,#70e4bd);stroke-width:1;stroke-dasharray:3 12;transform-origin:60px 60px;animation:tr-guide-orbit 28s linear infinite;opacity:.7}
.tr-guide-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}html[data-cosmos] body .tr-shell .tr-guide-value strong{font-size:38px;font-weight:900;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important;line-height:1}.tr-guide-value small{font-size:17px}.tr-guide-value span{font-size:9px;letter-spacing:.18em;font-weight:700}.tr-guide-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--app-muted)}
html[data-cosmos] body .tr-shell .tr-guide-content h2{margin:10px 0 18px;font-size:28px;line-height:1.15;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important}.tr-guide-milestone{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-left:3px solid var(--app-accent);padding-left:12px}.tr-guide-milestone span{font-size:10px;letter-spacing:.08em;color:var(--app-muted)}html[data-cosmos] body .tr-shell .tr-guide-milestone strong{font-size:15px;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important}
html[data-cosmos] body .tr-shell .tr-next-guide p{max-width:650px;line-height:1.7;margin:16px 0;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important}html[data-cosmos] body .tr-shell .tr-guide-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:800;min-height:44px;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important;text-decoration:none;border-bottom:1px solid var(--app-accent)}
@keyframes tr-guide-orbit{to{transform:rotate(360deg)}}
@media(max-width:700px){html[data-cosmos] body .tr-shell .tr-next-guide{grid-template-columns:1fr;gap:20px;padding:26px 20px}.tr-guide-art{width:130px!important;height:130px!important}html[data-cosmos] body .tr-shell .tr-guide-content h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.tr-guide-orbit{animation:none}}
html[data-cosmos] body .tr-shell .tr-map-navigator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 12px}
html[data-cosmos] body .tr-shell .tr-map-navigator button{min-width:0;min-height:56px;padding:10px;border:1px solid var(--app-accent);border-radius:14px;background:var(--app-panel)!important;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important;font-size:13px!important;font-weight:800;line-height:1.4;white-space:normal}
html[data-cosmos] body .tr-shell .tr-map-nav-feedback{display:block;min-height:42px;margin:12px 0 22px;font-size:13px;line-height:1.6;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important}
.tr-map-legend{display:flex;flex-wrap:wrap;gap:16px 24px;margin:22px 0;font-size:12px;line-height:1.6}.tr-map-legend span{display:flex;align-items:center;gap:9px}.tr-map-legend i{width:12px;height:12px;display:block;flex:0 0 12px;border-radius:50%;border:1px solid currentColor}.tr-map-legend .origin{background:#79d9e7}.tr-map-legend .travelled{background:#16ba9b}.tr-map-legend .remaining{background:#b0ebff}.tr-map-legend .home{background:#ffcf88}
#tr-journey,#tr-history{scroll-margin-top:90px}
@media(max-width:700px){html[data-cosmos] body .tr-shell .tr-map-navigator{gap:8px}html[data-cosmos] body .tr-shell .tr-map-navigator button{min-height:64px;padding:8px 4px;font-size:12px!important}.tr-map-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;font-size:11px}}