:root{--violet:#8b6ad8;--violet-bright:#c4aefb;--panel-bg:#100c1cb8;--panel-border:#a082f02e;--text:#e8e4f6eb;--text-dim:#beb4dc8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:#000;margin:0;overflow:hidden}:is(body:has(.capture-page),body:has(.guest-shell),body:has(.guest-page),body:has(.control-page)){overflow:auto}.stage{width:100%;height:100%;position:relative;overflow:hidden}.artboard{width:max(100vw, calc(100vh * var(--board-aspect)));aspect-ratio:var(--board-aspect);position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.backdrop{background:#000 url(/bg-1k.webp) 50%/cover no-repeat;position:absolute;inset:0}@media (width>=900px),(resolution>=1.5x){.backdrop{background-image:url(/bg-2k.webp)}}@media (width>=3000px),(width>=2000px) and (resolution>=2x){.backdrop{background-image:url(/bg-4k.webp)}}.emblem{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;position:absolute;top:50%;left:50%;translate:-50% -50%}.scene-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.photo-wall{z-index:3;pointer-events:none}.ring-fade{pointer-events:none;animation:1.7s .28s both fade-in;position:absolute;inset:0}.emblem.fade-in{animation:1.55s both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ring-fade,.emblem.fade-in{animation:none}}.reference{opacity:.5;pointer-events:none;mix-blend-mode:difference;width:auto;height:85%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reference--wide{width:100%;height:auto}.hint{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:24px;left:28px}.panel{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;flex-direction:column;width:288px;max-height:calc(100% - 48px);display:flex;position:absolute;top:24px;right:24px;overflow:hidden;box-shadow:0 24px 60px #0000008c}.panel__head{border-bottom:1px solid #a082f01f;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.panel--collapsed .panel__head{border-bottom:none}.panel__title{letter-spacing:.02em;margin:0;font-size:14px;font-weight:600}.panel__meta{font-variant-numeric:tabular-nums;color:var(--text-dim);margin:4px 0 0;font-size:11px}.panel__body{padding:6px 18px 18px;overflow-y:auto}.tabs{border:1px solid var(--panel-border);background:#8b6ad81a;border-radius:10px;flex-wrap:wrap;gap:4px;margin-top:14px;padding:3px;display:flex}.tabs button{font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:28%;padding:6px 0;font-size:12px;transition:background .15s,color .15s}.tabs button:hover{color:var(--text)}.tabs button.is-active{color:#120c22;background:var(--violet-bright);font-weight:600}.note{color:var(--text-dim);margin:16px 0 0;font-size:12px;line-height:1.5}.group{padding-top:14px}.group__title{letter-spacing:.16em;text-transform:uppercase;color:#aa8cf0b3;margin:0 0 8px;font-size:10px;font-weight:600}.slider{margin-bottom:10px;display:block}.slider__label{color:var(--text);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.slider__label em{font-variant-numeric:tabular-nums;color:var(--text-dim);font-style:normal}input[type=range]{appearance:none;background:#9678dc40;border-radius:999px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--violet-bright);cursor:pointer;border-radius:50%;width:13px;height:13px;transition:transform .12s;box-shadow:0 0 12px #a078facc}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--violet-bright);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 12px #a078facc}.actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.actions button,.icon-button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#8b6ad824;border-radius:9px;flex:auto;padding:7px 10px;font-size:12px;transition:background .15s,border-color .15s}.actions button:hover,.icon-button:hover{background:#8b6ad847;border-color:#b496ff66}.actions button.is-active{background:#b496ff59;border-color:#c8b4ff8c}.actions__primary{background:#b496ff52;border-color:#c8b4ff80;font-weight:600}.actions button:disabled{opacity:.35;cursor:not-allowed}.icon-button{flex:none;width:26px;height:26px;padding:0;font-size:15px;line-height:1}@media (width<=640px){.panel{width:auto;top:12px;left:12px;right:12px}.hint{display:none}}.live-badge{color:var(--text-dim);background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 12px;font-size:12px;position:fixed;bottom:16px;left:16px}.live-badge--on{color:#9ef0b8;border-color:#78dca059}.capture-page{background:radial-gradient(circle at top,#50328c59,#05040a 55%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:24px;display:flex}.capture-page__head{text-align:center}.capture-page__head h1{margin:0 0 6px;font-size:clamp(24px,4vw,34px);font-weight:600}.status{color:var(--text-dim);margin:0;font-size:13px}.status--on{color:#9ef0b8}.capture-page__frame{aspect-ratio:3/4;border:1px solid var(--panel-border);border-radius:24px;width:min(92vw,420px);position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073}.capture-page__video,.capture-page__preview{object-fit:cover;background:#111;width:100%;height:100%}.capture-page__preview{opacity:.35;position:absolute;inset:0}.capture-page__shutter{min-width:220px;font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#8b6ad838;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:600}.capture-page__shutter:disabled{opacity:.4;cursor:not-allowed}.capture-page__error{color:#ff9d9d;margin:0;font-size:13px}.capture-page__meta{text-align:center;max-width:420px;color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.control-page{min-height:100svh;padding:max(20px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(20px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:radial-gradient(80% 50% at 50% -10%,#4664dc47,#0000 55%),radial-gradient(70% 45% at 80% 100%,#783cb433,#0000 50%),#05040a;place-items:center;display:grid}.control-card,.control-desk{background:linear-gradient(#161224eb,#0a0812f0);border:1px solid #a082f033;border-radius:22px;width:min(100%,420px);padding:28px 22px 24px;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 60px #00000073}.control-card{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.control-card__mark{aspect-ratio:1;object-fit:contain;width:min(42vw,132px);height:auto}.control-card__head h1,.control-desk__brand h1{letter-spacing:.02em;margin:0;font-size:clamp(22px,5vw,28px);font-weight:700}.control-card__eyebrow,.control-desk__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#b4a0e6a6;margin:0 0 4px;font-size:11px;font-weight:700}.control-card__lede{color:var(--text-dim);margin:8px 0 0;font-size:14px;line-height:1.45}.control-card__form{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.control-card__field{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.control-card__field input{width:100%;font:inherit;letter-spacing:normal;text-transform:none;color:var(--text);background:#00000059;border:1px solid #a082f047;border-radius:12px;outline:none;padding:14px;font-size:16px;font-weight:500}.control-card__field input:focus{border-color:#8caaff8c;box-shadow:0 0 0 3px #5078ff2e}.control-card__field input::placeholder{color:#beb4dc59}.control-card__submit{width:100%;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(90deg,#3d8dff 0%,#8b5cf6 55%,#c084fc 100%);border:0;border-radius:12px;margin-top:4px;padding:14px 16px;font-size:15px;font-weight:800;box-shadow:0 10px 28px #5a50dc59}.control-card__submit:disabled{opacity:.45;cursor:not-allowed}.control-card__error,.control-desk__error{color:#ff9d9d;margin:0;font-size:13px}.control-desk{flex-direction:column;gap:18px;display:flex}.control-desk__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-desk__brand{align-items:center;gap:12px;min-width:0;display:flex}.control-desk__brand img{object-fit:contain;flex-shrink:0;width:52px;height:52px}.control-desk__live{letter-spacing:.04em;text-transform:uppercase;color:#beb4dc8c;white-space:nowrap;background:#00000047;border:1px solid #a082f02e;border-radius:999px;align-items:center;gap:7px;margin:0;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.control-desk__live.is-on{color:#9ef0b8;border-color:#78dca04d}.control-desk__dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.control-desk__stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.control-desk__stats div{text-align:center;background:#00000047;border:1px solid #a082f024;border-radius:14px;flex-direction:column;gap:4px;padding:12px 8px;display:flex}.control-desk__stats span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:700}.control-desk__stats strong{font-size:15px;font-weight:700}.control-desk__stats strong.is-armed{color:#9ef0b8}.control-desk__steps{flex-direction:column;gap:10px;display:flex}.control-step{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#8b6ad81f;border:1px solid #a082f038;border-radius:16px;align-items:center;gap:14px;padding:14px;transition:border-color .15s,background .15s,transform .12s;display:flex}.control-step:hover:not(:disabled){background:#8b6ad833;border-color:#b4a0ff66}.control-step:active:not(:disabled){transform:scale(.985)}.control-step:disabled{opacity:.42;cursor:not-allowed}.control-step--accent{background:linear-gradient(90deg,#3d8dff38,#8b5cf647);border-color:#b4a0ff66}.control-step.is-done{background:#50a0781f;border-color:#78dca047}.control-step__num{color:#fff;background:linear-gradient(#7a8cff,#6d4cff);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid}.control-step.is-done .control-step__num{background:linear-gradient(#6ed89a,#2f9f68)}.control-step__body{flex-direction:column;gap:2px;min-width:0;display:flex}.control-step__body strong{font-size:16px;font-weight:700}.control-step__body small{color:var(--text-dim);font-size:12px;line-height:1.35}.control-desk__links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.control-desk__links a{text-align:center;color:var(--violet-bright);background:#00000040;border:1px solid #a082f033;border-radius:12px;padding:11px 12px;font-size:13px;font-weight:700;text-decoration:none}.control-desk__links a:hover{border-color:#b4a0ff66}.control-desk__logout{width:100%;font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #a082f029;border-radius:12px;padding:11px;font-size:13px;font-weight:600}.control-desk__logout:hover{color:var(--text);border-color:#a082f059}@media (width<=380px){.control-desk__stats{grid-template-columns:1fr}.control-desk__top{flex-direction:column;align-items:flex-start}}.guest-shell{-webkit-tap-highlight-color:transparent;background:#000;justify-content:center;min-height:100svh;display:flex}.guest-page{box-sizing:border-box;width:100%;max-width:430px;min-height:100svh;padding:max(12px, env(safe-area-inset-top,0px)) max(14px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(14px, env(safe-area-inset-left,0px));background:#000;flex-direction:column;display:flex}.guest-page__body{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:10px;width:100%;min-height:0;display:flex}.guest-page--step-1 .guest-page__body,.guest-page--step-3 .guest-page__body,.guest-page--step-4 .guest-page__body{justify-content:center;padding-block:8px}.guest-page--step-2 .guest-page__body{gap:8px}.guest-page__head{flex-shrink:0}.guest-hero{flex-shrink:0;align-self:center;width:min(62vw,220px);line-height:0}.guest-hero--compact{width:min(36vw,120px)}.guest-hero__logo{aspect-ratio:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.guest-page__title{letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;margin:4px 0 0;font-size:clamp(17px,5vw,22px);font-weight:800;line-height:1.2}.guest-page__title--thanks{letter-spacing:.01em;max-width:18em;margin-inline:auto;font-size:clamp(15px,4.4vw,19px);line-height:1.3}.guest-page__lede{color:#e8e4f6c7;text-wrap:pretty;margin:0;font-size:clamp(13px,3.6vw,15px);line-height:1.4}.guest-page__lede.is-live{color:#9ef0b8}.guest-page__enter{box-sizing:border-box;width:100%;font:inherit;letter-spacing:.04em;text-transform:uppercase;color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(90deg,#3d8dff 0%,#8b5cf6 55%,#c084fc 100%);border:0;border-radius:14px;margin-top:6px;padding:14px;font-size:clamp(13px,3.6vw,15px);font-weight:800;line-height:1.25;box-shadow:0 8px 28px #5a50dc66}.guest-page--step-2 .guest-page__enter{flex-shrink:0;margin-top:auto}.guest-page__enter:disabled{opacity:.45;cursor:not-allowed}.guest-page__link{font:inherit;color:#9ec5ff;text-underline-offset:4px;cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-self:center;margin-top:10px;padding:10px 8px;font-size:clamp(16px,4.6vw,19px);font-weight:700;line-height:1.3;text-decoration:underline;text-decoration-thickness:2px;display:inline-block}.guest-page__link:hover,.guest-page__link:focus-visible{color:#cfe0ff}.guest-page__ghost{font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:13px}.guest-page__frame{aspect-ratio:3/4;background:#111;border:1px solid #a082f038;border-radius:18px;flex:auto;align-self:center;width:min(100%,360px);min-height:0;max-height:min(48dvh,400px);position:relative;overflow:hidden}.guest-page__video,.guest-page__sent{object-fit:cover;width:100%;height:100%}.guest-page__sent{aspect-ratio:3/4;border-radius:14px;flex:none;align-self:center;width:min(38vw,130px);height:auto}.guest-page__error{color:#ff9d9d;margin:0;font-size:12px}.guest-steps{border-top:1px solid #a082f01f;flex-shrink:0;padding-top:10px}.guest-steps__list{justify-content:space-between;gap:2px;margin:0;padding:0;list-style:none;display:flex}.guest-steps__item{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.guest-steps__num{color:#beb4dc8c;border:1px solid #a082f040;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.guest-steps__label{color:#beb4dc80;text-align:center;font-size:9px;line-height:1.15}.guest-steps__item.is-active .guest-steps__num,.guest-steps__item.is-done .guest-steps__num{color:#fff;background:linear-gradient(#9b6cff,#6d4cff);border-color:#0000;box-shadow:0 0 12px #8b6ad8a6}.guest-steps__item.is-active .guest-steps__label{color:#fff;font-weight:600}@media (width<=360px){.guest-page{padding-inline:12px}.guest-hero{width:min(56vw,180px)}.guest-page__enter{letter-spacing:.02em;padding:12px 10px}}@media (height<=700px){.guest-hero{width:min(48vw,160px)}.guest-hero--compact{width:min(28vw,96px)}.guest-page__frame{max-height:min(42dvh,320px)}}