.mp{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:20px;display:grid}@media (width>=1024px){.mp{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:48px;padding-top:32px}.mp-side{top:calc(var(--header-height) + 32px);max-height:calc(100vh - var(--header-height) - 32px - 16px);overscroll-behavior:contain;scrollbar-width:thin;margin:-4px;padding:4px;position:sticky;overflow-y:auto}}.mp.one{grid-template-columns:minmax(0,1fr);justify-items:center}.mp.one .mp-side{text-align:center;align-items:center;max-height:none;margin:0;padding:0;position:static;overflow:visible}.mp-side>*{flex-shrink:0}.mp-side{flex-direction:column;align-items:flex-start;gap:16px;min-width:0;display:flex}@media (width<=1023px){.mp-side{align-items:center}}.mp-badge{align-self:center}@media (width>=1024px){.mp:not(.one) .mp-badge{align-self:flex-start}}.mp-stats{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));border:1px solid var(--border);border-radius:var(--radius-panel);width:min(100%,280px);margin:0;display:grid;overflow:hidden}.mp-stats>div{flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.mp-stats>div+div{border-left:1px solid var(--border-subtle)}.mp-stats .l{color:var(--text-secondary);font-size:12px;line-height:1.3}.mp-stats .n{letter-spacing:-.02em;order:-1;margin:0;font-size:24px;font-weight:500;line-height:1.15}@media (width>=768px) and (width<=1023px){.mp-stats{width:min(100%,240px)}}.mp-one-stat{color:var(--text-secondary);margin:0;font-size:15px}@media (width<=767px){.mp-side .mp-card{width:248px}.mp-stats{width:100%}.mp-side .mp-social{width:248px}}.mp-main{flex-direction:column;gap:36px;min-width:0;display:flex}.mp-more{align-self:flex-start}.mp-ad{grid-column:1/-1;width:100%}@media (width>=1100px) and (width<=1279px){.mp-main .mlist{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--qr-light:oklch(100% 0 0);--qr-dark:oklch(18% 0 0)}.sfp{padding-top:14px}.sf-mp{padding-top:20px}@media (width>=1024px){.sf-mp{padding-top:24px}}.disc-prev .disc-line{width:100%}.disc-line{width:min(100%,280px);color:var(--text-secondary);align-items:flex-start;gap:8px;margin:0;font-size:13px;line-height:1.45;display:flex}.disc-line svg{color:var(--accent-text);flex:none;margin-top:2px}@media (width<=767px){.mp-side .disc-line{width:248px}}.ad-slot.sf-ad-top{margin:0 0 24px}.ownerbar{border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--surface-muted);grid-template-columns:minmax(0,1fr);gap:14px;padding:16px;display:grid}@media (width>=900px){.ownerbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.ownerbar .kp{flex-wrap:wrap;gap:8px 24px;display:flex}.ownerbar .kp>div{flex-direction:column;display:flex}.ownerbar .kp .n{letter-spacing:-.02em;font-size:22px;font-weight:500}.ownerbar .kp .l{color:var(--text-secondary);font-size:12px}.mp-bio{text-wrap:pretty;font-size:15px;line-height:1.5}@media (width<=1023px){.sf-mp .mp-bio,.sf-mp .sf-straight{text-align:center;max-width:34em}}.soc{flex-wrap:wrap;gap:6px;display:flex}@media (width<=1023px){.sf-mp .soc{justify-content:center}}.soc a{border:1px solid var(--border-strong);min-height:36px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.soc a:after{content:"";position:absolute;inset:-4px}@media (hover:hover) and (pointer:fine){.soc a:hover{color:var(--foreground)}}.sf-share-btn{align-self:stretch}@media (width>=1024px){.sf-share-btn{align-self:flex-start}}.up-what{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);flex-direction:column;gap:6px;width:100%;padding:14px 16px;display:flex}@media (width<=1023px){.sf-mp .up-what{display:none}}.sf-tabs-seg .cnt{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:6px}.sf-none{padding:24px 0}.colchips{scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:2px var(--pad) 4px;overflow-x:auto}.colchips::-webkit-scrollbar{display:none}.colchips>div>div{flex-wrap:nowrap}@media (width>=1024px){.colchips{margin:0;padding:2px 0 4px}.colchips>div>div{flex-wrap:wrap}}.picks{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=700px){.picks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.picks{grid-template-columns:repeat(3,minmax(0,1fr))}}.pick{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);animation:sf-up .5s var(--ease-enter) backwards;animation-delay:calc(var(--n,0) * 35ms + 80ms);grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px;display:grid;position:relative}@media (width>=700px){.pick{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);padding:10px 10px 14px}}.pick .ph{position:relative}.pk-pic{aspect-ratio:1;background:oklch(var(--tile-l) var(--tc,.014) var(--th,250));border-radius:16px;place-items:center;width:100%;display:grid;overflow:hidden}@media (width>=700px){.pick .pk-pic{aspect-ratio:4/3;border-radius:18px}}.pk-pic img{object-fit:cover;width:100%;height:100%}.pk-pic img.pk-art{object-fit:contain;width:84%;height:84%}.pk-pin{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;position:absolute;top:8px;left:8px}.pick .bd{flex-direction:column;gap:6px;min-width:0;display:flex}@media (width>=700px){.pick .bd{padding:0 6px}}.pick .tt{font-size:15px;font-weight:500;line-height:1.3}.pick .nt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.pick .dm{color:var(--text-secondary);font-size:12px}.pick .go{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:4px;display:flex}.pick .pk-shop{white-space:normal;text-align:center;max-width:100%;padding-block:6px;line-height:1.25}.paid{color:var(--text-secondary);font-size:13px}@keyframes sf-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pick,.mcode-card{animation:none}}.evcol{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px 14px;padding:14px;display:grid}.evcol .ph{border-radius:14px;width:64px;height:64px}.evcol .ph img{width:86%;height:86%}.evcol .t{font-size:17px;font-weight:500;line-height:1.3}.evcol .s{color:var(--text-secondary);margin-top:2px;font-size:13px}.evcol .nt{grid-column:1/-1;font-size:14px;line-height:1.5}.evcol .lk{border-top:1px solid var(--border-subtle);grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.evcol .lk .u{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);font-size:13px;overflow:hidden}.mcards{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;display:grid}@media (width>=700px){.mcards{grid-template-columns:repeat(2,minmax(0,1fr))}}.mcode-card{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);animation:sf-up .5s var(--ease-enter) backwards;animation-delay:calc(var(--n,0) * 35ms + 80ms);flex-direction:column;gap:12px;padding:16px;display:flex}.mcode-card .top{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.mcode-card .acts{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.more-wren{border-top:1px solid var(--border);padding-top:24px}.more-wren .sf-evlink{margin-top:12px}.more-wren .ev-card .s{color:var(--text-secondary);margin-top:2px;font-size:13px}.more-wren .ev-card .bx{gap:6px;margin-top:6px;display:flex}.more-wren .mw-list{margin-top:12px}.private{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-panel);flex-direction:column;align-items:center;gap:10px;max-width:440px;margin:56px auto;padding:36px 24px;display:flex}.sf-linkrow{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:4px 4px 4px 14px;display:flex}.sf-linkrow .u{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.shr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shr-grid>*{width:100%}.qrbox{flex-direction:column;align-items:center;gap:10px;display:flex}.qr{border-radius:12px;width:196px;height:196px}.qr .qr-bg{fill:var(--qr-light)}.qr .qr-on{fill:var(--qr-dark)}.qr-wrap{display:contents}.sf-field{flex-direction:column;gap:6px;display:flex}.sf-label{color:var(--foreground);font-size:14px;font-weight:500}.sf-hint{color:var(--text-secondary);font-size:13px}.sf-hint.bad{color:var(--danger-text)}.msf-body{flex-direction:column;gap:18px;display:flex}.sp-lay{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:20px;padding-bottom:32px;display:grid}@media (width>=1024px){.sp-lay{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:56px;padding-top:36px}}.sp-main{min-width:0}.handle-field{border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);height:56px;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);align-items:center;display:flex;overflow:hidden}.handle-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.handle-field:has(input:focus){outline-offset:2px;outline:2px solid var(--focus-ring)!important}.handle-field input:focus-visible{outline:none!important}.handle-field[data-state=taken]{border-color:var(--danger)}.handle-field .pre{height:100%;color:var(--text-secondary);white-space:nowrap;align-items:center;padding:0 1px 0 16px;font-size:16px;display:flex}.handle-field input{min-width:0;height:100%;font:inherit;color:var(--foreground);background:0 0;border:0;flex:1;padding:0 8px 0 0;font-size:16px;font-weight:500}.handle-field input:focus{outline:none}.handle-field .st{width:48px;height:100%;color:var(--text-secondary);place-items:center;display:grid}.handle-field .ok-i{color:var(--success)}.handle-field .bad-i{color:var(--danger)}.handle-field .spin{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite sf-spin}@keyframes sf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.handle-field .spin{animation:none}}.hstatus{min-height:24px;color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.hstatus.bad{color:var(--danger-text)}.hstatus.good{color:var(--success-text)}.hsugg{flex-wrap:wrap;gap:8px;display:flex}fieldset.hsugg{border:0;min-width:0;margin:0;padding:0}.chip-btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;min-height:44px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.chip-btn:hover{border-color:var(--foreground)}}.showrows{border:1px solid var(--border);border-radius:var(--radius-panel);flex-direction:column;padding:0 16px;display:flex}.lu-in{border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);align-items:center;gap:8px;min-height:52px;padding:3px 6px 3px 14px;display:flex}.lu-in:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.lu-in:has(input:focus){outline-offset:2px;outline:2px solid var(--focus-ring)!important}.lu-in input:focus-visible{outline:none!important}.lu-in input{min-width:0;height:44px;font:inherit;color:var(--foreground);background:0 0;border:0;flex:1;font-size:16px}.lu-in input:focus{outline:none}.lu-st{white-space:nowrap;padding-right:8px}.lu-card{border:1px solid var(--border);background:var(--surface);max-width:560px;box-shadow:var(--shadow-resting);animation:sf-unroll .5s var(--ease-enter) both;border-radius:20px;position:relative;overflow:hidden}@keyframes sf-unroll{0%{clip-path:inset(0 40% 80% 0 round 14px)}to{clip-path:inset(0 round 20px)}}@media (prefers-reduced-motion:reduce){.lu-card{animation:none}}fieldset.lu-card{min-width:0;margin:0;padding:0}.lu-hd{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.lu-hd .tx{flex:1;min-width:0}.lu-hd .tx p{text-overflow:ellipsis;overflow:hidden}.lu-bd{flex-direction:column;gap:14px;padding:14px;display:flex}.photo-row{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px;display:grid}.dropz{border:1.5px dashed var(--border-control);background:var(--surface-muted);width:96px;height:96px;color:var(--text-secondary);text-align:center;cursor:pointer;border-radius:18px;align-content:center;place-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;display:grid;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.dropz:hover{border-color:var(--accent);color:var(--foreground)}}.dropz.has{border-style:solid;border-color:var(--border)}.dropz.has .pk-pic{aspect-ratio:auto;border-radius:0;height:100%;position:absolute;inset:0}.ph-remove{align-self:flex-start;margin-left:-12px}.pk-list{border:1px solid var(--border);border-radius:var(--radius-panel);flex-direction:column;margin:0;display:flex;overflow:hidden}.pk-row{background:var(--surface);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:grid}.pk-row.cols{grid-template-columns:minmax(0,1fr) auto}.pk-row+.pk-row{border-top:1px solid var(--border-subtle)}.pk-row .th.pk-pic{border-radius:12px;width:48px;height:48px}.pk-row .t{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.pk-row .m{color:var(--text-secondary);text-overflow:ellipsis;font-size:12px;overflow:hidden}.pk-row.cols .m{white-space:normal}.pgm{border:1px solid var(--border);border-radius:var(--radius-panel);flex-direction:column;margin:0;display:flex;overflow:hidden}.pgm-row{background:var(--surface);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.pgm-row+.pgm-row{border-top:1px solid var(--border-subtle)}.pgm-row .top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pgm-row .acts{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.pgm-row .acts .setrow{flex:260px;padding:0}.sf-where{align-items:center;gap:4px;min-height:44px;font-size:14px;display:inline-flex}.disc-prev{flex-direction:column;gap:8px;display:flex}.sum{border:1px solid var(--border);border-radius:var(--radius-panel);flex-direction:column;margin:0;padding:2px 16px;display:flex}.sum>div{grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:4px 0;display:grid}.sum>div+div{border-top:1px solid var(--border-subtle)}.sum dt{color:var(--text-secondary);font-size:13px}.sum dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;font-weight:500;overflow:hidden}@media (width<=420px){.sum>div{grid-template-columns:84px minmax(0,1fr) auto}}.prevwrap{flex-direction:column;gap:10px}@media (width>=1024px){.prevwrap.only-lg-block{top:calc(var(--header-height) + 32px);position:sticky;display:flex!important}}.prev-ph{border:1px solid var(--border);background:var(--background);width:100%;max-width:340px;box-shadow:var(--shadow-raised);border-radius:34px;margin:0 auto;overflow:hidden}.prev-bar{border-bottom:1px solid var(--border-subtle);height:40px;color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.prev-body{flex-direction:column;gap:12px;padding:18px 16px 20px;display:flex}.prev-disc{color:var(--text-secondary);font-size:11px;line-height:1.4}.prev-disc b{font-weight:500}.prev-id{align-items:center;gap:10px;display:flex}.prev-id .av{background:var(--surface-muted);border:1px solid var(--border);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:14px;font-weight:500;display:grid}.prev-tabs{border:1px solid var(--border);background:var(--surface-muted);text-align:center;border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:2px;font-size:11px;display:grid}.prev-tabs span{color:var(--text-secondary);border-radius:10px;padding:5px 0}.prev-tabs span.on{background:var(--surface);color:var(--foreground);font-weight:500}.prev-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.prev-card{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:6px;font-size:11px;line-height:1.3;display:flex}.prev-card .pk-pic{aspect-ratio:4/3;border-radius:8px}.prev-card .paid{font-size:10px}.prev-empty{border:1.5px dashed var(--border);min-height:96px;color:var(--text-secondary);text-align:center;border-radius:12px;place-items:center;padding:10px;font-size:12px;display:grid}.sp-done{width:100%;margin-top:20px}.bigurl{border:1.5px dashed var(--border-control);border-radius:var(--radius-control);background:var(--surface-muted);align-items:center;gap:10px;min-height:60px;padding:6px 6px 6px 18px;font-size:18px;font-weight:500;display:flex}.bigurl .u{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.sf-lay{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:4px;display:grid}@media (width>=1024px){.sf-lay{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:48px}.sf-lay>.gnav{top:calc(var(--header-height) + 28px);margin-top:28px;position:sticky}}@media (width<=1023px){.sf-lay>.gnav{display:none}}.gnav{flex-direction:column;gap:2px;display:flex;position:relative}.gnav .gind{background:var(--surface-muted);height:44px;transform:translateY(calc(var(--i,0) * 46px));transition:transform .42s var(--ease-spring);pointer-events:none;border-radius:14px;position:absolute;top:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.gnav .gind{transition:none}}.gnav a{z-index:1;min-height:44px;color:var(--text-secondary);border-radius:14px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex;position:relative}.gnav a>span:first-child{display:inline-flex}.gnav a[aria-current=true]{color:var(--foreground)}.gnav a .n{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.dotw{background:var(--warning);border-radius:50%;flex:none;width:8px;height:8px;margin-left:auto;display:inline-block}.sf-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;padding-top:28px;display:flex}.sf-head .url{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;font-size:15px;display:flex}@media (width<=1023px){.up-sfacts{width:100%}.up-sfacts .primary{flex:100%;order:-1}.up-sfacts .secondary{flex:auto}}.sf-tabs{scrollbar-width:none;margin:14px calc(var(--pad) * -1) 0;padding:2px var(--pad) 6px;gap:6px;display:flex;overflow-x:auto}.sf-tabs::-webkit-scrollbar{display:none}@media (width>=1024px){.sf-tabs{display:none}}.sf-chip{border:1px solid var(--border);min-height:44px;color:var(--text-secondary);background:var(--surface);border-radius:999px;flex:none;align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.sf-chip[aria-current=true]{color:var(--foreground);border-color:var(--foreground)}.sf-chip .dotw{width:7px;height:7px;margin-left:6px}.sf-sec{border-bottom:1px solid var(--border);scroll-margin-top:calc(var(--header-height) + 20px);padding:24px 0}.sf-sec:last-child{border-bottom:0}.sf-sec h2{font-size:18px;font-weight:500}.sf-sec .lead2{color:var(--text-secondary);max-width:44em;margin-top:4px;font-size:14px;line-height:1.5}.sf-empty{margin-top:12px}.dpk{border:1px solid var(--border);border-radius:var(--radius-panel);flex-direction:column;margin:14px 0 0;display:flex;overflow:hidden}.dpk-row{background:var(--surface);transition:transform .42s var(--ease-spring), box-shadow .24s var(--ease-standard);grid-template-columns:44px 56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px 8px 4px;display:grid;position:relative}.dpk-row+.dpk-row{border-top:1px solid var(--border-subtle)}.dpk-row.lift{z-index:2;box-shadow:var(--shadow-floating);border-radius:14px;transform:translateY(-2px)scale(1.01)}@media (prefers-reduced-motion:reduce){.dpk-row{transition:none}.dpk-row.lift{transform:none}}.dpk-row .grip{width:44px;height:44px;color:var(--text-secondary);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.dpk-row .grip[aria-pressed=true]{color:var(--accent-text);background:var(--accent-subtle)}@media (hover:hover) and (pointer:fine){.dpk-row .grip:hover{color:var(--foreground);background:var(--surface-muted)}}.dpk-row .th.pk-pic{border-radius:14px;width:56px;height:56px}.dpk-row .t{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.dpk-row .m{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;font-size:12px;display:flex}.dpk-row .m .mt{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.dpk-row .acts{align-items:center;gap:2px;display:flex}.dpk-row .ibtn[aria-pressed=true]{color:var(--accent-text)}.dpk-row .ibtn:disabled{opacity:.35;cursor:default}.dpk-row.hid .t,.dpk-row.hid .th{opacity:.55}@media (width<=560px){.dpk-row{grid-template-columns:44px 48px minmax(0,1fr);grid-template-areas:"g p t"". .a";row-gap:2px}.dpk-row .grip{grid-area:g}.dpk-row .th.pk-pic{grid-area:p;width:48px;height:48px}.dpk-row>div:first-of-type{grid-area:t}.dpk-row .acts{grid-area:a;justify-content:flex-end}.dpk-row .acts .hide-sm{display:none}}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.kpi{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.kpi .n{letter-spacing:-.02em;order:1;font-size:26px;font-weight:500}.kpi .l{color:var(--text-secondary);order:0;font-size:13px}.kpi .dl{color:var(--text-secondary);order:2;font-size:12px}@media (width<=760px){.kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.sf-range{width:220px}.bars{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);align-items:end;gap:8px;height:160px;margin-top:14px;padding:12px 12px 0;display:grid}.bars .b{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bars .b i{background:var(--accent);transform-origin:bottom;width:100%;max-width:38px;animation:sf-grow .7s var(--ease-spring) backwards;animation-delay:calc(var(--n,0) * 45ms);border-radius:8px 8px 3px 3px;display:block}.bars .b span{color:var(--text-secondary);white-space:nowrap;padding-bottom:8px;font-size:11px}@keyframes sf-grow{0%{transform:scaleY(0)}to{transform:none}}.tbl{border-collapse:collapse;width:100%;margin-top:14px;font-size:14px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:10px 12px}.tbl th{color:var(--text-secondary);font-size:12px;font-weight:500}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.toprow{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:10px;padding:8px 0;display:grid}.toprow+.toprow{border-top:1px solid var(--border-subtle)}.toprow .meter{background:var(--surface-muted);border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.toprow .meter i{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;animation:sf-growx .8s var(--ease-spring) backwards;animation-delay:calc(var(--n,0) * 60ms);display:block}@keyframes sf-growx{0%{transform:scaleX(0)}to{transform:none}}@media (prefers-reduced-motion:reduce){.bars .b i,.toprow .meter i{animation:none}}.lc-row{border:1px solid color-mix(in oklab, var(--warning) 40%, var(--border));border-radius:var(--radius-panel);background:color-mix(in oklab, var(--warning) 6%, var(--surface));grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px;padding:14px 16px;display:grid}.lc-row .top{align-items:flex-start;gap:12px;display:flex}.lc-row .top>svg{color:var(--warning-text);flex:none;margin-top:2px}.lc-ok{color:var(--text-secondary);align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.lc-ok svg{color:var(--success);flex:none}.sf-text{max-width:560px;margin-top:16px}.savebar{left:50%;bottom:calc(var(--sticky-bottom) + 20px);z-index:40;border:1px solid var(--border);background:var(--surface-raised);width:min(560px,100vw - 24px);box-shadow:var(--shadow-floating);animation:sf-bar .5s var(--ease-spring) both;border-radius:20px;align-items:center;gap:8px;padding:8px 8px 8px 18px;display:flex;position:fixed;transform:translate(-50%)}.savebar .tx{flex:1;min-width:0;font-size:14px}.sf-wrap:has(.savebar-page) .savebar-note{bottom:calc(var(--sticky-bottom) + 20px + var(--control-height-sm) + 18px + 8px)}@keyframes sf-bar{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.savebar{animation:none}}.pk-edit .lu-card{box-shadow:none;max-width:none;animation:none}.sf-ad{margin:8px 0 40px}@media (width>=1200px){.picks.c2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1023px){.colchips [role=group]{flex-wrap:nowrap}.colchips [role=group]>*{flex:none}}@media (width<=767px){.sf-mp .mp-side{gap:12px}}.soc-fields{border:0;min-width:0;margin:0;padding:0}.soc-fields>ul{grid-template-columns:minmax(0,1fr);gap:10px;max-width:520px;margin:12px 0 0;padding:0;list-style:none;display:grid}.soc-fields li{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:6px 12px;min-width:0;display:grid}.soc-name{align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.soc-input{min-width:0;height:var(--control-height-md);border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);align-items:center;display:flex;overflow:hidden}.soc-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.soc-input:has(input:focus){outline-offset:2px;outline:2px solid var(--focus-ring)!important}.soc-input input:focus-visible{outline:none!important}.soc-input[data-invalid]{border-color:var(--danger)}.soc-input .pre{color:var(--text-secondary);white-space:nowrap;flex:none;padding-left:12px;font-size:14px}.soc-input input{min-width:0;height:100%;font:inherit;color:var(--foreground);background:0 0;border:0;flex:1;padding:0 12px 0 1px;font-size:16px}.soc-input input:focus{outline:none}.soc-input input::placeholder{color:var(--text-muted)}.soc-err{color:var(--danger-text);grid-column:2;margin:0}.soc a .social-icon{flex:none}.pick{transition:border-color var(--duration-fast) var(--ease-standard)}@media (hover:hover) and (pointer:fine){.pick:hover{border-color:var(--border-strong)}}.pick .pk-code{z-index:2;cursor:text;-webkit-user-select:text;user-select:text;flex-wrap:wrap;align-items:baseline;gap:4px 8px;width:fit-content;font-size:13px;display:flex;position:relative}.pick .pk-code .l{color:var(--text-secondary)}.pick .pk-code .code{font-size:14px}.pick .pk-copied{color:var(--success-text);min-height:0;font-size:13px}.pick .pk-copied:empty{display:none}.pick .pk-copied.bad{color:var(--danger-text)}.sf-what{max-width:46em}.sf-row-h{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sf-row{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.sf-row>li{flex-direction:column;min-width:0;display:flex}.sf-row>li>*{flex:1}@media (width>=700px){.sf-row{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr))}.sf-row.n1 .pick{grid-template-rows:auto;grid-template-columns:240px minmax(0,1fr);gap:16px;padding:12px}.sf-row.n1 .pick .pk-pic{aspect-ratio:4/3}.sf-row.n1 .deal{grid-template-columns:240px minmax(0,1fr);display:grid}.sf-row.n1 .deal-media{aspect-ratio:auto;border-radius:calc(var(--radius-panel) - 1px) 0 0 calc(var(--radius-panel) - 1px);height:100%;min-height:180px}}@media (width<=699px){.sf-row .deal{grid-template-columns:104px minmax(0,1fr);display:grid}.sf-row .deal-media{aspect-ratio:auto;border-radius:calc(var(--radius-panel) - 1px) 0 0 calc(var(--radius-panel) - 1px);height:100%;min-height:132px}.sf-row .tile-text{padding:0 8px;font-size:22px}.sf-row .deal-body{gap:6px;padding:14px 12px 10px 14px}.sf-row.side{scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding:2px var(--pad) 8px;margin-inline:calc(var(--pad) * -1);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:84%;grid-auto-flow:column;overflow-x:auto}.sf-row.side::-webkit-scrollbar{display:none}.sf-row.side>li{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.pick{transition:none}}.sf-feat-list{padding:0;list-style:none}.dpk-row.ff-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:none;padding:8px 10px 8px 4px}.ff-row .ff-n{width:44px;height:44px;color:var(--text-secondary);place-items:center;font-size:15px;font-weight:500;display:grid}@media (width<=560px){.dpk-row.ff-row{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"n t"".a"}.ff-row .ff-n{grid-area:n;width:36px}.ff-row>div:first-of-type{grid-area:t}.ff-row .acts{grid-area:a;justify-content:flex-end}}.ff-more{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px;display:grid}@media (width>=900px){.ff-more{grid-template-columns:repeat(2,minmax(0,1fr))}}.ff-choices{border:1px solid var(--border);border-radius:var(--radius-panel);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.ff-choices>li{background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:4px 6px 4px 14px;display:flex}.ff-choices>li+li{border-top:1px solid var(--border-subtle)}.ff-choices .t{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.ff-choices .btn-link[aria-pressed=true]{color:var(--accent-text)}.ff-choices .btn-link:disabled{opacity:.45;cursor:default}.shop-ic{flex:none;overflow:visible}.shop-ic .shop-awning{transform-box:fill-box;transform-origin:50% 0;animation:shopAwning 2.4s var(--ease-standard) 2}.shop-ic .shop-door{animation:shopDoor 2.4s var(--ease-standard) 2}.shop-ic .shop-spark{transform-box:fill-box;transform-origin:50%;animation:shopSpark 2.4s var(--ease-spring) 2 both}@keyframes shopAwning{0%,to{transform:rotate(0)}18%{transform:rotate(-4deg)}36%{transform:rotate(2.5deg)}50%{transform:rotate(0)}}@keyframes shopDoor{0%,40%,to{fill:#fde047}55%{fill:#fef9c3}}@keyframes shopSpark{0%,45%{opacity:0;transform:scale(0)rotate(0)}60%{opacity:1;transform:scale(1.15)rotate(30deg)}80%{opacity:1;transform:scale(1)rotate(45deg)}to{opacity:0;transform:scale(0)rotate(90deg)}}@keyframes shopAwningAgain{0%,to{transform:rotate(0)}18%{transform:rotate(-4deg)}36%{transform:rotate(2.5deg)}50%{transform:rotate(0)}}@keyframes shopDoorAgain{0%,40%,to{fill:#fde047}55%{fill:#fef9c3}}@keyframes shopSparkAgain{0%,45%{opacity:0;transform:scale(0)rotate(0)}60%{opacity:1;transform:scale(1.15)rotate(30deg)}80%{opacity:1;transform:scale(1)rotate(45deg)}to{opacity:0;transform:scale(0)rotate(90deg)}}.sf-start-pill{border-radius:var(--radius-pill);color:#fff;white-space:nowrap;min-height:44px;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);background:linear-gradient(120deg,#7c3aed,#db2777);align-items:center;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 16px -6px oklab(59.1646% .217973 .00222325/.6)}.sf-start-pill:after{content:"";animation:sfSweep 2.2s var(--ease-standard) .4s 2;background:linear-gradient(105deg,#0000 35%,#ffffff29 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.sf-start-pill-in{z-index:1;position:relative}@keyframes sfSweep{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}@keyframes sfSweepAgain{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}@property --sf-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.fc-cta.sf-invite,.pf-sf.sf-invite{background:linear-gradient(160deg, color-mix(in oklab, #7c3aed 9%, var(--surface)), color-mix(in oklab, #db2777 6%, var(--surface))) padding-box, conic-gradient(from var(--sf-angle), #7c3aed, #db2777, #fbbf24, #7c3aed) border-box;border:1.5px solid #0000}@media (hover:hover) and (pointer:fine){.sf-invite:hover{animation:2.4s linear 2 sfRing}}.sf-invite:focus-within{animation:2.4s linear 2 sfRing}@keyframes sfRing{to{--sf-angle:360deg}}@media (hover:hover) and (pointer:fine){.sf-invite:hover .sf-start-pill{transform:translateY(-1px);box-shadow:0 10px 22px -8px oklab(59.1646% .217973 .00222325/.7)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.sf-invite:hover .shop-ic .shop-awning{animation:shopAwningAgain 1.4s var(--ease-standard) 2}.sf-invite:hover .shop-ic .shop-door{animation:shopDoorAgain 1.4s var(--ease-standard) 2}.sf-invite:hover .shop-ic .shop-spark{animation:shopSparkAgain 1.4s var(--ease-spring) 2 both}.sf-invite:hover .sf-start-pill:after{animation:sfSweepAgain 2.2s var(--ease-standard) 2}}@media (prefers-reduced-motion:no-preference){.sf-invite:focus-within .shop-ic .shop-awning{animation:shopAwningAgain 1.4s var(--ease-standard) 2}.sf-invite:focus-within .shop-ic .shop-door{animation:shopDoorAgain 1.4s var(--ease-standard) 2}.sf-invite:focus-within .shop-ic .shop-spark{animation:shopSparkAgain 1.4s var(--ease-spring) 2 both}.sf-invite:focus-within .sf-start-pill:after{animation:sfSweepAgain 2.2s var(--ease-standard) 2}}@media (prefers-reduced-motion:reduce){.shop-ic .shop-awning,.shop-ic .shop-door,.shop-ic .shop-spark,.sf-start-pill:after,.sf-invite,.sf-invite:hover,.sf-invite:focus-within{animation:none}.shop-ic .shop-spark{opacity:1;transform:none}.sf-invite:hover .sf-start-pill{transform:none}}.up-what .sf-own-cta{margin-top:6px}.sf-own-cta{isolation:isolate;border-radius:var(--radius-pill);color:#fff;white-space:nowrap;min-height:48px;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);background:linear-gradient(120deg,#6d28d9,#be185d);align-items:center;gap:10px;padding:4px 18px 4px 4px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 6px 16px -8px oklab(52.4595% .198477 .0137334/.6)}.sf-own-ic{background:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.sf-own-t{z-index:1;position:relative}.sf-own-shine{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sf-own-shine:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.sf-own-cta[data-seen] .sf-own-shine:after{animation:sfSweep 1.8s var(--ease-standard) .2s 1 both}.sf-own-cta:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--sf-angle), #7c3aed, #db2777, #fbbf24, #7c3aed);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);padding:2px;position:absolute;inset:-3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.sf-own-cta .shop-ic .shop-awning,.sf-own-cta .shop-ic .shop-door,.sf-own-cta .shop-ic .shop-spark{animation:none}.sf-own-cta .shop-ic .shop-spark{opacity:0;transform:scale(0)}.sf-own-cta:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.sf-own-cta:focus-visible,.sf-own-cta:active{color:#fff}@media (hover:hover) and (pointer:fine){.sf-own-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px -10px oklab(52.4595% .198477 .0137334/.75)}.sf-own-cta:hover:before{opacity:1;animation:2.4s linear 2 sfRing}.sf-own-cta:hover .shop-ic .shop-awning{animation:shopAwning 1.4s var(--ease-standard) 1}.sf-own-cta:hover .shop-ic .shop-spark{animation:shopSpark 1.4s var(--ease-spring) 1}}.sf-own-cta:focus-visible{transform:translateY(-2px);box-shadow:0 12px 26px -10px oklab(52.4595% .198477 .0137334/.75)}.sf-own-cta:focus-visible:before{opacity:1;animation:2.4s linear 2 sfRing}.sf-own-cta:focus-visible .shop-ic .shop-awning{animation:shopAwning 1.4s var(--ease-standard) 1}.sf-own-cta:focus-visible .shop-ic .shop-spark{animation:shopSpark 1.4s var(--ease-spring) 1}.sf-own-cta:active{transition-duration:var(--duration-instant,80ms);transform:translateY(0)scale(.97)}@media (prefers-reduced-motion:reduce){.sf-own-cta,.sf-own-cta:hover,.sf-own-cta:focus-visible,.sf-own-cta:active{transition:none;transform:none}.sf-own-cta[data-seen] .sf-own-shine:after,.sf-own-cta:hover:before,.sf-own-cta:focus-visible:before,.sf-own-cta:hover .shop-ic .shop-awning,.sf-own-cta:hover .shop-ic .shop-spark,.sf-own-cta:focus-visible .shop-ic .shop-awning,.sf-own-cta:focus-visible .shop-ic .shop-spark{animation:none}}
