.pwsk :is(i,.pwsk-card){display:block;border-radius:14px;background:linear-gradient(100deg,var(--soft) 30%,#f9fbfe 50%,var(--soft) 70%) 0 0 /300% 100%;animation:pwsk-shine 1.4s linear infinite}.pw[data-look=dark] .pwsk :is(i,.pwsk-card){background:linear-gradient(100deg,var(--soft) 30%,#232c42 50%,var(--soft) 70%) 0 0 /300% 100%}@keyframes pwsk-shine{to{background-position:-150% 0}}.pwsk-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.pwsk-head span{display:grid;gap:8px}.pwsk .pwsk-av{width:56px;height:56px;border-radius:50%}.pwsk .pwsk-line{height:14px;border-radius:7px}.pwsk .pwsk-line.w1{width:200px;height:20px}.pwsk .pwsk-line.w2{width:140px}.pwsk .pwsk-tabs{width:300px;height:40px;margin:0 auto 20px;border-radius:999px}.pwsk-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.pwsk-split.even{grid-template-columns:repeat(2,minmax(0,1fr))}.pwsk-grid{display:grid;gap:14px;align-content:start}.pwsk-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pwsk-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.pwsk .pwsk-card{aspect-ratio:4/3.6;border-radius:18px}.pwsk .pwsk-card.tall{aspect-ratio:auto;min-height:420px}.pwsk-posts .pwsk-card.tall{min-height:520px}.pwsk-home{max-width:1240px}.pwsk .pwsk-bar{height:58px;margin-bottom:26px;border-radius:18px;background:#0f1729;animation:none}.pwsk .pwsk-hero{height:clamp(400px,56vh,580px);margin:6px 0 40px;border-radius:26px}@media (prefers-reduced-motion:reduce){.pwsk :is(i,.pwsk-card){animation:none}}@media (max-width:767px){.pwsk-head{margin-bottom:18px}.pwsk .pwsk-av{width:48px;height:48px}.pwsk .pwsk-line.w1{width:160px}.pwsk-split,.pwsk-split.even{grid-template-columns:minmax(0,1fr)}.pwsk-grid.four,.pwsk-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pwsk .pwsk-card.tall{min-height:240px}.pwsk .pwsk-tabs{width:100%}.pwsk .pwsk-bar{height:150px;border-radius:16px}.pwsk .pwsk-hero{height:auto;aspect-ratio:4/5;border-radius:20px}.pwsk-home .pwsk-grid.three{grid-template-columns:minmax(0,1fr)}}.pw-going{position:fixed;z-index:40;inset:var(--nav-h) 0 0 0;overflow:hidden;background:var(--page)}.pw-body:has(>.pw-going)>.pw-rail{z-index:41}.pw-going .pwsk{max-width:1180px;margin:0 auto;padding:30px 40px}@media (min-width:1024px){.pw-going{left:calc(71 * var(--u))}}@media (max-width:767px){.pw-going .pwsk{padding:16px}}:is(.pw-rail,.shell-rail) a{position:relative}.rail-tag{position:absolute;top:8%;left:calc(50% + 3px);padding:1px 5px;border-radius:999px;background:linear-gradient(135deg,#4d97ff,#2676ff);color:#fff;font-size:9px;font-style:normal;font-weight:700;line-height:13px;letter-spacing:.02em;box-shadow:0 1px 4px #2676ff66}@media (max-width:1023px){.rail-tag{top:0;left:calc(50% + 2px);padding:0 4px;font-size:8.5px;line-height:12px}}.pw[data-look=dark] aside.pw-rail a[aria-current],aside:is(.pw-rail,.shell-rail) a[aria-current]{background:transparent;box-shadow:none}@media (min-width:1024px){aside:is(.pw-rail,.shell-rail){--rail-u:var(--u,var(--shell-u,1px));padding-top:calc(36 * var(--rail-u))}}aside .rail-glass,aside svg.rail-bulge{display:none}@media (hover:hover) and (min-width:1024px) and (min-height:600px){aside .rail-glass{display:block;position:absolute;top:0;bottom:0;left:0;right:-40px;z-index:-1;pointer-events:none;clip-path:inset(0 40px 0 0)}aside.pw-rail .rail-glass{background:linear-gradient(180deg,var(--frame-line) calc(var(--gap-a, 100%) - var(--gap-f, 0px)),transparent var(--gap-a,100%),transparent var(--gap-b,100%),var(--frame-line) calc(var(--gap-b, 100%) + var(--gap-f, 0px))) right 40px bottom /1px calc(100% - var(--curve)) no-repeat,var(--glass);backdrop-filter:blur(18px) saturate(160%)}aside svg.rail-bulge{display:block;position:absolute;left:100%;top:0;width:120px;height:100%;margin:0;overflow:hidden;pointer-events:none}html[data-in="1"] aside.pw-rail{background:none;backdrop-filter:none}.rail-bulge path{filter:url(#rail-shadow)}.pw[data-look=dark] .rail-bulge path{filter:url(#rail-shadow-dark)}:is(.pw-rail,.shell-rail) a{z-index:1}:is(.pw-rail,.shell-rail) a span,:is(.pw-rail,.shell-rail) a svg{transition:transform .2s cubic-bezier(.25,1.4,.45,1)}:is(.pw-rail,.shell-rail) a:hover svg{transform:translateX(calc(25 * var(--rail-u))) scale(1.2)}:is(.pw-rail,.shell-rail) a:hover span{transform:translateX(calc(18 * var(--rail-u)))}aside.shell-rail{overflow:visible;border-right:0;background:none}aside.shell-rail .rail-glass{background:linear-gradient(var(--line),var(--line)) right 40px top /1px 36px no-repeat,linear-gradient(180deg,var(--line) calc(var(--gap-a, 100%) - var(--gap-f, 0px)),transparent var(--gap-a,100%),transparent var(--gap-b,100%),var(--line) calc(var(--gap-b, 100%) + var(--gap-f, 0px))) right 40px bottom /1px calc(100% - 36px) no-repeat,var(--nav-bg)}aside.shell-rail a:hover{background:transparent}html:not(.light) aside.shell-rail .rail-bulge path{filter:url(#rail-shadow-dark)}}@media (prefers-reduced-transparency:reduce){aside.pw-rail .rail-glass{background:var(--page);backdrop-filter:none}}@media (prefers-reduced-motion:reduce){:is(.pw-rail,.shell-rail) a span,:is(.pw-rail,.shell-rail) a svg{transition:none;transform:none!important}}