.ojourney{background:var(--card);border:1px solid var(--border);width:100%;max-width:560px;color:var(--foreground);border-radius:20px;gap:12px;padding:16px;display:grid}.ojourney header{align-items:center;gap:12px;display:flex}.ojourney header img{object-fit:cover;border-radius:14px;flex:none;width:64px;height:64px}.ojourney header div{gap:2px;min-width:0;display:grid}.ojourney-eyebrow{letter-spacing:.14em;color:#b9861a;align-items:center;gap:4px;font-size:.6875rem;font-weight:900;display:inline-flex}.ojourney h2{overflow-wrap:anywhere;margin:0;font-size:1.125rem;font-weight:900}.ojourney header p{color:var(--muted-foreground);margin:0;font-size:.8125rem}.ojourney-line{gap:12px;margin:0;padding:0 0 0 22px;list-style:none;display:grid;position:relative}.ojourney-line:before{content:"";background:linear-gradient(#ffc53d,var(--primary));border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:7px}.ojourney-line li{position:relative}.ojourney-line li>i{background:var(--card);border:3px solid var(--primary);border-radius:50%;width:16px;height:16px;position:absolute;top:4px;left:-22px}.ojourney-line li.is-birth>i{background:#ffc53d;border-color:#ffc53d}.ojourney-line li>div{gap:3px;display:grid}.ojourney-line li.is-now>div{background:color-mix(in srgb,var(--primary) 9%,transparent);border-radius:12px;padding:8px 10px}.ojourney-line small{color:var(--muted-foreground);font-size:.75rem;font-weight:700}.ojourney-line b{font-size:.9375rem;font-weight:900}.ojourney-who{flex-wrap:wrap;align-items:center;gap:6px;font-weight:800;display:flex}.ojourney-who .account-avatar{width:24px!important;height:24px!important}.ojourney-who a{color:inherit;font-weight:900}.ojourney-who em{color:var(--muted-foreground);font-size:.8125rem;font-style:normal}.ojourney-outside{color:var(--muted-foreground)}.ojourney-now{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:2px 8px;font-size:.6875rem!important}.ojourney-note{color:var(--muted-foreground);margin:0;font-size:.75rem}.ojourney-diary{color:#4a3a1c;background:#fffaf0;border:1px solid #f3e3bd;border-radius:4px 14px 14px;margin:0;padding:8px 10px;font-size:.875rem;font-weight:700;line-height:1.7}.oroad{--oroad-spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121 24%,1.149 26.4%,1.159,1.154 31.2%,1.129 34.3%,1.051 41.4%,1.017 45.1%,.991 49%,.977 52.6%,.974 56.9%,.991 68.4%,1.001 84.5%,1);background:radial-gradient(120% 90% at 20% 0%,#fff6dc,transparent 60%),radial-gradient(120% 90% at 100% 100%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 60%),color-mix(in srgb,var(--muted) 55%,var(--card));border-radius:18px;width:100%;margin:2px 0 4px;position:relative}.oroad svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.oroad-bed{fill:none;stroke:#b9861a29;stroke-width:12px;stroke-linecap:round}.oroad-line{fill:none;stroke:#e0a92a;stroke-width:3px;stroke-linecap:round;stroke-dasharray:.018 .022}.oroad-reveal{fill:none;stroke:#fff;stroke-width:16px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px}.oroad.is-go .oroad-reveal{animation:oroad-draw var(--dur) cubic-bezier(.45,0,.2,1) forwards}.oroad.is-still .oroad-reveal{stroke-dashoffset:0;animation:none}.oroad svg.oroad-top{z-index:2;pointer-events:none}@keyframes oroad-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.oroad-guide{fill:none;stroke:none}.oroad-shadow{fill:#0d2a522e}.oroad-traveler image{filter:drop-shadow(0 4px 6px #0d2a5259)}.oroad-bob{animation:1.1s ease-in-out infinite oroad-bob}@keyframes oroad-bob{50%{translate:0 -4px}}.oroad-stops{z-index:1;margin:0;padding:0;list-style:none;position:absolute;inset:0}.oroad-stops li{justify-items:center;gap:2px;width:76px;display:grid;position:absolute;translate:-50% -50%}.oroad.is-go .oroad-stops li{animation:oroad-pop .6s var(--oroad-spring) calc(var(--dur) * var(--i) / max(1,var(--n) - 1)) both}.oroad.is-still .oroad-stops li{opacity:1;animation:none;scale:1}@keyframes oroad-pop{0%{scale:.4}to{scale:1}}.oroad-stops button{background:var(--card);cursor:pointer;width:38px;height:38px;transition:scale .3s var(--oroad-spring);border:3px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid;overflow:hidden;box-shadow:0 4px 10px -4px #0d2a5280}.oroad-stops button:hover{scale:1.12}.oroad-stops button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.oroad-stops button .account-avatar{width:100%!important;height:100%!important}.oroad-star{color:#fff;font-size:1rem}.oroad-stops li.is-birth button{background:#ffc53d}.oroad-q{color:var(--muted-foreground);font-weight:900}.oroad-stops li.is-now button{border-color:var(--primary);width:46px;height:46px;box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 45%,transparent)}.oroad.is-go .oroad-stops li.is-now button{animation:oroad-ring 2s ease-out calc(var(--dur) + .4s) infinite}@keyframes oroad-ring{70%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 #0000}}.oroad-stops small{text-overflow:ellipsis;white-space:nowrap;max-width:76px;color:var(--foreground);text-shadow:0 1px 0 var(--card);font-size:.6875rem;font-weight:800;overflow:hidden}.oroad-stops em{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:1px 7px;font-size:.625rem;font-style:normal;font-weight:900}@media (prefers-reduced-motion:reduce){.oroad-bob,.oroad.is-go .oroad-reveal,.oroad.is-go .oroad-stops li,.oroad.is-go .oroad-stops li.is-now button{animation:none}.oroad-reveal{stroke-dashoffset:0}.oroad-stops li{opacity:1;scale:1}}