.viewer-rappi-root{--bg:#fff;--bg-soft:#f3f5f8;--text:#12151a;--muted:rgba(18,21,26,.58);--green:#0f9a36;--green-soft:#16b845;--rappi:#ff5a3c;--rappi-soft:#e04a2e;--border:rgba(0,0,0,.1);--shadow:0 12px 40px rgba(0,0,0,.08);background:linear-gradient(180deg,#fafbfc 0,var(--bg) 32%);color:var(--text);min-height:100vh;font-family:var(--font-sans),Inter,Arial,Helvetica,sans-serif}.viewer-rappi-root,.viewer-rappi-root *,.viewer-rappi-root :after,.viewer-rappi-root :before{box-sizing:border-box}.viewer-rappi-root .page-shell{width:100%;max-width:1280px;margin:0 auto;padding:20px 20px 48px}.viewer-rappi-root .top-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.viewer-rappi-root .brand{display:flex;align-items:center;gap:14px}.viewer-rappi-root .brand-turbo-mark{display:block;height:40px;width:auto;max-width:min(200px,42vw);-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;flex-shrink:0}.viewer-rappi-root .live-pill{display:inline-flex;align-items:center;gap:8px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:999px;font-size:14px}.viewer-rappi-root .live-dot{width:10px;height:10px;border-radius:999px;background:#ff3b30;box-shadow:0 0 12px rgba(255,59,48,.6)}.viewer-rappi-root .main-content{display:flex;flex-direction:column;gap:22px}.viewer-rappi-root .hero-copy{max-width:780px}.viewer-rappi-root .hero-title-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;margin-bottom:16px}.viewer-rappi-root .hero-title-wrap h1{margin:0;flex:1 1 280px}.viewer-rappi-root .hero-demo-pill{flex:0 0 auto;margin-top:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,90,60,.35);color:var(--rappi);font-size:11px;font-weight:800;letter-spacing:.14em}.viewer-rappi-root .hero h1{font-size:clamp(34px,5vw,62px);line-height:.98;margin:0 0 16px;letter-spacing:-1.8px;max-width:920px;color:var(--text)}.viewer-rappi-root .hero p{margin:0;color:var(--muted);font-size:18px;line-height:1.6;max-width:720px}.viewer-rappi-root .stream-section{display:flex;flex-direction:column;gap:14px}.viewer-rappi-root .stream-heading-block{display:flex;flex-direction:column;gap:16px}.viewer-rappi-root .stream-heading-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.viewer-rappi-root .stream-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.viewer-rappi-root .stream-title-line h3{margin:0}.viewer-rappi-root .stream-heading-live{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,90,60,.12);border:1px solid rgba(255,90,60,.28);color:#c73d24;font-size:13px;font-weight:800;letter-spacing:.02em}.viewer-rappi-root .stream-sub-name{margin:8px 0 0;font-size:15px;color:var(--muted);font-weight:600}.viewer-rappi-root .stream-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.viewer-rappi-root .stream-kicker{margin:0 0 6px;color:var(--rappi);text-transform:uppercase;font-size:12px;letter-spacing:1px;font-weight:700}.viewer-rappi-root .stream-header h3{margin:0;font-size:28px;letter-spacing:-.8px;color:var(--text)}.viewer-rappi-root .stream-tag{background:rgba(255,90,60,.1);color:#c73d24;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.viewer-rappi-root .stream-frame{width:100%;border-radius:28px;overflow:hidden;background:#e8eaef;border:1px solid var(--border);box-shadow:var(--shadow);min-height:420px}.viewer-rappi-root .stream-frame-inner{min-height:420px;width:100%}.viewer-rappi-root .stream-video-stage{position:relative;isolation:isolate}.viewer-rappi-root .stream-video-stage .stream-player-fill{position:relative;z-index:0}@media (min-width:901px){.viewer-rappi-root .stream-frame,.viewer-rappi-root .stream-frame-inner{min-height:560px}}.viewer-rappi-root .stream-frame-inner .stream-player-shell{border-radius:0;border:none;min-height:inherit;aspect-ratio:auto;background:#e4e7ec!important}.viewer-rappi-root .stream-frame-inner .stream-player-shell>div.absolute.inset-0.flex.flex-col{background:hsla(0,0%,100%,.94)!important;backdrop-filter:blur(8px)}.viewer-rappi-root .stream-frame-inner .stream-player-shell .text-zinc-100{color:var(--text)!important}.viewer-rappi-root .stream-frame-inner .stream-player-shell .text-zinc-300{color:rgba(18,21,26,.65)!important}.viewer-rappi-root .stream-frame-inner .stream-player-shell .text-zinc-400{color:rgba(18,21,26,.5)!important}.viewer-rappi-root .stream-frame-inner .stream-player-shell [class*=text-amber]{color:#b45309!important}.viewer-rappi-root .stream-frame-inner .stream-player-shell .twitch-sdk-root,.viewer-rappi-root .stream-frame-inner .stream-player-shell iframe,.viewer-rappi-root .stream-frame-inner .stream-player-shell video{min-height:420px}@media (min-width:901px){.viewer-rappi-root .stream-frame-inner .stream-player-shell .twitch-sdk-root,.viewer-rappi-root .stream-frame-inner .stream-player-shell iframe,.viewer-rappi-root .stream-frame-inner .stream-player-shell video{min-height:560px}}.viewer-rappi-root .stream-frame-inner .stream-player-shell .twitch-sdk-root{position:relative}.viewer-rappi-root .stream-frame-inner .stream-player-shell .twitch-sdk-root iframe{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:420px}@media (min-width:901px){.viewer-rappi-root .stream-frame-inner .stream-player-shell .twitch-sdk-root iframe{min-height:560px}}.viewer-rappi-root .view-toggle{display:inline-flex;gap:8px;align-items:center}.viewer-rappi-root .view-toggle button{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}.viewer-rappi-root .view-toggle button.is-on{background:rgba(255,90,60,.14);border-color:rgba(255,90,60,.4);color:#b83520}.viewer-rappi-root .cam-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.viewer-rappi-root .cam-pills button{background:var(--bg-soft);border:1px solid var(--border);color:rgba(18,21,26,.72);padding:10px 20px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.viewer-rappi-root .cam-pills button:hover{border-color:rgba(255,90,60,.35);color:var(--text)}.viewer-rappi-root .cam-pills button.is-active{background:rgba(255,90,60,.16);border-color:rgba(255,90,60,.5);color:#9e2e18;box-shadow:inset 0 0 0 1px rgba(255,90,60,.12)}.viewer-rappi-root .cam-pills .cam-pill-grid{margin-left:4px;font-weight:700;opacity:.9}.viewer-rappi-root .cam-pills .cam-pill-grid.is-active{background:rgba(17,166,61,.14);border-color:rgba(22,184,69,.45);color:#0d6e28}.viewer-rappi-root .grid-wrap{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.viewer-rappi-root .stream-frame--grid-host .stream-frame-inner{padding-bottom:0}.viewer-rappi-root .stream-frame--nested{margin:0}.viewer-rappi-root .stream-suggestions-anchor{position:relative;width:100%;min-height:inherit}.viewer-rappi-root .stream-suggestions-anchor--grid{padding-bottom:8px}.viewer-rappi-root .stream-suggestions-pad{padding-bottom:148px}@media (min-width:901px){.viewer-rappi-root .stream-suggestions-pad{padding-bottom:160px}}.viewer-rappi-root .suggestions-restore-fab{position:absolute;bottom:14px;right:14px;z-index:8;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.94);color:var(--text);font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.12);backdrop-filter:blur(10px);transition:background .15s ease,border-color .15s ease,transform .15s ease}.viewer-rappi-root .suggestions-restore-fab:hover{background:#fff;border-color:rgba(255,90,60,.35)}.viewer-rappi-root .suggestions-restore-fab:focus-visible{outline:2px solid rgba(255,90,60,.6);outline-offset:2px}.viewer-rappi-root .suggested-overlay{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:6px 0 8px;background:transparent;pointer-events:none;border-top:none}.viewer-rappi-root .suggested-live-list-outer,.viewer-rappi-root .suggested-live-stack,.viewer-rappi-root .suggested-marquee-outer,.viewer-rappi-root .suggested-overlay-header{pointer-events:auto}.viewer-rappi-root .suggested-overlay--list-mode{top:0;padding:10px 12px 12px;container-type:size;container-name:suggested-list-overlay}.viewer-rappi-root .suggested-overlay--list-mode .suggested-overlay-header{position:absolute;top:10px;right:12px;z-index:2;padding:0}.viewer-rappi-root .suggested-live-stack{position:absolute;left:12px;top:10px;max-width:min(340px,calc(100% - 124px));z-index:1}@keyframes suggestedLiveStackEnter{0%{opacity:.88;transform:translate(calc(100cqw - 100% - 20px),calc(100cqh - 100% - 14px)) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes suggestedLiveStackEnterFallback{0%{opacity:.88;transform:translate(42vw,36vh) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.viewer-rappi-root .suggested-live-stack--enter{animation:suggestedLiveStackEnter 1.05s cubic-bezier(.22,.82,.22,1) forwards}@supports not (width:1cqw){.viewer-rappi-root .suggested-live-stack--enter{animation-name:suggestedLiveStackEnterFallback}}@media (prefers-reduced-motion:reduce){@keyframes suggestedLiveStackEnterReduced{0%{opacity:0}to{opacity:1}}.viewer-rappi-root .suggested-live-stack--enter{animation:suggestedLiveStackEnterReduced .35s ease forwards}}.viewer-rappi-root .suggested-live-card{position:relative;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 40px rgba(0,0,0,.15);padding:10px 12px 8px;color:var(--text)}.viewer-rappi-root .suggested-live-card-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.viewer-rappi-root .suggested-live-heading{margin:0;flex:1;min-width:0;font-size:12.5px;font-weight:800;letter-spacing:-.02em;color:#111;line-height:1.3}.viewer-rappi-root .suggested-live-card-close{flex-shrink:0;width:28px;height:28px;margin:-4px -4px 0 0;border:none;border-radius:999px;background:rgba(0,0,0,.06);color:rgba(0,0,0,.55);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,color .15s ease}.viewer-rappi-root .suggested-live-card-close:hover{background:rgba(0,0,0,.12);color:var(--text)}.viewer-rappi-root .suggested-live-card-close:focus-visible{outline:2px solid var(--green-soft);outline-offset:2px}.viewer-rappi-root .suggested-live-divider{height:1px;background:rgba(0,0,0,.1);margin:0 0 4px}.viewer-rappi-root .suggested-live-list-outer{overflow:hidden;max-height:168px;margin:0;padding:0;transition:max-height .3s ease;mask-image:linear-gradient(180deg,transparent,#000 8px,#000 calc(100% - 8px),transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}.viewer-rappi-root .suggested-live-list{list-style:none;margin:0;padding:0;overflow-x:hidden}.viewer-rappi-root .suggested-live-list--marquee{display:flex;flex-direction:column;width:100%;flex-shrink:0;animation:viewerSuggestedListMarquee var(--suggested-list-marquee-duration,30s) linear infinite;will-change:transform}.viewer-rappi-root .suggested-live-list-outer:hover .suggested-live-list--marquee{animation-play-state:paused}.viewer-rappi-root .suggested-live-card:hover .suggested-live-list-outer{max-height:min(48vh,420px)}@keyframes viewerSuggestedListMarquee{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.viewer-rappi-root .suggested-live-list--marquee{animation:none;will-change:auto}.viewer-rappi-root .suggested-live-list-outer{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent;mask-image:none;-webkit-mask-image:none;transition:none;max-height:min(42vh,380px)}.viewer-rappi-root .suggested-live-list-outer::-webkit-scrollbar{width:6px}.viewer-rappi-root .suggested-live-list-outer::-webkit-scrollbar-thumb{background:rgba(0,0,0,.22);border-radius:999px}.viewer-rappi-root .suggested-live-card:hover .suggested-live-list-outer{max-height:min(42vh,380px)}}.viewer-rappi-root .suggested-live-item{position:relative;border-bottom:1px solid rgba(0,0,0,.06)}.viewer-rappi-root .suggested-live-item:last-child{border-bottom:none}.viewer-rappi-root .suggested-live-row{display:flex;align-items:center;gap:10px;padding:8px 28px 8px 0;text-decoration:none;color:inherit;border-radius:8px;transition:background .12s ease}.viewer-rappi-root .suggested-live-row:hover{background:rgba(0,0,0,.03)}.viewer-rappi-root .suggested-live-row:focus-visible{outline:2px solid var(--green-soft);outline-offset:2px}.viewer-rappi-root .suggested-live-row-thumb{flex:0 0 auto;width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--bg-soft);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.viewer-rappi-root .suggested-live-row-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.viewer-rappi-root .suggested-live-row-thumb.suggested-thumb--fallback span{font-size:1rem}.viewer-rappi-root .suggested-live-row-name{margin:0;font-size:11px;font-weight:600;line-height:1.3;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.viewer-rappi-root .suggested-live-item-dismiss{position:absolute;top:50%;right:0;transform:translateY(-50%);width:22px;height:22px;border:none;border-radius:999px;background:rgba(0,0,0,.06);color:rgba(0,0,0,.45);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.viewer-rappi-root .suggested-live-item-dismiss:hover{background:rgba(0,0,0,.1);color:var(--text)}@media (max-width:640px){.viewer-rappi-root .suggested-live-stack{max-width:calc(100% - 24px)}.viewer-rappi-root .suggested-live-card{padding:12px 12px 8px}}.viewer-rappi-root .suggested-overlay--empty{padding:12px 16px 14px}.viewer-rappi-root .suggested-overlay-empty-msg{margin:8px 0 0;font-size:12px;color:var(--muted)}.viewer-rappi-root .suggested-overlay-header{display:flex;align-items:center;justify-content:flex-end;padding:0 12px 4px}.viewer-rappi-root .suggested-overlay-header-actions{display:flex;align-items:center;gap:8px}.viewer-rappi-root .suggested-view-toggle{flex-shrink:0;width:36px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.viewer-rappi-root .suggested-view-toggle:hover{border-color:rgba(0,0,0,.16);background:#e8eaef}.viewer-rappi-root .suggested-view-toggle:focus-visible{outline:2px solid var(--green-soft);outline-offset:2px}.viewer-rappi-root .suggested-strip-hide{flex-shrink:0;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:11px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.viewer-rappi-root .suggested-strip-hide:hover{border-color:rgba(0,0,0,.16);background:#e8eaef}.viewer-rappi-root .suggested-marquee-outer{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.viewer-rappi-root .suggested-marquee-track{display:flex;width:-moz-max-content;width:max-content;gap:8px;padding:2px 12px 0;animation:viewerSuggestedMarquee var(--suggested-marquee-duration,30s) linear infinite}.viewer-rappi-root .suggested-marquee-outer:hover .suggested-marquee-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.viewer-rappi-root .suggested-marquee-track{animation:none}}@keyframes viewerSuggestedMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.viewer-rappi-root .suggested-pop{position:relative;flex:0 0 auto;width:100px;height:138px;padding:0;overflow:hidden;border-radius:13px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 14px rgba(0,0,0,.08);display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.viewer-rappi-root .suggested-pop--overlay:hover{transform:translateY(-2px);border-color:rgba(255,90,60,.28);box-shadow:0 8px 22px rgba(0,0,0,.1)}.viewer-rappi-root .suggested-pop-link{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;position:relative;text-decoration:none;color:inherit;cursor:pointer;border-radius:12px;overflow:hidden;padding:5px 5px 0;box-sizing:border-box}.viewer-rappi-root .suggested-pop-link:focus-visible{outline:2px solid var(--green-soft);outline-offset:2px}.viewer-rappi-root .suggested-thumb{width:100%;height:72px;border-radius:12px;overflow:hidden;background:var(--bg-soft)}.viewer-rappi-root .suggested-thumb--fill{flex:0 0 auto;width:100%;height:90px;min-height:90px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.viewer-rappi-root .suggested-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.viewer-rappi-root .suggested-thumb--fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,90,60,.12),var(--bg-soft))}.viewer-rappi-root .suggested-thumb--fallback span{font-size:1.35rem;font-weight:800;color:rgba(18,21,26,.35)}.viewer-rappi-root .suggested-text{width:100%}.viewer-rappi-root .suggested-text--overlay{position:absolute;left:0;right:0;bottom:0;padding:8px 5px 5px;text-align:center;background:linear-gradient(0deg,hsla(0,0%,100%,.98) 0,hsla(0,0%,100%,.88) 55%,transparent);pointer-events:none}.viewer-rappi-root .suggested-name{margin:0;font-size:9px;font-weight:600;line-height:1.2;color:rgba(18,21,26,.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.viewer-rappi-root .suggested-dismiss{position:absolute;top:2px;right:2px;z-index:3;width:20px;height:20px;border:none;border-radius:999px;background:hsla(0,0%,100%,.92);color:rgba(18,21,26,.55);box-shadow:0 1px 4px rgba(0,0,0,.12);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.viewer-rappi-root .suggested-pop:hover .suggested-dismiss{opacity:1}.viewer-rappi-root .suggested-dismiss:hover{background:#fff;color:var(--text)}@media (hover:none){.viewer-rappi-root .suggested-dismiss{opacity:.55}}@media (max-width:900px){.viewer-rappi-root .stream-header{flex-direction:column;align-items:flex-start}.viewer-rappi-root .stream-frame,.viewer-rappi-root .stream-frame-inner{min-height:320px}}@media (max-width:640px){.viewer-rappi-root .page-shell{padding:16px 14px 36px}.viewer-rappi-root .brand-turbo-mark{height:34px;max-width:46vw}.viewer-rappi-root .stream-header h3{font-size:22px}.viewer-rappi-root .suggested-pop{width:92px;height:128px}.viewer-rappi-root .suggested-thumb--fill{height:82px;min-height:82px;border-radius:8px}}