:root{--bg:#fff;--fg:#0d0d0d;--muted:#6b6b6b;--line:#ececec;--tile:#f3f3f3;--soft:#fafafa;--gold:#e6a800;--gold-soft:#fff6d6;--gold-ink:#7a5600;--red:#ff3b30;--shine:linear-gradient(100deg, #a8740a 0%, #e6a800 22%, #ffd95a 40%, #fff4c2 50%, #ffd95a 60%, #e6a800 78%, #a8740a 100%)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}[aria-disabled=true]{opacity:.35;pointer-events:none}.bar{z-index:10;-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}.brand img{border-radius:9px;width:32px;height:32px}.links{align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:38px;height:38px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.pill.icon{padding:0}.pill svg{width:15px;height:15px}.pill.on{background:var(--gold-soft);color:var(--gold-ink);border-color:#f3dc8f}.pill.dark{background:var(--fg);color:#fff;border-color:var(--fg);padding:0 18px}.pill.pulse{animation:.8s ease-out 3 pulse}@keyframes pulse{0%{box-shadow:0 0 #e6a800cc}to{box-shadow:0 0 0 14px #e6a80000}}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:1120px;margin:0 auto;padding:56px 24px 48px;display:grid}.kicker{color:var(--muted);letter-spacing:.02em;margin:0 0 12px;font-size:14px;font-weight:700}h1{letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(52px,7.6vw,96px);font-weight:900;line-height:.95}.shine{background:var(--shine);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.04em;animation:5s ease-in-out infinite sheen}@keyframes sheen{0%,to{background-position:100% 0}50%{background-position:0 0}}.sub{color:var(--muted);max-width:470px;margin:0 0 30px;font-size:19px}.btn{border:1px solid var(--fg);background:var(--fg);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:58px;padding:0 30px;font-size:17px;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.btn svg{flex:none;width:22px;height:22px}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn.ghost{color:var(--fg);border-color:var(--line);background:#fff}.btn.grow{flex:1;height:54px;padding:0 16px}.btn.small{height:44px;color:var(--fg);background:#fff;border-color:#fff;padding:0 22px;font-size:15px}.btn:disabled{opacity:.5;pointer-events:none}.note{color:var(--muted);margin:12px 0 0;font-size:13px}.ca{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;max-width:100%;height:38px;margin-top:26px;padding:0 16px;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex;overflow:hidden}.ca #caText{text-overflow:ellipsis;overflow:hidden}.ca-label{color:var(--muted);font-family:Inter,sans-serif;font-weight:700}.hero-art{justify-content:center;padding:10px 0;display:flex;position:relative}.phone{aspect-ratio:9/18.5;background:#0d0d0d;border-radius:44px;width:272px;padding:9px;transition:transform .25s;position:relative;transform:rotate(-4deg);box-shadow:0 40px 80px -30px #50320073,inset 0 0 0 1px #2a2a2a}.phone:hover{transform:rotate(-2deg)scale(1.02)}.phone:before{content:"";z-index:3;background:#0d0d0d;border-radius:999px;width:76px;height:22px;margin-left:-38px;position:absolute;top:18px;left:50%}.screen{background:#1a1030;border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden}.screen>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sound{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);background:#00000073;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:44px;right:14px}.sound svg{width:17px;height:17px}.sound .on,.sound.unmuted .off{display:none}.sound.unmuted .on{display:block}.rec{z-index:2;color:#fff;letter-spacing:.04em;background:#00000073;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:absolute;top:48px;left:16px}.rec i,.rec-badge i{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.cap{z-index:2;-webkit-backdrop-filter:blur(8px);color:#fff;background:#0d0d0d8c;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:12px;left:10px;right:10px}.cap b{font-size:13px;line-height:1.25;display:block}.cap span:not(.chip){opacity:.8;font-size:12px;line-height:1.3;display:block}.chip{background:var(--shine);color:#3d2a00;background-size:200% 100%;border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:800}.sticker{z-index:4;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;position:absolute;box-shadow:0 10px 24px -10px #00000059}.sticker.gold{background:var(--shine);color:#3d2a00;background-size:200% 100%;top:36%;left:-4%;transform:rotate(-8deg)}.sticker.dark{background:var(--fg);color:#fff;bottom:16%;right:-4%;transform:rotate(6deg)}.floaty{z-index:4;filter:drop-shadow(0 8px 10px #0000002e);font-size:44px;animation:3.2s ease-in-out infinite bob;position:absolute}.floaty.f1{top:2%;right:8%}.floaty.f2{font-size:38px;animation-delay:1.4s;bottom:4%;left:6%}@keyframes bob{50%{transform:translateY(-10px)rotate(8deg)}}.steps{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1120px;margin:0 auto;padding:0 24px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px 22px 20px}.step-n{background:var(--fg);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-grid}.step h3{letter-spacing:-.01em;margin:14px 0 6px;font-size:18px}.step p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.step b{color:var(--fg);font-weight:600}.phone-card{border:1px solid var(--line);background:var(--soft);border-radius:20px;align-items:center;gap:18px;max-width:1072px;margin:14px auto 0;padding:14px 22px 14px 14px;display:flex}.phone-card img{border:1px solid var(--line);background:#fff;border-radius:12px;flex:none;width:112px;height:112px;padding:6px}.phone-card b{margin-bottom:2px;font-size:16px;display:block}.phone-card span{color:var(--muted);font-size:14px}@media (hover:none) and (pointer:coarse),(width<=760px){.phone-card{display:none}}h2{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800}.rank-wrap{max-width:1072px;margin:0 auto;padding:56px 24px 0}.rank-head{border-top:1px solid var(--line);margin-bottom:18px;padding-top:28px}.rank-sub{color:var(--muted);max-width:560px;margin:6px 0 0;font-size:15px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.stat{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;display:flex}button.stat{cursor:pointer}.stat span{color:var(--muted);font-size:13px;font-weight:600}.stat b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.2}.stat.gold{background:var(--gold-soft);border-color:#f3dc8f}.stat.gold span{color:var(--gold-ink)}.board{border:1px solid var(--line);border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.board:empty{display:none}.board li{border-top:1px solid var(--line);background:#fff;align-items:center;gap:14px;padding:10px 14px;display:flex}.board li:first-child{border-top:0}.board li.first{background:linear-gradient(90deg, var(--gold-soft), #fff 70%)}.rk{text-align:center;width:22px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.first .rk{color:var(--gold-ink)}.board img,.winners img{object-fit:cover;background:var(--tile);cursor:pointer;border-radius:10px;flex:none;width:48px;height:64px}.who{flex:1;min-width:0}.who b,.w-main b{align-items:center;gap:8px;font-size:15px;display:flex}.who span,.w-main span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.lead{background:var(--shine);color:#3d2a00;background-size:200% 100%;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800}.vc{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:20px;font-weight:800;line-height:1.1;display:flex}.vc small{color:var(--muted);font-size:11px;font-weight:600}.vote-btn{border:1px solid var(--fg);background:var(--fg);color:#fff;border-radius:999px;height:36px;padding:0 16px;font-size:14px;font-weight:700}.vote-btn:active{transform:scale(.96)}.winners-title{letter-spacing:-.01em;margin:30px 0 10px;font-size:18px}.winners{gap:8px;margin:0;padding:0;list-style:none;display:grid}.winners li{border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex}.winners li.muted{color:var(--muted);padding:16px;font-size:15px}.winners img{width:40px;height:52px}.w-main{flex:1;min-width:0}.w-amt{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.w-amt a{color:var(--muted);font-size:12px;font-weight:600;text-decoration:underline;display:block}.w-amt small{color:var(--muted);font-size:13px;font-weight:600}.winners li{flex-wrap:wrap}.admin-pay{gap:6px;width:100%;padding-left:52px;display:flex}.admin-pay button{border:1px solid var(--line);background:#fff;border-radius:999px;height:30px;padding:0 12px;font-size:12px;font-weight:700}.admin-pay button:last-child{background:var(--fg);border-color:var(--fg);color:#fff}.wall-wrap{max-width:1400px;margin:0 auto;padding:56px 24px 40px}.wall-head{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin:0 2px 16px;padding-top:28px;display:flex}.count{color:var(--muted);font-size:15px}.count b{color:var(--fg);font-variant-numeric:tabular-nums}.reset-btn{color:#b42318;background:#fff5f5;border:1px solid #f3c2c2;border-radius:999px;height:30px;margin-right:12px;padding:0 12px;font-size:12px;font-weight:700}.wall{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.tile{aspect-ratio:3/4;background:var(--tile);border:0;border-radius:14px;padding:0;transition:transform .15s;position:relative;overflow:hidden}.tile:hover{transform:scale(1.02)}.tile img,.tile video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;display:block;position:absolute;inset:0}.tile img.in,.tile video.in{opacity:1}.tile .play{color:#fff;background:#00000073;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:8px;left:8px}.tile .play svg{width:14px;height:14px;margin-left:2px}.tile .num{font-variant-numeric:tabular-nums;background:#fffffff0;border-radius:999px;padding:2px 9px;font:700 12px/1.5 Inter,sans-serif;position:absolute;bottom:8px;left:8px}.tile .dur{color:#fff;font-variant-numeric:tabular-nums;background:#00000073;border-radius:999px;padding:1px 7px;font:600 11px/1.5 Inter,sans-serif;position:absolute;top:10px;right:8px}.tile .tvote{background:var(--fg);color:#fff;opacity:0;border-radius:999px;padding:2px 11px;font:700 12px/1.5 Inter,sans-serif;transition:opacity .15s,transform .15s;position:absolute;bottom:8px;right:8px;transform:translateY(4px)}.tile:hover .tvote,.tile:focus-visible .tvote{opacity:1;transform:none}@media (hover:none){.tile .tvote{opacity:1;transform:none}}.tile.new{animation:.45s cubic-bezier(.2,1.3,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tile .del{z-index:2;color:#fff;background:#e5484d;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid;position:absolute;top:6px;right:6px}.empty{text-align:center;color:var(--muted);padding:50px 20px 70px;font-size:16px}.empty.small{border:1px dashed var(--line);border-radius:18px;margin:0;padding:28px 16px;font-size:15px}.more{height:1px}.foot{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:24px 16px 40px;font-size:13px;display:flex}.foot img{border-radius:5px}.sheet{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet-card{background:#fff;border-radius:26px;width:100%;max-width:420px;max-height:100%;padding:16px;overflow-y:auto}.sheet-top{justify-content:space-between;align-items:center;margin:0 4px 12px;font-size:18px;font-weight:800;display:flex}.x{border:1px solid var(--line);background:#fff;border-radius:50%;flex:none;width:36px;height:36px;font-size:14px}.x.light{z-index:2;color:#fff;background:#ffffff26;border:0;width:42px;height:42px;position:absolute;top:16px;right:16px}.viewfinder{aspect-ratio:3/4;background:#111;border-radius:18px;max-height:58vh;margin:0 auto;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.viewfinder video.mirror{transform:scaleX(-1)}.rec-badge{color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.rec-badge small{opacity:.6;font-size:12px}.rec-bar{background:#ffffff26;height:4px;position:absolute;bottom:0;left:0;right:0}.rec-bar div{background:var(--shine);background-size:200% 100%;width:0;height:100%;transition:width .1s linear}.hint{text-align:center;color:#fff;text-shadow:0 1px 6px #0009;margin:0;font-size:14px;font-weight:600;position:absolute;bottom:14px;left:12px;right:12px}.cam-error{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.cam-error p{margin:0;font-size:15px}.controls{justify-content:space-between;align-items:center;padding:16px 20px 4px;display:flex}.round-btn{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.round-btn svg{width:22px;height:22px}.round-btn:disabled{opacity:.35}.round-btn.spacer{visibility:hidden}.rec-btn{border:4px solid var(--fg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;padding:0;display:grid}.rec-tip{text-align:center;color:var(--muted);margin:8px 0 0;font-size:13px;font-weight:600}.alt-cam{text-align:center;color:var(--fg);cursor:pointer;margin:10px auto 2px;font-size:13px;font-weight:600;text-decoration:underline;display:block}.sheet-card:has(#reviewControls:not([hidden])) .viewfinder{max-height:48vh}.rec-btn span{background:var(--red);border-radius:50%;width:58px;height:58px;transition:all .2s}.rec-btn.on span{border-radius:7px;width:28px;height:28px}.rec-btn:disabled{opacity:.35}.wallet-row{margin:14px 0 0}.wallet-input{border:1px solid var(--line);background:var(--soft);border-radius:14px;outline:none;width:100%;height:48px;padding:0 16px;font:14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.wallet-input:focus{border-color:var(--fg);background:#fff}.wallet-input.bad{background:#fff5f5;border-color:#e5484d}.wallet-connected{background:var(--gold-soft);color:var(--gold-ink);border-radius:14px;margin:0;padding:12px 14px;font-size:14px;font-weight:600}.wallet-connected code{font-size:13px}.reject{color:#b42318;background:#fff5f5;border-radius:14px;margin:12px 0 0;padding:12px 14px;font-size:14px;font-weight:600}.checking{color:var(--muted);align-items:center;gap:10px;margin:12px 0 0;font-size:14px;font-weight:600;display:flex}.spin{border:2px solid var(--line);border-top-color:var(--fg);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.row{gap:10px;margin-top:14px;display:flex}.wallet-card{max-width:380px}.wallet-list{gap:8px;display:grid}.wallet-opt{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 16px;font-size:16px;font-weight:700;display:flex}.wallet-opt:hover{border-color:var(--fg)}.wallet-opt img{border-radius:8px;width:30px;height:30px}.wallet-card .note{margin:12px 4px 2px}.viewer{z-index:60;background:#000000e0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.viewer-card{width:100%;max-width:420px}.viewer video{aspect-ratio:3/4;object-fit:contain;background:#000;border-radius:18px;width:100%;max-height:76vh;display:block}.viewer-bar{color:#fff;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.viewer-bar b{font-size:16px;display:block}.viewer-bar span{opacity:.7;font-size:13px;display:block}.toast{z-index:80;background:var(--fg);color:#fff;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #0006}@media (width<=760px){.bar{padding:10px 16px}.pill.dark{padding:0 14px}.hero{text-align:center;grid-template-columns:1fr;gap:28px;padding:28px 16px 36px}.sub{margin:0 auto 26px;font-size:17px}#takeBtn{width:100%;max-width:380px}.phone{width:210px}.sticker{padding:6px 11px;font-size:12px}.sticker.gold{left:0}.sticker.dark{top:4%;bottom:auto;right:0}.floaty.f1{top:auto;bottom:18%;right:4%}.floaty{font-size:34px}.steps{grid-template-columns:1fr;gap:10px;padding:0 16px}.step{grid-template-columns:30px 1fr;column-gap:14px;padding:16px 18px;display:grid}.step-n{grid-row:span 2}.step h3{margin:2px 0;font-size:16px}.step p{font-size:14px}.rank-wrap{padding:40px 16px 0}.stats{gap:6px}.stat{padding:10px 12px}.stat span{font-size:11px}.stat b{font-size:18px}.board li{gap:10px;padding:10px}.board img{width:40px;height:54px}.vc{display:none}.wall-wrap{padding:36px 6px 30px}.wall-head{margin:0 10px 12px;padding-top:22px}.wall{grid-template-columns:repeat(3,1fr);gap:4px}.tile{border-radius:8px}.tile .num{padding:1px 6px;font-size:10px;bottom:4px;left:4px}.tile .tvote,.tile .dur{display:none}.tile .play{width:20px;height:20px;top:4px;left:4px}.tile .play svg{width:11px;height:11px}.sheet{align-items:flex-end;padding:0}.sheet-card{padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0}}@media (width<=480px){.links{gap:6px}.pill.icon{display:none}.pill{padding:0 12px}.pill.dark{padding:0 14px}.brand{gap:8px;font-size:17px}}@media (width<=440px){.brand-name{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
