.soc{--mono:ui-monospace, "JetBrains Mono", Menlo, monospace;--body:Inter, system-ui, -apple-system, sans-serif}.soc .cols{grid-template-columns:300px minmax(0,1fr) 300px;align-items:start;gap:16px;padding:18px 16px 26px;display:grid}.soc .rail{flex-direction:column;gap:14px;display:flex;position:sticky;top:14px}.soc .feed{flex-direction:column;gap:14px;width:100%;min-width:0;max-width:540px;margin:0 auto;display:flex}.soc .card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:12px;padding:14px 16px 15px;display:block}.soc .kick{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, transparent);justify-content:space-between;align-items:baseline;margin:0 0 11px;font-size:10.5px;font-weight:500;display:flex}.soc .kick .hint{font-family:var(--mono);letter-spacing:.02em;text-transform:none;color:var(--color-neutral-500);font-size:9px}.soc .search{position:relative}.soc .search input{background:var(--color-surface);border:1px solid var(--color-divider);width:100%;color:var(--color-text);font:12.5px var(--body);border-radius:9px;outline:none;min-height:0;padding:8px 11px 8px 32px}.soc .search input:focus-visible{border-color:var(--color-accent-2)}.soc .search svg{color:color-mix(in srgb, var(--color-text) 40%, transparent);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.soc .av{background:var(--color-neutral-800);color:#cfd3e5;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.soc .av.meav{background:var(--color-accent-900);color:var(--color-accent-200)}.soc .mr-top{align-items:center;gap:10px;margin-bottom:11px;display:flex}.soc .mr-top .av{width:38px;height:38px;font-size:13px}.soc .mr-name{color:var(--color-text);font-size:13.5px;font-weight:600}.soc .mr-sub{color:var(--color-neutral-500);font-size:10.5px;font-family:var(--mono)}.soc .mr-stats{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;display:grid}.soc .mr-stat{text-align:center}.soc .mr-stat b{letter-spacing:-.01em;font-size:12.5px;font-weight:650;display:block}.soc .mr-stat span{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 45%, transparent);font-size:8px}.soc .btnrow{gap:8px;display:flex}.soc .btnrow .btn{text-align:center;border-radius:8px;flex:1;padding:7px 10px;font-size:12px;font-weight:600}.soc .frow{align-items:center;gap:10px;padding:5.5px 0;display:flex}.soc .frow .av{width:30px;height:30px;font-size:11px}.soc .frow .who{flex:1;min-width:0}.soc .frow .who b{font-size:12.5px;font-weight:600;display:block}.soc .frow .who b a{color:var(--color-text)}.soc .frow .who span{color:var(--color-neutral-500);font-size:10px;font-family:var(--mono);white-space:nowrap}.soc .frow .who span em{color:var(--win);font-style:normal}.soc .frow .who .appwrap{vertical-align:-3.5px;font-style:normal;display:inline-block}.soc .applg{object-fit:cover;border-radius:4px;width:13px;height:13px;display:block}.soc .follow{border:1px solid var(--color-divider);color:var(--color-text);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--body);background:0 0;border-radius:7px;padding:4px 11px}.soc .follow:hover,.soc .follow.onf{border-color:var(--color-accent-2);color:var(--color-accent-300)}.soc .feedbar{align-items:center;gap:10px;display:flex}.soc .seg{background:color-mix(in srgb, var(--color-surface) 70%, var(--color-bg));border-radius:9px}.soc .seg-opt{color:var(--color-neutral-500);padding:6px 13px;font-size:12px;font-weight:600}.soc .seg-opt:hover{color:var(--color-text)}.soc .seg-opt.on{color:var(--color-text);box-shadow:inset 0 0 0 1.5px var(--color-accent-2);border-radius:8px}.soc .chips{gap:6px;margin-left:auto;display:flex}.soc .chip{color:var(--color-neutral-500);border:1px solid var(--color-divider);cursor:pointer;font-size:10.5px;font-weight:600;font-family:var(--body);background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3.5px 10px;display:inline-flex}.soc .chip:hover{color:var(--color-text)}.soc .chip.on{color:var(--color-text);border-color:var(--color-accent-2);box-shadow:inset 0 0 0 .5px var(--color-accent-2)}.soc .chip.appc{opacity:.62;padding:1.5px}.soc .chip.appc img{object-fit:cover;border-radius:6px;width:21px;height:21px;display:block}.soc .chip.appc:hover,.soc .chip.appc.on{opacity:1}.soc .post{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:12px;padding:13px 15px 12px;position:relative}.soc .post.won{border-left:2px solid color-mix(in srgb, var(--win) 55%, var(--color-divider))}.soc .post.lost{border-left:2px solid color-mix(in srgb, var(--loss) 50%, var(--color-divider))}.soc .phead{align-items:center;gap:10px;display:flex}.soc .phead .av{width:34px;height:34px;font-size:12px}.soc .pwho{flex:1;min-width:0}.soc .pwho .l1{align-items:center;gap:7px;display:flex}.soc .pwho .l1 b{font-size:13.5px;font-weight:600}.soc .pwho .l1 b a{color:var(--color-text)}.soc .rate{font-family:var(--mono);background:color-mix(in srgb, var(--color-accent) 16%, transparent);color:var(--color-accent-300);border-radius:999px;padding:1.5px 7px;font-size:9.5px}.soc .rate.cool{background:var(--color-neutral-800);color:#cfd3e5}.soc .graded{font-family:var(--mono);border-radius:999px;padding:1.5px 7px;font-size:9.5px}.soc .graded.w{background:color-mix(in srgb, var(--win) 20%, transparent);color:var(--win-soft)}.soc .graded.l{background:color-mix(in srgb, var(--loss) 18%, transparent);color:var(--loss-soft)}.soc .pmeta{color:color-mix(in srgb, var(--color-text) 45%, transparent);margin-top:1px;font-size:10.5px}.soc .caption{color:color-mix(in srgb, var(--color-text) 86%, transparent);margin:10px 1px 0;font-size:13px}.soc .ticket{border:1px solid var(--color-divider);background:color-mix(in srgb, var(--color-bg) 55%, var(--color-surface));border-radius:10px;margin-top:11px;position:relative;overflow:hidden}.soc .thead{padding:10px 14px 9px}.soc .teyebrow{font-family:var(--mono);letter-spacing:.11em;color:var(--color-accent-400);justify-content:space-between;align-items:baseline;margin-bottom:3px;font-size:8px;display:flex}.soc .teyebrow i{letter-spacing:.02em;font-size:10px;font-style:normal}.soc .teyebrow i.wpay{color:var(--win-soft)}.soc .teyebrow i.lpay{color:var(--loss-soft)}.soc .teyebrow a{color:inherit;text-decoration:none}.soc .teyebrow a:hover{color:inherit;text-underline-offset:2px;text-decoration:underline}.soc .ttitle{align-items:baseline;gap:10px;display:flex}.soc .ttitle b{letter-spacing:-.01em;font-size:15px;font-weight:650}.soc .ttitle .sub{color:color-mix(in srgb, var(--color-text) 48%, transparent);font-size:10.5px}.soc .ttitle .mult{font-family:var(--mono);color:var(--win);margin-left:auto;font-size:15px}.soc .perfo{border-top:1px dashed color-mix(in srgb, var(--color-text) 18%, transparent);position:relative}.soc .perfo:before,.soc .perfo:after{content:"";background:var(--color-surface);border:1px solid var(--color-divider);border-radius:50%;width:12px;height:12px;position:absolute;top:-6px}.soc .perfo:before{left:-7px}.soc .perfo:after{right:-7px}.soc .legs{padding:3px 0 4px}.soc .leg{grid-template-columns:26px minmax(0,1fr) 84px 48px;align-items:center;gap:9px;padding:7px 13px;display:grid}.soc .leg+.leg{border-top:1px solid color-mix(in srgb, var(--color-text) 5%, transparent)}.soc .jer{flex:none;width:26px;height:26px}.soc .pimg{object-fit:cover;background:var(--color-neutral-800);border-radius:8px;display:block}.soc .who2{min-width:0}.soc .who2 .nm{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.soc .stag{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--color-divider);color:var(--color-neutral-500);vertical-align:1.5px;border-radius:4px;margin-left:6px;padding:.5px 4px;font-size:7.5px}.soc .who2 .mt{color:color-mix(in srgb, var(--color-text) 46%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.soc .flip{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-400);border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);white-space:nowrap;vertical-align:1px;border-radius:5px;margin-left:6px;padding:.5px 5px;font-size:8px}.soc .pill{font-family:var(--mono);white-space:nowrap;border:1px solid;border-radius:999px;justify-self:center;padding:3.5px 10px;font-size:10px;font-weight:500}.soc .pill.o{color:var(--win-soft);border-color:color-mix(in srgb, var(--win) 55%, transparent)}.soc .pill.u{color:var(--loss-soft);border-color:color-mix(in srgb, var(--loss) 50%, transparent)}.soc .pr{font-family:var(--mono);color:color-mix(in srgb, var(--color-text) 78%, transparent);text-align:right;font-size:11.5px}.soc .wl{font-family:var(--mono);border-radius:5px;justify-content:center;justify-self:end;align-items:center;width:20px;height:18px;font-size:10px;font-weight:500;display:flex}.soc .wl.w{background:color-mix(in srgb, var(--win) 22%, transparent);color:var(--win-soft)}.soc .wl.l{background:color-mix(in srgb, var(--loss) 20%, transparent);color:var(--loss-soft)}.soc .wl.p{background:var(--color-neutral-800);color:var(--color-neutral-300)}.soc .moreleg{color:var(--color-neutral-500);cursor:pointer;font-size:11px;font-family:var(--mono);text-align:left;background:0 0;border:none;width:100%;padding:6px 14px 8px;display:block}.soc .moreleg:hover{color:var(--color-accent-300)}.soc .pact{align-items:center;gap:8px;margin-top:11px;display:flex}.soc .vote{border:1px solid var(--color-divider);border-radius:8px;display:inline-flex;overflow:hidden}.soc .vote button{font:600 11.5px var(--body);color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;display:flex}.soc .vote button+button{border-left:1px solid var(--color-divider)}.soc .vote button:hover{color:var(--color-text)}.soc .vote button.on{color:var(--color-accent-300);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.soc .vote button.onf{color:var(--loss-soft);background:color-mix(in srgb, var(--loss) 10%, transparent)}.soc .vote b{font-family:var(--mono);font-size:10.5px;font-weight:500}.soc .cmt{color:var(--color-neutral-500);font-size:11px;font-family:var(--mono)}.soc .copybtn{color:var(--color-accent-400);cursor:pointer;font-size:11.5px;font-weight:600;font-family:var(--body);background:0 0;border:none;margin-left:auto;padding:4px 2px;text-decoration:none}.soc .copybtn:hover{color:var(--color-accent-300)}.soc .consensus{background:var(--color-neutral-800);border-radius:2px;height:3px;margin-top:9px;display:flex;overflow:hidden}.soc .consensus i{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 70%, transparent), var(--color-accent-2));height:100%;display:block}.soc .conlbl{font-family:var(--mono);color:color-mix(in srgb, var(--color-text) 34%, transparent);justify-content:space-between;margin-top:4px;font-size:8.5px;display:flex}.soc .composer{border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 18%, transparent), 0 10px 28px #00000059}.soc .composer .kick{color:var(--color-accent-400);margin-bottom:8px}.soc .notebar{gap:8px;margin-top:11px;display:flex}.soc .notebar input{background:var(--color-bg);border:1px solid var(--color-divider);color:var(--color-text);font:12.5px var(--body);border-radius:8px;outline:none;flex:1;padding:7px 11px}.soc .notebar input:focus-visible{border-color:var(--color-accent-2)}.soc .units{flex:none;width:96px;position:relative}.soc .units input{background:var(--color-bg);border:1px solid var(--color-divider);width:100%;color:var(--color-text);font:12.5px var(--mono);border-radius:8px;outline:none;padding:7px 44px 7px 11px}.soc .units span{color:var(--color-neutral-500);font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.soc .postrow{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.soc .btn.slim{flex:none;padding:6px 14px;font-size:12px}.soc .lb{flex-direction:column;display:flex}.soc .lbrow{align-items:center;gap:9px;padding:6px 0;display:flex;position:relative}.soc .lbrow .rk{width:15px;font-family:var(--mono);color:var(--color-neutral-500);text-align:right;flex:none;font-size:11px}.soc .lbrow:first-child .rk,.soc .lbrow:nth-child(2) .rk,.soc .lbrow:nth-child(3) .rk{color:var(--color-accent-400)}.soc .lbrow .av{width:27px;height:27px;font-size:10px}.soc .lbrow .h{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.soc .lbrow .pu{font-family:var(--mono);color:var(--win);white-space:nowrap;font-size:12px}.soc .lbrow .roi{font-family:var(--mono);color:var(--color-neutral-500);text-align:right;flex:none;width:58px;font-size:9.5px}.soc .lbrow .follow,.soc .lbrow:hover .roi{display:none}.soc .lbrow:hover .follow{display:inline-block}.soc .lbempty{color:color-mix(in srgb, var(--color-text) 45%, transparent);font-size:11.5px}.soc .grading p{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin:0 0 8px;font-size:12px;line-height:1.62}.soc .grading p:last-child{margin:0}.soc .grading b{color:color-mix(in srgb, var(--color-text) 92%, transparent);font-weight:600}.soc .feedmsg{text-align:center;color:color-mix(in srgb, var(--color-text) 45%, transparent);padding:40px 10px;font-size:13px}@media (prefers-reduced-motion:no-preference){.soc .post,.soc .rail .card{animation:.38s cubic-bezier(.22,.8,.3,1) backwards soc-rise}.soc .post:nth-child(2){animation-delay:50ms}.soc .post:nth-child(3){animation-delay:.1s}.soc .post:nth-child(4){animation-delay:.15s}.soc .post:nth-child(5){animation-delay:.2s}}@keyframes soc-rise{0%{opacity:0;transform:translateY(6px)}}