.host-shell{max-width:640px;padding:16px max(16px, env(safe-area-inset-left,0px)) 120px;color:var(--ink);font-family:var(--font-body);margin:0 auto}.host-shell h1{font-family:var(--font-display);text-wrap:balance;margin:8px 0 16px;font-size:clamp(26px,6vw,34px);font-weight:850}.host-shell h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:800}.host-form{flex-direction:column;gap:18px;display:flex}.host-field{flex-direction:column;gap:8px;min-width:0;display:flex}.host-label{font:800 12px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.host-label .req{color:var(--ember-label)}.host-input,.host-shell textarea,.host-shell select{border:1.5px solid var(--border);border-radius:var(--radius-control);background:var(--canvas);width:100%;color:var(--ink);font:700 16px var(--font-body);min-height:44px;padding:11px 12px}.host-input:focus-visible,.host-shell textarea:focus-visible,.host-shell select:focus-visible,.host-chip:focus-visible,.host-btn:focus-visible,.host-cover:focus-visible{outline:3px solid var(--iris-tint);outline-offset:1px;border-color:var(--iris)}.host-input.title{font:850 22px/1.2 var(--font-display)}.host-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.host-chip{border:1.5px solid var(--border);background:var(--surface);min-height:40px;color:var(--ink-soft);font:800 14px var(--font-body);cursor:pointer;border-radius:999px;padding:8px 14px}.host-chip[aria-pressed=true]{background:var(--iris);border-color:var(--iris);color:var(--iris-ink)}.host-stack{flex-direction:column;gap:8px;display:flex}.host-number{text-align:center;font-variant-numeric:tabular-nums;width:96px}.host-hint{color:var(--ink-soft);margin:0;font-size:13.5px}.host-hint.warn{color:var(--ember-label);font-weight:700}.host-nudge{border:1.5px dashed var(--iris);background:var(--iris-mist);color:var(--ink);border-radius:var(--radius-control);padding:10px 12px;font-size:14px}.host-covers{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.host-cover{aspect-ratio:3/4;background:var(--sunk,var(--surface));cursor:pointer;border:2px solid #0000;border-radius:14px;max-width:100%;padding:0;position:relative;overflow:hidden}.host-cover img{object-fit:cover;width:100%;height:100%;display:block}.host-cover[aria-pressed=true]{border-color:var(--iris);box-shadow:0 0 0 3px var(--iris-tint)}.host-cover.upload{font:800 13px var(--font-display);color:var(--ink-soft);border:1.5px dashed var(--border);place-items:center;display:grid}.host-btn{min-height:48px;font:850 16px var(--font-display);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.host-btn.primary{background:var(--iris);color:var(--iris-ink)}.host-btn.go{background:var(--go);color:var(--go-ink)}.host-btn.ghost{border:1.5px solid var(--border);color:var(--ink);background:0 0}.host-btn[disabled]{opacity:.55;cursor:not-allowed}.host-sticky{z-index:30;padding:12px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:linear-gradient(transparent, var(--canvas) 35%);position:fixed;bottom:0;left:0;right:0}.host-sticky>*{width:100%;max-width:640px;margin:0 auto}.host-sticky .host-btn{width:100%}.host-error{color:var(--cant-go,var(--ember-label));margin:0;font-weight:700}.host-banner{border-radius:14px;padding:10px 12px;font-size:14.5px;font-weight:700}.host-banner.ok{background:var(--go-tint);color:var(--go-text)}.host-banner.wait{background:var(--maybe-tint);color:var(--maybe-text)}.host-banner.stop{background:var(--cant-go-tint);color:var(--cant-go)}.host-scrim{z-index:60;background:color-mix(in srgb, var(--ink) 45%, transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.host-scrim.center{align-items:center;padding:16px}.host-sheet{background:var(--surface);width:100%;max-width:560px;max-height:92vh;padding:18px max(16px, env(safe-area-inset-left,0px)) calc(18px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow);border-radius:22px 22px 0 0;flex-direction:column;gap:12px;display:flex;overflow:auto}.host-scrim.center .host-sheet{border-radius:20px}.host-sheet header{justify-content:space-between;align-items:center;gap:12px;display:flex}.host-close{color:var(--ink-soft);font:800 14px var(--font-body);cursor:pointer;background:0 0;border:0;min-height:40px}.host-otp{letter-spacing:.4em;text-align:center;font:850 22px var(--font-display);font-variant-numeric:tabular-nums}.host-option{border:1.5px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.host-option[data-on=true]{border-color:var(--iris);background:var(--iris-mist)}.host-option>button.host-option-head{all:unset;cursor:pointer;font:850 15px var(--font-display);justify-content:space-between;gap:8px;display:flex}.host-option[aria-disabled=true]{opacity:.6}.host-pill{font:800 12px var(--font-body);background:var(--go-tint);color:var(--go-text);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.host-pill.muted{background:var(--iris-mist);color:var(--ink-soft)}.ev-hero{margin:-16px calc(-1 * max(16px, env(safe-area-inset-left,0px))) 0;aspect-ratio:16/10;background:var(--sunk,var(--surface));max-height:340px;position:relative;overflow:hidden}.ev-hero img{object-fit:cover;width:100%;height:100%;display:block}.ev-hero:after{content:"";background:linear-gradient(#0000 35%,#0b132bc7);position:absolute;inset:0}.ev-hero-text{z-index:1;color:#fff;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.ev-hero-text .date{font:850 12.5px var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#ffd0b8}.ev-hero-text h1{color:#fff;margin:0;font-size:clamp(24px,6vw,34px)}.ev-body{flex-direction:column;gap:16px;padding-top:16px;display:flex}.ev-host{align-items:center;gap:10px;display:flex}.ev-host .face{background:linear-gradient(135deg, var(--iris), var(--ember));border-radius:50%;flex:none;width:40px;height:40px;overflow:hidden}.ev-facts{flex-direction:column;gap:10px;margin:0;display:flex}.ev-facts>div{grid-template-columns:92px minmax(0,1fr);gap:10px;display:grid}.ev-facts dt{color:var(--ink-soft);font-weight:700}.ev-facts dd{overflow-wrap:anywhere;margin:0;font-weight:700}.ev-link{color:var(--iris);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:800;text-decoration:underline}.ev-who{align-items:center;gap:12px;display:flex}.ev-faces{display:flex}.ev-faces>span{border:2px solid var(--surface);background:linear-gradient(135deg, var(--iris), var(--ember));border-radius:50%;width:30px;height:30px;margin-left:-8px;overflow:hidden}.ev-faces>span:first-child{margin-left:0}.ev-faces.blur>span{filter:blur(3px)}.ev-faces>span:nth-child(2n){background:linear-gradient(135deg, var(--go), var(--ember))}.ev-faces>span:nth-child(3n){background:linear-gradient(135deg, var(--ember), var(--iris))}.ev-people{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ev-people li{align-items:center;gap:10px;font-weight:700;display:flex}.ev-people li small{color:var(--ink-soft);margin-left:auto;font-weight:700}.ev-description{white-space:pre-wrap;margin:0;line-height:1.6}.ev-rsvpbar{z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:10px max(12px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));position:fixed;bottom:0;left:0;right:0}.ev-rsvpbar>div{gap:8px;max-width:640px;margin:0 auto;display:flex}.ev-rsvpbar .host-btn{flex:1;min-height:46px;padding:10px 8px;font-size:15px}.ev-rsvpbar .host-btn[aria-pressed=true].go{box-shadow:inset 0 0 0 2px var(--go-ink)}.ev-rsvpbar .host-btn[aria-pressed=true].ghost{box-shadow:inset 0 0 0 2px var(--iris);color:var(--iris);background:var(--iris-tint)}.ev-share-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.ev-copy{border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.ev-copy input{min-width:0;color:var(--ink-soft);font:700 13px var(--font-body);background:0 0;border:0;flex:1}.host-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.host-card{border:1.5px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;display:grid}.host-card img{object-fit:cover;border-radius:12px;width:64px;height:64px}.host-card h3{font:850 16px var(--font-display);overflow-wrap:anywhere;margin:0}.host-meter{background:var(--iris-mist);border-radius:6px;height:6px;overflow:hidden}.host-meter>i{background:var(--go);height:100%;display:block}.host-table{border-collapse:collapse;width:100%;font-size:14px}.host-table th,.host-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}.host-table-wrap{overflow-x:auto}.host-toggles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.host-switch{border:1.5px solid var(--border);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;font:inherit;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.host-switch b{font-size:15px;display:block}.host-switch small{color:var(--ink-soft);font-size:13px}.host-switch .track{background:var(--border);border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.host-switch .track>span{background:var(--surface);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.host-switch[aria-checked=true] .track{background:var(--iris)}.host-switch[aria-checked=true] .track>span{transform:translate(18px)}.host-switch:focus-visible{outline:3px solid var(--iris-tint);outline-offset:1px}.host-switch[disabled]{opacity:.6;cursor:progress}@media (prefers-reduced-motion:reduce){.host-switch .track,.host-switch .track>span{transition:none}}:where(:root[data-motion=reduce]) .host-switch .track,:where(:root[data-motion=reduce]) .host-switch .track>span{transition:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tk-card{text-align:center;border:1.5px solid var(--border);border-top:6px solid var(--iris);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;align-items:center;gap:10px;padding:18px 16px;display:flex}.tk-card[data-badge=ember]{border-top-color:var(--ember)}.tk-card[data-badge=go]{border-top-color:var(--go)}.tk-card[data-badge=ink]{border-top-color:var(--ink)}.tk-card[data-badge=gold]{border-top-color:var(--maybe)}.tk-card h1{margin:0;font-size:clamp(22px,5vw,28px)}.tk-who{margin:0}.tk-qr{aspect-ratio:1;background:#fff;border-radius:16px;width:min(260px,70vw);padding:6px}.tk-qr svg{width:100%;height:100%;display:block}.tk-code{word-break:break-all;margin:0;font-size:12px}.tk-type[data-badge=ember]{border-left:5px solid var(--ember)}.tk-type[data-badge=go]{border-left:5px solid var(--go)}.tk-type[data-badge=iris]{border-left:5px solid var(--iris)}.tk-type[data-badge=ink]{border-left:5px solid var(--ink)}.tk-type[data-badge=gold]{border-left:5px solid var(--maybe)}.tk-perks{color:var(--ink-soft);margin:0;padding-left:18px;font-size:14px}.tk-seats{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.tk-seats .host-chip[disabled]{opacity:.45;cursor:not-allowed;text-decoration:line-through}.tk-area{border:1.5px solid var(--border);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:grid}.tk-area small{color:var(--ink-soft)}.tk-qty{text-align:center;min-width:2ch;font:850 20px var(--font-display);font-variant-numeric:tabular-nums}.tk-timer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tk-timer b{font:850 22px var(--font-display);font-variant-numeric:tabular-nums}.tk-pin{font:850 24px var(--font-display);letter-spacing:.2em;font-variant-numeric:tabular-nums}.sc-shell{color:#f5ebdd;min-height:100vh;padding:12px max(16px, env(safe-area-inset-left,0px)) calc(16px + env(safe-area-inset-bottom,0px));font-family:var(--font-body);background:#0b132b;flex-direction:column;gap:12px;display:flex}.sc-top{justify-content:space-between;gap:12px;font-weight:800;display:flex}.sc-count{font-variant-numeric:tabular-nums}.sc-camera{aspect-ratio:3/4;background:#000;border-radius:18px;place-items:center;max-height:60vh;display:grid;position:relative;overflow:hidden}.sc-camera video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sc-camera>.host-btn{z-index:1;position:relative}.sc-aim{text-align:center;text-shadow:0 1px 4px #000;margin:0;font-weight:800;position:absolute;bottom:12px;left:0;right:0}.sc-result{text-align:center;flex-direction:column;gap:6px;font-size:16px;display:flex}.sc-result h2{margin:0;font-size:24px}.sc-icon{font:900 40px var(--font-display);margin:0}.sc-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.sc-shell .host-input{color:#f5ebdd;background:#15111f;border-color:#3a3150}.sc-shell .host-btn.ghost,.sc-shell .ev-link{color:#f5ebdd;border-color:#3a3150}.sc-shell .ev-people li{color:#f5ebdd}@media (width<=1023px){:is(body:has(.tab-bar) .ev-rsvpbar,body:has(.tab-bar) .host-sticky){bottom:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:10px}body:has(.tab-bar) .host-shell{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}body:has(.tab-bar) .hosted-layer .ev-rsvpbar{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));bottom:0}body:has(.tab-bar) .hosted-layer .host-shell{padding-bottom:120px}}@media (prefers-reduced-motion:no-preference){:where(:root:not([data-motion=reduce])) .host-sheet{animation:.18s ease-out host-rise}@keyframes host-rise{0%{opacity:.6;transform:translateY(16px)}}}.host-btn svg{width:var(--icon-sm,16px);height:var(--icon-sm,16px);flex:none}.ev-hero .ev-more{z-index:2;border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.ev-hero .ev-more svg{width:20px;height:20px}.ev-rsvpbar .ev-cant{flex:1;align-self:center;margin:0;font-weight:700}::view-transition{pointer-events:none}:root[data-unfold=open]::view-transition-group(*){animation-duration:var(--dur-enter);animation-timing-function:var(--ease-iris)}:root[data-unfold=open]::view-transition-old(*){animation-duration:var(--dur-enter);animation-timing-function:var(--ease-iris)}:root[data-unfold=open]::view-transition-new(*){animation-duration:var(--dur-enter);animation-timing-function:var(--ease-iris)}:root[data-unfold=close]::view-transition-group(*){animation-duration:var(--dur-exit);animation-timing-function:var(--ease-exit)}:root[data-unfold=close]::view-transition-old(*){animation-duration:var(--dur-exit);animation-timing-function:var(--ease-exit)}:root[data-unfold=close]::view-transition-new(*){animation-duration:var(--dur-exit);animation-timing-function:var(--ease-exit)}::view-transition-old(nom-unfold-photo){object-fit:cover;width:100%;height:100%}::view-transition-new(nom-unfold-photo){object-fit:cover;width:100%;height:100%}.hosted-layer{z-index:50;overscroll-behavior:contain;background:var(--canvas);position:fixed;inset:0;overflow-y:auto}.hosted-layer:focus{outline:none}.hosted-back{top:max(12px, env(safe-area-inset-top,0px));left:max(12px, env(safe-area-inset-left,0px));z-index:3;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--ink);font:850 15px var(--font-display);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:0 16px 0 12px;display:inline-flex;position:fixed}.hosted-back:focus-visible{outline:3px solid var(--iris-tint);outline-offset:2px}.hosted-back svg{width:var(--icon-sm,16px);height:var(--icon-sm,16px)}.hosted-loading{color:var(--ink-soft)}.hosted-layer[data-fade=in]{animation:hosted-fade-in var(--dur-fade) linear both}.hosted-layer[data-fade=out]{animation:hosted-fade-out var(--dur-fade) linear both}.hosted-layer[data-fade=away]{animation:hosted-fade-out var(--dur-exit) var(--ease-exit) both}@keyframes hosted-fade-in{0%{opacity:0}}@keyframes hosted-fade-out{to{opacity:0}}
