:root{color-scheme:dark;background:#000;color:#f3f3f3;font-family:SF Mono,Roboto Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:#000}button,input{font:inherit}button{cursor:pointer}.screen,.invite-screen,.capture-screen{width:min(100vw,520px);min-height:100svh;margin:0 auto;background:#000}.screen{padding:max(28px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom))}.roll-detail-screen{overflow-x:hidden;padding:0 0 max(28px,env(safe-area-inset-bottom))}.center-screen{display:grid;place-items:center}.empty-state{text-align:center}.empty-state h1{margin:0 0 18px;font-size:42px;letter-spacing:.36em}.empty-state p,.muted,.status-line,.capture-status{color:#ffffff8f;font-size:11px;letter-spacing:.22em;line-height:1.7}.invite-screen{display:flex;align-items:stretch;justify-content:center}.invite-card{position:relative;width:100%;height:100svh;overflow:hidden}.invite-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#141414}.invite-photo img,.roll-hero img,.photo-grid img,.photo-stack img,.avatar,.camera-frame video{width:100%;height:100%;object-fit:cover;display:block}.thumb-image{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#111}.thumb-image>img,.thumb-image>.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumb-image-placeholder{transform:scale(1.02)}.thumb-image-main{z-index:1}.invite-photo:after{content:"";position:absolute;left:0;right:0;bottom:0;height:72svh;pointer-events:none;background:linear-gradient(to bottom,#0000,#000000bd 42%,#000 86%)}.invite-content{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0 28px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:13px}.pill{align-self:center;margin:0;padding:8px 14px;border-radius:999px;background:#ffffff21;color:#ffffffb8;font-size:10px;letter-spacing:.18em}.invite-content h1{margin:0;text-align:center;font-size:clamp(30px,9vw,48px);line-height:1.12;letter-spacing:.12em}.invite-meta{display:flex;justify-content:center;gap:20px;color:#ffffffad;font-size:11px;letter-spacing:.18em}.name-field{display:grid;gap:8px}.name-field span,.section-title{color:#ffffffb8;font-size:11px;letter-spacing:.32em}.name-field input{width:100%;height:54px;border:1px solid rgba(255,255,255,.32);border-radius:14px;padding:0 18px;outline:none;background:linear-gradient(to bottom,#ffffff14,#ffffff09),#0000008f;color:#fff;letter-spacing:.14em;box-shadow:0 12px 30px #00000047,inset 0 1px #ffffff1f}.name-field input::placeholder{color:#ffffff9e}.name-field input:focus{border-color:#ffffff94;background:linear-gradient(to bottom,#ffffff1c,#ffffff0b),#000000ad}.primary-button{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border:0;border-radius:12px;background:#f7f7f7;color:#050505;font-size:13px;letter-spacing:.24em;font-weight:700;text-decoration:none}.primary-button:disabled{opacity:.5}.outline-button{width:100%;height:56px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:#0003;color:#f7f7f7;font-size:13px;letter-spacing:.24em;font-weight:700}.text-button{border:0;background:transparent;color:#ffffffc2;font-size:11px;letter-spacing:.24em;padding:14px 8px;text-shadow:0 2px 12px rgba(0,0,0,.54)}.invite-loading{min-height:100svh;display:grid;place-items:center;text-align:center}.invite-loading h1{font-size:44px;letter-spacing:.34em}.status-line{position:absolute;left:24px;right:24px;bottom:max(10px,env(safe-area-inset-bottom));text-align:center}.already-joined{margin:0;text-align:center;color:#ffffffa8;font-size:11px;letter-spacing:.16em;line-height:1.6}.top-bar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:68px;background:#000}.top-bar button,.capture-top button{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:32px;line-height:1}.top-bar div{text-align:center;min-width:0}.top-bar strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;letter-spacing:.22em}.top-bar small{display:block;margin-top:7px;color:#ffffff8a;font-size:11px;letter-spacing:.22em}.roll-hero{position:relative;overflow:hidden;min-height:min(720px,78svh);border-radius:0;background:#111}.roll-hero>.thumb-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.roll-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#0000 30%,#000000ad 72%,#000),linear-gradient(to right,#00000061,#0000 24%,#0000 76%,#00000061)}.roll-hero .placeholder{height:100%}.roll-settings-button{position:absolute;z-index:2;top:max(20px,env(safe-area-inset-top));right:18px;display:grid;place-items:center;width:48px;height:48px;border:0;background:transparent;color:#fff}.roll-settings-button svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.hero-copy{position:absolute;z-index:1;left:22px;right:22px;bottom:20px}.hero-copy h1{margin:0 0 18px;font-size:29px;letter-spacing:.12em}.hero-stats{display:grid;margin:0}.stat-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:minmax(118px,1fr) minmax(74px,124px) 18px;align-items:center;width:100%;margin:0;min-height:32px;padding:0;border:0;background:transparent;color:#f7f7f7;font-size:12px;letter-spacing:.16em;text-align:left}.stat-row-button{cursor:pointer}.stat-row-button:focus{outline:none}.stat-row-button:focus-visible{color:#fff}.stat-row span{color:#f7f7f7}.stat-row strong{font-weight:400;text-align:left;text-transform:uppercase}.stat-row i{color:#ffffffad;font-style:normal;text-align:right}.stat-row-muted span,.stat-row-muted strong{color:#ffffff8f}.stat-row-emphasized span,.stat-row-emphasized strong{color:#fff}.stat-row-emphasized i{color:#ffffffdb;font-size:22px;line-height:1}.roll-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.roll-actions .primary-button,.roll-actions .outline-button,.roll-capture-button{display:flex;align-items:center;justify-content:center;height:38px;border-radius:6px;font-size:10px;letter-spacing:.2em}.roll-capture-button{margin-top:10px}.action-label{display:inline-flex;align-items:center;justify-content:center;gap:10px}.action-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.outline-button .action-icon{width:17px;height:17px}.section-block{margin-top:16px;padding:0 22px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.photo-grid-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;overflow:hidden;aspect-ratio:3 / 4;margin:0;padding:0;border:0;border-radius:10px;background:#111;color:#fff;text-align:inherit}.photo-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.photo-grid-item-review img{filter:blur(7px);transform:scale(1.04)}.photo-grid-item-review:after,.photo-lightbox-frame-review:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#00000047}.photo-review-badge{position:absolute;top:9px;right:9px;z-index:2;padding:5px 7px;border-radius:999px;background:#000000a3;color:#fff;font-size:8px;letter-spacing:.16em}.photo-review-badge-danger{background:#bc1e1eeb}.photo-grid-caption{position:absolute;right:10px;bottom:10px;z-index:2;color:#fff;font-size:10px;letter-spacing:.18em}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:max(72px,calc(env(safe-area-inset-top) + 54px)) 18px max(28px,calc(env(safe-area-inset-bottom) + 18px));background:#000}.photo-lightbox-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:18px;z-index:2;width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:38px;line-height:1}.photo-lightbox-frame{position:relative;width:min(100%,calc((100svh - 130px)*.75));max-width:480px;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;background:#111}.photo-lightbox-frame img{width:100%;height:100%;object-fit:cover;display:block}.photo-lightbox-frame-review img{filter:blur(9px);transform:scale(1.04)}.photo-review-badge-lightbox{top:14px;right:14px;font-size:9px}.photo-lightbox-frame:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;pointer-events:none;background:linear-gradient(to top,#0000008c,#0000)}.photo-lightbox-frame.photo-lightbox-frame-review:after{top:0;right:0;bottom:0;left:0;height:auto;background:#00000047}.photo-lightbox-label{position:absolute;right:14px;bottom:14px;z-index:2;color:#fff;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.photo-lightbox-handoff{min-height:42px;margin-top:14px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffffeb;color:#000;font-size:10px;font-weight:700;letter-spacing:.2em}.people-list{display:grid;gap:18px;margin-top:18px}.person-row{display:grid;grid-template-columns:54px 1fr 86px;align-items:center;gap:14px;width:100%;border:0;background:transparent;color:#fff;text-align:left}.person-row strong{display:block;font-size:16px;letter-spacing:.14em}.person-row small{display:block;margin-top:8px;color:#ffffff8f;font-size:11px;letter-spacing:.16em}.avatar{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.28);overflow:hidden}.avatar .thumb-image{border-radius:inherit}.initial{display:grid;place-items:center;color:#ffffff94;font-size:24px}.photo-stack{position:relative;width:78px;height:78px;display:block}.photo-stack-frame{position:absolute;top:6px;right:12px;bottom:6px;left:12px;width:58px;height:70px;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:6px}.stack-card-placeholder{display:grid;place-items:center;color:#ffffff2e;background:linear-gradient(140deg,#fff3,#ffffff08),#171717;font-size:22px}.empty-stack{color:#ffffff8a;font-size:9px;letter-spacing:.12em;text-align:center}.people-private{min-height:60svh;display:grid;place-content:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#00000094}.invite-sheet,.details-sheet,.export-sheet{position:relative;width:min(100%,480px);padding:22px 20px max(18px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#000;box-shadow:0 -24px 70px #000000a3;text-align:center}.invite-sheet{padding-top:26px}.sheet-close{position:absolute;top:10px;right:10px;width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1}.invite-sheet h2,.details-sheet h2,.export-sheet h2{margin:8px 44px;font-size:18px;letter-spacing:.28em}.invite-sheet h2.invite-sheet-title{margin:10px 44px 18px;overflow:hidden;font-size:19px;letter-spacing:.18em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.invite-sheet>p,.details-sheet>p,.export-sheet>p{margin:0 44px 18px;overflow:hidden;color:#ffffff94;font-size:11px;letter-spacing:.18em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.details-sheet{text-align:left}.details-sheet h2,.details-sheet>p{margin-left:0;margin-right:44px;text-align:left}.export-sheet{text-align:left}.app-handoff-sheet{max-height:calc(100svh - 36px);overflow-y:auto}.export-sheet h2,.export-sheet>p{margin-left:0;margin-right:44px;text-align:left}.export-copy{display:grid;gap:10px;margin:22px 0 16px;color:#ffffff9e;font-size:11px;letter-spacing:.18em;line-height:1.7;text-transform:uppercase}.export-copy strong{color:#fff;font-size:13px;letter-spacing:.2em}.recovery-code{margin:0 0 8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:16px 14px;background:#ffffff0b;color:#fff;font-size:22px;letter-spacing:.24em;line-height:1.2;text-align:center;text-transform:uppercase}.recovery-expiry{margin:0 0 14px;color:#ffffff8a;font-size:10px;letter-spacing:.18em;text-align:center}.details-list{display:grid;margin:18px 0 22px}.details-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.4fr);gap:14px;align-items:center;min-height:46px;border-top:1px solid rgba(255,255,255,.17);color:#f7f7f7}.details-row:last-child{border-bottom:1px solid rgba(255,255,255,.17)}.details-row span,.details-row strong{overflow:hidden;font-size:11px;letter-spacing:.18em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.details-row strong{color:#fff9;font-weight:400;text-align:right}.remove-roll-button{width:100%;min-height:48px;border:0;background:transparent;color:#ff6b6b;font-size:11px;font-weight:700;letter-spacing:.22em;text-align:left}.remove-roll-button:disabled{opacity:.55}.qr-card{width:min(64vw,220px);aspect-ratio:1;margin:0 auto 16px;overflow:hidden;border-radius:14px;background:#fff}.qr-card-large{width:min(74vw,286px);margin-bottom:18px;border:10px solid #fff;border-radius:18px}.qr-card img{width:100%;height:100%;display:block}.invite-link-box{width:100%;margin:0 0 14px;padding:15px 14px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#ffffffb8;font-size:11px;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}.invite-link-heading{margin:0 0 8px;color:#ffffff85;font-size:10px;letter-spacing:.22em;text-align:left}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;width:100%;margin:0 0 14px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#ffffff09}.invite-link-row span{overflow:hidden;padding:14px 4px 14px 14px;color:#ffffffb8;font-size:11px;letter-spacing:.08em;text-align:left;text-overflow:ellipsis;white-space:nowrap}.invite-link-row button{display:grid;place-items:center;width:42px;height:42px;border:0;border-left:1px solid rgba(255,255,255,.12);background:transparent;color:#fff}.invite-link-row .action-icon{width:17px;height:17px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet-status{min-height:18px;margin:12px 0 0;color:#ffffff94;font-size:10px;letter-spacing:.2em}.handoff-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0 12px}.handoff-recovery-button{width:100%;min-height:42px;border:0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#ffffffc7;font-size:10px;font-weight:700;letter-spacing:.22em}.handoff-recovery-button:disabled{opacity:.58}.handoff-recovery-view{display:grid;gap:10px}.handoff-recovery-view h2{margin-left:0;margin-right:44px;text-align:left}.handoff-recovery-view>p{margin:0 44px 18px 0;overflow:hidden;color:#ffffff94;font-size:11px;letter-spacing:.18em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.placeholder{display:grid;place-items:center;width:100%;height:100%;color:#ffffff29;font-size:42px;background:linear-gradient(var(--seed),rgba(255,255,255,.24),rgba(255,255,255,.02)),#171717}.capture-screen{min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.capture-top{height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;background:#000;font-size:14px;letter-spacing:.18em;text-align:center}.capture-top>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-frame{position:relative;isolation:isolate;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#050505}.camera-stage{position:relative;align-self:center;justify-self:center;width:min(100%,calc((100svh - 184px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*.75));aspect-ratio:3 / 4;overflow:visible}.camera-frame video{background:#050505}.camera-message{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;gap:14px;padding:24px;background:#000;color:#ffffff9e;font-size:10px;letter-spacing:.22em;line-height:1.7;text-align:center}.camera-message button{justify-self:center;min-width:122px;min-height:34px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffffeb;color:#000;font-size:9px;font-weight:700;letter-spacing:.2em}.capture-top .capture-flash-button{justify-self:end;display:grid;place-items:center;width:50px;height:50px;border:0;background:transparent;color:#f7f7f7;font-size:initial;line-height:initial}.capture-top .capture-flash-button svg{width:29px;height:29px}.capture-top .capture-flash-button:disabled{cursor:default;color:#ffffff3d}.capture-top .capture-flash-button.is-on{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.32))}.capture-animation-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:#000;animation:captureBackdrop 2.15s ease-out forwards}.captured-frame-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none;background:#050505;transform-origin:center;animation:capturedFrameArc 2.15s cubic-bezier(.22,.68,.28,1) forwards;will-change:border-radius,opacity,transform}.captured-frame-card img{width:100%;height:100%;object-fit:cover;display:block}@keyframes captureBackdrop{0%{opacity:.88}82%{opacity:.88}to{opacity:0}}@keyframes capturedFrameArc{0%{border-radius:0;opacity:1;transform:translateZ(0) scale(1) rotate(0)}8%{border-radius:0;opacity:1;transform:translateZ(0) scale(1) rotate(0)}36%{border-radius:12px;opacity:1;transform:translate3d(0,34px,0) scale(.7) rotate(-8deg);box-shadow:0 14px 20px #00000085}to{border-radius:12px;opacity:1;transform:translate3d(clamp(220px,68vw,310px),-185px,0) scale(.32) rotate(34deg);box-shadow:0 14px 20px #00000085}}.mixed-toggle{position:absolute;left:50%;top:18px;transform:translate(-50%);display:flex;gap:6px;padding:5px;border-radius:999px;background:#0000008f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mixed-toggle button{min-width:82px;height:32px;border:0;border-radius:999px;background:transparent;color:#ffffff94;font-size:10px;letter-spacing:.18em}.mixed-toggle button.active{background:#ffffffe6;color:#050505}.lens-toggle{position:absolute;left:24px;bottom:18px;z-index:2;display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#00000080;box-shadow:0 8px 16px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lens-toggle button{width:42px;height:28px;border:0;border-radius:999px;background:transparent;color:#ffffff9e;font-size:8px;font-weight:700;letter-spacing:.08em}.lens-toggle button.active{background:#fffffff0;color:#050505}.capture-status{position:fixed;left:20px;right:20px;bottom:130px;text-align:center}.capture-bottom{height:calc(112px + env(safe-area-inset-bottom));padding:14px 12px calc(17px + env(safe-area-inset-bottom));display:grid;grid-template-columns:112px minmax(72px,1fr) 112px;align-items:center;gap:6px;background:#000}.shot-counter{position:relative;justify-self:start;width:112px;height:45px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.19);background:radial-gradient(circle at 52% 0%,rgba(255,255,255,.11),transparent 52%),linear-gradient(to bottom,#0e0e0eb8,#000000a8 54%,#000000e6);box-shadow:0 9px 22px #0000008f,inset 0 1px #ffffff1f,inset 0 -1px #000000b8;perspective:120px;transform-style:preserve-3d}.shot-counter:before,.shot-counter:after{position:absolute;content:"";pointer-events:none}.shot-counter:before{top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to right,rgba(0,0,0,.54),transparent 18%,transparent 82%,rgba(0,0,0,.54)),linear-gradient(to bottom,rgba(255,255,255,.08),transparent 34%,rgba(0,0,0,.26))}.shot-counter:after{left:10px;right:10px;top:6px;height:1px;border-radius:999px;background:#ffffff2e;filter:blur(.4px)}.shot-counter strong,.shot-counter__side{position:relative;z-index:1}.shot-counter strong{color:#fff;font-size:30px;font-weight:700;line-height:1;letter-spacing:.08em;text-shadow:0 0 10px rgba(255,255,255,.14)}.shot-counter__side{color:#ffffff57;font-size:18px;font-weight:700;letter-spacing:.04em;line-height:1}.shot-counter__side--previous{transform:rotateY(28deg)}.shot-counter__side--next{transform:rotateY(-28deg)}.shutter{justify-self:center;width:80px;height:80px;border-radius:50%;border:5px solid rgba(255,255,255,.82);background:transparent}.shutter:disabled{cursor:default;border-color:#ffffff4d}.winding-wheel{position:relative;justify-self:end;width:112px;height:45px;border:0;border-radius:11px;padding:0;overflow:visible;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;perspective:180px}.winding-wheel.is-dragging{cursor:grabbing}.winding-wheel:disabled{cursor:default}.winding-wheel:focus-visible{outline:2px solid rgba(255,255,255,.76);outline-offset:5px}.winding-wheel__housing,.winding-wheel__slot,.winding-wheel__drum,.winding-wheel__reflection{position:absolute;pointer-events:none}.winding-wheel__housing{top:0;right:0;bottom:0;left:0;border-radius:11px;background:radial-gradient(circle at 34% 2%,rgba(255,255,255,.18),transparent 58%),linear-gradient(to bottom,#070707,#1b1b1b 36%,#0b0b0b 66%,#040404);box-shadow:0 6px 8px #000000f5,0 -1px 1px #ffffff12,inset 0 1px #fff3,inset 0 5px 3px #ffffff0a,inset 0 -5px 6px #000000f0,inset 1px 0 3px #ffffff0e}.winding-wheel__housing:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.06);border-radius:inherit;content:""}.winding-wheel__slot{left:7px;top:6.5px;width:98px;height:32px;border-radius:8px;background:linear-gradient(to bottom,#000000f5,#111111fa 42%,#090909fa 72%,#000);box-shadow:0 2px 3px #000000e0,inset 0 4px 4px #000000f5,inset 0 -2px 2px #ffffff21,inset 0 0 0 1px #000000c2,inset 0 0 0 5px #ffffff05}.winding-wheel__slot:before,.winding-wheel__slot:after{position:absolute;left:9px;right:9px;border-radius:999px;content:""}.winding-wheel__slot:before{top:4px;height:3px;background:linear-gradient(to bottom,#ffffff2e,#ffffff09);filter:blur(1px);mix-blend-mode:screen}.capture-onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#000000ad}.capture-onboarding-card{display:grid;justify-items:center;width:min(100%,354px);padding:24px 22px 20px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#050505;box-shadow:0 24px 70px #000000b8;text-align:center}.capture-onboarding-card h2{margin:0 0 12px;font-size:16px;letter-spacing:.22em}.capture-onboarding-card p{margin:0;color:#ffffffad;font-size:11px;letter-spacing:.12em;line-height:1.7}.wind-demo{position:relative;display:grid;place-items:center;width:210px;height:86px;margin:20px 0 18px}.wind-demo .winding-wheel{justify-self:center;transform:scale(1.12)}.wind-demo-touch{position:absolute;top:29px;left:50%;width:34px;height:34px;border:2px solid rgba(255,255,255,.74);border-radius:50%;background:#ffffff38;box-shadow:0 0 20px #ffffff2e;transform:translate(-72px);animation:windDemoTouch 1.55s cubic-bezier(.34,.02,.14,1) infinite;pointer-events:none}@keyframes windDemoTouch{0%{opacity:0;transform:translate(-72px) scale(.94)}12%{opacity:.78}68%{opacity:.78;transform:translate(38px) scale(1)}86%{opacity:.78;transform:translate(38px) scale(1)}to{opacity:0;transform:translate(38px) scale(.98)}}.winding-wheel__slot:after{bottom:3px;height:4px;background:#000000bd;filter:blur(1.1px)}.winding-wheel__drum{left:12px;top:9px;width:88px;height:27px;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 38% 18%,rgba(255,255,255,.25),rgba(255,255,255,.09) 34%,transparent 68%),linear-gradient(to bottom,#0e0e0e,#2d2d2d 30%,#151515 66%,#060606);box-shadow:0 2.4px 2.2px #000000d1,inset 0 2px 2px #ffffff29,inset 0 -5px 5px #000000b8}.winding-wheel__drum:before,.winding-wheel__drum:after{position:absolute;left:7px;right:7px;z-index:3;border-radius:999px;content:"";pointer-events:none}.winding-wheel__drum:before{top:3px;height:2.4px;background:#ffffff45;filter:blur(1px)}.winding-wheel__drum:after{right:4px;bottom:1px;left:4px;height:5px;background:#000000b8;filter:blur(1.6px)}.winding-wheel__surface{position:absolute;top:2px;left:4px;z-index:2;display:flex;gap:1.65px;width:max-content;height:23px;overflow:visible;transform:translate3d(var(--surface-offset),0,0) rotateX(-8deg);transform-origin:center;transform-style:preserve-3d;transition:transform .14s ease-out;will-change:transform}.winding-wheel.is-dragging .winding-wheel__surface{transition:none}.winding-wheel__drum>.winding-wheel__surface:after{position:absolute;top:-2px;right:-18px;bottom:-2px;left:-18px;z-index:5;border-radius:7px;background:linear-gradient(to right,rgba(0,0,0,.46),rgba(0,0,0,.04) 22%,transparent 48%,rgba(0,0,0,.08) 69%,rgba(0,0,0,.55)),linear-gradient(to bottom,rgba(0,0,0,.03),transparent 48%,rgba(0,0,0,.3));content:"";pointer-events:none}.winding-wheel__rib{position:relative;flex:0 0 4.6px;width:4.6px;height:23px;border-radius:2.8px;filter:brightness(var(--rib-brightness));transform:rotateY(var(--rib-angle));transform-origin:center;transform-style:preserve-3d;box-shadow:1.2px 1.35px 1.25px #000000db}.winding-wheel__rib:before{position:absolute;top:.2px;right:.8px;bottom:.2px;left:.8px;z-index:0;border-radius:2.8px;background:#000000c7;content:"";transform:translate(.9px,1.1px)}.winding-wheel__rib-left,.winding-wheel__rib-right,.winding-wheel__rib-face{position:absolute;pointer-events:none}.winding-wheel__rib-left{top:0;right:0;bottom:0;left:0;clip-path:polygon(0 2px,30% 0,30% 100%,0 calc(100% - 2px));background:linear-gradient(to bottom right,rgb(var(--rib-left-top),var(--rib-left-top),var(--rib-left-top)),rgb(var(--rib-left-mid),var(--rib-left-mid),var(--rib-left-mid)),#0b0b0b)}.winding-wheel__rib-right{top:0;right:0;bottom:0;left:0;clip-path:polygon(70% 0,100% 2px,100% calc(100% - 2px),70% 100%);background:linear-gradient(to bottom right,#0b0b0b,rgb(var(--rib-right-mid),var(--rib-right-mid),var(--rib-right-mid)),#050505)}.winding-wheel__rib-face{top:.7px;right:1.4px;bottom:.7px;left:1.4px;border-radius:2.6px;background:linear-gradient(to bottom,rgb(var(--rib-face-top),var(--rib-face-top),var(--rib-face-top)),rgb(var(--rib-face-mid),var(--rib-face-mid),var(--rib-face-mid)) 23%,#0b0b0b 48%,rgb(var(--rib-face-lit),var(--rib-face-lit),var(--rib-face-lit)) 68%,#060606)}.winding-wheel__rib-face:before,.winding-wheel__rib-face:after{position:absolute;left:1.8px;right:1.8px;border-radius:2.4px;content:""}.winding-wheel__rib-face:before{top:1.2px;height:1.5px;background:rgba(255,255,255,var(--rib-face-highlight-opacity));filter:blur(.35px)}.winding-wheel__rib-face:after{right:1.5px;bottom:1px;left:1.5px;height:2.2px;background:#000000ad;filter:blur(.45px)}.winding-wheel__reflection{top:9px;left:78px;z-index:6;width:11px;height:27px;border-radius:7px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),rgba(255,255,255,.045),transparent);filter:blur(.75px);mix-blend-mode:screen}@media(min-width:390px){.capture-bottom{padding-right:24px;padding-left:24px;gap:14px;grid-template-columns:112px minmax(76px,1fr) 112px}}@media(min-width:760px){body{background:radial-gradient(circle at center,#151515,#000 60%)}.screen,.invite-screen,.capture-screen{min-height:min(100svh,900px);margin-block:28px;border:1px solid rgba(255,255,255,.14);border-radius:34px;overflow:hidden}}