html[data-cosmos] body .tr-shell .tr-arrival-card{border:1px solid var(--app-line);border-radius:24px;padding:28px;margin:28px 0;background:radial-gradient(ellipse at top right,#7edec81b,transparent 75%),var(--app-panel);color:var(--app-ink);overflow:hidden}
.tr-arrival-heading{display:flex;gap:20px;align-items:center}.tr-arrival-orb{width:64px;height:64px;flex:0 0 64px;display:block;border:1px solid var(--app-accent);border-radius:50%;background:#79e5c415}.tr-arrival-orb svg{width:100%;height:100%;fill:none;stroke:var(--app-accent);stroke-width:2}.tr-arrival-orb svg circle{stroke-dasharray:4 5;transform-origin:24px 24px;animation:tr-arrival-orbit 30s linear infinite}.tr-arrival-kicker{font-size:10px;letter-spacing:.14em;font-weight:800}
html[data-cosmos] body .tr-shell .tr-arrival-card h2{font-size:22px;margin:8px 0;line-height:1.4;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important}
html[data-cosmos] body .tr-shell .tr-arrival-card :is(p,small){color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important;line-height:1.6}.tr-arrival-heading p{font-size:13px;margin:0}.tr-arrival-state{margin:24px 0 14px;font-size:14px}.tr-arrival-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tr-arrival-clock>div{padding:18px 8px;border:1px solid var(--app-line);border-radius:16px;text-align:center;background:#79e5c408}
html[data-cosmos] body .tr-shell .tr-arrival-clock strong{display:block;font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;line-height:1.15;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important}.tr-arrival-clock span{font-size:11px;display:block;margin-top:8px}.tr-arrival-window{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:13px;margin:20px 0;line-height:1.6}.tr-arrival-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:20px 0}.tr-arrival-card small{display:block;font-size:11px}
html[data-cosmos] body .tr-shell .tr-arrival-actions :is(button,a){display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--app-accent);border-radius:12px;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important;background:var(--app-panel)!important;font-size:13px;font-weight:800;text-decoration:none}
html[data-cosmos] body .tr-shell .tr-arrival-preview{padding:20px;margin:20px 0;border:1px solid var(--app-accent);border-radius:16px;background:var(--app-panel);color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important;line-height:1.6}.tr-arrival-preview p{margin:10px 0}.tr-arrival-preview small{display:block;font-size:12px}.tr-estimate-method{margin-top:20px}.tr-arrival-settings input[aria-invalid=true]{border:2px solid #e76565!important}.tr-arrival-settings [data-arrival-error]{color:#f57979!important;font-weight:700}
@keyframes tr-arrival-orbit{to{transform:rotate(360deg)}}
@media(max-width:700px){html[data-cosmos] body .tr-shell .tr-arrival-card{padding:22px 18px}.tr-arrival-heading{gap:14px}.tr-arrival-orb{width:48px;height:48px;flex-basis:48px}html[data-cosmos] body .tr-shell .tr-arrival-card h2{font-size:18px}.tr-arrival-clock{gap:8px}.tr-arrival-clock>div{padding:14px 4px;border-radius:12px}html[data-cosmos] body .tr-shell .tr-arrival-clock strong{font-size:24px}.tr-arrival-clock span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tr-arrival-orb svg circle{animation:none}}