.yp-small{font-size:.85rem}.yp-chips-bar{z-index:20;background:var(--header-bg);backdrop-filter:saturate(180%)blur(18px);margin:0 -16px 18px;padding:10px 16px 6px;position:sticky;top:60px}.yp-chips{scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.yp-chips::-webkit-scrollbar{display:none}.yp-chip{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;flex:none;padding:8px 18px;font-size:.95rem;font-weight:600}.yp-chip[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--bar) 25%, transparent)}.yp-feed{flex-direction:column;gap:16px;display:flex}.yp-card{color:var(--text);flex-direction:column;gap:14px;padding:18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}a.yp-card:hover{border-color:var(--bar);text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 36px #0812181f}.yp-card h3{margin:8px 0 0;font-size:clamp(1.15rem,2.4vw,1.35rem);line-height:1.25}.yp-card-head{align-items:center;gap:10px;display:flex}.yp-card-head>div{flex-direction:column;min-width:0;margin-right:auto;line-height:1.25;display:flex}.yp-card-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yp-cat{margin-left:auto}.yp-chip-sm{padding:3px 10px;font-size:.78rem}.yp-avatar{object-fit:cover;background:var(--bg-deep);border-radius:50%;flex:none;width:44px;height:44px}.yp-avatar-letter{background:var(--primary-soft);color:var(--primary);place-items:center;font-size:1.1rem;font-weight:700;display:grid}.yp-card-body{gap:14px;display:grid}.yp-card-body.has-pics{grid-template-columns:minmax(0,1fr) minmax(120px,34%);align-items:start}.yp-pics{aspect-ratio:4/3;grid-template-columns:1fr 1fr;gap:6px;display:grid}.yp-pics img{object-fit:cover;background:var(--bg-deep);border-radius:10px;width:100%;height:100%}.yp-pics-1{aspect-ratio:16/11;grid-template-columns:1fr}.yp-pics-3 img:first-child{grid-row:span 2}.yp-preview{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.yp-preview li{background:var(--bg-deep);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:.95rem;display:flex;position:relative;overflow:hidden}.yp-preview li.is-top{border-color:var(--bar)}.yp-preview .yp-letter{width:24px;height:24px;font-size:.72rem}.yp-preview li.is-top .yp-letter{background:var(--bar);color:#0b2a2c}.yp-more-options{justify-content:center;background:0 0!important;border-style:dashed!important}.yp-hidden-note{align-items:center;gap:6px;margin:-4px 0 0;display:flex}.yp-icon{vertical-align:-3px;flex:none}.yp-card-foot{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;align-items:center;gap:18px;padding-top:12px;font-size:.9rem;display:flex}.yp-card-foot span{align-items:center;gap:6px;display:inline-flex}.yp-card-go{color:var(--primary);margin-left:auto;font-weight:700}.yp-badge{background:var(--bar-track);color:var(--text-2);white-space:nowrap;border-radius:999px;margin:0;padding:3px 10px;font-size:.78rem;font-weight:650;display:inline-block}.yp-badge-on{background:var(--primary-soft);color:var(--primary)}.yp-promo{background:linear-gradient(120deg, var(--cyan-700), #2f5a5e);color:#fff;border-color:#0000;flex-flow:wrap;align-items:center;gap:16px}.yp-promo img{border-radius:14px}.yp-promo>div:nth-child(2){flex:240px}.yp-promo h3{color:#fff;margin:0 0 4px}.yp-promo p{opacity:.9;margin:0}.yp-promo .btn-primary{color:#fff;background:#0b0f14}.yp-skeleton{background:linear-gradient(100deg, var(--surface) 30%, var(--bg-deep) 50%, var(--surface) 70%);background-size:300% 100%;min-height:300px;animation:1.4s linear infinite yp-shimmer}.yp-skeleton-tall{min-height:420px}@keyframes yp-shimmer{to{background-position:-150% 0}}.yp-empty,.yp-more{text-align:center;margin:20px 0;padding:28px}.yp-more{margin-top:24px;padding:0}.yp-end{text-align:center;margin:28px 0 0}@media (width<=560px){.yp-card{padding:14px}.yp-card-body.has-pics{grid-template-columns:minmax(0,1fr) 42%}.yp-card-foot{gap:12px}.yp-card-head .yp-badge{display:none}}.yp-poll{flex-direction:column;gap:18px;padding:clamp(20px,4vw,36px);display:flex}.yp-title{margin:4px 0 0;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.2}.yp-title-sm{font-size:clamp(1.25rem,3vw,1.6rem)}.yp-opinion{white-space:pre-line;font-weight:600}.yp-survey{margin:0}.yp-question{flex-direction:column;gap:12px;padding-top:8px;display:flex}.yp-question+.yp-question{border-top:1px solid var(--border);padding-top:24px}.yp-options{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.yp-option{border:1.5px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.yp-option:disabled{cursor:default}.yp-option:not(:disabled):hover{border-color:var(--primary)}.yp-option.is-picked{border-color:var(--primary);background:var(--primary-soft)}.yp-option.is-mine{border-color:var(--primary)}.yp-fill{background:color-mix(in srgb, var(--bar) 32%, transparent);transition:width .6s;position:absolute;inset:0 auto 0 0}.yp-letter,.yp-option-text,.yp-pct{position:relative}.yp-letter{background:var(--bar-track);width:28px;height:28px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.is-picked .yp-letter,.is-mine .yp-letter{background:var(--primary);color:var(--on-primary)}.yp-option-text{flex:1}.yp-mine{color:var(--primary);font-style:normal;font-weight:600}.yp-pct{font-variant-numeric:tabular-nums}.yp-media{object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-deep);width:100%;max-height:420px}.yp-media-sm{border-radius:10px;width:auto;max-width:100%;max-height:140px;margin-top:6px}.yp-audio{width:100%;margin-top:6px}.yp-filelink{margin-top:6px;font-size:.92rem;display:inline-block}.yp-vote{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.yp-vote .btn{min-width:140px}.yp-error{color:var(--danger);margin:0}.yp-thanks{background:var(--primary-soft);border-radius:12px;margin:0;padding:12px 16px}.yp-poll-foot{border-top:1px solid var(--border);padding-top:20px}.yp-getapp{flex-wrap:wrap;gap:10px;display:flex}.yp-message{text-align:left}.yp-pics>*{background:var(--bg-deep);border-radius:10px;width:100%;height:100%;min-height:0;overflow:hidden}.yp-tile{place-items:center;display:grid;position:relative}.yp-tile-video video{object-fit:cover;width:100%;height:100%;display:block}.yp-tile-play{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:44px;height:44px;margin:auto;display:grid;position:absolute;inset:0}.yp-tile-play .yp-icon{fill:currentColor;margin-left:3px}.yp-tile-audio{color:var(--primary);background:linear-gradient(135deg, var(--primary-soft), color-mix(in srgb, var(--orange) 22%, var(--surface)));align-content:center;gap:4px;font-size:.8rem;font-weight:600}.yp-tile-audio .yp-icon{width:28px;height:28px}.yp-opinion-card>.yp-chip-sm{align-self:flex-start;width:fit-content}.yp-badge-opinion{background:color-mix(in srgb, var(--orange) 25%, var(--surface));color:var(--text)}.yp-opinion-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:4px 0 0;font-size:1.1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.yp-opinion-media{aspect-ratio:16/9}.yp-join{background:var(--bg-deep);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}
