.rp{--rp-max:100%;--rp-aspect:4 / 5;--rp-inset:7% 14%;--rp-dur:var(--duration-phase);--rp-soft:3px;gap:var(--space-3);width:100%;max-width:var(--rp-max);min-width:0;display:grid;position:relative}.rp[data-size=sm]{--rp-max:160px;--rp-soft:1.5px}.rp[data-size=md]{--rp-max:320px}.rp[data-size=lg]{--rp-max:480px}.rp[data-size=fill]{--rp-max:none}.rp[data-mode=hero]{--rp-dur:var(--duration-screen)}.rp[data-mode=result]{--rp-inset:6% 8%}@media (min-width:768px){.rp[data-mode=result]{--rp-aspect:16 / 10;--rp-inset:7% 6%;--rp-spread:.5;--rp-core:6%}}@media (max-width:767.98px){.rp[data-mode=progress]:not([data-size=fill]){--rp-max:96px;--rp-soft:1px;gap:var(--space-2)}.rp[data-mode=hero][data-size=lg]{--rp-max:320px}}.rp__frame{grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.rp__frame:before{content:"";width:100%;min-width:0;aspect-ratio:var(--rp-aspect);grid-area:1/1}.rp__stage{position:absolute;inset:0;overflow:clip}.rp__mirror{inset:var(--rp-inset);position:absolute;container-type:inline-size}.rp[data-shift] .rp__mirror{animation:rp-align var(--duration-phase) var(--ease-standard)}.rp__layer{--k:min(1, calc(var(--ci,1) + var(--rp-lift,0) * .3));--u:calc(1 - var(--k));width:100%;height:100%;transform:translate(calc(var(--dx,0) * var(--u) * var(--rp-spread,1) * 1% + var(--rp-px,0) * var(--depth,1) * 1.5%), calc(var(--dy,0) * var(--u) * var(--rp-spread,1) * 1% + (var(--rp-py,0) + var(--rp-sy,0) * 2) * var(--depth,1) * 1.5%)) rotate(calc(var(--rot,0) * var(--u) * var(--rp-spread,1) * 1deg));opacity:calc(.45 + .55 * var(--k));transition:transform var(--rp-dur) var(--ease-standard), opacity var(--rp-dur) var(--ease-standard);position:absolute;inset:0}.rp__facet{border-radius:clamp(5px,7cqi,20px)}.rp__facet--plate{background:var(--paper-200);border:1px solid var(--line-subtle);border:1px solid rgba(37, 52, 56, calc(.05 + .1 * var(--k)))}.rp__facet--upper{border:1px solid var(--line-subtle);clip-path:polygon(0 0,100% 0,100% 38%,0 62%);background:#ffffffdb}.rp__facet--lower{clip-path:polygon(0 62%,100% 38%,100% 100%,0 100%);background:#286b631f;border:1px solid #286b6338}.rp__facet--band{background:var(--gradient-reflection-soft);background-size:180% 100%;background-position:calc(var(--rp-phase,0) * 25%) 50%;clip-path:polygon(0 54%,100% 30%,100% 44%,0 68%);transition:transform var(--rp-dur) var(--ease-standard), opacity var(--rp-dur) var(--ease-standard), background-position var(--duration-phase) var(--ease-standard)}.rp__facet--core:before{content:"";width:var(--rp-core,13%);aspect-ratio:1;background:var(--primary);filter:blur(calc(var(--u) * var(--rp-soft)));border-radius:14%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.rp__line{overflow:visible}.rp__line line{stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-opacity:calc(.25 + .75 * var(--k))}.rp[data-shift] .rp__line{animation:rp-glint var(--duration-phase) var(--ease-standard)}.rp__segments{gap:3px;margin:0;padding:0 14%;list-style:none;display:flex}.rp__segments li{height:3px;transition:background-color var(--duration-control) var(--ease-standard);background:#2534381f;border-radius:2px;flex:1}.rp__segments li[data-state=done]{background:var(--primary)}.rp__segments li[data-state=current]{background:var(--reflection)}@media (max-width:767.98px){.rp[data-mode=progress]:not([data-size=fill]) .rp__segments{gap:2px;padding:0 8%}}.rp__content{padding:var(--space-5);border-radius:var(--radius-control);background:var(--surface-raised);border:1px solid var(--line-subtle);color:var(--ink-900);grid-area:1/1;align-self:end;margin:0 12% 10%;position:relative}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.rp__content{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}}@media (min-width:768px){.rp[data-mode=result] .rp__content{padding:var(--space-6);margin:0 10% 8%}}.rp__content>:last-child{margin-bottom:0}@keyframes rp-align{0%{transform:scale(.975)}to{transform:none}}@keyframes rp-glint{0%{opacity:.2}to{opacity:1}}@media (prefers-reduced-motion:reduce){.rp{--rp-px:0!important;--rp-py:0!important;--rp-sy:0!important;--rp-lift:0!important}.rp[data-shift] .rp__mirror,.rp[data-shift] .rp__line{animation:none}.rp[data-shift] .rp__facet--plate{border-color:var(--primary)}}@media (prefers-reduced-transparency:reduce){.rp__facet--upper{background:var(--surface-raised)}.rp__facet--lower{background:var(--primary-soft)}}@media (forced-colors:active){.rp__facet--plate,.rp__facet--upper,.rp__facet--lower{border-color:canvastext}}