.cards{grid-row-gap:32px;grid-column-gap:24px;grid-template-columns:minmax(240px,320px);justify-content:center;gap:32px 24px;display:grid}@media (width>=544px){.cards{grid-template-columns:repeat(2,minmax(240px,320px))}}@media (width>=768px){.cards{grid-row-gap:32px;grid-column-gap:32px;grid-template-columns:repeat(2,320px);gap:32px}}.card{--card-focus-scale:1;--card-focus-tx:0px;--card-focus-arrow-dashoffset:15;--card-focus-jump-dashoffset:26;background-color:var(--card-bg,#fff);border-radius:.5rem;flex-direction:column;display:flex;position:relative}html:not([theme=dark]) .card__body:before{content:"";border-left:1px solid var(--card-border,#f6f6f6);border-right:1px solid var(--card-border,#f6f6f6);border-bottom:1px solid var(--card-border,#f6f6f6);border-radius:.5rem;position:absolute;inset:0}html:not([theme=dark]) .card__body--more:before{border-top:1px solid var(--card-border,#f6f6f6)}@media screen and (hover:hover) and (pointer:fine){.card:hover,.card:focus-within{--card-focus-scale:1.05;--card-focus-tx:2px;--card-focus-arrow-dashoffset:0;--card-focus-jump-dashoffset:0}}.card--post{contain:strict;height:400px}.card--more{contain:strict;height:48px}@media (width>=544px){.card--more{height:400px}}.card__header{border-top-left-radius:.5rem;border-top-right-radius:.5rem;flex:none;position:relative;overflow:hidden}.card__header:before{content:"";width:100%;padding-bottom:52.5%;display:block}.card__header>:first-child{position:absolute;inset:0}.card__img{object-fit:cover;transform:scale(var(--card-focus-scale));z-index:1;transition:transform .3s ease-out}.card__body{opacity:var(--card-focus-body-opacity);transform:opacity .3s ease-out;flex-direction:column;flex:auto;padding:1rem 1rem 2rem;display:flex}.card__body--more{justify-content:center;align-items:center;padding:1rem}.card__title{word-break:break-all;color:var(--text-primary,#1b1b1b);margin-top:.5rem;font-size:20px;line-height:1.5}.card__meta{color:var(--text-ternary,#5c5c5c);order:-1;align-items:center;font-size:12px;font-weight:700;line-height:2;display:flex}.card__icon{color:var(--main-vivid,#2491ff)}.card__icon--pick{color:var(--accent-light,#face00);margin-left:4px}.card__icon--more{display:none}@media (width>=544px){.card__icon--more{display:initial;transform:translateX(var(--card-focus-tx));margin-left:4px;transition:transform .3s ease-out}.card__icon--more .pt-arrow-c{stroke-dasharray:15 30;stroke-dashoffset:var(--card-focus-arrow-dashoffset);stroke-width:2px;transition:stroke-dashoffset .3s ease-out}.card__icon--more .pt-arrow-t,.card__icon--more .pt-arrow-b{stroke-width:3px}}.card__icon--read{transform:translateX(var(--card-focus-tx));transition:transform .3s ease-out}.card__icon--read .pt-line{stroke-dasharray:26 50;stroke-dashoffset:var(--card-focus-jump-dashoffset);stroke-width:2px;transition:stroke-dashoffset .3s ease-out}.card__text{-webkit-line-clamp:3;color:var(--text-ternary,#5c5c5c);-webkit-box-orient:vertical;margin-top:.5rem;font-size:14px;line-height:2;display:-webkit-box;overflow:hidden}.card__link:before{content:"";z-index:1;position:absolute;inset:0}.card__link--more{color:var(--text-secondary,#454545);align-items:center;font-size:14px;font-weight:700;line-height:1;display:flex}.card__read{position:absolute;bottom:.25rem;right:1.5rem}.tab-bar-shadow{padding-bottom:var(--tab-height)}@media (width>=768px){.tab-bar-shadow{padding-bottom:calc(var(--tab-height) + 8px)}}.tab-bar{background-color:var(--tab-bg,#fff);pointer-events:auto;will-change:transform;animation:.3s ease-out .3s both tab-bar-slidein;position:relative}html:not([theme=dark]) .tab-bar:before{content:"";background-color:var(--tab-border,#f6f6f6);height:1px;position:absolute;top:0;left:0;right:0}@keyframes tab-bar-slidein{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tab{display:flex;overflow-x:auto}.tab__item{height:var(--tab-height);color:var(--text-secondary,#454545);flex:0 0 90px;font-size:12px;font-weight:700;line-height:1;position:relative}.tab__item--icon{flex:0 0 48px}@media (width>=768px){.tab__item:last-of-type{margin-right:48px}}.tab__item.active{color:var(--tab-label-active,#fff);background-color:var(--tab-item-active,#2491ff)}@media screen and (hover:hover) and (pointer:fine){.tab__item:not(.active):before{content:"";background-color:var(--tab-item-hover,#f6f6f6);position:absolute;inset:0;transform:translateY(-100%)}.tab__item:not(.active):hover:before,.tab__item:not(.active):focus-within:before{transform:translateY(0)}}.tab__link{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tab__link--icon{--tab-link-icon-focus-arrow-dashoffset:15;--tab-link-icon-focus-tx:0px}.tab__link--icon>.icon{color:var(--text-secondary,#454545);transform:translateX(var(--tab-link-icon-focus-tx));transition:transform .3s ease-out}.tab__link--icon>.icon .pt-arrow-c{stroke-dasharray:15 30;stroke-dashoffset:var(--tab-link-icon-focus-arrow-dashoffset);stroke-width:2px;transition:stroke-dashoffset .3s ease-out}.tab__link--icon>.icon .pt-arrow-t,.tab__link--icon>.icon .pt-arrow-b{stroke-width:3px}@media screen and (hover:hover) and (pointer:fine){.tab__link--icon:hover,.tab__link--icon:focus{--tab-link-icon-focus-arrow-dashoffset:0;--tab-link-icon-focus-tx:-2px}}.profile{grid-gap:1.5rem 1rem;grid-template-columns:auto 1fr;grid-template-areas:"avatar author""bio bio""comment comment";align-items:center;gap:1.5rem 1rem;display:grid}.profile__avatar{grid-area:avatar;width:80px;position:relative}.profile__avatar:before{content:"";width:100%;padding-bottom:100%;display:block}.profile__avatar>:first-child{position:absolute;inset:0}.profile__author-wrapper{grid-area:author;height:100%;position:relative}.profile__author{position:absolute;top:50%;left:0;transform:translateY(-50%)}.profile__bio{color:var(--text-ternary,#5c5c5c);grid-area:bio;font-size:14px;line-height:2}.profile__comment{grid-area:comment;font-size:16px;line-height:1.75}@media (width>=360px){.profile{grid-column-gap:1.5rem;column-gap:1.5rem}}@media (width>=768px){.profile{grid-gap:0rem 3rem;grid-template-areas:"avatar author"".bio""comment comment";gap:0 3rem}.profile__avatar{width:120px}.profile__comment{margin-top:1.5rem}}