:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{width:100%;min-height:100svh}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:#f2f2f2;background:#0b0b0c;margin:0;font-family:-apple-system,system-ui,sans-serif}.page{-webkit-overflow-scrolling:touch;max-width:640px;height:100dvh;margin:0 auto;padding:16px 16px 48px;overflow-y:auto}.page__title{text-align:center;margin:8px 0 4px;font-size:1.5rem}.page__subtitle{text-align:center;color:#b3b3b3;margin:0 0 16px}.page__hint{text-align:center;color:#8a8a8a;font-size:.9rem}.option-grid{flex-direction:column;align-items:stretch;gap:14px;display:flex}.option-card{background:#17171a;border:2px solid #0000;border-radius:16px;flex-direction:column;width:100%;height:80dvh;padding:0;display:flex;position:relative;overflow:hidden}.option-card--selected{border-color:#f2f2f2}.option-card--disabled{opacity:.9}.option-card__badge{z-index:3;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #00000059;pointer-events:none;background:#ffffff29;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 12px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff80}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.option-card__badge{background:#14141699}}.option-card__media{flex:1;min-height:0;position:relative}.option-card__track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.option-card__track::-webkit-scrollbar{display:none}.option-card__slide{scroll-snap-align:center;cursor:pointer;background:0 0;border:0;flex:0 0 100%;width:100%;min-width:0;height:100%;padding:0;display:block}.option-card__img{object-fit:cover;width:100%;height:100%;display:block}.option-card__photocount{z-index:3;color:#fff;pointer-events:none;background:#00000080;border-radius:999px;padding:4px 7px;font:600 11px/1 -apple-system,system-ui,sans-serif;position:absolute;top:8px;right:8px}.option-card__dots{z-index:3;justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.option-card__dot{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:8px;height:8px;padding:0}.option-card__dot.is-active{background:#fff}.option-card__tally{cursor:pointer;background:#17171a;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;height:52px;padding:0 16px;display:flex;position:relative;overflow:hidden}.option-card__tallyfill{z-index:0;pointer-events:none;background:#ffffff17;transition:width .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0}.option-card--selected .option-card__tallyfill{background:#ffffff29}.option-card__votelabel{z-index:1;color:#f2f2f2;font-size:.95rem;font-weight:700;position:relative}.option-card__votelabel--voted{color:#8a8a8a}.option-card__count{z-index:1;color:#9a9aa2;letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600;position:relative}.option-card--selected .option-card__votelabel{color:#f2f2f2}.option-card--celebrate{animation:.45s cubic-bezier(.34,1.56,.64,1) hmc-pop}@keyframes hmc-pop{0%{transform:scale(1)}32%{transform:scale(.965)}to{transform:scale(1)}}.option-card--celebrate.option-card--selected{animation:.45s cubic-bezier(.34,1.56,.64,1) hmc-pop}.option-card--celebrate.option-card--selected:after{content:"";z-index:4;pointer-events:none;border-radius:16px;animation:.7s ease-out forwards hmc-glow;position:absolute;inset:0;box-shadow:0 0 0 2px #fff,0 0 22px 4px #ffffff8c}@keyframes hmc-glow{0%{opacity:0}20%{opacity:1}to{opacity:0}}.option-card__voteburst{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.option-card__voteburst-ring{border:3px solid #ffffffe6;border-radius:999px;width:72px;height:72px;animation:.6s ease-out forwards hmc-ring;position:absolute}@keyframes hmc-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.7)}}.option-card__voteburst-badge{background:radial-gradient(120% 120% at 50% 22%,#fff 0%,#f0f0f3 55%,#d8d8de 100%);border-radius:999px;justify-content:center;align-items:center;width:76px;height:76px;animation:.55s cubic-bezier(.34,1.7,.5,1) forwards hmc-badge-in,.28s ease-in .68s forwards hmc-badge-out;display:inline-flex;position:relative;transform:scale(0);box-shadow:0 10px 26px #00000073,0 2px 6px #0000004d,inset 0 2px 3px #ffffffe6,inset 0 -3px 6px #0000001f}@keyframes hmc-badge-in{0%{transform:scale(0)rotate(-25deg)}70%{transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes hmc-badge-out{to{opacity:0;transform:scale(.7)}}.option-card__voteburst-check{fill:none;stroke:#0b0b0c;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 55%;width:40px;height:40px;animation:.4s cubic-bezier(.3,1.8,.5,1) .16s both hmc-check-pop}@keyframes hmc-check-pop{0%{transform:scale(0)}65%{transform:scale(1.25)}to{transform:scale(1)}}.option-card__voteburst-spark{opacity:0;background:#fff;border-radius:999px;width:4px;height:14px;animation:.55s ease-out .1s forwards hmc-spark;position:absolute;box-shadow:0 0 6px #fffc}.option-card__voteburst-spark.spark-0{--a:0deg}.option-card__voteburst-spark.spark-1{--a:60deg}.option-card__voteburst-spark.spark-2{--a:120deg}.option-card__voteburst-spark.spark-3{--a:180deg}.option-card__voteburst-spark.spark-4{--a:240deg}.option-card__voteburst-spark.spark-5{--a:300deg}@keyframes hmc-spark{0%{opacity:0;transform:rotate(var(--a)) translateY(-18px) scale(.6)}30%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-62px) scale(1)}}@media (prefers-reduced-motion:reduce){.option-card--celebrate,.option-card--celebrate.option-card--selected{animation:none}.option-card--celebrate.option-card--selected:after,.option-card__voteburst-ring,.option-card__voteburst-spark{opacity:0;animation:none}.option-card__voteburst-badge{animation:.28s ease-in .5s forwards hmc-badge-out;transform:scale(1)}.option-card__voteburst-check{animation:none}.option-card__tallyfill{transition:none}}@keyframes hmc-shimmer{0%{background-position:-160% 0}to{background-position:160% 0}}.hmc-shimmer{background-color:#1c1c20;background-image:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%);background-size:220% 100%;animation:1.4s ease-in-out infinite hmc-shimmer}@media (prefers-reduced-motion:reduce){.hmc-shimmer{animation:none}}.skeleton-title{border-radius:8px;width:60%;height:26px;margin:8px auto 16px}.skeleton-card{background:#17171a;border-radius:16px;flex-direction:column;width:100%;height:80dvh;margin-bottom:14px;display:flex;overflow:hidden}.skeleton-card__media{flex:1;min-height:0}.skeleton-card__badge{border-radius:999px;width:44px;height:34px;position:absolute;top:12px;left:12px}.skeleton-card__strip{justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.skeleton-card__strip span{border-radius:6px;height:14px;display:block}.skeleton-card__strip .s1{width:120px}.skeleton-card__strip .s2{width:52px}.option-card__slide{position:relative}.option-card__imgloader{z-index:1;position:absolute;inset:0}.option-card__img{z-index:2;position:relative}.lightbox{z-index:100;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox__topbar{z-index:2;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.lightbox__badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff29;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 12px;font-weight:600;display:inline-flex}.lightbox__count{color:#ffffffd9;margin:0 auto;font-size:.85rem;font-weight:600}.lightbox__close{color:#fff;cursor:pointer;background:#0006;border:0;border-radius:999px;width:40px;height:40px;margin-left:auto;font-size:1rem}.lightbox__track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.lightbox__track::-webkit-scrollbar{display:none}.lightbox__track.is-zoomed{overflow:hidden}.lightbox__slide{scroll-snap-align:center;flex:0 0 100%;height:100%;overflow:hidden}.lightbox__zoomwrap{width:100%!important;height:100%!important}.lightbox__zoomcontent{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lightbox__img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.option-card__reactzone{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.option-card__reactbtn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff59;border-radius:999px;width:44px;height:44px;font-size:18px;box-shadow:0 4px 12px #00000040}.reaction-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141416b8;border:1px solid #ffffff29;border-radius:999px;gap:4px;padding:6px 8px;display:flex;box-shadow:0 8px 24px #0006}.reaction-menu--inline{animation:.18s cubic-bezier(.34,1.56,.64,1) reaction-slidein}@keyframes reaction-slidein{0%{opacity:0;transform:translate(12px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.reaction-menu__btn{cursor:pointer;background:0 0;border:0;padding:4px;font-size:24px;line-height:1;transition:transform .12s}.reaction-menu__btn:active{transform:scale(1.3)}.reaction-burst{z-index:6;pointer-events:none;position:absolute;bottom:30px;right:26px}.reaction-burst__p{will-change:transform, opacity;animation-name:reaction-stream-rise;animation-timing-function:cubic-bezier(.33,.05,.35,1);animation-fill-mode:both;position:absolute;bottom:0;right:0}@keyframes reaction-stream-rise{0%{opacity:0;transform:translateY(0)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(var(--dy))}}.reaction-burst__e{will-change:transform;animation-name:reaction-stream-sway,reaction-stream-pop;animation-timing-function:linear,cubic-bezier(.34,1.56,.64,1);animation-duration:inherit, .32s;font-size:30px;line-height:1;animation-fill-mode:both,both;display:block}@keyframes reaction-stream-sway{0%{transform:translate(0)rotate(0)}6.25%{transform:translateX(calc(var(--sway) * .201)) rotate(calc(var(--rot) * .201))}12.5%{transform:translateX(calc(var(--sway) * .46)) rotate(calc(var(--rot) * .46))}18.75%{transform:translateX(calc(var(--sway) * .716)) rotate(calc(var(--rot) * .716))}25%{transform:translateX(calc(var(--sway) * .9)) rotate(calc(var(--rot) * .9))}31.25%{transform:translateX(calc(var(--sway) * .924)) rotate(calc(var(--rot) * .924))}37.5%{transform:translateX(calc(var(--sway) * .707)) rotate(calc(var(--rot) * .707))}43.75%{transform:translateX(calc(var(--sway) * .383)) rotate(calc(var(--rot) * .383))}50%{transform:translate(0)rotate(0)}56.25%{transform:translateX(calc(var(--sway) * -.383)) rotate(calc(var(--rot) * -.383))}62.5%{transform:translateX(calc(var(--sway) * -.707)) rotate(calc(var(--rot) * -.707))}68.75%{transform:translateX(calc(var(--sway) * -.894)) rotate(calc(var(--rot) * -.894))}75%{transform:translateX(calc(var(--sway) * -.914)) rotate(calc(var(--rot) * -.914))}81.25%{transform:translateX(calc(var(--sway) * -.795)) rotate(calc(var(--rot) * -.795))}87.5%{transform:translateX(calc(var(--sway) * -.571)) rotate(calc(var(--rot) * -.571))}93.75%{transform:translateX(calc(var(--sway) * -.288)) rotate(calc(var(--rot) * -.288))}to{transform:translate(0)rotate(0)}}@keyframes reaction-stream-pop{0%{scale:0}60%{scale:calc(var(--s) * 1.2)}to{scale:var(--s)}}@media (prefers-reduced-motion:reduce){.reaction-burst__p{animation:none}.reaction-burst__p:not(:first-child){display:none}.reaction-burst__e{animation-name:reaction-stream-fade;animation-duration:.6s!important;animation-delay:0s!important}}@keyframes reaction-stream-fade{0%{opacity:0;scale:.8}25%{opacity:1;scale:1}to{opacity:0;scale:1}}.reaction-chips{text-align:center;margin-top:20px}.reaction-chips__prompt{color:#8a8a8a;font-size:.85rem}.reaction-chips__row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.reaction-chip{color:#f2f2f2;cursor:pointer;background:#17171a;border:1px solid #333;border-radius:999px;padding:6px 12px}.create-cta{text-align:center;color:#0b0b0c;background:#f2f2f2;border-radius:14px;margin:28px auto 0;padding:14px;font-weight:700;text-decoration:none;display:block}.status-banner{text-align:center;color:#b3b3b3;padding:40px 16px}