:root{--bg:#f2f2f7;--bg2:#fff;--bg3:#e5e5ea;--fill:#7878801f;--text:#000;--text2:#3c3c4399;--sep:#3c3c432e;--accent:#0a66d6;--accent-ink:#fff;--red:#d70015;--green:#248a3d;--gold:#f2c14e;--bar:#f9f9f9d1;--shadow:0 8px 30px #00000014;--radius:16px;--radius-lg:22px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--tab-h:calc(56px + var(--safe-b));--spring:cubic-bezier(.32,1.25,.5,1);--ease:cubic-bezier(.25,.1,.25,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#000;--bg2:#1c1c1e;--bg3:#2c2c2e;--fill:#7878803d;--text:#fff;--text2:#ebebf599;--sep:#54545899;--accent:#3d9bff;--red:#ff453a;--green:#30d158;--bar:#161618d1;--shadow:0 8px 30px #00000080}}:root[data-theme=dark]{--bg:#000;--bg2:#1c1c1e;--bg3:#2c2c2e;--fill:#7878803d;--text:#fff;--text2:#ebebf599;--sep:#54545899;--accent:#3d9bff;--red:#ff453a;--green:#30d158;--bar:#161618d1;--shadow:0 8px 30px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:17px;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:var(--text)}a{color:var(--accent);text-decoration:none}img{max-width:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.screen{min-height:100dvh;padding:0 16px calc(var(--tab-h) + 24px);max-width:720px;margin:0 auto}.screen.no-tabs{padding-bottom:calc(var(--safe-b) + 24px)}.navbar{z-index:20;padding:calc(var(--safe-t) + 6px) 16px 6px;border-bottom:.5px solid #0000;align-items:center;gap:8px;min-height:44px;margin:0 -16px;transition:background .2s,border-color .2s;display:flex;position:sticky;top:0}.navbar.scrolled{background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);border-color:var(--sep)}.navbar .small-title{text-align:center;opacity:0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;transition:opacity .2s;overflow:hidden}.navbar.scrolled .small-title{opacity:1}.navbar .nav-side{gap:4px;min-width:72px;display:flex}.navbar .nav-side.right{justify-content:flex-end}.large-title{letter-spacing:.01em;margin:4px 0 14px;font-size:34px;font-weight:700;line-height:1.1}.back{color:var(--accent);align-items:center;gap:2px;min-height:44px;font-size:17px;display:inline-flex}.tabbar{z-index:40;height:var(--tab-h);padding-bottom:var(--safe-b);background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--sep);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--text2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;font-size:10.5px;font-weight:500;display:flex}.tabbar a.on{color:var(--accent)}.tabbar .plus{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:44px;height:32px;display:grid}.group{background:var(--bg2);border-radius:var(--radius);margin:0 0 22px;overflow:hidden}.group-title{text-transform:uppercase;color:var(--text2);letter-spacing:.02em;margin:0 16px 6px;font-size:13px}.group-foot{color:var(--text2);margin:-16px 16px 22px;font-size:13px}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:48px;padding:11px 16px;display:flex;position:relative}.row+.row:before{content:"";border-top:.5px solid var(--sep);position:absolute;top:0;left:16px;right:0}.row .grow{flex:1;min-width:0}.row .sub{color:var(--text2);font-size:14px}.row .chev{color:var(--text2);opacity:.6}.row.danger{color:var(--red);justify-content:center}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn{background:var(--accent);min-height:50px;color:var(--accent-ink);transition:transform .15s var(--spring), opacity .15s;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 20px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn.secondary{background:var(--fill);color:var(--accent)}.btn.ghost{color:var(--accent);background:0 0}.btn.danger{background:var(--fill);color:var(--red)}.btn.small{border-radius:17px;width:auto;min-height:34px;padding:0 14px;font-size:15px}.pill{background:var(--fill);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.pill.live{background:var(--red);color:#fff;animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.7}}.icon-btn{width:44px;height:44px;color:var(--accent);border-radius:22px;place-items:center;display:grid}.icon-btn:active{background:var(--fill)}.field{background:var(--fill);border:0;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:17px;display:block}.field:focus{box-shadow:0 0 0 2px var(--accent)}textarea.field{resize:vertical;min-height:110px}.label{color:var(--text2);margin:14px 4px 6px;font-size:13px;display:block}.check{align-items:flex-start;gap:12px;padding:12px 4px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:1px}.seg{background:var(--fill);border-radius:10px;margin-bottom:16px;padding:2px;display:flex}.seg button{border-radius:8px;flex:1;min-height:34px;font-size:14px;font-weight:500}.seg button.on{background:var(--bg2);font-weight:600;box-shadow:0 2px 8px #0000001f}.switch{appearance:none;background:var(--bg3);cursor:pointer;border-radius:16px;flex:none;width:51px;height:31px;transition:background .2s;position:relative}.switch:after{content:"";width:27px;height:27px;transition:transform .25s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000040}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(20px)}.sheet-back{z-index:60;background:#0006;animation:.25s fade;position:fixed;inset:0}.sheet{z-index:61;background:var(--bg);max-height:92dvh;padding:8px 16px calc(var(--safe-b) + 20px);animation:up .4s var(--spring);border-radius:14px 14px 0 0;max-width:720px;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow:auto}.sheet .grab{background:var(--bg3);border-radius:3px;width:36px;height:5px;margin:0 auto 8px}.sheet-head{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:8px;display:flex}.sheet-head h2{margin:0;font-size:17px;font-weight:600}@keyframes up{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.card{background:var(--bg2);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.card-head{align-items:center;gap:10px;padding:12px 14px;display:flex}.card-head .who{font-size:15px;font-weight:600}.card-head .when{color:var(--text2);font-size:13px}.card-body{white-space:pre-wrap;word-wrap:break-word;padding:0 14px 12px}.card-actions{align-items:center;gap:6px;padding:6px 10px 10px;display:flex}.react{background:var(--fill);min-height:36px;transition:transform .2s var(--spring);border-radius:18px;align-items:center;gap:6px;padding:0 12px;font-size:15px;display:inline-flex}.react.on{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent);font-weight:600}.react:active{transform:scale(1.15)}.carousel{scroll-snap-type:x mandatory;scrollbar-width:none;background:#000;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel img{aspect-ratio:4/5;object-fit:cover;scroll-snap-align:center;flex:none;width:100%}.lock{background:var(--fill);border-radius:10px;padding:2px 8px;font-size:12px}.scorecard{--h:#3d8fdb;--a:#8a1e36;color:#fff;background:#0a0c12;padding:18px 16px 16px;font-family:Oswald,sans-serif;position:relative;overflow:hidden}.scorecard:before{content:"";background:linear-gradient(115deg, transparent 0 66%, var(--a) 66% 71%, transparent 71% 72.5%, var(--h) 72.5% 74%, transparent 74%);opacity:.7;position:absolute;inset:0}.scorecard>*{position:relative}.scorecard .kick{letter-spacing:.25em;text-transform:uppercase;color:#f2c14e;text-align:center;font-size:11px;font-weight:600}.scorecard .teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:12px;display:grid}.scorecard .t{text-align:center;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.1;display:flex}.scorecard .sc{align-items:center;gap:10px;font-family:Anton,sans-serif;font-size:52px;line-height:1;display:flex}.scorecard .sc .lead{color:#f2c14e}.scorecard .sc .d{opacity:.5;font-size:30px}.disc{width:var(--s,56px);height:var(--s,56px);box-shadow:0 0 0 3px var(--ring,#fff);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.disc img{object-fit:contain;width:78%;height:78%}.disc span{color:#0a0c12;font-family:Anton,sans-serif;font-size:calc(var(--s,56px) * .36)}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.empty{text-align:center;color:var(--text2);padding:48px 24px}.empty .ill{margin-bottom:12px;font-size:56px}.empty h3{color:var(--text);margin:0 0 6px;font-size:20px}.skel{background:linear-gradient(90deg, var(--fill) 25%, var(--bg3) 50%, var(--fill) 75%);background-size:200% 100%;border-radius:12px;animation:1.2s infinite sh}@keyframes sh{to{background-position:-200% 0}}.err{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red);border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;font-size:15px;display:flex}.toast{left:50%;bottom:calc(var(--tab-h) + 16px);z-index:90;color:#fff;animation:up .35s var(--spring);background:#1e1e20f0;border-radius:14px;max-width:90vw;padding:12px 18px;font-size:15px;position:fixed;transform:translate(-50%)}.chips{scrollbar-width:none;gap:8px;padding:2px 0 12px;display:flex;overflow-x:auto}.chip{background:var(--bg2);border-radius:17px;flex:none;min-height:34px;padding:0 14px;font-size:14px;font-weight:500}.chip.on{background:var(--accent);color:#fff}.search{margin-bottom:14px;position:relative}.search input{background:var(--fill);padding-left:38px}.search:before{content:"⌕";color:var(--text2);font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-52%)}.banner{background:var(--bg2);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.progress{background:var(--fill);border-radius:3px;height:6px;overflow:hidden}.progress>i{background:var(--accent);height:100%;transition:width .3s;display:block}.grid3{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.thumb{aspect-ratio:1;background:var(--bg3) center/cover;border-radius:8px;position:relative;overflow:hidden}.thumb .badge{color:#fff;background:#0009;border-radius:6px;padding:1px 6px;font-size:11px;position:absolute;bottom:4px;left:4px}.thumb.off{opacity:.35}.thumb.feat{box-shadow:inset 0 0 0 3px var(--gold)}.stepper{align-items:center;gap:6px;display:flex}.stepper button{background:var(--fill);width:44px;height:44px;color:var(--accent);border-radius:12px;font-size:22px;font-weight:600}.stepper input{text-align:center;background:0 0;border:0;width:64px;font-size:24px;font-weight:700}.dots{gap:4px;display:flex}.dots i{color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;font-weight:700;display:grid}.muted{color:var(--text2)}.center{text-align:center}.mt{margin-top:16px}.stack{flex-direction:column;gap:10px;display:flex}.hstack{align-items:center;gap:10px;display:flex}.player{border-radius:var(--radius);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.player video{width:100%;height:100%;display:block}.player .ctrl{color:#fff;background:linear-gradient(#0000,#000000bf);flex-direction:column;gap:8px;padding:30px 12px 10px;transition:opacity .25s;display:flex;position:absolute;inset:auto 0 0}.player.idle .ctrl{opacity:0}.player .bar{cursor:pointer;align-items:center;height:22px;display:flex;position:relative}.player .bar .track{background:#ffffff4d;border-radius:2px;height:4px;position:absolute;left:0;right:0}.player .bar .fillp{background:#fff;border-radius:2px;height:4px;position:absolute;left:0}.player .bar .mark{background:#f2c14e;border-radius:1px;width:3px;height:10px;position:absolute;transform:translate(-1px)}.player .btns{align-items:center;gap:4px;font-size:14px;display:flex}.player .btns button{color:#fff;min-width:40px;min-height:40px}.planche-frame{aspect-ratio:16/9;background:#0a0c12;border-radius:12px;width:100%;position:relative;overflow:hidden}.planche-frame>div{transform-origin:0 0;position:absolute;top:0;left:0}@media (width>=900px){.screen{padding-top:24px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--accent:#f26a1b;--accent-2:#f2c14e;--accent-grad:linear-gradient(135deg, #f26a1b 0%, #f58a2a 50%, #f2c14e 100%);--night:#0a0c12;--gold:#f2c14e;--bg:#f4f1ec;--bg2:#fffffff0;--glass:#ffffffbd;--glass-border:#fffc;--card-shadow:0 10px 30px #28190a14, 0 1px 3px #28190a0d;--radius:20px;--radius-lg:26px;--tab-h:calc(74px + var(--safe-b))}:root[data-accent=maillot]{--accent:#1a6fe0;--accent-2:#3d8fdb;--accent-grad:linear-gradient(135deg,#1a6fe0,#3d8fdb)}:root[data-accent=rouge]{--accent:#c8102e;--accent-2:#e8414f;--accent-grad:linear-gradient(135deg,#a50d26,#e8414f)}:root[data-accent=vert]{--accent:#138a4b;--accent-2:#2fb36b;--accent-grad:linear-gradient(135deg,#0f7a41,#2fb36b)}:root[data-accent=violet]{--accent:#5a3fd1;--accent-2:#8a6cff;--accent-grad:linear-gradient(135deg,#5a3fd1,#8a6cff)}:root[data-accent=nuit]{--accent:#c9961d;--accent-2:#f2c14e;--accent-grad:linear-gradient(135deg,#0a0c12 0%,#1c2233 55%,#f2c14e 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070b14;--bg2:#161b26eb;--glass:#181e2cb8;--glass-border:#ffffff14;--card-shadow:0 10px 30px #00000073}}:root[data-theme=dark]{--bg:#070b14;--bg2:#161b26eb;--glass:#181e2cb8;--glass-border:#ffffff14;--card-shadow:0 10px 30px #00000073}body{background:var(--bg)}body:before{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}:root:not([data-bg=uni]):not([data-bg=nuit]) body:before{background:radial-gradient(circle at 50% 42%, transparent 129px, color-mix(in srgb, var(--accent) 22%, transparent) 130px 133px, transparent 134px), linear-gradient(transparent calc(42% - 1.5px), color-mix(in srgb, var(--accent) 16%, transparent) calc(42% - 1.5px) calc(42% + 1.5px), transparent calc(42% + 1.5px)), radial-gradient(70vw 50vh at 100% 0%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 70%), repeating-linear-gradient(90deg, #a069320d 0 3px, transparent 3px 58px), linear-gradient(180deg, #f7efe3, #f3e6d3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-bg=uni]):not([data-bg=nuit]) body:before{background:radial-gradient(circle at 50% 42%, transparent 129px, color-mix(in srgb, var(--accent) 30%, transparent) 130px 133px, transparent 134px), linear-gradient(transparent calc(42% - 1.5px), color-mix(in srgb, var(--accent) 22%, transparent) calc(42% - 1.5px) calc(42% + 1.5px), transparent calc(42% + 1.5px)), repeating-linear-gradient(90deg, #ffaa5a0a 0 3px, transparent 3px 58px), linear-gradient(180deg, #17110b, #0d0a07)}}:root[data-theme=dark]:not([data-bg=uni]):not([data-bg=nuit]) body:before{background:radial-gradient(circle at 50% 42%, transparent 129px, color-mix(in srgb, var(--accent) 30%, transparent) 130px 133px, transparent 134px), linear-gradient(transparent calc(42% - 1.5px), color-mix(in srgb, var(--accent) 22%, transparent) calc(42% - 1.5px) calc(42% + 1.5px), transparent calc(42% + 1.5px)), repeating-linear-gradient(90deg, #ffaa5a0a 0 3px, transparent 3px 58px), linear-gradient(180deg, #17110b, #0d0a07)}:root[data-bg=nuit]{--bg:#0a0c12;--text:#fff;--text2:#ebebf59e;--bg2:#161a24f0;--glass:#121620c7;--glass-border:#ffffff14;--sep:#ffffff1f;--fill:#ffffff1a;--bg3:#2a2f3c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-bg=nuit] body:before{background:linear-gradient(115deg, transparent 0 62%, color-mix(in srgb, var(--accent) 55%, transparent) 62% 66%, transparent 66% 67.2%, color-mix(in srgb, var(--accent-2) 50%, transparent) 67.2% 68.4%, transparent 68.4%), radial-gradient(circle at 50% 45%, transparent 179px, #ffffff0d 180px 183px, transparent 184px), #0a0c12}.screen{padding:0 14px calc(var(--tab-h) + 24px)}.navbar{z-index:30;padding:calc(var(--safe-t) + 8px) 0 10px;margin:0 -2px;position:sticky;top:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important}.navbar .bar{background:var(--glass);border:1px solid var(--glass-border);min-height:58px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:saturate(180%)blur(22px);border-radius:22px;flex:1;align-items:center;gap:4px;padding:6px 8px 6px 14px;display:flex}.navbar .small-title{opacity:1;text-align:left;flex:1;font-size:17px;font-weight:700}.navbar .nav-side{min-width:0}.navbar .back{font-weight:600}.brand{letter-spacing:.02em;text-transform:uppercase;flex:1;align-items:center;gap:8px;font-family:Anton,Impact,sans-serif;font-size:26px;font-weight:400;display:flex}.brand img{border-radius:9px;width:30px;height:30px}.brand span{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.top-ic{width:44px;height:44px;color:var(--text);border-radius:22px;place-items:center;display:grid}.top-ic svg{width:24px;height:24px}.top-ic:active{background:var(--fill)}.top-av{background:var(--accent-grad);border-radius:50%;place-items:center;width:44px;height:44px;padding:2px;display:grid}.top-av .avatar{border:2px solid var(--bg);width:40px;height:40px}.large-title{text-transform:uppercase;letter-spacing:.01em;margin:10px 4px 16px;font-family:Anton,Impact,sans-serif;font-size:38px;font-weight:400}.group-title{letter-spacing:.14em;font-family:Oswald,sans-serif;font-size:12.5px;font-weight:700}.tabbar{left:12px;right:12px;bottom:calc(10px + var(--safe-b));border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(24px);border-radius:26px;align-items:center;max-width:720px;height:66px;margin:0 auto;padding:0 6px;box-shadow:0 12px 40px #14285029}.tabbar a{height:54px;color:var(--text2);border-radius:18px;margin:0 2px;font-size:11px;transition:background .25s,color .25s}.tabbar a.on{color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 45%, transparent)}.tabbar svg{width:24px;height:24px}.tabbar .plus{background:var(--accent-grad);color:#fff;width:62px;height:62px;box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 0 5px var(--bg);border-radius:50%;margin-top:-26px}.tabbar .plus svg{z-index:1;filter:drop-shadow(0 1px 2px #00000059);width:26px;height:26px;position:relative}.tabbar .plus{background:radial-gradient(circle at 32% 28%,#ffffff59,#0000 40%),radial-gradient(circle,#f58a2a,#d4550d 75%);position:relative;overflow:hidden}.tabbar .plus:before,.tabbar .plus:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.tabbar .plus:before{background:linear-gradient(90deg,#0000 calc(50% - 1.2px),#1e0f05bf calc(50% - 1.2px) calc(50% + 1.2px),#0000 calc(50% + 1.2px)),linear-gradient(0deg,#0000 calc(50% - 1.2px),#1e0f05bf calc(50% - 1.2px) calc(50% + 1.2px),#0000 calc(50% + 1.2px))}.tabbar .plus:after{border-radius:50%;inset:6px -10px;box-shadow:inset 14px 0 0 -12px #1e0f05bf,inset -14px 0 0 -12px #1e0f05bf}.tabbar a:has(.plus){box-shadow:none!important;background:0 0!important}.card,.group,.banner{background:var(--bg2);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.card{border-radius:var(--radius-lg)}.group{border-radius:var(--radius)}.card-head .who{font-size:16px}.avatar{background:var(--accent-grad)}.react{background:color-mix(in srgb, var(--text) 6%, transparent);min-height:38px}.btn{background:var(--accent-grad);border-radius:16px}.btn.secondary{background:color-mix(in srgb, var(--accent) 12%, transparent)}.btn.ghost,.btn.danger{background:0 0}.btn.danger{background:color-mix(in srgb, var(--red) 10%, transparent)}.btn.small{border-radius:999px}.chip{letter-spacing:.03em;text-transform:uppercase;background:var(--bg2);border:1px solid var(--glass-border);min-height:40px;padding:0 18px;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;box-shadow:0 2px 8px #1428500f}.chip.on{background:var(--accent);color:#fff;border-color:#0000}.field{border-radius:14px}.sheet{background:var(--bg);border-radius:26px 26px 0 0}.toast{bottom:calc(var(--tab-h) + 22px);border-radius:18px}.stories{scrollbar-width:none;gap:14px;padding:6px 4px 14px;display:flex;overflow-x:auto}.stories::-webkit-scrollbar{display:none}.story{width:76px;color:var(--text);text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.story .ring{background:var(--ring,var(--accent-grad));border-radius:50%;width:70px;height:70px;padding:3px;position:relative}.story .ring>div{border:2px solid var(--bg);background:#fff;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.story .ring img{object-fit:contain;width:76%;height:76%}.story.create .ring{background:color-mix(in srgb, var(--text) 18%, transparent)}.story.create .ring>div{background:var(--bg2);color:var(--text);font-size:30px;font-weight:300}.story .tag{letter-spacing:.04em;color:#fff;white-space:nowrap;border-radius:8px;padding:2px 7px;font-size:9.5px;font-weight:800;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.story .tag.live{background:#ff3b30}.story .tag.match{color:#1a1300;background:#f2a516}.story .name{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.composer{background:var(--bg2);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);text-align:left;border-radius:999px;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:8px 8px 8px 10px;display:flex}.composer .ph{min-width:0;color:var(--text2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.composer .cam{background:var(--accent-grad);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.composer .cam svg{width:24px;height:24px}.swatches{flex-wrap:wrap;gap:10px;padding:4px 0 8px;display:flex}.swatch{border:3px solid var(--bg2);width:44px;height:44px;box-shadow:0 0 0 1px var(--sep);border-radius:50%}.swatch.on{box-shadow:0 0 0 3px var(--text)}:root[data-rt="1"]{--glass:var(--bg2)}:root[data-rt="1"] .navbar .bar,:root[data-rt="1"] .tabbar{-webkit-backdrop-filter:none}:root[data-rm="1"] *,:root[data-rm="1"] :before{transition-duration:.01ms!important;animation-duration:.01ms!important}@media (width>=900px){.navbar{padding-top:14px}}@media (display-mode:standalone){.navbar{padding-top:calc(var(--safe-t) + 22px)}.navbar:before{height:calc(var(--safe-t) + 28px)!important}}.navbar:before{content:"";height:calc(var(--safe-t) + 18px);z-index:-1;pointer-events:none;background:linear-gradient(var(--bg) 55%, color-mix(in srgb, var(--bg) 0%, transparent));position:absolute;top:0;left:-14px;right:-14px}