.session-scene{-webkit-user-select:none;user-select:none;--sc-note:#f7e9a8;--sc-note-line:#8a7a3a;--sc-note-border:#e3cf6f;--sc-pill:#221d18;--sc-pill-ink:#e9e0d4;--sc-pill-mute:#332c25;--sc-host-head:#c9744c;--sc-host-body:#b45f36;--sc-host-bg:#f0dccf;--sc-stu-head:#4c9a6a;--sc-stu-body:#2f7a4c;--sc-stu-bg:#dbe9df;--sc-shadow:#23190f61;--sc-shadow-soft:#23190f47;--sc-dot:color-mix(in srgb, var(--text) 7%, transparent)}:where(.dark) .session-scene{--sc-note:#5c4d24;--sc-note-line:#d9c98f;--sc-note-border:#7a6a34;--sc-pill:#0f0c0a;--sc-pill-ink:#e9e0d4;--sc-pill-mute:#2a2420;--sc-host-head:#c9744c;--sc-host-body:#a85632;--sc-host-bg:#33231b;--sc-stu-head:#4c9a6a;--sc-stu-body:#2f7a4c;--sc-stu-bg:#1c2b22;--sc-shadow:#0000009e;--sc-shadow-soft:#00000080}.ss-stagewrap{perspective:1900px;perspective-origin:60% 42%;container-type:inline-size}.ss-tilt{transform:rotateX(calc(6deg + var(--sc-rx,0deg))) rotateY(calc(-17deg + var(--sc-ry,0deg))) rotateZ(.6deg);transform-style:preserve-3d;will-change:transform}.ss-flat .ss-tilt{transform:rotateX(var(--sc-rx,0deg)) rotateY(var(--sc-ry,0deg))}.ss-frame{transform-style:preserve-3d;position:relative}.ss-pfloat{position:absolute;inset:3.3cqi;container-type:inline-size}.ss-pfloat-pip{transform:translateZ(40px)}.ss-pfloat-bar{transform:translateZ(50px)}.ss-window{aspect-ratio:1120/640;background:var(--surface);border:1px solid var(--border);width:100%;transform-style:preserve-3d;box-shadow:0 2px 4px var(--sc-shadow-soft), 44px 54px 80px -40px var(--sc-shadow), 0 30px 60px -30px var(--sc-shadow);border-radius:18px;position:relative;overflow:hidden;container-type:inline-size}.ss-chrome{border-bottom:1px solid var(--border);align-items:center;gap:1.4cqi;height:9.1cqi;padding:0 2cqi;display:flex}.ss-ring{flex:none;width:4cqi;height:4cqi}.ss-lp{border:1px solid var(--border);background:var(--surface-2);height:5.3cqi;color:var(--text);border-radius:1.4cqi;align-items:center;gap:1.4cqi;padding:0 2.2cqi;font-size:2.2cqi;font-weight:600;display:flex}.ss-lp .ss-cv{color:var(--text-muted)}.ss-add{background:var(--surface-2);border:1px solid var(--border);width:4.6cqi;height:4.6cqi;color:var(--text-muted);border-radius:1.2cqi;place-items:center;font-size:2.6cqi;display:grid}.ss-sp{flex:1}.ss-lib{border:1px solid var(--border);height:5cqi;color:var(--text-muted);border-radius:1.4cqi;align-items:center;gap:1cqi;padding:0 1.9cqi;font-size:2cqi;display:flex}.ss-body{height:calc(100% - 9.1cqi);display:flex}.ss-rail{background:var(--surface-2);border-inline-end:1px solid var(--border);flex-direction:column;flex:none;gap:2.1cqi;width:18.6cqi;padding:2.4cqi;display:flex}.ss-tile{aspect-ratio:208/134;border:1px solid var(--border);box-shadow:0 6px 14px -8px var(--sc-shadow-soft);border-radius:1.8cqi;position:relative;overflow:hidden;transform:translateZ(24px)}.ss-tile.ss-two{transform:translateZ(12px)}.ss-tile svg{width:100%;height:100%;display:block}.ss-tag{inset-inline-start:1.1cqi;color:#f4efe7;background:#14110ed1;border-radius:.9cqi;align-items:center;height:3.1cqi;padding:0 1.2cqi;font-size:1.7cqi;font-weight:600;display:flex;position:absolute;bottom:1.1cqi}.ss-hb{inset-inline-start:1.1cqi;background:var(--brand);color:#fff;letter-spacing:.03em;border-radius:.7cqi;align-items:center;height:2.8cqi;padding:0 1.2cqi;font-size:1.5cqi;font-weight:700;display:flex;position:absolute;top:1.1cqi}.ss-board{background:radial-gradient(circle at 1px 1px, var(--sc-dot) 1px, transparent 0) 0 0 / 3.6cqi 3.6cqi, var(--surface);flex:1;position:relative}.ss-bt{top:1.9cqi;gap:1.1cqi;display:flex;position:absolute;inset-inline-start:2cqi}.ss-btd{background:var(--surface-2);border:1px solid var(--border);width:3.7cqi;height:3.7cqi;color:var(--text-muted);border-radius:1cqi;place-items:center;font-size:2cqi;display:grid}.ss-zoom{inset-inline-start:2cqi;border:1px solid var(--border);background:var(--surface);height:4cqi;color:var(--text-muted);border-radius:1.1cqi;align-items:center;gap:1cqi;padding:0 1.4cqi;font-size:1.7cqi;display:flex;position:absolute;bottom:1.7cqi}.ss-controls{inset-inline:0;background:var(--sc-pill);width:max-content;height:8cqi;box-shadow:0 24px 46px -18px var(--sc-shadow);border-radius:5cqi;align-items:center;gap:1.7cqi;margin-inline:auto;padding:0 2.3cqi;display:flex;position:absolute;bottom:3.6cqi;transform:translateZ(64px)}.ss-cb{background:var(--sc-pill-mute);width:5.7cqi;height:5.7cqi;color:var(--sc-pill-ink);border-radius:50%;place-items:center;display:grid}.ss-cb.ss-on{background:var(--primary);color:#eafff0}.ss-cb svg{width:56%;height:56%}.ss-leave{background:#b91c1c29;border:1px solid #c846468c;border-radius:50%;place-items:center;width:5.7cqi;height:5.7cqi;padding:0;display:grid}.ss-leave svg{width:52%;height:52%}.ss-chip{background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 34px -16px var(--sc-shadow);color:var(--text);border-radius:2cqi;align-items:center;gap:1.2cqi;padding:1.2cqi 1.8cqi;font-size:1.9cqi;display:flex;position:absolute}.ss-chip .ss-who{color:var(--brand);font-weight:700}.ss-chip.ss-react{top:9cqi;inset-inline-end:5cqi;transform:translateZ(118px)}.ss-chip.ss-msg{bottom:15cqi;inset-inline-start:34cqi;transform:translateZ(90px)}.ss-lp-bar{background:color-mix(in srgb, var(--text) 22%, transparent);border-radius:.9cqi;width:9cqi;height:1.8cqi}.ss-icon{width:3cqi;height:3cqi;display:block}.ss-hb .ss-icon{width:2cqi;height:2cqi}.ss-avatar-dot{border-radius:50%;flex:none;width:3.2cqi;height:3.2cqi}.ss-typing{align-items:center;gap:.7cqi;display:inline-flex}.ss-typing i{background:var(--text-muted);border-radius:50%;width:1.4cqi;height:1.4cqi;display:block}.ss-grid2{background:var(--surface-2);height:calc(100% - 9.1cqi);display:flex}.ss-vtile{flex:1;position:relative;overflow:hidden}.ss-vtile+.ss-vtile{border-inline-start:2px solid var(--surface-2)}.ss-vtile svg{width:100%;height:100%;display:block}.ss-vtag{inset-inline-start:2.6cqi;color:#f4efe7;background:#14110ed1;border-radius:1.1cqi;align-items:center;height:4.4cqi;padding:0 1.9cqi;font-size:2.2cqi;font-weight:600;display:flex;position:absolute;bottom:2.6cqi}.ss-vtag.ss-end{inset-inline:auto 2.6cqi}.ss-vhost{inset-inline-start:2.6cqi;background:var(--brand);color:#fff;letter-spacing:.03em;border-radius:.9cqi;align-items:center;height:3.6cqi;padding:0 1.5cqi;font-size:1.9cqi;font-weight:700;display:flex;position:absolute;top:2.6cqi}.ss-phone{aspect-ratio:392/812;width:100%;transform-style:preserve-3d;box-shadow:0 2px 4px var(--sc-shadow-soft), 44px 54px 80px -40px var(--sc-shadow), 0 30px 60px -30px var(--sc-shadow);background:#141210;border-radius:13.3cqi;padding:3.3cqi;position:relative;container-type:inline-size}.ss-screen{background:var(--surface-2);border-radius:10.2cqi;width:100%;height:100%;position:relative;overflow:hidden}.ss-notch{top:3.6cqi;z-index:5;background:#141210;border-radius:4cqi;width:30cqi;height:7.7cqi;margin-inline:auto;position:absolute;inset-inline:0}.ss-vstage{position:absolute;inset:0}.ss-vstage svg{width:100%;height:100%;display:block}.ss-pstatus{top:6.6cqi;color:#f4efe7;z-index:4;background:#14110e8c;border-radius:4.6cqi;align-items:center;gap:2cqi;width:max-content;height:8.6cqi;margin-inline:auto;padding:0 3.6cqi;font-size:3.4cqi;font-weight:600;display:flex;position:absolute;inset-inline:0}.ss-pdot{background:#4ade80;border-radius:50%;width:2cqi;height:2cqi}.ss-pname{inset-inline-start:4.6cqi;color:#f4efe7;z-index:4;background:#14110ed1;border-radius:2cqi;align-items:center;height:7.6cqi;padding:0 3cqi;font-size:3.6cqi;font-weight:600;display:flex;position:absolute;bottom:30cqi}.ss-pip{inset-inline-end:4cqi;aspect-ratio:96/130;width:24cqi;box-shadow:0 14px 26px -12px var(--sc-shadow);z-index:6;border:.5cqi solid #ffffffd9;border-radius:3.6cqi;position:absolute;bottom:32cqi;overflow:hidden}.ss-pip svg{width:100%;height:100%;display:block}.ss-pbar{inset-inline:0;z-index:6;background:var(--sc-pill);width:max-content;height:15cqi;box-shadow:0 22px 40px -16px var(--sc-shadow);border-radius:8cqi;align-items:center;gap:3cqi;margin-inline:auto;padding:0 4cqi;display:flex;position:absolute;bottom:6.6cqi}.ss-pb{background:var(--sc-pill-mute);width:11cqi;height:11cqi;color:var(--sc-pill-ink);border-radius:50%;place-items:center;display:grid}.ss-pb.ss-on{background:var(--primary);color:#eafff0}.ss-pb svg{width:46%;height:46%}.ss-pb.ss-leave{color:#e88;background:0 0;border:.5cqi solid #c846468c}@media (prefers-reduced-motion:reduce){.ss-tilt{transform:rotateX(6deg)rotateY(-17deg)rotate(.6deg)}}@media (hover:none){.ss-tilt{transform:rotateX(var(--sc-rx,0deg)) rotateY(var(--sc-ry,0deg))}}.js-board{--js-paper:var(--surface);--js-ink:var(--text);--js-line:var(--border);--js-muted:color-mix(in srgb, var(--text) 34%, transparent);--js-good:var(--success);aspect-ratio:2;background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:0 30px 60px -30px var(--sc-shadow-soft);transform-style:preserve-3d;border-radius:18px;position:relative}.js-path{width:100%;height:100%;position:absolute;inset:0}.js-node{aspect-ratio:1;background:var(--js-paper);border:1px solid var(--js-line);width:18%;box-shadow:0 18px 36px -18px var(--sc-shadow);border-radius:20px;place-items:center;display:grid;position:absolute}.js-node svg{width:68%;height:68%}.js-n1{top:20%;left:8%;transform:rotate(-2deg)translateZ(26px)}.js-n2{top:14%;left:34%;transform:rotate(1.5deg)translateZ(38px)}.js-n3{top:54%;left:49%;transform:rotate(-1.5deg)translateZ(30px)}.js-n4{top:40%;left:74%;transform:rotate(2deg)translateZ(46px)}.js-step{aspect-ratio:1;background:var(--accent);width:34%;color:var(--accent-fg);font-family:var(--font-heading,Georgia, serif);box-shadow:0 8px 18px -8px var(--sc-shadow);border-radius:9999px;place-items:center;font-size:clamp(.9rem,2.2cqi,1.4rem);font-weight:600;display:grid;position:absolute;top:-12%;left:-10%}[dir=rtl] .js-board,[dir=rtl] .js-node>svg,[dir=rtl] .js-step{transform:scaleX(-1)}