.session-replay-shell{position:relative;margin:0 auto 2rem;max-width:860px;overflow:visible}.opzet-head{display:flex;flex-direction:column;align-items:center;text-align:center!important;width:min(100%,42rem);margin-left:auto;margin-right:auto}.opzet-head .overline,.opzet-head h2,.opzet-head p{width:100%;margin-left:auto;margin-right:auto;text-align:center!important;align-self:center}.opzet-head h2{max-width:42rem}.opzet-head h2:after{margin-left:auto;margin-right:auto}.opzet-head p{max-width:42rem}.session-stage{position:relative;height:92px;pointer-events:none}.session-replay{position:relative;width:100%;min-height:260px;border-radius:var(--radius);background:linear-gradient(180deg,#fcfcfb,#f8f8f7);border:1px solid var(--border);overflow:hidden;z-index:1}.figma-cursor{position:absolute;z-index:25;pointer-events:none;opacity:1;animation:cursor-float var(--float-dur, 6s) ease-in-out var(--float-delay, 0s) infinite;transition:left .56s cubic-bezier(.4,0,.2,1),top .56s cubic-bezier(.4,0,.2,1);will-change:left,top}.phase-chaos .figma-cursor,.phase-done .figma-cursor{opacity:1}.figma-cursor.clicking .figma-cursor-ptr{animation:cursor-click .25s ease}@keyframes cursor-click{0%{transform:scale(1)}50%{transform:scale(.82)}to{transform:scale(1)}}@keyframes cursor-float{0%,to{translate:0 0}33%{translate:2px -6px}66%{translate:-2px -3px}}.figma-cursor-ptr{display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.figma-cursor-name{position:absolute;top:17px;left:12px;font-family:var(--font-body);font-size:.62rem;font-weight:600;color:#fff;padding:2px 7px 3px;border-radius:3px;white-space:nowrap;line-height:1.3;box-shadow:0 1px 4px #00000026}.rc{position:absolute;left:var(--cx);top:var(--cy);transform:translate(-50%,-50%) rotate(var(--cr));background:#fff;border:1px solid rgba(24,24,24,.12);border-radius:6px;padding:.28rem .6rem;font-family:var(--font-body);font-size:.64rem;font-weight:500;color:#555;white-space:nowrap;max-width:125px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px #0000000f;opacity:0;z-index:5;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .24s ease,filter .24s ease}.phase-chaos .rc{opacity:.9;animation:rc-pop .3s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i) * 28ms)}@keyframes rc-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--cr)) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--cr)) scale(1)}}.rc.gathered{box-shadow:0 7px 20px #0000001f!important;z-index:20!important;border-color:#ccc!important;transition-delay:calc(var(--si) * 35ms)!important}.phase-chaos .rc.rc--muted{opacity:.28;filter:saturate(.82)}.rc.released{opacity:0!important;transform:translate(-50%,-50%) scale(.82)!important;transition:opacity .24s ease,transform .24s ease!important;pointer-events:none}.cz{position:absolute;opacity:0;transform:translateY(6px) scale(.97);transition:opacity .32s ease,transform .32s cubic-bezier(.34,1.2,.64,1);z-index:15;pointer-events:none}.cz.cz-visible{opacity:1;transform:translateY(0) scale(1)}.cz-panel{display:grid;grid-template-rows:minmax(2rem,auto) auto;align-content:center;gap:.28rem;padding:.58rem .68rem .62rem;min-height:4.85rem;background:#ffffff94;border:1px solid rgba(24,24,24,.08);border-radius:14px;box-shadow:inset 0 1px #ffffffd1}.cz-label{display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-heading);font-size:.72rem;font-weight:700;color:var(--ink);letter-spacing:.01em;line-height:1.2;min-height:2rem;padding:0 .4rem;margin-bottom:0;overflow:hidden}.cz-cards{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;align-items:center;gap:.3rem;padding:0;min-height:2rem;background:none;border:0;border-radius:0}.cz-card{background:#fff;border:1px solid #E0E0E0;border-radius:5px;padding:.2rem .45rem;font-family:var(--font-body);font-size:.58rem;font-weight:500;color:#555;white-space:nowrap;box-shadow:0 1px 2px #00000008;max-width:5.65rem;overflow:hidden;text-overflow:ellipsis}.cz-more{display:inline-flex;align-items:center;justify-content:center;min-width:2.65rem;padding:.2rem .45rem;font-family:var(--font-mono);font-size:.58rem;font-weight:600;color:var(--muted);background:#00000009;border:1px dashed rgba(0,0,0,.1);border-radius:5px}.all-sessions{margin:1.85rem auto .45rem;max-width:860px}.sessions-strip{display:flex;align-items:stretch;justify-content:stretch;gap:.3rem;padding:.35rem;border-radius:22px;background:#fafafaf0;border:1px solid rgba(24,24,24,.08);box-shadow:0 10px 28px #1111110d,inset 0 1px #ffffffe6;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}.sessions-strip::-webkit-scrollbar{display:none}.session-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.18rem;text-align:left;flex:1 1 0;min-width:0;min-height:68px;padding:.68rem .88rem .72rem;border-radius:16px;border:1px solid transparent;background:none;cursor:pointer;scroll-snap-align:start;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.session-btn:hover{background:#ffffffb8;border-color:#18181814;transform:translateY(-1px)}.session-btn--active{background:#fffffff7;border-color:#1818181a;box-shadow:0 4px 14px #11111112,inset 0 1px #fffffff2}.session-btn-num{font-family:var(--font-mono);font-size:.62rem;font-weight:600;color:var(--accent);letter-spacing:.05em;margin-bottom:0;text-transform:uppercase}.session-btn-group{font-family:var(--font-heading);font-size:.94rem;font-weight:700;color:var(--ink);line-height:1.14;white-space:normal;hyphens:manual;overflow-wrap:normal;margin-bottom:0}.opzet-accordion{margin-top:2rem;max-width:680px;margin-left:auto;margin-right:auto}.opzet-accordion .stat-grid{grid-template-columns:repeat(3,1fr)!important}.opzet-accordion p{margin-bottom:.75rem;font-size:.92rem;line-height:1.7;color:var(--ink-soft)}.opzet-accordion p:last-child{margin-bottom:0}@media(max-width:768px){.session-replay-shell{margin-bottom:1.85rem}.session-stage{height:86px}.rc{font-size:.56rem;padding:.2rem .45rem;max-width:105px}.cz-panel{padding:.54rem .6rem .58rem;min-height:4.55rem}.cz-card{font-size:.54rem;padding:.18rem .38rem;max-width:6.3rem}.cz-more{min-width:2.4rem;padding:.18rem .38rem}.cz-label{font-size:.64rem;min-height:1.8rem}.all-sessions{margin:1.55rem auto .4rem}.session-btn{min-height:64px;padding:.58rem .74rem .62rem;gap:.16rem}}@media(max-width:480px){.session-replay-shell{margin:.15rem -1rem 2rem;max-width:calc(100% + 2rem)}.session-stage{height:102px}.session-replay{border-radius:0}.rc{font-size:.5rem;padding:.15rem .35rem;max-width:85px}.cz-panel{padding:.56rem .58rem .6rem;min-height:4.95rem}.cz-card{font-size:.62rem;padding:.24rem .42rem;max-width:8.2rem;border-radius:6px}.cz-more{min-width:2.5rem;padding:.24rem .42rem;font-size:.62rem;border-radius:6px}.cz-label{font-size:.74rem;line-height:1.2;min-height:2rem;padding:0 .2rem}.all-sessions{margin:1.25rem calc(-1rem + 8px) .35rem;max-width:none}.sessions-strip{gap:.35rem;padding:.32rem;border-radius:18px;scroll-padding-inline:.32rem}.session-btn{flex:0 0 auto;min-width:156px;min-height:60px;padding:.52rem .66rem .56rem;border-radius:14px;gap:.14rem}.session-btn-num{font-size:.56rem;margin-bottom:0}.session-btn-group{font-size:.82rem;margin-bottom:0}.figma-cursor-name{font-size:.64rem;padding:2px 7px 3px}}@media(prefers-reduced-motion:reduce){.rc,.figma-cursor,.cz{transition-duration:.01s!important;animation-duration:.01s!important}}