.rg-demo-wrap{position:relative;max-width:520px;margin:0 auto}.rg-demo-wrap .rg-replay{position:absolute;left:50%;top:50%;width:62px;height:62px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--heading-color);background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 6px 20px rgba(0,0,0,0.28);cursor:pointer;visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(0.85);transition:opacity 0.3s ease,transform 0.3s ease,background-color 0.3s ease}.rg-demo-wrap .rg-replay.is-on{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1)}.rg-demo-wrap .rg-replay:hover{background-color:var(--secondary-color)}.rg-demo-wrap .rg-replay:focus-visible{outline:3px solid var(--white-color);outline-offset:3px}.rg-demo{--rg-forest:#042A1B;--rg-green:#00542C;--rg-mint:#90EE90;--rg-trip-wash:#1B4630;--rg-trip-head:#CFEEDC;--rg-trip-btn:#1E7A4C;--rg-field-bg:#10301F;--rg-field-ink:var(--rg-trip-head);--rg-field-rule:rgba(207,238,220,0.22);--rg-field-focus:var(--rg-trip-btn);--rg-display:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--rg-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:normal}.rg-demo .rg-slot{position:relative;transition:height 0.26s cubic-bezier(0.4,0,0.2,1)}.rg-demo .rg-stack{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column}.rg-demo .rg-swap{position:relative;flex:0 0 auto;order:1;transition:height 0.4s cubic-bezier(0.4,0,0.2,1)}.rg-demo .rg-swap > *{position:absolute;top:0;left:0;right:0}.rg-demo .rg-phone{max-width:460px;margin:0 auto;padding:36px 12px 0;background-color:var(--primary-black-color);background-image:linear-gradient(158deg,rgba(255,255,255,0.15) 0,rgba(255,255,255,0.04) 24%,rgba(255,255,255,0) 52%);border-radius:46px 46px 0 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.22),0 18px 40px rgba(0,0,0,0.32);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),rgba(0,0,0,0.72) calc(100% - 26px),rgba(0,0,0,0.32) calc(100% - 13px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),rgba(0,0,0,0.72) calc(100% - 26px),rgba(0,0,0,0.32) calc(100% - 13px),rgba(0,0,0,0) 100%);transition:opacity 0.45s ease}.rg-demo .rg-phone::before{content:"";position:absolute;inset:36px 12px 0;border-radius:24px 24px 0 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.22);pointer-events:none;z-index:1}.rg-demo .rg-phone.is-out{opacity:0}.rg-demo .rg-phone__island{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:94px;height:15px;background-color:#000000;border-radius:999px}.rg-demo .rg-phone__screen{overflow:hidden;border-radius:24px 24px 0 0;background-color:var(--rg-forest);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif}.rg-demo .rg-phone__bar{display:flex;align-items:center;gap:8px;margin-top:11px;height:56px;padding:0 11px;background-color:var(--rg-green);border-top:1px solid rgba(144,238,144,0.22);border-bottom:1px solid rgba(144,238,144,0.22)}.rg-demo .rg-phone__logo{flex:0 0 auto;width:69px;height:69px;margin:0 -1px;border-radius:50%}.rg-demo .rg-phone__brand{font-family:var(--rg-display);font-size:25px;font-weight:800;letter-spacing:-0.025em;line-height:1;color:var(--rg-mint)}.rg-demo .rg-phone__menu{margin-left:auto;display:flex;flex-direction:column;justify-content:center;gap:4px;width:57px;height:52px;padding:0 15px;border:1px solid rgba(255,255,255,0.28);border-radius:7px}.rg-demo .rg-phone__menu span{display:block;height:3px;border-radius:2px;background-color:rgba(255,255,255,0.55)}.rg-demo .rg-phone__page{padding:17px 16px 48px}.rg-demo .rg-card{position:relative;height:0;overflow:hidden;background-color:var(--rg-trip-wash);color:var(--rg-trip-head);border:1px solid rgba(207,238,220,0.3);border-color:color-mix(in srgb,currentColor 30%,transparent);border-radius:11px;box-shadow:0 1px 2px rgba(2,16,10,0.34),0 12px 28px -6px rgba(2,16,10,0.46);transition:height 0.26s cubic-bezier(0.4,0,0.2,1)}.rg-demo .rg-card.is-tint{transition:height 0.26s cubic-bezier(0.4,0,0.2,1),background-color 0.38s ease,color 0.38s ease}.rg-demo .rg-phase{position:absolute;inset:0 0 auto 0;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.16s ease}.rg-demo .rg-phase.is-on{opacity:1}.rg-demo .rg-head{margin:0 0 1rem;font-family:var(--rg-display);font-size:1.15rem;font-weight:800;letter-spacing:-0.02em;line-height:1.18;color:inherit}.rg-demo .rg-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-family:var(--rg-display);font-size:0.8125rem;font-weight:800;letter-spacing:0.09em;text-transform:uppercase;color:inherit}.rg-demo .rg-title::after{content:"";flex:1 1 auto;height:1px;background-color:rgba(207,238,220,0.18);background-color:color-mix(in srgb,currentColor 18%,transparent)}.rg-demo .rg-strip{position:relative;display:flex;align-items:center;gap:8px;min-height:46px;margin:0 0 1rem;padding:8px 12px;background-color:rgba(207,238,220,0.08);background-color:color-mix(in srgb,currentColor 8%,transparent);border:1px solid rgba(207,238,220,0.16);border-color:color-mix(in srgb,currentColor 16%,transparent);border-radius:9px}.rg-demo .rg-strip--meter{padding-bottom:14px}.rg-demo .rg-strip__icon{display:flex;flex:0 0 auto}.rg-demo .rg-strip__icon svg{display:block;width:20px;height:20px}.rg-demo .rg-strip__icon circle,.rg-demo .rg-strip__icon line{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.rg-demo .rg-strip__icon line{transform-box:view-box;transform-origin:9px 9px}.rg-demo .rg-phase.is-on .rg-strip--meter .rg-hand--min{animation:rg-rot 0.75s linear infinite}.rg-demo .rg-phase.is-on .rg-strip--meter .rg-hand--hour{animation:rg-rot 9s linear infinite}.rg-demo .rg-phase.is-on .rg-strip__icon.is-alarm line{animation-play-state:paused}.rg-demo .rg-strip__icon.is-alarm{animation:rg-alarm 1.1s ease-in-out infinite}@keyframes rg-alarm{0%{transform:scale(1)}11%{transform:scale(1.24)}24%{transform:scale(1)}35%{transform:scale(1.24)}48%{transform:scale(1)}100%{transform:scale(1)}}.rg-demo .rg-strip__text{display:flex;flex:1;min-width:0;line-height:1.25}.rg-demo .rg-strip__text b{min-width:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rg-demo .rg-brief{flex:0 0 auto;font-family:var(--rg-mono);font-size:13px;font-weight:600;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.rg-demo .rg-brief .rg-u--m{font-size:0.88em}.rg-demo .rg-strip__stack{display:flex;flex:0 0 auto}.rg-demo .rg-face{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:600;line-height:1;border:2px solid var(--rg-trip-wash)}.rg-demo .rg-strip__stack > * + *{margin-left:-10px}.rg-demo .rg-face--one{background-color:#D98B8B;color:#4E0F0F}.rg-demo .rg-face--two{background-color:#B092DB;color:#2C0A52}.rg-demo .rg-face--three{background-color:#6FC3B0;color:#06332B}.rg-demo .rg-strip__chev{display:flex;flex:0 0 auto}.rg-demo .rg-strip__chev svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rg-demo .rg-rail{position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:2px;background-color:rgba(207,238,220,0.14);background-color:color-mix(in srgb,currentColor 14%,transparent);overflow:hidden}.rg-demo .rg-rail__fill{display:block;height:100%;width:100%;border-radius:2px;background-color:var(--rg-trip-btn)}.rg-demo .rg-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;min-height:46px;font-family:var(--rg-display);font-size:0.9375rem;font-weight:700;padding:calc(0.7rem - 0.05em) 1.6rem calc(0.7rem + 0.05em);color:var(--white-color);background-color:var(--rg-trip-btn);border:1px solid transparent;border-radius:11px;cursor:pointer;transition:background-color 0.12s linear,transform 0.12s ease}.rg-demo .rg-btn--ghost{color:inherit;background-color:transparent;border-color:rgba(207,238,220,0.35);border-color:color-mix(in srgb,currentColor 35%,transparent)}.rg-demo .rg-btn.is-press{transform:scale(0.95)}.rg-demo .rg-btns{display:flex;gap:10px}.rg-demo .rg-btns .rg-btn{flex:1}.rg-demo .rg-spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,0.4);border-top-color:var(--white-color);border-radius:50%;animation:rg-rot 0.55s linear infinite}@keyframes rg-rot{to{transform:rotate(360deg)}}.rg-demo .rg-seg{display:flex;gap:3px;margin:0 0 1rem;padding:3px;background-color:rgba(207,238,220,0.08);background-color:color-mix(in srgb,currentColor 8%,transparent);border:1px solid rgba(207,238,220,0.16);border-color:color-mix(in srgb,currentColor 16%,transparent);border-radius:9px}.rg-demo .rg-seg__btn{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:38px;font-family:var(--rg-display);font-size:0.8125rem;font-weight:700;color:inherit;background-color:transparent;border:0;border-radius:6px;padding:calc(0.35rem - 0.05em) 0.3rem calc(0.35rem + 0.05em);white-space:nowrap;transition:background-color 0.14s linear,color 0.14s linear,transform 0.12s ease}.rg-demo .rg-seg__btn--custom{flex:0 0 auto;padding-inline:0.8rem}.rg-demo .rg-seg__btn.is-on{background-color:var(--rg-trip-btn);color:var(--white-color)}.rg-demo .rg-seg__btn.is-press{transform:scale(0.95)}.rg-demo .rg-area{width:100%;min-height:58px;margin:0 0 1rem;padding:0.55rem 0.8rem;font:inherit;font-size:1rem;line-height:1.45;color:var(--rg-field-ink);background-color:var(--rg-field-bg);border:1px solid var(--rg-field-rule);border-radius:9px}.rg-demo .rg-area.is-focus{border-color:var(--rg-field-focus)}.rg-demo .rg-word{white-space:nowrap}.rg-demo .rg-ghost{visibility:hidden}.rg-demo .rg-caret{display:inline-block;width:1px;height:1em;vertical-align:-2px;background-color:var(--rg-field-ink);animation:rg-blink 1s step-end infinite}@keyframes rg-blink{50%{opacity:0}}.rg-demo .rg-msg{margin:0 0 1rem;padding:0.85rem 1.1rem 0.85rem 1.15rem;font-size:1rem;line-height:1.55;background-color:rgba(207,238,220,0.08);background-color:color-mix(in srgb,currentColor 8%,transparent);border:1px solid rgba(207,238,220,0.22);border-color:color-mix(in srgb,currentColor 22%,transparent);border-left:3px solid currentColor;border-radius:10px}.rg-demo .rg-fork{--rg-branch-accent:var(--primary-color);margin-top:0;position:relative;z-index:0;padding:24px 26px;border-radius:20px}.rg-demo .rg-fork::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-color:rgba(6,20,14,0.72);box-shadow:0 18px 44px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.10);opacity:0;transition:opacity 0.35s ease}.rg-demo .rg-branch__head{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-size:14px;font-weight:700;letter-spacing:0.14em;line-height:1;text-transform:uppercase}.rg-demo .rg-branch__head::before,.rg-demo .rg-branch__head::after{content:"";height:2px;background-color:var(--rg-branch-accent);opacity:0.32}.rg-demo .rg-branch__head::before{flex:0 0 auto;width:32px}.rg-demo .rg-branch__head::after{flex:1 1 auto}.rg-demo .rg-if{flex:0 0 auto;font-weight:700;white-space:nowrap;color:var(--rg-branch-accent)}.rg-demo .rg-branch .rg-branch__head{opacity:0;transition:opacity 0.4s ease}.rg-demo .rg-branch.is-on .rg-branch__head{opacity:1}.rg-demo .rg-banner{display:flex;align-items:flex-start;gap:11px;padding:10px 13px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;background-color:#131F1A;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,0.55),inset 0 0 0 1px rgba(255,255,255,0.14),inset 0 1px 0 rgba(255,255,255,0.22);opacity:0;transform:translateY(-14px) scale(0.97);transition:opacity 0.38s ease,transform 0.38s cubic-bezier(0.2,0.8,0.3,1)}.rg-demo .rg-banner + .rg-banner{margin-top:8px}.rg-demo .rg-banner.is-on{opacity:1;transform:none}.rg-demo .rg-av{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-family:var(--rg-mono);font-size:15px;font-weight:700;letter-spacing:0.03em;color:var(--white-color)}.rg-demo .rg-av--one{background-color:#A85B45}.rg-demo .rg-av--two{background-color:#5E6BA0}.rg-demo .rg-av--three{background-color:#2A7D6B}.rg-demo .rg-banner__main{flex:1 1 auto;min-width:0}.rg-demo .rg-banner__top{display:flex;align-items:baseline;gap:5px;margin:0 0 2px;font-size:12px;line-height:1.35;color:rgba(232,240,234,0.62)}.rg-demo .rg-banner__to{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rg-demo .rg-banner__to b{font-weight:700;color:#E8F0EA}.rg-demo .rg-banner__app{flex:0 0 auto}.rg-demo .rg-banner__app::before{content:"·";margin-right:5px}.rg-demo .rg-banner__when{flex:0 0 auto;margin-left:auto;padding-left:6px}.rg-demo .rg-banner__body{display:block;margin:0;font-size:13.5px;line-height:1.45;color:#E8F0EA}.rg-demo .rg-banner__body--clip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rg-demo .rg-out{margin-top:40px;opacity:0;transform:translateY(8px);transition:opacity 0.6s ease,transform 0.6s ease}.rg-demo .rg-out.is-on{opacity:1;transform:none}.rg-demo .rg-quiet{position:relative;margin-top:0}.rg-demo .rg-quiet .rg-line:not(.rg-line--after){font-family:var(--heading-font);font-size:25px;font-weight:600;line-height:1.3;color:var(--white-color)}.rg-demo .rg-hush{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;opacity:0;transition:opacity 0.4s ease}.rg-demo .rg-hush.is-on{opacity:1}.rg-demo .rg-hush span{width:8px;height:8px;border-radius:50%;background-color:rgba(144,238,144,0.6)}.rg-demo .rg-hush.is-on span{animation:rg-hush 1.6s ease-in-out infinite}.rg-demo .rg-hush.is-on span:nth-child(2){animation-delay:0.2s}.rg-demo .rg-hush.is-on span:nth-child(3){animation-delay:0.4s}@keyframes rg-hush{0%,100%{opacity:0.3;transform:scale(0.75)}35%{opacity:1;transform:scale(1)}}.rg-demo .rg-line{margin:0;text-wrap:pretty;font-size:18px;line-height:1.5;color:rgba(255,255,255,0.86);opacity:0;transition:opacity 0.6s ease}.rg-demo .rg-line.is-on{opacity:1}.rg-demo .rg-line--after{margin-top:12px;font-size:16px;color:rgba(255,255,255,0.68)}.rg-demo .rg-line--lead{margin:0 0 16px;font-size:17px;color:rgba(255,255,255,0.7)}@media (prefers-reduced-motion:reduce){.rg-demo .rg-slot,.rg-demo .rg-card,.rg-demo .rg-phase,.rg-demo .rg-branch .rg-branch__head,.rg-demo .rg-banner,.rg-demo .rg-line,.rg-demo .rg-out{transition:none}.rg-demo .rg-caret,.rg-demo .rg-spin,.rg-demo .rg-phase.is-on .rg-strip--meter .rg-hand--min,.rg-demo .rg-phase.is-on .rg-strip--meter .rg-hand--hour,.rg-demo .rg-hush.is-on span,.rg-demo .rg-strip__icon.is-alarm{animation:none}.rg-demo .rg-rail__fill,.rg-demo .rg-seg__btn{transition:none}.rg-demo-wrap .rg-replay{display:none}.rg-demo .rg-swap > *{position:relative}.rg-demo .rg-fork{margin-top:0.9rem}.rg-demo .rg-stack{position:static}}