@layer properties{
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-content:""}
}}
@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:optional;src:url("../ex/PretendardVariable.CJuje-Rk.302ec55f5b43.woff2")format("woff2-variations")}
@layer theme{
:root,:host{--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-400:oklch(79.2% .209 151.711);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.875rem;--text-xs--line-height:calc(1.25 / .875);--text-sm:1rem;--text-sm--line-height:1.5;--text-base:1.125rem;--text-base--line-height:calc(1.75 / 1.125);--text-lg:1.25rem;--text-lg--line-height:calc(1.75 / 1.25);--text-xl:1.375rem;--text-xl--line-height:calc(1.75 / 1.375);--text-2xl:1.625rem;--text-2xl--line-height:calc(2 / 1.625);--text-3xl:2rem;--text-3xl--line-height: 1.125 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#b9f227;--color-bg-dark:var(--paper);--color-bg-surface:var(--panel);--color-bg-card:var(--soft);--color-bg-sidebar:var(--paper);--color-border:var(--line);--color-accent:#b9f227;--color-accent-ink:#152000;--color-accent-text:var(--accent-text);--color-accent-dim:#b9f22729;--color-accent-glow:#b9f2274d;--color-text:var(--ink);--color-text-sec:var(--ink-3);--color-text-dim:var(--muted);--color-ink:var(--ink);--color-hairline:var(--hairline);--color-c-red:var(--c-red);--color-c-red-dim:#b337241a;--color-c-orange:var(--c-orange);--color-c-blue:var(--c-blue);--color-c-purple:#6d28d9;--color-c-gold:#a67c00;--color-c-cyan:#0e7490;--color-c-green:var(--c-green);--color-c-pink:#f472b6;--color-c-teal:#2dd4bf;--color-c-indigo:#818cf8;--color-c-lime:#a3e635;--color-c-amber:#fbbf24;--color-c-sky:#38bdf8;--color-c-rose:#fb7185;--color-c-violet:#c084fc;--color-c-mint:#6ee7b7;--color-c-fuchsia:#e879f9;--color-c-peach:#fdba74;--color-c-steel:#94a3b8}
}
@layer base{
*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
::placeholder{color:currentColor}
@supports (color:color-mix(in lab,red,red)){
::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}
}}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;
@layer utilities{
.visible{visibility:visible}
.absolute{position:absolute}
.fixed{position:fixed}
.relative{position:relative}
.static{position:static}
.start{inset-inline-start:var(--spacing)}
.end{inset-inline-end:var(--spacing)}
.container{width:100%}
@media(min-width:900px){
.container{max-width:900px}
}
@media(min-width:40rem){
.container{max-width:40rem}
}
@media(min-width:48rem){
.container{max-width:48rem}
}
@media(min-width:80rem){
.container{max-width:80rem}
}
@media(min-width:96rem){
.container{max-width:96rem}
}
.block{display:block}
.contents{display:contents}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.inline{display:inline}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.table{display:table}
.h-1\.5{height:calc(var(--spacing) * 1.5)}
.h-1\/2{height:50%}
.h-3\.5{height:calc(var(--spacing) * 3.5)}
.h-5{height:calc(var(--spacing) * 5)}
.h-7{height:calc(var(--spacing) * 7)}
.h-8{height:calc(var(--spacing) * 8)}
.h-9{height:calc(var(--spacing) * 9)}
.h-10{height:calc(var(--spacing) * 10)}
.h-12{height:calc(var(--spacing) * 12)}
.h-14{height:calc(var(--spacing) * 14)}
.h-20{height:calc(var(--spacing) * 20)}
.h-\[30px\]{height:30px}
.h-\[34px\]{height:34px}
.h-\[38px\]{height:38px}
.h-\[200px\]{height:200px}
.h-auto{height:auto}
.h-full{height:100%}
.h-px{height:1px}
.h-screen{height:100vh}
.w-1\.5{width:calc(var(--spacing) * 1.5)}
.w-1\/2{width:50%}
.w-3\.5{width:calc(var(--spacing) * 3.5)}
.w-5{width:calc(var(--spacing) * 5)}
.w-7{width:calc(var(--spacing) * 7)}
.w-9{width:calc(var(--spacing) * 9)}
.w-10{width:calc(var(--spacing) * 10)}
.w-12{width:calc(var(--spacing) * 12)}
.w-14{width:calc(var(--spacing) * 14)}
.w-20{width:calc(var(--spacing) * 20)}
.w-72{width:calc(var(--spacing) * 72)}
.w-80{width:calc(var(--spacing) * 80)}
.w-\[34px\]{width:34px}
.w-\[68px\]{width:68px}
.w-\[72px\]{width:72px}
.w-auto{width:auto}
.w-full{width:100%}
.w-px{width:1px}
.flex-grow,.grow{flex-grow:1}
.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
.resize{resize:both}
.flex-wrap{flex-wrap:wrap}
:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
.border{border-style:var(--tw-border-style);border-width:1px}
.p-0{padding:calc(var(--spacing) * 0)}
.p-1{padding:calc(var(--spacing) * 1)}
.p-1\.5{padding:calc(var(--spacing) * 1.5)}
.p-2{padding:calc(var(--spacing) * 2)}
.p-2\.5{padding:calc(var(--spacing) * 2.5)}
.p-3{padding:calc(var(--spacing) * 3)}
.p-3\.5{padding:calc(var(--spacing) * 3.5)}
.p-4{padding:calc(var(--spacing) * 4)}
.p-6{padding:calc(var(--spacing) * 6)}
.p-8{padding:calc(var(--spacing) * 8)}
.p-\[2\.5px\]{padding:2.5px}
.p-\[3px\]{padding:3px}
.p-px{padding:1px}
.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
.underline{text-decoration-line:underline}
.accent-ink{accent-color:var(--color-ink)}
.accent-text{accent-color:var(--color-text)}
.outline{outline-style:var(--tw-outline-style);outline-width:1px}
.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.placeholder\:text-ink\/30::placeholder{color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.placeholder\:text-ink\/30::placeholder{color:color-mix(in oklab,var(--color-ink) 30%,transparent)}
}
.placeholder\:text-ink\/50::placeholder{color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.placeholder\:text-ink\/50::placeholder{color:color-mix(in oklab,var(--color-ink) 50%,transparent)}
}
@media(hover:hover){
.hover\:border-ink\/10:hover{border-color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.hover\:border-ink\/10:hover{border-color:color-mix(in oklab,var(--color-ink) 10%,transparent)}
}
.hover\:border-ink\/20:hover{border-color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.hover\:border-ink\/20:hover{border-color:color-mix(in oklab,var(--color-ink) 20%,transparent)}
}
.hover\:border-primary:hover{border-color:var(--color-primary)}
.hover\:border-primary\/30:hover{border-color:#b9f2274d}
@supports (color:color-mix(in lab,red,red)){
.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}
}
.hover\:border-red-500\/30:hover{border-color:#fb2c364d}
@supports (color:color-mix(in lab,red,red)){
.hover\:border-red-500\/30:hover{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}
}
.hover\:bg-\[var\(--color-bg-card\)\]:hover{background-color:var(--color-bg-card)}
.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}
.hover\:bg-ink\/5:hover{background-color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.hover\:bg-ink\/5:hover{background-color:color-mix(in oklab,var(--color-ink) 5%,transparent)}
}
.hover\:bg-ink\/10:hover{background-color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.hover\:bg-ink\/10:hover{background-color:color-mix(in oklab,var(--color-ink) 10%,transparent)}
}
.hover\:bg-ink\/\[0\.02\]:hover{background-color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.hover\:bg-ink\/\[0\.02\]:hover{background-color:color-mix(in oklab,var(--color-ink) 2%,transparent)}
}
.hover\:bg-primary:hover{background-color:var(--color-primary)}
.hover\:bg-primary\/10:hover{background-color:#b9f2271a}
@supports (color:color-mix(in lab,red,red)){
.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}
}
.hover\:text-ink:hover,.hover\:text-ink\/60:hover{color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.hover\:text-ink\/60:hover{color:color-mix(in oklab,var(--color-ink) 60%,transparent)}
}
.hover\:text-ink\/70:hover{color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.hover\:text-ink\/70:hover{color:color-mix(in oklab,var(--color-ink) 70%,transparent)}
}
.hover\:text-ink\/80:hover{color:var(--color-ink)}
@supports (color:color-mix(in lab,red,red)){
.hover\:text-ink\/80:hover{color:color-mix(in oklab,var(--color-ink) 80%,transparent)}
}
.hover\:text-primary:hover{color:var(--color-primary)}
.hover\:text-red-400:hover{color:var(--color-red-400)}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:opacity-100:hover{opacity:1}
.hover\:shadow-\[0_0_20px_rgba\(185\,242\,39\,0\.3\)\]:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#b9f2274d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.hover\:shadow-\[0px_0px_20px_0px_rgba\(185\,242\,39\,0\.20\)\]:hover{--tw-shadow:0px 0px 20px 0px var(--tw-shadow-color,#b9f22733);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
}
.focus\:border-\[var\(--color-accent\)\]:focus{border-color:var(--color-accent)}
.focus\:border-primary\/40:focus{border-color:#b9f22766}
@supports (color:color-mix(in lab,red,red)){
.focus\:border-primary\/40:focus{border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}
}
.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
.active\:scale-\[0\.97\]:active{scale:.97}
.active\:bg-primary:active{background-color:var(--color-primary)}
.active\:shadow-\[0px_0px_20px_0px_rgba\(185\,242\,39\,0\.20\)\]:active{--tw-shadow:0px 0px 20px 0px var(--tw-shadow-color,#b9f22733);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:opacity-30:disabled{opacity:.3}
.disabled\:opacity-50:disabled{opacity:.5}
@media(min-width:900px){
.lg\:top-1\/2{top:50%}
.lg\:right-6{right:calc(var(--spacing) * 6)}
.lg\:right-auto{right:auto}
.lg\:bottom-auto{bottom:auto}
.lg\:left-1\/2{left:50%}
.lg\:left-auto{left:auto}
.lg\:mt-4{margin-top:calc(var(--spacing) * 4)}
.lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
.lg\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
.lg\:block{display:block}
.lg\:flex{display:flex}
.lg\:grid{display:grid}
.lg\:hidden{display:none}
.lg\:h-11{height:calc(var(--spacing) * 11)}
.lg\:w-11{width:calc(var(--spacing) * 11)}
.lg\:w-\[420px\]{width:420px}
.lg\:min-w-\[210px\]{min-width:210px}
.lg\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}
.lg\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:gap-6{gap:calc(var(--spacing) * 6)}
.lg\:p-8{padding:calc(var(--spacing) * 8)}
.lg\:p-12{padding:calc(var(--spacing) * 12)}
.lg\:px-2{padding-inline:calc(var(--spacing) * 2)}
.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
.lg\:py-5{padding-block:calc(var(--spacing) * 5)}
.lg\:pb-6{padding-bottom:calc(var(--spacing) * 6)}
.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
.lg\:text-\[11px\]{font-size:11px}
.lg\:text-\[13px\]{font-size:13px}
.lg\:text-\[15\.5px\]{font-size:15.5px}
.lg\:text-\[16px\]{font-size:16px}
.lg\:text-\[17px\]{font-size:17px}
.lg\:text-\[22px\]{font-size:22px}
.lg\:text-\[24px\]{font-size:24px}
}
@media(min-width:40rem){
.sm\:h-24{height:calc(var(--spacing) * 24)}
.sm\:w-24{width:calc(var(--spacing) * 24)}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:flex-row{flex-direction:row}
.sm\:items-center{align-items:center}
.sm\:items-start{align-items:flex-start}
.sm\:justify-start{justify-content:flex-start}
.sm\:gap-2{gap:calc(var(--spacing) * 2)}
.sm\:rounded-2xl{border-radius:var(--radius-2xl)}
.sm\:p-4{padding:calc(var(--spacing) * 4)}
.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
.sm\:text-left{text-align:left}
.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
}
@media(min-width:48rem){
.md\:block{display:block}
.md\:hidden{display:none}
}
.\[\&\:empty\]\:before\:text-gray-600:empty:before{content:var(--tw-content);color:var(--color-gray-600)}
.\[\&\:empty\]\:before\:content-\[attr\(data-placeholder\)\]:empty:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}
}
html{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
html,body{background:var(--paper,#f3f3f1);min-height:100%;color:var(--ink,#0a0a0a);margin:0}
button,a,[role=button],input[type=submit],input[type=button],select,label[for]{cursor:pointer}
@supports (-webkit-touch-callout:none){
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:max(16px,1rem)}
}
[class*=overflow-y-auto],[class*=overflow-y-scroll]{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-ordinal{syntax:"*";inherits:false}
@property --tw-slashed-zero{syntax:"*";inherits:false}
@property --tw-numeric-figure{syntax:"*";inherits:false}
@property --tw-numeric-spacing{syntax:"*";inherits:false}
@property --tw-numeric-fraction{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@keyframes pulse{50%{opacity:.5}}
:root,[data-theme=light]{--paper:#f3f3f1;--panel:#fbfbfa;--panel-2:#f7f7f6;--soft:#ececea;--line:#dadad7;--hairline:#ebebeb;--ink:#0a0a0a;--ink-2:#333333;--ink-3:#555555;--muted:#777777;--faint:#b0b0b0;--on-ink:#fbfbfa;--accent:#b9f227;--accent-ink:#152000;--accent-text:#4e7800;--c-red:#b33724;--c-blue:#3d62d7;--c-orange:#8a5a12;--c-green:#367900;--tint-accent:#f6fbea;--tint-blue:#e6f0fd;--tint-red:#fde8e6;--tint-orange:#fff0e6;--panel-glass:rgba(251,251,250,.97);color-scheme:light}
[data-theme=dark]{--paper:#121212;--panel:#1e1e1e;--panel-2:#262626;--soft:#333333;--line:#3d3d3d;--hairline:#2e2e2e;--ink:#f2f2f2;--ink-2:#d8d8d8;--ink-3:#c0c0c0;--muted:#9a9a9a;--faint:#6a6a6a;--on-ink:#121212;--accent:#b9f227;--accent-ink:#152000;--accent-text:#c9ee6a;--c-red:#f08a78;--c-blue:#8aa4f7;--c-orange:#e0b060;--c-green:#8fd14f;--tint-accent:#1f2a10;--tint-blue:#141c30;--tint-red:#2e1512;--tint-orange:#2e1e10;--panel-glass:rgba(30,30,30,.97);color-scheme:dark}
:root{--rail:88px;--feed:640px;--context:318px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}
body{font-size:15px;line-height:21px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.icon{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app{min-height:100vh}
.desktop-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);border-right:1px solid var(--hairline);background:var(--panel);display:flex;flex-direction:column;align-items:center;z-index:20}
.brand{margin:22px 0 34px;width:43px;height:43px;border:0;background:var(--ink);color:var(--on-ink);border-radius:14px;display:grid;place-items:center;font-weight:850;font-size:17px;letter-spacing:-1px}
.rail-nav{display:flex;flex-direction:column;gap:14px}
.profile{width:36px;height:36px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:750;font-size:13px;margin-bottom:24px;border:0}
.feed{min-width:0;border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);min-height:100vh;background:var(--panel)}
.search{border:0;background:transparent;outline:0;flex:1;min-width:0;height:44px;padding:0;font-size:15px}
.search::placeholder{color:var(--muted)}
.tabs,.chips{display:flex;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}
.tabs{height:42px;padding:0 8px;gap:2px}
.tab{position:relative;flex:1;min-width:74px;border:0;background:transparent;font-size:14px;color:var(--muted)}
.tab.active{font-weight:750;color:var(--ink)}
.tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--ink);border-radius:2px}
.chips{gap:7px;padding:10px 12px;border-top:1px solid var(--hairline)}
.chip{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 11px;white-space:nowrap;font-size:13px;line-height:18px}
.chip.active{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}
.chip.sale.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:750}
.date-separator{height:44px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}
.date-separator span{color:var(--muted);font-weight:500;margin-left:7px}
.thread{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:16px 14px 15px 12px;border-bottom:1px solid var(--line);transition:background .15s}
.thread:hover{background:var(--panel)}
.thread.selected{background:var(--tint-accent)}
.avatar{width:36px;height:36px;border-radius:50%;border:1px solid #cfcfcf;display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:-.3px;background:var(--panel);position:relative}
.avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;background:var(--ink);border:2px solid #fff;border-radius:50%}
.avatar.baseball{border-radius:12px}
.byline{display:flex;align-items:center;min-width:0;height:21px}
.league{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.time{margin-left:auto;color:var(--muted);white-space:nowrap}
.sale-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #9aca1f;margin:0 0 0 7px}
.teams{margin-top:3px;display:flex;align-items:center;gap:8px;font-size:16px;line-height:22px;font-weight:650;letter-spacing:-.2px}
.teams .away{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.versus{font-size:13px;color:var(--muted);font-weight:500}
.state{font-size:13px;color:var(--muted);margin-top:1px}
.odds{margin-top:9px;background:var(--soft);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}
.odd{border:0;background:transparent;padding:8px 8px 7px;text-align:left;min-width:0}
.odd+.odd{border-left:1px solid var(--line)}
.odd-label{display:block;font-size:13px;line-height:17px;color:var(--muted)}
.odd-value{display:flex;align-items:baseline;gap:5px;font-size:16px;line-height:21px;font-weight:760;font-variant-numeric:tabular-nums}
.move{font-size:13px;font-weight:600}
.signals{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.signal{font-size:13px;line-height:18px;color:var(--ink-3)}
.signal b{color:var(--ink)}
.actions{display:flex;align-items:center;gap:22px;margin-top:10px}
.action{border:0;background:transparent;padding:0;color:var(--ink-3);display:flex;align-items:center;gap:5px;height:30px}
.action .icon{width:22px;height:22px}
.action span{font-size:13px}
.action:hover,.action.active{color:var(--ink)}
.action.bet.active{color:var(--accent-text);font-weight:700}
.context{position:sticky;top:26px;height:calc(100vh - 52px);padding-top:26px;overflow:auto;scrollbar-width:none}
.context::-webkit-scrollbar{display:none}
.selection{padding:16px}
.selection.empty{color:var(--muted);min-height:170px;display:flex;align-items:center}
.units{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 10px}
.unit{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:13px}
.unit.active{background:var(--soft);border-color:var(--faint);font-weight:700}
.mobile-nav,.sheet-wrap{display:none}
@media(max-width:1100px){
.context{display:none}
}
@media(max-width:720px){
html,body{height:auto;min-height:100%;overflow:visible;overscroll-behavior-y:auto}
.app{height:auto;display:block;overflow:visible}
.desktop-rail{display:none}
.feed{border:0;width:100%;overflow:visible;padding-bottom:calc(112px + env(safe-area-inset-bottom))}
.tabs{height:40px}
.tabs .tab{min-width:68px}
.chips{padding:9px 12px}
.thread{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:15px 12px}
.avatar{width:36px;height:36px}
.odds{margin-top:8px}
.odd{padding:7px 7px 6px}
.actions{justify-content:space-between;gap:0;margin-right:3px}
.action{min-width:44px;justify-content:center}
.action span{display:none}
.date-separator{padding:0 12px}
.mobile-nav{display:flex;position:fixed;inset:auto 0 0;z-index:40;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel-glass);border-top:1px solid var(--line);align-items:center;justify-content:space-around}
.mobile-nav a,.mobile-nav button{height:54px;min-width:58px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center}
.mobile-nav a.active,.mobile-nav button.active{color:var(--ink)}
.mobile-nav .icon{width:24px;height:24px}
.sheet{width:100%;background:var(--panel);border-radius:18px 18px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));animation:rise .18s ease-out;max-height:76vh;overflow:auto}
.sheet .units{margin-bottom:14px}
.sheet .unit{height:44px}
.thread.selected{background:var(--panel)}
@keyframes rise{0%{transform:translateY(20px);opacity:.7}to{transform:none;opacity:1}}
}
@media(max-width:370px){
.chip{padding-left:9px;padding-right:9px}
.teams,.odd-value{font-size:15px}
}
.feed-avatar{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;font-size:13px;font-weight:800;flex:0 0 auto;border:0;letter-spacing:-.4px}
.filter-bar{border-bottom:1px solid var(--line);background:var(--panel)}
.filter-row{display:flex;align-items:center;gap:7px;padding:8px 12px;overflow-x:auto;scrollbar-width:none}
.filter-row::-webkit-scrollbar{display:none}
.filter-row+.filter-row{border-top:1px solid var(--hairline)}
.filter-pill{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:4px 11px;font-size:13px;line-height:18px;white-space:nowrap}
.filter-pill.active{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}
.feed-post{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:14px 16px 3px;border-bottom:1px solid var(--line);text-align:left}
.feed-post:hover{background:var(--panel)}
.post-rail{position:relative}
.post-rail:after{content:"";position:absolute;top:45px;bottom:2px;left:17px;width:1px;background:var(--line)}
.post-main{min-width:0}
.post-head{display:flex;align-items:center;gap:5px;min-height:22px;flex-wrap:wrap}
.post-head b{font-size:15px}
.verified{font-size:13px;font-weight:800;color:var(--c-blue)}
.bot-badge,.category-badge{font-size:13px;line-height:19px;padding:0 6px;border-radius:5px;background:var(--soft);font-weight:750}
.post-time{margin-left:auto;color:var(--muted);font-size:13px}
.post-body{font-size:15px;line-height:21px;margin-top:3px;white-space:pre-line}
.media{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.bet-slip{padding:12px}
.post-actions{height:45px;display:flex;align-items:center;gap:23px}
.react{border:0;background:transparent;padding:6px 0;display:flex;align-items:center;gap:5px;color:var(--ink-3);font-size:13px}
.react .icon{width:20px;height:20px}
.react.liked{color:var(--ink);font-weight:800}
.react.liked .icon{fill:#111}
.compose-wrap{display:none;position:fixed;inset:0;z-index:100;background:#00000059;align-items:center;justify-content:center;padding:20px}
.compose-wrap.open{display:flex}
.compose-sheet{width:560px;max-height:88vh;overflow:auto;background:var(--panel);border-radius:16px;padding:0 18px 18px}
.compose-head{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);position:sticky;top:0;background:var(--panel);z-index:1}
.compose-head strong{font-size:15px}
.compose-close{border:0;background:transparent;font-size:26px;width:32px}
.compose-user{display:grid;grid-template-columns:36px 1fr;gap:10px;padding-top:14px}
.compose-fields label{display:block;font-size:13px;color:var(--muted);margin:12px 0 5px}
.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.compose-fields select,.compose-fields input[type=text],.compose-fields textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:var(--panel);font-size:15px}
.compose-fields textarea{height:118px;resize:none;font:inherit;line-height:21px}
.compose-submit{width:100%;height:44px;border:0;border-radius:10px;background:var(--ink);color:var(--on-ink);font-weight:800;margin-top:15px;font-size:15px}
.compose-submit:disabled{background:var(--faint)}
.compose-help{font-size:13px;line-height:18px;color:var(--muted);margin-top:6px}
.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--ink);color:var(--on-ink);border-radius:20px;padding:9px 15px;z-index:150;font-size:13px;display:none;max-width:88vw;text-align:center}
.toast.show{display:block}
@media(max-width:720px){
.filter-row{padding-left:12px;padding-right:12px}
.filter-row.categories{padding-top:7px;padding-bottom:7px}
.feed-post{padding:13px 12px 3px;grid-template-columns:36px minmax(0,1fr);gap:9px}
.post-actions{justify-content:space-between;gap:0;margin-right:8px}
.compose-wrap{padding:0;align-items:flex-end}
.compose-sheet{width:100%;border-radius:18px 18px 0 0;max-height:92vh;padding:0 14px calc(10px + env(safe-area-inset-bottom));animation:rise .18s ease-out}
.compose-grid{grid-template-columns:1fr 1fr;gap:6px}
.compose-head{height:50px}
.compose-user{padding-top:8px}
.compose-fields label{margin:8px 0 4px}
.compose-fields select,.compose-fields input[type=text],.compose-fields textarea{padding:8px 10px}
.compose-fields textarea{height:92px}
.compose-submit{height:42px;margin-top:10px}
.compose-help{margin-top:5px}
}
.topbar{position:sticky;top:0;z-index:14;background:var(--panel);border-bottom:1px solid var(--line)}
.topbar-row{min-height:56px;display:flex;align-items:center;gap:4px;padding:0 10px 0 4px}
.icon-btn{width:44px;height:44px;border:0;background:transparent;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);flex:0 0 auto}
.icon-btn:hover{background:var(--soft);color:var(--ink)}
.icon-btn.tight{width:38px;height:38px}
.topbar-title{font-size:16px;line-height:22px;font-weight:750;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-titles{flex:1;min-width:0;padding-left:2px}
.topbar-sub{display:block;font-size:13px;line-height:17px;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:2px}
.section{border-bottom:1px solid var(--line);padding:16px}
.section.tight{padding:13px 16px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.section-head strong{font-size:15px;line-height:21px}
.section-head span,.section-head button{font-size:13px;color:var(--muted)}
.section-head button{border:0;background:transparent;padding:0;text-decoration:underline}
.section p{margin:0;font-size:15px;line-height:21px}
.muted{color:var(--muted)}
.small{font-size:13px;line-height:18px}
.kv{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--hairline);font-size:15px;line-height:21px}
.kv:last-child{border-bottom:0}
.kv dt{color:var(--muted);font-size:13px;margin:0}
.kv dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.stat{padding:12px 10px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stat b{display:block;font-size:16px;line-height:22px;font-weight:780;font-variant-numeric:tabular-nums}
.stat small{display:block;font-size:13px;line-height:18px;color:var(--muted);margin-top:2px}
.stat b.pos{color:var(--accent-text)}
.stat b.neg{color:var(--c-red)}
.btn{height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-size:15px;font-weight:700;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn.block{width:100%;display:flex}
.btn.dark{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.btn.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:800}
.btn.ghost{background:var(--panel);color:var(--ink-2)}
.btn.danger{color:var(--c-red);border-color:#e6cbc6}
.btn.sm{height:36px;font-size:13px;padding:0 12px;border-radius:9px}
.btn:disabled{background:var(--soft);color:var(--muted);border-color:var(--line);font-weight:650}
.field{margin-bottom:14px}
.field>label,.field-label{display:block;font-size:13px;line-height:18px;color:var(--muted);margin-bottom:5px}
.field input[type=text],.field input[type=tel],.field input[type=password],.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--panel);font-size:15px;line-height:21px}
.field textarea{resize:none;height:110px}
.field .hint{font-size:13px;line-height:18px;color:var(--muted);margin-top:5px}
.field .err{font-size:13px;line-height:18px;color:var(--c-red);margin-top:5px}
.switch{width:46px;height:27px;border-radius:14px;border:1px solid var(--line);background:var(--soft);position:relative;flex:0 0 auto;padding:0}
.switch:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--panel);box-shadow:0 1px 2px #0003;transition:left .15s}
.switch.on{background:var(--accent);border-color:#a8dd21}
.switch.on:after{left:21px}
.sample-tag{display:inline-block;font-size:13px;line-height:18px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:0 6px;background:var(--panel-2);white-space:nowrap}
.match-hero{padding:16px 16px 14px;border-bottom:1px solid var(--line)}
.match-hero .byline{height:auto;margin-bottom:6px;font-size:13px;color:var(--muted);gap:7px}
.match-hero .byline .league{font-size:13px}
.hero-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:6px 0 4px}
.hero-team{text-align:center}
.hero-team .feed-avatar{margin:0 auto 7px;width:44px;height:44px;background:var(--soft);color:var(--ink-2);font-size:13px}
.hero-team b{font-size:16px;line-height:22px;font-weight:700;display:block}
.hero-team small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.data-table{width:100%;border-collapse:collapse;font-size:15px}
.data-table th,.data-table td{padding:9px 6px;border-bottom:1px solid var(--hairline);text-align:center;font-variant-numeric:tabular-nums}
.data-table th{font-size:13px;color:var(--muted);font-weight:600}
.data-table td.label{color:var(--muted);font-size:13px}
.data-table tr:last-child td{border-bottom:0}
.bar{height:8px;background:var(--soft);border-radius:5px;display:flex;overflow:hidden}
.bar i{display:block;height:100%}
.bar i.a{background:var(--ink)}
.bar i.b{background:var(--line)}
.slip-bar{position:sticky;bottom:0;z-index:16;background:var(--panel-glass);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}
.slip-bar .grow{flex:1;min-width:0}
.slip-bar b{display:block;font-size:15px;line-height:21px}
.slip-bar small{display:block;font-size:13px;line-height:18px;color:var(--muted)}
.slip-bar .btn{flex:0 0 auto}
.pick{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}
.pick b{font-size:15px;line-height:21px;font-weight:650}
.pick small{display:block;font-size:13px;line-height:18px;color:var(--muted);margin-top:2px}
.pick .odds-val{font-size:16px;font-weight:780;font-variant-numeric:tabular-nums}
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.market-odd{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 6px;text-align:center;min-height:56px}
.market-odd span{display:block;font-size:13px;line-height:18px;color:var(--muted)}
.market-odd b{display:block;font-size:14px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums}
.market-odd.active{border:2px solid var(--accent-ink);background:var(--tint-accent)}
.market-odd:disabled{background:var(--panel-2);color:var(--faint)}
.status-tag{display:inline-block;font-size:13px;line-height:20px;font-weight:750;padding:0 8px;border-radius:6px;background:var(--soft);color:var(--ink-3);white-space:nowrap}
.status-tag.lost{background:#fbeceа;background:var(--tint-red);color:var(--c-red)}
.status-tag.cancelled{background:var(--soft);color:var(--muted)}
.bet-card{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--panel);padding:14px 16px}
.bet-card:hover{background:var(--panel-2)}
.profile-head{padding:18px 16px 14px;border-bottom:1px solid var(--line)}
.comment{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}
.comment.reply{padding-left:44px;background:var(--panel)}
.comment .feed-avatar{width:32px;height:32px;font-size:13px}
.timer{font-size:13px;color:var(--c-red);font-variant-numeric:tabular-nums}
.pin{display:inline-block;font-size:13px;line-height:20px;padding:0 7px;border-radius:6px;background:var(--ink);color:var(--on-ink);font-weight:700;margin-right:6px}
.screen-pad{height:24px}
.pill-note{display:flex;gap:8px;align-items:center;font-size:13px;line-height:18px;color:var(--muted);padding:11px 16px;border-bottom:1px solid var(--line)}
.tag{font-size:13px;line-height:20px;padding:0 8px;border-radius:6px;background:var(--soft);color:var(--ink-3)}
@media(max-width:720px){
.topbar-row{min-height:52px;padding-left:2px}
.section{padding:14px 12px}
.comment{padding:12px}
.comment.reply{padding-left:34px}
.stat b{font-size:16px}
.profile-head{padding:16px 12px 12px}
.match-hero{padding:14px 12px 12px}
.bet-card{padding:13px 12px}
.pick{padding:12px}
.slip-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom));bottom:calc(66px + env(safe-area-inset-bottom))}
.screen-pad{height:12px}
}
@media(max-width:370px){
.stat:nth-child(3){border-left:0}
.market-grid{gap:5px}
}
.applied{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:13px;line-height:18px;background:var(--panel);white-space:nowrap;flex:0 0 auto}
.applied b{font-weight:700}
.applied .x{color:var(--muted);font-size:14px;line-height:1}
.date-separator{height:40px;background:var(--panel);border-top:1px solid var(--hairline)}
.thread{padding:12px 14px 11px 12px}
.teams{margin-top:0;gap:7px}
.teams .home{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teams .score{font-size:18px;line-height:24px;font-weight:820;letter-spacing:-.4px;font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 0 auto}
.match-state{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;line-height:18px;font-weight:650;color:var(--muted);white-space:nowrap}
.match-state.sale{color:var(--accent-text)}
.match-state.closed{color:var(--ink-2)}
.match-state.void{color:var(--c-red)}
.match-state.stop{color:var(--c-orange)}
.match-state .sale-dot{margin:0}
.byline{height:auto;min-height:19px;margin-top:3px;font-size:13px;line-height:19px;color:var(--muted)}
.byline .league{font-weight:650;color:var(--ink-3);flex:0 0 auto}
.byline .state{margin-top:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;line-height:19px}
.byline .time{color:var(--muted);font-weight:650}
.byline>span+span:not(.time):before{content:"·";margin:0 6px;color:var(--faint)}
.odds{margin-top:10px}
.odd.hit{background:var(--tint-accent)}
.odd.locked,.odd:disabled{background:var(--soft);cursor:default}
.odd.locked .odd-label,.odd.locked .odd-value,.odd.locked .move{color:var(--muted)}
.move.hit{color:var(--accent-text);font-weight:750}
.signals{margin-top:9px;gap:6px}
.signal{color:var(--muted)}
.signal b{color:var(--ink-3);font-weight:650}
.actions{margin-top:9px;gap:20px}
.hero-score{text-align:center;min-width:0}
.hero-score b{display:block;font-size:30px;line-height:36px;font-weight:830;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}
.hero-score small{display:block;font-size:13px;line-height:18px;color:var(--muted);margin-top:2px}
.hero-status{display:inline-flex;align-items:center;gap:5px;font-size:13px;line-height:22px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:0 10px;background:var(--panel)}
.hero-status.sale{color:var(--accent-text);border-color:#dcebb6;background:var(--tint-accent)}
.hero-band{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.category-badge{background:transparent;padding:0;font-weight:500;color:var(--muted)}
.post-head b+.category-badge,.post-head .bot-badge+.category-badge,.post-head .verified+.category-badge{margin-left:1px}
.verified{color:var(--c-blue)}
.streak{font-size:13px;line-height:19px;color:var(--muted)}
.status-tag{background:var(--soft);font-weight:700}
.status-tag.won{background:var(--tint-accent);color:var(--accent-text)}
.status-tag.lost{background:var(--tint-red);color:var(--c-red)}
.status-tag.pending{background:var(--tint-orange);color:var(--c-orange)}
.section-head{margin-bottom:11px}
.pill-note{color:var(--muted)}
.cta-row{display:flex;align-items:center;gap:12px;margin-top:13px}
.cta-row .small{flex:1;min-width:0}
.cta-row .btn{flex:0 0 auto}
@media(max-width:720px){
.thread{padding:12px 12px 11px}
.date-separator{height:38px}
.teams .score{font-size:17px;line-height:23px}
.actions{gap:0;justify-content:space-between;margin-right:0}
.action{min-width:0;justify-content:center;gap:5px;padding:0;height:44px}
.action span{display:inline;font-size:13px}
.action.share span{display:none}
.action .icon{width:20px;height:20px}
.hero-score b{font-size:27px;line-height:33px}
}
@media(max-width:370px){
.teams .score{font-size:16px}
.actions{gap:0}
.action .icon{width:19px;height:19px}
}
.tlogo,.llogo{display:block;flex:0 0 auto}
.team-cell,.league-cell{display:inline-flex;align-items:center;gap:5px;min-width:0}
.team-cell .tname,.league-cell .lname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teams .home,.teams .away{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:visible;text-overflow:clip}
.hero-team .tlogo{margin:0 auto 7px}
.desktop-rail{justify-content:flex-start}
.brand{margin:18px 0 14px}
.rail-nav{gap:6px}
.match-tabs{position:sticky;top:57px;z-index:11;background:var(--panel-glass);border-bottom:1px solid var(--line)}
.match-tabs .tabs{height:44px;border-bottom:0}
.data-toc{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.data-toc::-webkit-scrollbar{display:none}
.data-toc .chip{flex:0 0 auto}
@media(max-width:390px){
.data-toc{flex-wrap:wrap;overflow:visible;column-gap:6px;row-gap:7px}
.data-toc .chip{flex:0 0 auto;max-width:100%}
}
.data-section{scroll-margin-top:104px}
.hero-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.hero-actions .small{flex:1;min-width:0}
.hero-actions .btn{flex:0 0 auto}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
.match-tabs{top:57px}
}
@media(max-width:720px){
.tabs{height:44px}
.tabs .tab{min-width:66px}
.date-separator{height:34px}
.thread{padding:11px 12px 10px}
.mobile-nav{height:calc(52px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);box-shadow:none;padding:0;justify-content:space-between;align-items:stretch}
.mobile-nav a,.mobile-nav button{flex:1 1 25%;width:25%;min-width:0;height:52px;border:0;border-radius:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0}
.mobile-nav .nav-ico{display:grid;place-items:center;width:26px;height:26px;min-width:26px;border-radius:0;background:transparent;color:inherit;flex:0 0 auto}
.mobile-nav .icon{width:24px;height:24px}
.mobile-nav a.active,.mobile-nav button.active{color:var(--ink)}
.slip-bar,.comment-form{bottom:calc(58px + env(safe-area-inset-bottom))}
.match-tabs{top:53px}
.match-tabs .tabs{height:44px}
}
body,.section p,.post-body,.comment-body,.comm-reason,.profile-bio,.empty-feed,.comm-empty,.search-empty,.step-list li,.agree-row,.mention-pop button,.recent-row button.term{font-size:15px;line-height:20px}
.post-body,.comment-body{margin-top:3px}
.topbar-title,.head-title strong,.social-title strong,.sheet-head strong,.compose-head strong,.context-title,.roi-head strong{font-size:15px;line-height:20px;font-weight:700}
.section-head strong{font-size:14px;line-height:19px;font-weight:700}
.teams{font-size:15px;line-height:20px;font-weight:600}
.teams .score{font-size:16px;line-height:21px;font-weight:750;letter-spacing:-.3px}
.odd-value,.hero-odd b,.pick .odds-val,.sheet-option b,.selection .sel-teams,.hero-team b,.hero-mid b,.slip-teams,.match-preview strong{font-size:15px;line-height:20px;font-weight:700}
.market-odd b{font-size:14px;line-height:19px;font-weight:500}
.stat b,.rank-val b,.rank-no{font-size:16px;line-height:21px;font-weight:700}
.hero-score b{font-weight:780}
.feed-post .post-head b{font-size:14px;line-height:19px;letter-spacing:-.01em}
.feed-post .post-body{font-size:14px;line-height:20px;letter-spacing:-.01em;margin-top:4px}
.feed-post.detail .post-body{font-size:15px;line-height:21px}
@media(min-width:721px){
.feed-post .post-head b{font-size:15px;line-height:20px}
.feed-post .post-title,.feed-post .post-body{font-size:15px;line-height:21px}
.feed-post.detail .post-body{font-size:16px;line-height:23px}
.feed-post .post-time{font-size:13px}
}
.post-head b,.comment-head b,.list-row b,.rank-row b,.noti b,.switch-row .grow b,.more-item b,.pick b,.slip-bar b,.roi-person b,.picker b{font-weight:600}
.post-head b,.comment-head b{font-size:15px;line-height:20px}
.tab{font-size:13px}
.tab.active{font-weight:700}
.chip,.filter-pill,.filter-toggle,.applied,.sel-odd,.unit,.seg .chip{font-size:12px;line-height:17px}
.chip.sale.active,.filter-toggle[aria-expanded=true]{font-weight:700}
.btn{font-size:13px;font-weight:650}
.btn.accent,.btn.dark{font-weight:700}
.btn.sm{font-size:12px}
.post-btn,.feed-quick .qpost,.compose-submit{font-size:12px;line-height:17px;font-weight:700}
.compose-submit{font-size:14px}
.byline,.byline .state,.byline .time,.byline .match-no,.byline .league,.byline .league-cell .lname,.match-state,.odd-label,.move,.signal,.state,.post-time,.post-note,.streak,.verified,.bot-badge,.category-badge,.react,.slip-top,.slip-choice,.picker b,.picker small,.feed-count,.filter-label,.filter-summary,.league-group,.league-group b,.league-group .league-cell .lname,.date-separator,.date-separator span,.topbar-sub,.small,.list-row small,.list-row .trail,.kv dt,.stat small,.rank-row small,.rank-val small,.field>label,.field-label,.field .hint,.field .err,.hint,.sample-tag,.status-tag,.oneleg,.tag,.pin,.comment-acts button,.news-item .news-meta,.news-act,.news-thumb,.pill-note,.notice-band,.disclaimer,.context-note,.feed-more,.bet-card-foot,.bet-card-top .when,.pick small,.market-name,.roi-person small,.roi-value,.roi-head span,.result-group-title,.more-item small,.noti small,.round-now .rstate,.round-bar .rcount,.compose-help,.compose-fields label,.chart-axis,.bar-row,.form-dots i,.unit-label,.profile-meta,.profile-top small,.my-bet,.upload-row,.board-upload,.match-preview small,.match-preview span,.match-jump .btn,.slip-bar small,.section-head span,.section-head button,.toast,.timer,.step-list li small,.auth-wrap>p,.hero-odd span,.hero-status,.hero-team small,.hero-mid,.hero-score small,.market-odd span,.versus,.comm-pick .cp-odds,.data-table th,.data-table td.label,.selection .sel-league,.context-title span,.top-pickers-head span,.bet-card-legs span:last-child,.news-mark,.logo-badge,.avatar,.feed-avatar{font-size:12px;line-height:17px}
.data-table{font-size:14px}
.disclaimer,.notice-band,.pill-note,.feed-more,.context-note,.status-tag,.oneleg,.tag,.pin,.bot-badge{line-height:18px}
.league,.byline .league,.byline .league-cell .lname,.league-group b,.league-group .league-cell .lname,.date-separator,.match-state{font-weight:600}
.kv,.switch-row .grow b,.list-row b{font-size:15px;line-height:20px}
.kv dd{font-weight:600}
.section{padding:14px 16px}
.section.tight{padding:11px 16px}
.section-head{margin-bottom:9px}
.kv{padding:7px 0}
.stat{padding:10px}
.field{margin-bottom:12px}
.thread{padding:11px 14px 10px 12px}
.odds{margin-top:8px}
.actions,.signals{margin-top:7px}
.post-actions{height:41px}
.comment{padding:12px 16px}
@media(max-width:720px){
.section{padding:12px}
.section.tight{padding:10px 12px}
.thread{padding:10px 12px 9px}
.comment{padding:11px 12px}
.teams .score{font-size:16px;line-height:21px}
.action span{font-size:12px}
}
.rail-nav{flex:1 1 auto;width:100%;align-items:center;gap:0;padding-bottom:16px}
.byline>span+span:before{content:"·";margin:0 6px;color:var(--faint)}
.byline .when{flex:0 0 auto;color:var(--ink-3);font-weight:650;font-variant-numeric:tabular-nums;font-size:12px;line-height:17px;white-space:nowrap}
.byline .state{flex:0 1 auto}
.match-hero .byline{flex-wrap:wrap;row-gap:2px}
.bet-row{padding-top:12px;padding-bottom:10px}
.bet-row+.bet-row{border-top:1px solid var(--line)}
.market-grid{gap:6px;margin-top:5px}
.market-odd{min-height:44px;height:44px;padding:2px 6px;border-radius:9px;border-color:var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.market-odd span{font-size:13px;line-height:16px;font-weight:600;color:var(--ink-2)}
.market-odd b{line-height:19px}
.market-odd.active{border-width:1px;box-shadow:inset 0 0 0 1px var(--accent-ink)}
.market-odd.active span{color:var(--accent-text)}
.market-odd:disabled span,.market-odd:disabled b{color:var(--faint)}
.media.bet-slip{padding:0}
@media(max-width:720px){
.bet-row{padding-top:11px;padding-bottom:9px}
}
.feed-bet-summary{margin:10px 12px 12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel-2)}
.feed-bet-summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.feed-bet-summary-head strong{font-size:14px}
.feed-bet-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.feed-bet-summary-grid div{min-width:0}
.feed-bet-summary-grid small{display:block;color:var(--muted);font-size:12px;line-height:17px}
.feed-bet-summary-grid b{display:block;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){
.feed-bet-summary-grid{gap:4px}
.feed-bet-summary{margin-left:10px;margin-right:10px}
.mobile-nav{z-index:60}
}
.fab{position:fixed;right:20px;bottom:28px;width:56px;height:56px;min-width:56px;border-radius:50%;border:0;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;z-index:45;box-shadow:0 6px 18px #00000038}
.fab .icon{width:26px;height:26px;stroke-width:2}
.fab:hover{background:var(--ink)}
.tab{white-space:nowrap}
.topbar-titles{min-width:0;display:flex;flex-direction:column;justify-content:center}
.topbar-title,.topbar-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){
.fab{right:16px;bottom:calc(74px + env(safe-area-inset-bottom));width:56px;height:56px}
.match-tabs{position:static;top:auto}
.mobile-nav a,.mobile-nav button{flex:1 1 25%;width:25%}
}
.mobile-nav a,.rail-btn{text-decoration:none}
a.list-row,a.more-item,a.rank-row,a.bet-card,a.roi-person,a.picker,a.past-row,a.past-link,a.noti,a.thread,a.feed-post,a.news-open,a.match-preview,a.btn,a.add-bet,a.rail-btn,a.tq-btn,a.icon-btn,a.action,a.react,a.receipt-act,a.round-choice,a.sheet-action,a.more-link,a.chip,a.filter-pill,a.tab,a.feed-tab,a.legal-a,.mobile-nav a,.legal-links a{color:inherit;text-decoration:none}
a.brand,a.mobile-logo{color:#fff;text-decoration:none}
@media(max-width:720px){
.mobile-nav a{flex:1 1 25%;width:25%;min-width:0;height:52px;border:0;border-radius:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0}
.mobile-nav a.active{color:var(--ink)}
}
svg.icon{display:block}
.screen{min-width:0}
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
.bet-row{padding-top:8px;padding-bottom:8px}
.bet-row .market-grid{margin-top:4px}
a.brand{background:transparent}
.odd.readonly{display:block;padding:8px 8px 7px;text-align:left;min-width:0;cursor:default}
.odd.readonly+.odd.readonly{border-left:1px solid var(--line)}
.market-odd.locked{background:var(--soft);cursor:not-allowed;opacity:.55}
.feed-bet-summary-head{display:flex;align-items:center;gap:6px}
.bet-row{padding:6px 16px 4px}
.bet-row .teams{margin-top:2px}
.bet-row .market-block{border-top:1px solid var(--hairline);padding:6px 0}
.bet-row .market-block:first-of-type{border-top:0;padding-top:8px}
.bet-row .market-grid{margin-top:0;gap:5px}
.bet-row .market-odd{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:9px;min-height:0;height:40px;padding:0 10px;border-radius:9px;border-color:var(--line);background:var(--panel-2)}
.bet-row .market-odd span{display:inline-block;flex:0 0 auto;font-size:13px;line-height:18px;color:var(--ink-3)}
.bet-row .market-odd b{display:inline-block;flex:0 0 auto;font-size:14px;line-height:19px;font-weight:500}
.bet-row .market-odd:not(:disabled):hover{border-color:var(--faint);background:var(--panel)}
.bet-row .market-odd.active{border:1.5px solid var(--accent-ink);background:var(--tint-accent)}
.bet-row .market-odd.active span{color:var(--accent-ink)}
.bet-row .market-odd:disabled{background:var(--soft);border-color:var(--line);color:var(--faint)}
.feed-bet-summary{padding:0;margin:8px 0 4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.feed-bet-summary-head{display:flex;align-items:center;gap:6px;margin:0;padding:7px 12px 6px;border-bottom:1px solid var(--hairline);background:var(--panel)}
.feed-bet-summary-head strong{font-size:13px;line-height:18px;letter-spacing:-.2px}
.feed-bet-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:0}
.feed-bet-summary-grid>div{padding:7px 12px 8px;text-align:left;min-width:0}
.feed-bet-summary-grid>div+div{border-left:1px solid var(--hairline)}
.feed-bet-summary-grid small{display:block;font-size:11px;line-height:15px;color:var(--muted);margin-bottom:0}
.feed-bet-summary-grid b{display:block;font-size:15px;line-height:20px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.move{font-weight:800;font-size:12px;line-height:16px}
.move.up{color:var(--c-green)}
.move.down{color:var(--c-red)}
.odd-value .move{margin-left:5px}
.bet-row .market-odd .move{margin-left:2px;font-size:11px}
.line-tag{flex:0 0 auto;display:inline-block;padding:0 6px;border-radius:6px;font-size:12px;line-height:18px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.line-tag.minus{background:var(--tint-red);color:var(--c-red)}
.line-tag.plus,.line-tag.ou{background:var(--tint-blue);color:var(--c-blue)}
@media(max-width:430px){
.feed-bet-summary-grid{grid-template-columns:.85fr 1.35fr .8fr}
.feed-bet-summary-grid>div{padding:7px 10px 8px}
.feed-bet-summary-grid b{font-size:14px;line-height:19px}
.feed-bet-summary-grid small{font-size:11px}
.thread{padding:14px 14px 13px;gap:8px}
.thread .avatar{width:32px;height:32px}
.thread .teams{flex-wrap:wrap;row-gap:1px;font-size:15px;line-height:20px}
.thread .teams .tname{overflow:visible;text-overflow:clip;white-space:normal;word-break:keep-all}
.thread .match-state{margin-left:auto;flex:0 0 auto}
.thread .odds{margin-top:7px}
.thread .odd{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;height:44px}
.thread .odd .odd-label{display:inline;flex:0 0 auto}
.thread .odd .odd-value{display:inline-flex;flex:0 0 auto;font-size:15px;line-height:20px}
.hero-teams{gap:8px}
.hero-team b{font-size:16px;line-height:22px;word-break:keep-all}
.hero-team small{font-size:12px}
.hero-team svg,.hero-team img{width:36px!important;height:36px!important}
.hero-actions{gap:8px}
.section{padding:15px 14px}
.section-head strong{font-size:14px;line-height:19px}
.section-head span{font-size:12px}
}
.admin-data-html,.data-tab-content{content-visibility:auto;contain-intrinsic-size:auto 520px}
@media(max-width:430px){
.thread{grid-template-columns:minmax(0,1fr);gap:0}
.thread .avatar{display:none}
.search{height:44px;font-size:15px}
.tabs{height:40px}
.tabs .tab{min-width:62px;font-size:13px}
.date-separator{padding:11px 12px 9px;font-size:14px}
}
@media(max-width:720px){
.slip-bar{position:fixed;left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));z-index:30;box-shadow:0 -2px 10px #0000000f}
[data-screen=bet-play] .screen-pad,[data-screen=bet-confirm] .screen-pad,[data-screen=real-submit] .screen-pad{height:96px}
}
.post-actions{justify-content:flex-start;gap:14px;height:40px;margin-top:12px}
.react .icon{width:18px;height:18px}
@media(max-width:430px){
.post-actions{gap:16px;height:40px}
}
@media(max-width:720px){
.post-actions{justify-content:flex-start;gap:14px;margin-right:0}
}
.feed-post.detail .post-body{line-height:21px;margin-top:6px}
.feed-post.detail .post-actions{margin-top:18px;gap:24px}
.feed-post.detail .react{gap:7px}
@media(max-width:720px){
.feed-post.detail .post-actions{gap:24px}
}
.comment.reply{margin-left:44px;background:var(--panel-2);border-radius:10px;padding:10px 12px 8px}
.thread{padding:16px 16px 15px}
.thread .teams{margin-top:5px}
.thread .odds{margin-top:11px}
.thread .odd{height:46px}
@media(max-width:430px){
.thread{padding:15px 14px 14px}
.thread .odd{height:46px}
.thread .odds{margin-top:10px}
}
.cat-badge{display:inline-block;padding:0 7px;border-radius:6px;font-size:11px;line-height:19px;font-weight:800;white-space:nowrap;background:var(--soft);color:var(--ink-3)}
.cat-badge[data-cat=main]{background:var(--tint-accent);color:var(--accent-text)}
.cat-badge[data-cat=sub]{background:var(--tint-blue);color:var(--c-blue)}
.cat-badge[data-cat=high]{background:var(--tint-orange);color:var(--c-orange)}
.cat-badge[data-cat=lottery]{background:#f2e9fb;color:#6b3fa0}
.feed-avatar{position:relative;overflow:hidden}
.feed-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.feed-bet-summary-head .fbs-tags{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
[data-screen=feed] .post-body,[data-screen=feed-detail] .post-body{font-size:15px;line-height:21px;letter-spacing:0;margin-top:5px}
@media(max-width:720px){
[data-screen=home],[data-screen=feed]{padding-top:calc(55px + env(safe-area-inset-top))}
[data-screen=my-stats] .topbar,[data-screen=real-stats] .topbar,[data-screen=profile-stats] .topbar,[data-screen=feed-detail] .topbar{position:fixed;top:0;left:0;right:0;z-index:30;padding-top:env(safe-area-inset-top)}
[data-screen=my-stats],[data-screen=real-stats],[data-screen=profile-stats],[data-screen=feed-detail]{padding-top:calc(53px + env(safe-area-inset-top))}
}
.stats-screen .crit i{font-style:normal;font-weight:700;color:var(--ink-3)}
.stats-screen .axis{margin-top:8px;border:1px solid var(--line);border-radius:12px;padding:2px 12px 9px;background:var(--panel)}
.date-separator{height:auto;padding:12px 16px 10px;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px;line-height:21px;font-weight:850}
.date-separator span{color:var(--ink-3);font-weight:600;margin-left:8px;font-size:13px}
@media(max-width:720px){
.date-separator{padding:11px 12px 9px;font-size:14px}
[data-screen=home] .mobile-top,[data-screen=feed] .mobile-top,.mobile-nav,.topbar{transition:transform .18s ease;will-change:transform}
html[data-bars=hidden] .mobile-nav{transform:translateY(100%)}
.topbar{position:sticky;top:0}
html[data-bars=hidden] .topbar{transform:translateY(-100%)}
.fab,.fab-wrap,.slip-bar,.comment-form{transition:bottom .18s ease}
html[data-bars=hidden] .fab{bottom:calc(16px + env(safe-area-inset-bottom))}
html[data-bars=hidden] .slip-bar,html[data-bars=hidden] .comment-form{bottom:env(safe-area-inset-bottom,0px)}
html{--bars-top: calc(46px + env(safe-area-inset-top)) }
html[data-bars=hidden]{--bars-top:env(safe-area-inset-top,0px)}
[data-screen=match]{--bars-top: calc(53px + env(safe-area-inset-top,0px)) }
html[data-bars=hidden] [data-screen=match]{--bars-top:env(safe-area-inset-top,0px)}
.topbar{padding-top:env(safe-area-inset-top,0px)}
.match-tabs{position:sticky;top:var(--bars-top);z-index:11;background:var(--panel);transition:top .18s ease}
.data-toc{position:sticky;top:calc(var(--bars-top) + 45px);z-index:10;background:var(--panel);transition:top .18s ease}
.thread{content-visibility:auto;contain-intrinsic-size:auto 157px}
.data-section,#pinned-lineup{scroll-margin-top:calc(var(--bars-top) + 45px + 50px + 8px)}
html,body{overscroll-behavior-y:contain}
@keyframes ptr-spin{0%{transform:scale(.6);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.6);opacity:.5}}
}
.hero-status-inline{display:none}
@media(max-width:720px){
.mobile-nav a,.mobile-nav button{gap:2px}
.mobile-nav .icon{width:22px;height:22px}
.match-hero{padding:10px 12px 8px}
.match-hero .byline{flex-wrap:wrap;height:auto;min-height:21px;row-gap:2px}
.match-hero .hero-band{display:none}
.match-hero .byline .hero-status-inline{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.hero-teams{margin:6px 0 2px;gap:6px}
.hero-team{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.hero-team b{font-size:15px;line-height:20px;word-break:keep-all}
.hero-team small{display:none}
.hero-team svg,.hero-team img{width:28px!important;height:28px!important;flex:0 0 auto}
.hero-odds-head,.hero-hint{display:none}
.match-hero .odds{margin-top:6px}
.hero-actions{margin-top:8px;justify-content:flex-end}
}
html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}
html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}
[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}
@media(hover:none)and (pointer:coarse){
[data-sonner-toaster][data-lifted=true]{transform:none}
}
[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}
[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}
[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}
[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}
[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}
[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}
[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}
[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}
[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}
[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}
[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}
[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}
[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}
[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}
[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}
[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}
[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}
[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}
[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}
[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}
[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}
[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}
[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}
[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}
[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}
[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}
[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}
[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}
[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}
[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}
[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}
[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}
[data-sonner-toast][data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}
[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}
[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}
[data-sonner-toast]>*{transition:opacity .4s}
[data-sonner-toast][data-x-position=right]{right:0}
[data-sonner-toast][data-x-position=left]{left:0}
[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}
[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}
[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}
[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}
[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY( calc(var(--lift) * var(--offset) + var(--lift) * -100%) );opacity:0}
[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}
[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}
[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}
[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}
[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}
[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}
[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}
[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}
[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}
@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}
@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}
@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}
@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}
@media(max-width:600px){
[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}
[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}
[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}
[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}
[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}
[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}
[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}
}
[data-sonner-toaster][data-sonner-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 87%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 93%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 84%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}
[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}
[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}
[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 43%, 17%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 9%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}
[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}
[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}
[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}
[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}
[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}
[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}
@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}
@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}
@media(prefers-reduced-motion){
[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}
}
.thread:has(.tri){padding-top:22px;padding-bottom:22px}
@media(min-width:721px){
.thread:has(.tri){padding-top:20px;padding-bottom:20px}
}
.crest.c-ars{background:#EF0107;color:#FFFFFF}
.crest.c-liv{background:#C8102E;color:#FFFFFF}
.crest.c-mci{background:#6CABDD;color:#1C2C5B}
.crest.c-tot{background:#132257;color:#FFFFFF}
.crest.c-che{background:#034694;color:#FFFFFF}
.crest.c-mun{background:#DA291C;color:#FBE122}
.crest.c-rma{background:#FEBE10;color:#00529F}
.crest.c-bar{background:#A50044;color:#EDBB00}
.crest.c-fcb{background:#DC052D;color:#FFFFFF}
.crest.c-bvb{background:#FDE100;color:#000000}
.crest.c-lal{background:#552583;color:#FDB927}
.crest.c-bos{background:#007A33;color:#FFFFFF}
.crest.c-gsw{background:#1D428A;color:#FFC72C}
.crest.c-den{background:#0E2240;color:#FEC524}
.crest.c-lad{background:#005A9C;color:#FFFFFF}
.crest.c-nyy{background:#0C2340;color:#FFFFFF}
.crest.c-lg{background:#C30452;color:#FFFFFF}
.crest.c-db{background:#131230;color:#FFFFFF}
.crest.c-kia{background:#EA0029;color:#FFFFFF}
.crest.c-ss{background:#074CA1;color:#FFFFFF}
.crest.c-hc{background:#003F87;color:#FFFFFF}
.crest.c-kal{background:#00A5DE;color:#FFFFFF}
.lbadge.l-pl{background:#3D195B;color:#FFFFFF}
.lbadge.l-ll{background:#EE8707;color:#FFFFFF}
.lbadge.l-bl{background:#D20515;color:#FFFFFF}
.lbadge.l-nba{background:#1D428A;color:#FFFFFF}
.lbadge.l-mlb{background:#002D72;color:#FFFFFF}
.lbadge.l-kbo{background:#0B2E6B;color:#FFFFFF}
.lbadge.l-int{background:#2B2B2B;color:#FFFFFF}
.lbadge.l-v{background:#0F5DA6;color:#FFFFFF}
.topbar-brand{display:inline-flex;align-items:center;flex:1;justify-content:center}
.topbar-brand svg{height:22px;width:auto}
.tlogo.crest,.llogo.crest{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-family:"Pretendard Variable",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.tlogo.crest.flag,.llogo.crest.flag{background:transparent;box-shadow:none;line-height:1}
.team-cell .tlogo.crest{width:28px;height:28px;font-size:9px}
.team-cell .tlogo.crest.flag{font-size:22px}
.hero-team .tlogo.crest{width:44px;height:44px;font-size:13px;border-radius:12px}
.hero-team .tlogo.crest.flag{font-size:34px}
.feed-avatar.bot{box-shadow:0 0 0 2px var(--accent)}
.desktop-rail .rail-nav{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.desktop-rail .rail-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--ink-2)}
.desktop-rail .rail-nav a.active{color:var(--ink);background:var(--panel-2)}
.fab{text-decoration:none}
.mobile-nav a.active{color:var(--accent)}
.match-hero .hero-team .tlogo{margin:0 auto}
.predict-board .market-odd input{position:absolute;inset:0;opacity:0;margin:0}
.predict-board .market-odd{position:relative}
.post-body.plain{white-space:pre-wrap}
svg.sprite{position:absolute;width:0;height:0;overflow:hidden}
[data-screen=home],[data-screen=feed]{padding-top:0}
.hero-team b{font-size:15px}
.match-state.closed{color:var(--muted)}
.mcard{display:grid;grid-template-columns:minmax(0,1fr) auto 58px;align-items:center;gap:0 8px;margin-top:6px;padding:9px 8px 9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none}
.mcard .trow{display:flex;align-items:center;gap:8px;min-width:0;line-height:20px}
.mcard .trow .tlogo{flex:none;width:22px!important;height:22px!important;font-size:8px;border-radius:6px}
.mcard .trow .tlogo.flag{font-size:16px}
.mcard .trow .tname{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.mcard.done .trow:not(.win) .tname{color:var(--muted);font-weight:500}
.mcard .mscore{display:grid;gap:8px;text-align:right;min-width:14px}
.mcard .mscore b{font-size:15px;line-height:20px;font-weight:700;font-variant-numeric:tabular-nums}
.mcard.done .mscore b:not(.win){color:var(--muted)}
.mcard.live .mscore b{color:var(--accent)}
.mcard .mside{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-left:1px solid var(--line);padding-left:8px;min-height:44px}
.mcard .mside .tm{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;line-height:16px}
.mcard .mside .tm.live{color:var(--accent)}
.mcard .mside .st{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;line-height:14px;padding:2px 7px;border-radius:999px;background:var(--soft);color:var(--muted)}
.mcard .mside .st.live{background:var(--tint-accent);color:var(--accent-text)}
.mcard .mside .st.live i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.match-state.open{color:var(--muted)}
.match-state.open .sale-dot{background:var(--accent)}
.mobile-nav a{justify-content:center}
.mobile-nav .nav-ico{display:flex}
.mobile-nav .nav-ico .icon{width:24px;height:24px}
.fab,.fab.open{width:44px;height:44px;min-width:44px;right:14px;bottom:calc(64px + env(safe-area-inset-bottom));box-shadow:0 4px 14px rgba(0,0,0,.35)}
.fab .icon{width:20px;height:20px;transition:transform .15s}
.fab.open .icon{transform:rotate(45deg)}
.fab-sheet{position:fixed;inset:0;z-index:44}
.fab-sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.fab-sheet-box{position:absolute;left:0;right:0;bottom:0;background:var(--panel);border-radius:18px 18px 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:grid;gap:8px}
.fab-sheet-box>a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;background:var(--paper)}
.fab-sheet-box>a .icon{width:22px;height:22px;color:var(--accent-text);flex:none}
.fab-sheet-box>a span{display:flex;flex-direction:column;line-height:18px}
.fab-sheet-box>a b{font-size:15px}
.fab-sheet-box>a small{font-size:12px;color:var(--muted)}
.fab-sheet-cancel{border:0;background:transparent;color:var(--muted);font-size:14px;padding:8px;min-height:40px}
.slip-pick{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--panel-2);font-size:13px}
.slip-pick span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slip-pick b{font-variant-numeric:tabular-nums;color:var(--accent-text)}
.slip-pick-x{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:0 2px;min-width:28px;min-height:28px}
.slip-bar .btn{white-space:nowrap}
.news-card{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.news-head{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:6px}
.news-head b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.news-head time{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}
.news-src{flex:none;font-size:11px;font-weight:800;line-height:18px;padding:0 7px;border-radius:6px;background:var(--soft);color:var(--ink)}
.news-src.threads{background:#000;color:#fff}
.news-src.x{background:#000;color:#fff}
.news-body{margin:0;font-size:15px;line-height:23px;color:var(--ink);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.news-link{display:inline-block;margin-top:8px;font-size:13px;color:var(--accent-text);text-decoration:none}
.market-odd.active span{color:var(--accent-text)}
.market-odd.active b{color:var(--ink)}
.topbar-row{min-height:52px}
.topbar-brand{flex:1;display:flex;justify-content:center}
.topbar-brand svg{height:22px;width:auto}
.topbar-titles.pl{padding-left:12px;flex:1}
.topbar-title{font-size:17px;font-weight:800}
.ai-pill{display:inline-block;font-size:10px;font-weight:800;line-height:16px;padding:0 6px;border-radius:6px;background:var(--tint-accent);color:var(--accent-text);margin-left:4px;vertical-align:1px;font-style:normal}
.synth-tag{font-size:11px;color:var(--muted);margin-left:6px}
.feed-post .post-head b{font-size:15px}
.feed-post .post-time{margin-left:auto;color:var(--muted);font-size:12px}
.compose-ex{padding:12px 16px 0}
.compose-row{display:flex;gap:12px;align-items:flex-start}
.compose-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.compose-main b{font-size:15px}
.compose-main textarea{width:100%;box-sizing:border-box;border:0;background:transparent;color:var(--ink);font-size:16px;line-height:24px;resize:vertical;font-family:inherit;padding:0;min-height:120px;outline:none}
.compose-attach{margin-top:8px;border-top:1px solid var(--hairline);padding-top:8px}
.compose-label{font-size:13px;font-weight:700;padding:0 0 4px}
.compose-label small{color:var(--muted);font-weight:400;margin-left:4px}
.compose-foot{display:flex;align-items:center;gap:8px;padding:8px 0 16px;border-top:1px solid var(--hairline)}
.compose-foot .grow{flex:1}
.reply-ex{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--hairline)}
.reply-ex textarea{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:8px 10px;font-size:15px;line-height:22px;font-family:inherit;resize:vertical}
.act-row{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--hairline);color:var(--ink);text-decoration:none;align-items:flex-start}
.act-row.unread{background:var(--panel)}
.act-row.unread::after{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--accent,#b9f227);align-self:center;margin-left:auto}
.mobile-nav a.d283-unread .nav-ico{position:relative}
.mobile-nav a.d283-unread .nav-ico::after{content:"";position:absolute;top:-1px;right:-2px;width:8px;height:8px;border-radius:50%;background:#ff3040;box-shadow:0 0 0 2px var(--bg,#101010)}
.rail-nav a.d283-unread{position:relative}
.rail-nav a.d283-unread::after{content:"";position:absolute;top:16px;left:36px;width:8px;height:8px;border-radius:50%;background:#ff3040;box-shadow:0 0 0 2px var(--bg,#101010)}
@media (min-width:1240px){
.desktop-rail .rail-nav a.d283-unread::after{top:4px;left:21px;width:7px;height:7px}
}
.d287-readall{display:flex;justify-content:flex-end;padding:8px 16px 4px}
.d287-readall button{background:none;border:0;color:var(--accent-text,var(--accent));font:inherit;font-size:13px;font-weight:700;padding:6px 2px;cursor:pointer}
.act-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;font-size:14px;line-height:20px}
.act-line b{font-weight:700}
.act-pv{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.act-txt time{font-size:12px;color:var(--muted)}
.empty-ex{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;color:var(--muted);text-align:center}
.empty-ex .icon{width:32px;height:32px}
.note-ex{padding:8px 16px}
.feed-avatar.lg{width:64px;height:64px;font-size:24px}
.slip-card{display:block;margin:0;text-decoration:none;color:inherit}
.pre-ex{white-space:pre-wrap;font-size:15px;line-height:23px;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.search-ex{flex:1;display:flex;align-items:center;gap:8px;margin:0 8px 0 0;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:0 6px 0 12px;min-height:40px}
.search-ex .icon{width:18px;height:18px;color:var(--muted);flex:none}
.search-ex input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-size:15px;outline:none}
.search-ex button{border:0;background:transparent;color:var(--accent-text);font-weight:700;padding:6px 8px}
.auth-ex{max-width:360px;margin:24px auto;padding:0 16px;display:flex;flex-direction:column;gap:12px}
.auth-brand{display:flex;justify-content:center;color:var(--ink)}
.auth-brand svg{height:30px;width:auto}
.auth-form p{margin:0 0 10px}
.auth-form label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.auth-form input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:10px 12px;font-size:15px}
.auth-form .errorlist,.auth-form .helptext{font-size:12px;color:var(--muted);margin:4px 0 0;padding-left:0;list-style:none}
.btn.block{width:100%;justify-content:center;min-height:44px}
.auth-alt{text-align:center;margin:0}
.auth-alt a{color:var(--accent-text);text-decoration:none}
.topbar{position:sticky;top:0;padding:0!important}
.topbar .topbar-row{min-height:48px!important;height:48px;padding:0 6px!important;gap:0}
.topbar .icon-btn{width:40px;height:40px;min-width:40px}
.topbar .icon-btn .icon{width:22px;height:22px}
.topbar-brand,.topbar .brand{color:var(--ink)!important}
.topbar-brand svg{height:20px!important;width:auto!important;display:block}
.topbar-titles{padding:0 4px}
.topbar-title{font-size:16px;line-height:20px}
.topbar-sub{font-size:12px;line-height:16px}
.filter-bar .filter-row{padding:6px 12px}
@keyframes liveflash{0%{background:rgba(185,242,39,.45)}100%{background:transparent}}
.live-flash{animation:liveflash 1.4s ease-out;border-radius:4px}
.live-stale .mside .st.live,.live-stale [data-live="band"]{opacity:.55}
.market-odd.closed{opacity:.45;pointer-events:none}
.feed-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:11px;line-height:16px;font-weight:600;background:var(--panel-2,#f1f2f4);color:var(--muted,#666);vertical-align:middle;white-space:nowrap}
.feed-tag.bettable{background:rgba(185,242,39,.22);color:#4c6b00}
.feed-tag.live{background:rgba(255,64,64,.15);color:#c22}
.feed-tag.record{background:transparent;border:1px solid var(--line,#ddd)}
.feed-tag.stop{background:rgba(255,160,0,.15);color:#8a5a00}
.feed-new{position:sticky;top:56px;z-index:30;display:block;margin:8px auto 0;padding:6px 14px;border-radius:999px;border:1px solid var(--line,#ddd);background:var(--panel,#fff);color:var(--text,#111);font-size:13px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.12);cursor:pointer}
.feed-new b{color:#4c6b00}
.feed-tag.closed{opacity:.75}
.market-block.preparing .market-grid{opacity:.55}
.market-block .mk-flag{margin-left:6px;padding:1px 6px;border-radius:999px;font-size:11px;background:var(--tint-orange,#ffe8cc);color:var(--ink,#333)}
.market-block .mk-prov{margin-left:auto;font-size:11px}
.market-odd[data-state="suspended"] b,.market-odd[data-state="preparing"] b,.market-odd[data-state="closed"] b{font-size:11px;opacity:.7}
.mk-notice{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:6px 8px;border-radius:8px;background:var(--tint-orange,#fff3e0);font-size:12px}
.match-state.wait .sale-dot{background:var(--soft,#bbb)}
.feed-avatar img,.acct .av img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
:root{--sp-soccer:#b9f227;--sp-basketball:#ff9a3d;--sp-baseball:#5aa0ff;--sp-volleyball:#c99cff;--sp-tennis:#75e09b;--v5-r:14px}
[data-theme=light]{--sp-soccer:#5c9a00;--sp-basketball:#c8620a;--sp-baseball:#2b64d9;--sp-volleyball:#7a4fd6;--sp-tennis:#267b43}
.sp-dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--muted);flex:none}
.sp-dot.sp-soccer,.sp-soccer>.sp-dot{background:var(--sp-soccer)}
.sp-dot.sp-basketball,.sp-basketball>.sp-dot{background:var(--sp-basketball)}
.sp-dot.sp-baseball,.sp-baseball>.sp-dot{background:var(--sp-baseball)}
.sp-dot.sp-volleyball,.sp-volleyball>.sp-dot{background:var(--sp-volleyball)}
.v5 .v5-note{font-size:12.5px;color:var(--muted);line-height:18px;padding:6px 0}
.v5 .v5-sub{margin:14px 0 6px;font-size:13px;font-weight:700;color:var(--ink)}
.v5 .v5-sub small{font-weight:500;color:var(--muted);margin-left:6px;font-size:11.5px}
.v5 .v5-empty{padding:32px 16px;text-align:center;color:var(--muted)}
.v5-sports{display:flex;gap:2px;padding:0 8px;overflow-x:auto;scrollbar-width:none}
.v5-sports::-webkit-scrollbar{display:none}
.v5-sp{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:5px;height:42px;padding:0 10px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.v5-sp small{font-size:11px;font-weight:600;color:var(--muted);background:var(--panel-2);border-radius:99px;padding:1px 6px}
.v5-sp.on{color:var(--ink);border-bottom-color:var(--ink)}
.v5-sp.on.sp-soccer{border-bottom-color:var(--sp-soccer)}
.v5-sp.on.sp-basketball{border-bottom-color:var(--sp-basketball)}
.v5-sp.on.sp-baseball{border-bottom-color:var(--sp-baseball)}
.v5-sp.on.sp-volleyball{border-bottom-color:var(--sp-volleyball)}
.v5-sp.dim{opacity:.45}
.v5-chip{flex:none;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.v5-chip small{font-size:11px;color:var(--muted);font-weight:500}
.v5-chip em{font-style:normal;font-size:11px;color:var(--muted)}
.v5-chip.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.v5-chip.on small,.v5-chip.on em{color:var(--on-ink);opacity:.75}
.v5-chip.ghost{border-style:dashed}
.v5-list{padding:0 0 12px}
.v5-h{display:flex;align-items:center;gap:8px;margin:14px 12px 6px;font-size:15px;font-weight:800;color:var(--ink)}
.v5-h small{font-weight:500;color:var(--muted);font-size:12px}
.v5-h.sub{font-size:13px;margin-top:10px}
.v5-h.live i{width:8px;height:8px;border-radius:99px;background:var(--c-red,#e5484d);animation:v5pulse 1.4s infinite}
@keyframes v5pulse{0%,100%{opacity:1}50%{opacity:.35}}
.v5-h em{margin-left:auto;font-style:normal;font-size:12px;color:var(--accent-text)}
.v5-done>summary{list-style:none;cursor:pointer}
.v5-done>summary::-webkit-details-marker{display:none}
.v5-lg{margin:6px 12px 0;border:1px solid var(--line);border-radius:var(--v5-r);background:var(--panel);overflow:hidden;border-left:3px solid var(--muted)}
.v5-lg.sp-soccer{border-left-color:var(--sp-soccer)}
.v5-lg.sp-basketball{border-left-color:var(--sp-basketball)}
.v5-lg.sp-baseball{border-left-color:var(--sp-baseball)}
.v5-lg.sp-volleyball{border-left-color:var(--sp-volleyball)}
.v5-lg-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--panel-2);font-size:13.5px;color:var(--ink);min-width:0}
.v5-lg-head b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.v5-lg-head .cty{font-style:normal;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:0 5px;flex:none}
.v5-lg-head small{font-size:11px;color:var(--muted);flex:none}
.v5-lg-head .n{margin-left:auto;font-size:12px;color:var(--muted);flex:none}
.v5-row{display:grid;grid-template-columns:minmax(0,1fr) auto 56px;grid-template-areas:"teams score side" "rep rep rep";align-items:center;gap:0 8px;padding:9px 10px 9px 12px;border-top:1px solid var(--hairline);color:var(--ink);text-decoration:none}
.v5-row:hover{background:var(--panel-2)}
.v5-teams{grid-area:teams;display:grid;gap:6px;min-width:0}
.v5-teams .trow{display:flex;align-items:center;gap:8px;min-width:0;line-height:20px;font-size:14px}
.v5-teams .tname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-teams .trow.win .tname{font-weight:800}
.v5-row .mscore{grid-area:score;display:grid;gap:6px;text-align:right;font-variant-numeric:tabular-nums}
.v5-row .mscore b{font-size:15px;line-height:20px;font-weight:600;color:var(--muted)}
.v5-row .mscore b.win{color:var(--ink);font-weight:800}
.v5-row.live .mscore b{color:var(--ink);font-weight:800}
.v5-row .mside{grid-area:side;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}
.v5-row .mside .tm{font-size:13.5px;font-weight:700}
.v5-row .mside .tm.live{color:var(--accent-text)}
.v5-row .mside .st{font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 5px}
.v5-row .mside .st.live{color:var(--accent-text);border-color:var(--accent-text);display:inline-flex;align-items:center;gap:3px}
.v5-row .mside .st.live i{width:5px;height:5px;border-radius:99px;background:var(--accent-text);animation:v5pulse 1.4s infinite}
.v5-moreg>summary{list-style:none;cursor:pointer;padding:9px 12px;font-size:12.5px;font-weight:600;color:var(--accent-text);border-top:1px solid var(--hairline)}
.v5-moreg>summary::-webkit-details-marker{display:none}
.v5-strip{padding:10px 0 4px;border-bottom:1px solid var(--line)}
.v5-strip-h{display:flex;align-items:center;gap:8px;padding:0 14px 8px;font-size:14px}
.v5-strip-h b{font-weight:800}
.v5-strip-h .lv{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-text);font-weight:700}
.v5-strip-h .lv i{width:6px;height:6px;border-radius:99px;background:var(--accent-text);animation:v5pulse 1.4s infinite}
.v5-strip-row{display:flex;gap:8px;padding:0 12px 6px;overflow-x:auto;scrollbar-width:none}
.v5-strip-row::-webkit-scrollbar{display:none}
.v5-tcard{flex:none;width:200px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top" "teams score" "rep rep";gap:4px 8px;padding:8px 10px;border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:12px;background:var(--panel);color:var(--ink);text-decoration:none}
.v5-tcard.sp-soccer{border-left-color:var(--sp-soccer)}
.v5-tcard.sp-basketball{border-left-color:var(--sp-basketball)}
.v5-tcard.sp-baseball{border-left-color:var(--sp-baseball)}
.v5-tcard.sp-volleyball{border-left-color:var(--sp-volleyball)}
.v5-tcard .top{grid-area:top;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);min-width:0}
.v5-tcard .top .lg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.v5-tcard .top .mside{margin-left:auto;display:flex;align-items:center;gap:4px}
.v5-tcard .top .tm{font-weight:700;color:var(--ink);font-size:12px}
.v5-tcard .top .tm.live{color:var(--accent-text)}
.v5-tcard .top .st{display:none}
.v5-tcard .v5-teams{grid-area:teams}
.v5-tcard .v5-teams .trow{font-size:13px;line-height:18px;gap:6px}
.v5-tcard .mscore{grid-area:score;display:grid;gap:4px;text-align:right}
.v5-tcard .mscore b{font-size:14px;font-weight:800;line-height:18px}
.v5-bet{border-top:1px solid var(--hairline)}
.v5-lg .v5-bet{margin:0}
.v5-allmk{display:block;margin:8px 0 2px;font-size:12px;color:var(--accent-text);text-decoration:none}
.v5-hero{position:relative}
.v5-hero-band{height:4px;background:var(--muted)}
.v5-hero-band.sp-soccer{background:var(--sp-soccer)}
.v5-hero-band.sp-basketball{background:var(--sp-basketball)}
.v5-hero-band.sp-baseball{background:var(--sp-baseball)}
.v5-hero-band.sp-volleyball{background:var(--sp-volleyball)}
.v5-lgline{display:inline-flex;align-items:center;gap:6px;min-width:0}
.v5-lgline b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
.v5-lgline .cty{font-style:normal;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:0 5px}
.v5-lgline small{font-size:11px;color:var(--muted)}
.v5-mainodds .odd-label{font-size:11px}
.v5-toc{position:sticky;top:52px;z-index:11;background:var(--panel)}
.v5-ver{padding:6px 16px;font-size:11.5px;color:var(--muted)}
.v5-cards{padding:0 12px 16px;display:grid;gap:12px}
.v5-card{border:1px solid var(--line);border-radius:var(--v5-r);background:var(--panel);padding:12px 14px 14px;min-width:0;scroll-margin-top:110px}
.v5-card-h{display:flex;align-items:baseline;gap:8px;margin:0 0 8px}
.v5-card-h>.v5-card-t{display:contents;margin:0;padding:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit}
.v5-card-h b{font-size:15px;font-weight:800}
.v5-card-h small{font-size:11.5px;color:var(--muted)}
.v5-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 6px}
.v5-kv>div{background:var(--panel-2);border-radius:10px;padding:8px 10px}
.v5-kv dt{font-size:11.5px;color:var(--muted)}
.v5-kv dd{margin:2px 0 0;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.v5-kv dd small{font-size:11px;font-weight:600;color:var(--muted)}
.v5-tbl-wrap{overflow-x:auto}
.v5-tbl{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.v5-tbl th{font-size:11px;font-weight:600;color:var(--muted);text-align:center;padding:4px 4px;border-bottom:1px solid var(--hairline);white-space:nowrap}
.v5-tbl td{text-align:center;padding:7px 4px;border-bottom:1px solid var(--hairline);white-space:nowrap}
.v5-tbl th.l,.v5-tbl td.l{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.v5-tbl td.tot,.v5-tbl th.tot{font-weight:800}
.v5-tbl.periods td.l{font-weight:600}
.v5-tbl i.up,.v5-books i.up,.v5-mk i.up{font-style:normal;font-size:9px;color:var(--c-green,#4caf50);margin-left:2px}
.v5-tbl i.dn,.v5-books i.dn,.v5-mk i.dn{font-style:normal;font-size:9px;color:var(--c-red,#e5484d);margin-left:2px}
.v5-cmp{background:var(--panel-2);border-radius:10px;padding:6px 10px}
.v5-cmp-r{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--hairline)}
.v5-cmp-r:last-child{border-bottom:0}
.v5-cmp-r b{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.v5-cmp-r b.r{text-align:right}
.v5-cmp-r b small{font-size:11px;font-weight:500;color:var(--muted)}
.v5-cmp-r span{font-size:11.5px;color:var(--muted)}
.v5-stats{background:var(--panel-2);border-radius:10px;padding:8px 10px}
.v5-st{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:13px}
.v5-st b{font-weight:600;color:var(--muted)}
.v5-st b.hi{color:var(--ink);font-weight:800}
.v5-st b.r{text-align:right}
.v5-st span{font-size:11.5px;color:var(--muted)}
.v5-bar{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:3px 0 8px}
.v5-bar i,.v5-bar u{display:block;height:5px;border-radius:99px;background:var(--accent);opacity:.9}
.v5-bar i{justify-self:end}
.v5-bar u{background:var(--c-blue,#5aa0ff)}
.v5-mk{border-top:1px solid var(--hairline)}
.v5-mk:first-of-type{border-top:0}
.v5-mk>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:8px;padding:9px 0}
.v5-mk>summary::-webkit-details-marker{display:none}
.v5-mk .mkn{font-size:13px;font-weight:700;white-space:nowrap}
.v5-mk .mkn .ln{font-style:normal;font-size:11px;font-weight:800;margin-left:6px;border-radius:6px;padding:1px 6px;background:var(--soft)}
.v5-mk .mkn .ln.hd{background:var(--tint-red);color:var(--c-red)}
.v5-mk .mkn .ln.uo{background:var(--tint-blue);color:var(--c-blue)}
.v5-mk .cells{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.v5-mk .cell{display:inline-flex;flex-direction:column;align-items:center;min-width:58px;padding:4px 6px;border:1px solid var(--line);border-radius:9px}
.v5-mk .cell small{font-size:10.5px;color:var(--muted)}
.v5-mk .cell b{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.v5-mk .cell.fav{border-color:var(--accent-text)}
.v5-mk .cell.hit{background:var(--tint-accent)}
.v5-mk .prov{font-style:normal;font-size:10.5px;color:var(--muted);flex-basis:100%;text-align:right}
.v5-books{padding:2px 0 8px}
.v5-allmk-d{margin-top:8px}
.v5-allmk-d>summary{list-style:none;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--ink-2);background:var(--panel-2);border-radius:9px;padding:9px 0;text-align:center}
.v5-allmk-d>summary::-webkit-details-marker{display:none}
.v5-allmk-d[open]>summary{background:var(--ink);color:var(--on-ink)}
.v5-tbl.lines tr.main td{font-weight:800}
.v5-tbl.lines td.l em{font-style:normal;font-size:10px;color:var(--accent-text);margin-left:4px}
.v5-tbl.rank th.rk,.v5-tbl.rank td.rk{width:26px;color:var(--muted)}
.v5-tbl.rank tr.me td{background:var(--tint-accent);font-weight:800}
.v5-tbl.rank td.pts{font-weight:800}
.v5-tbl.rank .fm{white-space:nowrap}
i.f{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;font-style:normal;font-size:10px;font-weight:800;color:#101010;background:var(--soft);margin-right:2px}
i.f.w{background:var(--accent)}
i.f.l{background:#f08a8a}
i.f.d{background:#cfcfcf}
.v5-tabs{display:flex;gap:6px;margin:2px 0 10px}
.v5-tabbtn{flex:1;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink-2);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}
.v5-tabbtn.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.v5-pane{display:none}
.v5-pane.on{display:block}
.v5-form{display:flex;align-items:center;gap:4px;margin:0 0 8px;font-size:12.5px}
.v5-form span{margin-left:8px}
.v5-form small{color:var(--muted)}
.v5-tbl.games td{text-align:left}
.v5-tbl.games td.dt{color:var(--muted);width:44px}
.v5-tbl.games td.cp{color:var(--muted);max-width:90px;overflow:hidden;text-overflow:ellipsis}
.v5-tbl.games td.vn{color:var(--muted);width:30px}
.v5-tbl.games td.op{max-width:120px;overflow:hidden;text-overflow:ellipsis}
.v5-tbl.games td.op.r{text-align:right}
.v5-tbl.games td.op.w{font-weight:800}
.v5-tbl.games td.sc{text-align:center;font-weight:800;width:48px}
.v5-tbl.games td.rs{text-align:right;width:28px}
.v5-h2h-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 10px}
.v5-h2h-sum>div{background:var(--panel-2);border-radius:10px;padding:8px 4px;text-align:center}
.v5-h2h-sum b{display:block;font-size:18px;font-weight:800}
.v5-h2h-sum span{font-size:10.5px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-pos{margin:10px 0 2px;font-size:12px;font-weight:700;color:var(--ink-2)}
.v5-pos small{color:var(--muted);font-weight:500}
.v5-tbl.roster td{text-align:left;padding:5px 4px}
.v5-tbl.roster td.no{width:30px;color:var(--muted);text-align:right}
.v5-tbl.roster td.po{width:40px;color:var(--muted)}
.v5-tbl.roster td.ag{color:var(--muted);text-align:right;width:44px}
.v5-tbl.roster tr.inj td{opacity:.6}
@media (min-width:1024px){
.app{display:grid;grid-template-columns:var(--rail,88px) minmax(0,760px);justify-content:center;column-gap:0}
.desktop-rail{position:sticky;top:0;height:100vh;inset:auto}
#content{min-width:0;border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);min-height:100vh}
.context{display:none}
.v5-filters,.v5-toc{top:0}
.v5-lg,.v5-strip-row,.v5-h{margin-left:16px;margin-right:16px}
.v5-cards{padding:0 16px 24px}
.v5-lgline b{max-width:420px}
}
@media (min-width:1440px){
.app{grid-template-columns:var(--rail,88px) minmax(0,760px) 320px}
.context{display:block;position:sticky;top:0;height:100vh;padding:20px 16px;overflow:auto}
}
.v5-lg.closed>summary{list-style:none;cursor:pointer}
.v5-lg.closed>summary::-webkit-details-marker{display:none}
.v5-lg.closed>summary .n{color:var(--accent-text)}
.v5-card{overflow:hidden}
.v5-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:480px){
.v5-tbl.rank .fm{display:none}
.v5-tbl th.l,.v5-tbl td.l{max-width:120px}
}
.topbar .search-ex{min-width:0;flex:1 1 auto;margin-right:6px}
.topbar-row{overflow:hidden}
.mobile-nav a{flex:1 1 20%;width:20%}
.v5-lg>summary{list-style:none;cursor:pointer}
.v5-lg>summary::-webkit-details-marker{display:none}
.v5-lg>summary .n::after{content:"▾";display:inline-block;margin-left:5px;font-size:10px;transition:transform .15s}
.v5-lg[open]>summary .n::after{transform:rotate(180deg)}
.v5-lg:not([open])>summary .n{color:var(--accent-text)}
.v5-rows{display:grid;grid-template-columns:minmax(0,1fr)}
.v5-fold{margin-left:auto;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:99px;height:26px;padding:0 10px;font-size:11.5px;font-weight:600;cursor:pointer}
.v5-h .v5-fold+em{margin-left:8px}
.v5-tbl .bk{color:var(--muted);text-align:right;max-width:84px;overflow:hidden;text-overflow:ellipsis}
.v5-card .live-flash{animation:v5flash 1.5s ease-out}
@keyframes v5flash{0%{background:var(--tint-accent)}100%{background:transparent}}
.slip-pick .off{font-style:normal;font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:0 5px;margin-left:6px}
.slip-pick .chg{font-size:11px;color:var(--c-orange,#e08a2e);margin-left:6px}
.slip-pick .slip-pick-new{margin-left:6px;height:24px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}
@media (min-width:1024px){
.v5-rows{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.v5-rows>.v5-row:nth-child(even){border-left:1px solid var(--hairline)}
}
.v5-row .mside .st.late,.v5-tcard .top .st.late{color:var(--c-orange,#e08a2e);border-color:currentColor;white-space:nowrap}
.v5-card-h{flex-wrap:wrap;row-gap:2px}
.v5-card-h b{white-space:nowrap}
.v5-card-h small{min-width:0}
.sample-tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;margin-left:6px;border-radius:6px;border:1px dashed var(--line);color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.feed-tag.bettable{color:var(--accent-text,#b9f227)}
[data-theme=light] .feed-tag.bettable{color:#4c6b00}
.sp-dot.sp-tennis,.sp-tennis>.sp-dot{background:var(--sp-tennis)}
.v5-sp.on.sp-tennis{border-bottom-color:var(--sp-tennis)}
.v5-lg.sp-tennis{border-left-color:var(--sp-tennis)}
.v5-tcard.sp-tennis{border-left-color:var(--sp-tennis)}
.v5-hero-band.sp-tennis{background:var(--sp-tennis)}