.rl{--ink:#111;--ink-60:rgba(17,17,17,.6);position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#1a1714;box-shadow:0 50px 100px -60px rgba(30,24,16,.6)}.rl-scene{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease)}.rl-scene.is-on{opacity:1}.rl-bg{position:absolute;inset:-2%;background-size:cover;background-repeat:no-repeat;transform:scale(1.07);transition:transform 7s linear}.rl-scene.is-on .rl-bg{transform:scale(1)}.rl-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 30%,transparent 70%,rgba(0,0,0,.28));pointer-events:none}.rl-in{position:absolute;z-index:1;animation:rlIn .8s var(--ease) both;animation-delay:var(--d)}@keyframes rlIn{0%{opacity:0;transform:translateY(14px) scale(.98);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.rl-tl{left:5%;top:8%}.rl-tr{right:5%;top:8%}.rl-bl{left:5%;bottom:15%}.rl-br{right:5%;bottom:15%}.rl-ml{left:6%}.rl-ml,.rl-mr{top:50%;translate:0 -50%}.rl-mr{right:6%}.rl-c{left:50%;top:50%;translate:-50% -50%}.rl-chip{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:99px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:14px;color:var(--ink);white-space:nowrap}.rl-chip.is-dark{background:rgba(17,17,17,.6);color:#f4f1eb}.rl-dots{display:inline-flex;gap:3px}.rl-dots i{width:4px;height:4px;border-radius:1px;background:currentColor;animation:rlDot 1s ease-in-out infinite}@keyframes rlDot{50%{opacity:.25}}.rl-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--up)}.rl-dot.is-warm{background:var(--warm)}.rl-card{width:340px;display:grid;grid-gap:4px;gap:4px;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 60px -30px rgba(0,0,0,.55);color:var(--ink)}.rl-card.is-wide{width:420px}.rl-card.is-dark{background:rgba(17,17,17,.72);color:#f4f1eb}.rl-card.is-dark .rl-k,.rl-card.is-dark .rl-t{color:rgba(244,241,235,.62)}.rl-k{font-size:12.5px;color:var(--ink-60)}.rl-b{font-size:16.5px;letter-spacing:-.01em;line-height:1.35}.rl-t{font-size:14px;line-height:1.45;color:var(--ink-60)}.rl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid rgba(17,17,17,.08)}.rl-card.is-dark .rl-head{border-color:rgba(255,255,255,.1)}.rl-rows{display:grid}.rl-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:14px;border-top:1px solid rgba(17,17,17,.06)}.rl-row:first-child{border-top:0}.rl-row em{font-style:normal;color:var(--ink-60);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rl-row.is-total{font-size:15px}.rl-row.is-total em{color:var(--ink)}.rl-oks{display:grid;grid-gap:6px;gap:6px;margin-top:8px}.rl-ok{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-60)}.rl-tick{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--up);flex:none}.rl-tick svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rl-act{display:flex;gap:8px;margin-top:10px}.rl-act span{height:36px;padding:0 15px;display:grid;place-items:center;border-radius:99px;background:var(--ink);color:#fff;font-size:13.5px}.rl-act span.is-ghost{background:rgba(17,17,17,.07);color:var(--ink)}.rl-msg{width:300px;display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 24px 50px -28px rgba(0,0,0,.55);color:var(--ink)}.rl-msg-who{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-60)}.rl-msg-who i{width:18px;height:18px;border-radius:50%;background:#25d366}.rl-msg-who i.is-tg{background:#2aabee}.rl-msg p{font-size:15px;line-height:1.4}.rl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:6px 0 4px}.rl-stats b{display:block;font-weight:400;font-size:21px;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rl-stats span{font-size:12px;color:var(--ink-60)}.rl-list{display:grid;grid-gap:7px;gap:7px;margin-top:4px;counter-reset:n}.rl-list p{display:flex;gap:10px;font-size:14px;line-height:1.35}.rl-list p:before{counter-increment:n;content:counter(n);width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(17,17,17,.07);font-size:11.5px}.rl-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 4px}.rl-stop{position:relative;display:grid;grid-gap:6px;gap:6px;font-size:12px;color:var(--ink-60)}.rl-stop:before{content:"";position:absolute;left:6px;right:-6px;top:5px;height:2px;background:rgba(17,17,17,.12)}.rl-stop:last-child:before{display:none}.rl-stop i{position:relative;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px rgba(17,17,17,.25)}.rl-stop.is-done i{box-shadow:none}.rl-stop.is-done i,.rl-stop.is-done:before{background:var(--ink)}.rl-stop.is-late i{background:var(--warm);box-shadow:0 0 0 4px rgba(201,138,62,.2)}.rl-stop.is-late{color:#9a5f1f}.rl-spark{width:100%;height:64px;margin-top:8px;overflow:visible}.rl-spark path{fill:none;stroke:var(--ink);stroke-width:1.6;vector-effect:non-scaling-stroke}.rl-spark path.is-next{stroke-dasharray:4 4;stroke:rgba(17,17,17,.45)}.rl-spark path.is-band{fill:rgba(17,17,17,.06);stroke:none}.rl-board{z-index:1;top:9%;width:1180px;transform:scale(.78);transform-origin:top center}.rl-board,.rl-nav{position:absolute;left:50%;translate:-50% 0}.rl-nav{z-index:3;bottom:20px;display:flex;gap:6px;padding:6px;border-radius:99px;background:rgba(17,17,17,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.rl-nav button{position:relative;height:30px;padding:0 14px;border:0;border-radius:99px;background:transparent;color:rgba(255,255,255,.72);font:inherit;font-size:13px;cursor:pointer;overflow:hidden;white-space:nowrap}.rl-nav button.is-on{background:rgba(255,255,255,.16);color:#fff}.rl-nav button i{position:absolute;left:0;bottom:0;height:2px;width:0;background:rgba(255,255,255,.85)}.rl-nav button.is-on i{animation:rlFill linear forwards}.rl:hover .rl-nav button.is-on i{animation-play-state:paused}@keyframes rlFill{to{width:100%}}@media (max-width:960px){.rl{aspect-ratio:3/4}.rl-in{left:5%!important;right:5%!important;translate:none!important}.rl-in>.rl-card,.rl-in>.rl-card.is-wide,.rl-in>.rl-msg{width:100%}.rl-tl,.rl-tr{top:5%}.rl-c,.rl-ml{top:17%}.rl-bl,.rl-br,.rl-mr{top:auto;bottom:13%}.rl-chip{height:auto;min-height:36px;padding:8px 14px;white-space:normal;font-size:13px}.rl-board{width:520px;transform:scale(.62);top:8%;left:50%!important}.rl-nav button{padding:0 9px;font-size:12px}}@media (prefers-reduced-motion:reduce){.rl-in{animation:none}.rl-bg{transition:none;transform:none}}.rl-card.is-dark .rl-row{border-color:rgba(255,255,255,.1)}.rl-card.is-dark .rl-row em{color:#f4f1eb}