.skeleton{background:linear-gradient(90deg, var(--bg-elev-1) 0%, var(--bg-elev-2) 50%, var(--bg-elev-1) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.feed-tabs{background:var(--color-surface-variant);border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.feed-tabs__tab{font-size:var(--font-label-large);color:var(--color-on-surface-variant);white-space:nowrap;background:0 0;border-radius:999px;padding:6px 14px;font-weight:600}.feed-tabs__tab:hover{color:var(--color-on-surface)}.feed-tabs__tab--on{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-card)}.feed-tabs__tab:focus-visible,.reaction__option:focus-visible,.premium-bar__btn:focus-visible,.story:focus-visible,.follow-chip:focus-visible,.feed-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.feed-topbar .feed-tabs+.feed-topbar__unread{margin-right:auto}@media (width<=520px){.feed-topbar .feed-topbar__unread{display:none}.feed-topbar .feed-tabs+.feed-topbar__unread+.feed-topbar__actions,.feed-topbar .feed-tabs~.feed-topbar__spacer{flex:1}}.feed-screen__virtual{width:100%;position:relative}.feed-screen__row{flex-direction:column;width:100%;padding-bottom:14px;display:flex;position:absolute;top:0;left:0}.feed-screen__refreshing{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding-bottom:10px;font-size:12px;display:flex}.feed-img{background:linear-gradient(90deg, var(--color-surface-variant) 0%, var(--color-surface-3) 50%, var(--color-surface-variant) 100%);background-size:200% 100%;animation:1.2s linear infinite feed-img-shimmer;position:relative;overflow:hidden}.feed-img--loaded{background:var(--color-surface-variant);animation:none}.feed-img img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;display:block}.feed-img--loaded img{opacity:1}@keyframes feed-img-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.feed-img{animation:none}.feed-img img{transition:none}}.feed-screen__body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.new-items-pill{z-index:6;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-label-large);box-shadow:var(--shadow-elevated);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;animation:.2s pill-in;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes pill-in{0%{opacity:0;transform:translate(-50%,-6px)}}.breaking{background:var(--color-error-container);color:var(--color-on-error-container);border-bottom:1px solid var(--color-outline-variant);align-items:center;gap:10px;padding:8px 16px;display:flex}.breaking__tag{text-transform:uppercase;letter-spacing:.04em;background:var(--color-error);color:var(--color-on-error);border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:800}.breaking__title{text-align:left;min-width:0;font-weight:600;font-size:var(--font-label-large);color:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;overflow:hidden}.breaking__close{color:inherit;background:0 0;border-radius:6px;padding:4px;display:inline-flex}.stories{flex-direction:column;gap:12px;display:flex}.stories__row{scrollbar-width:none;gap:12px;margin:0;padding:2px 0 4px;list-style:none;display:flex;overflow-x:auto}.stories__row::-webkit-scrollbar{display:none}.story{width:84px;color:var(--color-on-surface);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:2px;display:flex}.story__ring{background:var(--color-primary);border-radius:50%;width:64px;height:64px;padding:3px;display:inline-flex;position:relative}.story__lock{background:var(--color-tertiary);width:20px;height:20px;color:var(--color-on-tertiary);border:2px solid var(--color-surface);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.story--breaking .story__ring{background:var(--color-error)}.story--event .story__ring{background:var(--color-secondary)}.story--campaign .story__ring{background:var(--color-tertiary)}.story__ring img,.story__fallback{object-fit:cover;border:2px solid var(--color-surface);background:var(--color-surface-variant);width:100%;height:100%;color:var(--color-on-surface-variant);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.story__kind{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;max-width:100%;color:var(--color-on-surface-variant);font-size:10px;font-weight:700;overflow:hidden}.story__title{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:14px;display:-webkit-box;overflow:hidden}.reaction{display:inline-flex;position:relative}.reaction__btn{touch-action:manipulation;-webkit-user-select:none;user-select:none}.reaction__emoji{font-size:16px;line-height:1}.reaction__top{gap:1px;font-size:12px;line-height:1;display:inline-flex}.reaction__btn--emoji{color:var(--color-on-surface)}.reaction__picker{z-index:20;background:var(--color-surface);box-shadow:var(--shadow-dialog);border:1px solid var(--color-outline-variant);border-radius:999px;gap:2px;padding:4px 6px;animation:.14s pill-in-up;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}@keyframes pill-in-up{0%{opacity:0;transform:translateY(4px)}}.reaction__option{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;line-height:1;transition:transform .12s;display:inline-flex}.reaction__option:hover,.reaction__option:focus-visible{transform:scale(1.2)}.reaction__option--on{background:var(--color-primary-container)}.ai-summary{background:var(--color-surface-variant);border-left:3px solid var(--color-primary);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ai-summary__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.ai-summary__list{color:var(--color-on-surface);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:14px;line-height:20px;display:flex}.ai-summary__why,.ai-summary p{color:var(--color-on-surface);margin:0;font-size:14px;line-height:20px}.feed-item__source-link,.reader__source-btn{color:var(--color-primary);align-items:center;gap:4px;width:fit-content;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.feed-item__source-link:hover{text-decoration:underline}.cluster-strip{border:1px solid var(--color-outline-variant);text-align:left;color:var(--color-on-surface);background:0 0;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:10px 12px;display:flex}.cluster-strip:hover{background:var(--color-hover)}.cluster-strip__head{align-items:center;gap:8px;font-size:13px;display:flex}.cluster-strip__head strong{flex:1}.cluster-strip__logos{display:inline-flex}.cluster-strip__logo{border:2px solid var(--color-surface);background:var(--color-surface-3);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.cluster-strip__logo:first-child{margin-left:0}.cluster-strip__logo img{object-fit:cover;width:100%;height:100%}.coverage{flex-direction:column;gap:6px;display:flex}.coverage__bar{background:var(--color-surface-3);border-radius:999px;gap:2px;height:8px;display:flex;overflow:hidden}.coverage__seg{flex-basis:0;min-width:4px}.coverage__seg--independent{background:#2e7d32}.coverage__seg--exile{background:#06c}.coverage__seg--international{background:#7c3aed}.coverage__seg--regime{background:#c62828}.coverage__seg--unknown{background:var(--color-outline)}.coverage__legend{color:var(--color-on-surface-variant);flex-wrap:wrap;gap:4px 12px;font-size:11px;display:flex}.coverage__key{align-items:center;gap:4px;display:inline-flex}.coverage__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.align-tag{background:var(--color-surface-3);color:var(--color-on-surface-variant);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700}.align-tag--independent{color:#2e7d32}.align-tag--exile{color:#06c}.align-tag--international{color:#7c3aed}.align-tag--regime{color:#c62828}[data-theme=dark] .align-tag--independent,[data-theme=dark] .coverage__seg--independent{color:#81c784}[data-theme=dark] .align-tag--exile{color:#90caf9}[data-theme=dark] .align-tag--international{color:#c4b5fd}[data-theme=dark] .align-tag--regime{color:#ef9a9a}.cluster-sheet{flex-direction:column;gap:14px;display:flex}.cluster-sheet__loading{flex-direction:column;gap:10px;display:flex}.cluster-sheet__error{text-align:center;color:var(--color-on-surface-variant)}.cluster-sheet__error button{color:var(--color-primary);background:0 0;font-weight:700}.cluster-sheet__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cluster-sheet__list li{align-items:center;gap:4px;display:flex}.cluster-sheet__article{text-align:left;min-width:0;color:var(--color-on-surface);background:0 0;border-radius:10px;flex:1;align-items:flex-start;gap:10px;padding:8px;display:flex}.cluster-sheet__article:hover{background:var(--color-hover)}.cluster-sheet__logo{background:var(--color-surface-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex;overflow:hidden}.cluster-sheet__logo img{object-fit:cover;width:100%;height:100%}.cluster-sheet__text{flex-direction:column;gap:2px;min-width:0;display:flex}.cluster-sheet__source{color:var(--color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.cluster-sheet__source strong{color:var(--color-on-surface)}.cluster-sheet__title{font-size:14px;font-weight:500;line-height:19px}.cluster-sheet__ext{color:var(--color-on-surface-variant);background:0 0;border-radius:8px;padding:8px}.cluster-sheet__ext:hover{background:var(--color-hover);color:var(--color-primary)}.top-comment{background:var(--color-surface-variant);text-align:left;color:var(--color-on-surface);border-radius:10px;align-items:flex-start;gap:8px;width:100%;padding:8px 10px;font-size:13px;line-height:18px;display:flex}.top-comment__avatar{background:var(--color-surface-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:inline-flex;overflow:hidden}.top-comment__avatar img{object-fit:cover;width:100%;height:100%}.top-comment__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.top-comment__hearts{color:var(--color-heart);align-items:center;gap:2px;font-size:12px;display:inline-flex}.poll{border:1px solid var(--color-outline-variant);border-radius:12px;flex-direction:column;gap:8px;margin:0;padding:10px 12px;display:flex}.poll__question{color:var(--color-on-surface);padding:0 4px;font-size:15px;font-weight:600}.poll__options{flex-direction:column;gap:6px;display:flex}.poll__option{border:1px solid var(--color-primary);color:var(--color-primary);text-align:left;background:0 0;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600}.poll__option:hover:not(:disabled),.poll__option--on{background:var(--color-primary-container)}.poll__result{background:var(--color-surface-variant);border-radius:10px;justify-content:space-between;padding:9px 12px;font-size:14px;display:flex;position:relative;overflow:hidden}.poll__fill{background:var(--color-primary-container);transition:width .3s;position:absolute;inset:0 auto 0 0}.poll__result--mine .poll__fill{background:color-mix(in srgb, var(--color-primary) 30%, transparent)}.poll__text,.poll__pct{color:var(--color-on-surface);align-items:center;gap:4px;display:inline-flex;position:relative}.poll__pct{font-variant-numeric:tabular-nums;font-weight:700}.poll__submit{background:var(--color-primary);color:var(--color-on-primary);border-radius:999px;align-self:flex-start;padding:6px 16px;font-weight:600}.poll__submit:disabled{opacity:.5}.poll__meta{color:var(--color-on-surface-variant);margin:0;font-size:12px}.article-modal__reader-scroll{flex:1;min-height:0;overflow-y:auto}.reader{flex-direction:column;gap:14px;padding:0 16px 20px;display:flex}.reader__image{margin:0 -16px}.reader__title{color:var(--color-on-surface);margin:4px 0 0;font-size:22px;font-weight:700;line-height:28px}.reader__byline{color:var(--color-on-surface-variant);margin:-8px 0 0;font-size:13px}.reader__body p{color:var(--color-on-surface);margin:0 0 12px;font-size:16px;line-height:26px}.reader__skeleton{flex-direction:column;gap:8px;display:flex}.reader__source-btn{border-radius:var(--radius-button);border:1px solid var(--color-primary);padding:10px 16px;font-size:14px}.reader__source-btn:hover{background:var(--color-primary-container)}.reader__sources{flex-wrap:wrap;gap:6px;margin:-6px 0 0;padding:0;list-style:none;display:flex}.reader__sources li{background:var(--color-surface-variant);color:var(--color-on-surface);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.reader__sources img{border-radius:50%}.reader__modes{gap:4px;margin-top:4px;display:inline-flex}.reader__modes button{background:var(--color-surface-variant);color:var(--color-on-surface-variant);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.reader__modes button.is-on{background:var(--color-primary);color:var(--color-on-primary)}.reader__modes button:disabled{opacity:.5}.premium-bar{flex-direction:column;gap:8px;display:flex}.premium-bar__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.premium-bar__btn{background:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.premium-bar__btn.is-on{background:var(--color-primary);color:var(--color-on-primary)}.premium-bar__btn--locked{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.premium-bar__btn:disabled{opacity:.6}.quota{color:var(--color-on-surface-variant);margin-left:auto;font-size:11px}.quota--empty{color:var(--color-error)}.premium-msg{color:var(--color-on-surface-variant);margin:0;font-size:13px}.premium-msg--error{color:var(--color-error)}.premium-result{background:var(--color-surface-variant);border-radius:12px;padding:10px 12px}.premium-result p{color:var(--color-on-surface);margin:6px 0 0;font-size:14px;line-height:21px}.premium-cta{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container);border-radius:12px;gap:10px;padding:12px;display:flex}.premium-cta>svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.premium-cta strong{font-size:14px}.premium-cta p{margin:4px 0 8px;font-size:13px;line-height:18px}.premium-cta__btn{background:var(--color-tertiary);color:var(--color-on-tertiary);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.ask-suggestions{flex-wrap:wrap;gap:6px;display:flex}.ask-suggestion{border:1px solid var(--color-outline-variant);background:var(--color-surface);max-width:100%;color:var(--color-on-surface);text-align:left;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:12.5px;line-height:16px;display:inline-flex}.ask-suggestion:hover:not(:disabled){background:var(--color-hover)}.ask-suggestion:disabled{opacity:.55}.ask-suggestion:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ask-suggestion--locked{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.ask-suggestion>svg{flex-shrink:0}.ask-panel{border:1px solid var(--color-outline-variant);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.ask-panel__head{align-items:center;gap:8px;display:flex}.ask-panel__head strong{color:var(--color-on-surface);align-items:center;gap:6px;font-size:14px;display:inline-flex}.ask-panel__close{color:var(--color-on-surface-variant);background:0 0;border-radius:6px;margin-left:4px;padding:4px;display:inline-flex}.ask-panel__form textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--color-outline-variant);width:100%;font:inherit;background:var(--color-surface);color:var(--color-on-surface);border-radius:10px;padding:8px 10px;font-size:14px}.ask-panel__form textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.ask-panel__actions{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.ask-panel__count{color:var(--color-on-surface-variant);font-size:11px}.ask-panel__actions button{background:var(--color-primary);color:var(--color-on-primary);border-radius:999px;padding:6px 16px;font-weight:600}.ask-panel__actions button:disabled{opacity:.5}.ask-panel__answer p{color:var(--color-on-surface);white-space:pre-wrap;margin:0 0 8px;font-size:14px;line-height:21px}.ask-panel__citations{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ask-panel__citations button{text-align:left;color:var(--color-on-surface);background:0 0;border-radius:6px;gap:6px;padding:4px;font-size:13px;display:flex}.ask-panel__citations button:hover{background:var(--color-hover)}.ask-panel__cite-n{color:var(--color-primary);font-weight:700}.ask-panel__citations em{color:var(--color-on-surface-variant);font-style:normal}.ask-panel__disclaimer{color:var(--color-on-surface-variant)!important;font-size:11px!important}.prefs-sheet__follow{flex-direction:column;gap:8px;display:flex}.prefs-sheet__follow>div:first-child{flex-direction:column;gap:2px;display:flex}.prefs-sheet__follow>div:first-child span{color:var(--color-on-surface-variant);font-size:12px}.follow-chips{flex-wrap:wrap;gap:6px;display:flex}.follow-chip{border:1px solid var(--color-outline-variant);color:var(--color-on-surface);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.follow-chip img{border-radius:50%}.follow-chip--on{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-on-primary-container)}.prefs-sheet__row--stack{align-items:center}.prefs-sheet__segmented{background:var(--color-surface-variant);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.prefs-sheet__segmented button{color:var(--color-on-surface-variant);background:0 0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.prefs-sheet__segmented button.is-on{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-card)}@media (width<=1023px){.feed-screen .feed-screen__list{padding:14px 16px}}.feed-news-chips{gap:8px;padding:8px 16px 0;display:flex}.feed-news-chips__chip{border:1px solid var(--color-outline-variant);background:var(--color-surface);min-height:32px;color:var(--color-on-surface-variant);font:var(--font-label-large);cursor:pointer;border-radius:999px;padding:4px 12px}.feed-news-chips__chip--on{background:var(--color-secondary-container);color:var(--color-on-secondary-container);border-color:#0000}.feed-news-chips__chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.share-popover{z-index:1200;background:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-elevated,0 12px 32px #0000002e, 0 4px 8px #00000014);border:1px solid var(--color-outline-variant);transform-origin:100% 100%;border-radius:14px;flex-direction:column;gap:12px;padding:12px;animation:.16s cubic-bezier(.2,.7,.3,1.05) share-popover-pop;display:flex;position:fixed}.share-popover[data-placement=bottom]{transform-origin:100% 0}@keyframes share-popover-pop{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.share-popover{animation:none}}.share-popover__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.share-popover__header strong{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.share-popover__close{width:26px;height:26px;color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex}.share-popover__close:hover{background:var(--color-surface-variant);color:var(--color-on-surface)}.share-popover__link-row{align-items:center;gap:6px;display:flex}.share-popover__link{background:var(--color-surface-variant);min-width:0;color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex:1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.share-popover__copy{background:var(--color-surface-variant);width:32px;height:32px;color:var(--color-on-surface-variant);cursor:pointer;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex}.share-popover__copy:hover{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);color:var(--color-on-surface)}.share-popover__copy.is-copied{background:var(--color-primary-container);color:var(--color-on-primary-container)}.share-popover__options{flex-wrap:wrap;gap:8px;display:flex}.share-popover__option{width:56px;color:var(--color-on-surface);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-family:inherit;text-decoration:none;transition:background .14s;display:flex}.share-popover__option:hover{background:var(--color-surface-variant)}.share-popover__option-icon{background:var(--color-surface-variant);width:36px;height:36px;color:var(--color-on-surface-variant);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.share-popover__option-icon img{object-fit:contain;width:24px;height:24px;display:block}.share-popover__option-name{color:var(--color-on-surface);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:600;line-height:1.1;overflow:hidden}.share-popover__options--app{border-bottom:1px solid var(--color-outline-variant);padding-bottom:8px}.share-popover__option--community .share-popover__option-icon{background:var(--color-primary-container);color:var(--color-on-primary-container)}.share-popover__status{color:var(--color-on-surface-variant);text-align:center;justify-content:center;align-items:center;gap:10px;padding:18px 8px;font-size:12px;display:flex}.share-popover__status--error{color:var(--color-error,#b00020)}.share-popover__spinner{border:2px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite share-popover-spin}@keyframes share-popover-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.share-popover__spinner{animation-duration:1.8s}}.content-actions{align-items:center;gap:var(--space-12);padding-top:var(--space-4);display:flex}.content-actions__btn{align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-12);border-radius:var(--radius-button);color:var(--color-on-surface-variant);font-size:var(--font-label-small);line-height:var(--line-label-small);background:0 0;border:1px solid #0000;font-weight:500;transition:background .12s,color .2s;display:inline-flex}.content-actions__btn:hover{background:var(--color-hover);color:var(--color-on-surface)}.content-actions__btn:active{transform:scale(.97)}.content-actions__btn--liked{color:var(--color-heart)}.content-actions__btn--liked:hover{color:var(--color-heart);background:#ff3b5c14}.content-actions__btn--saved{color:var(--color-primary);background:var(--color-primary-container)}[data-theme=dark] .content-actions__btn--saved{background:#90caf92e}.content-actions__btn--loading{opacity:.5;cursor:not-allowed}.content-actions__btn--end{margin-left:auto}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.94)}to{transform:scale(1)}}.content-actions__btn--liked svg{animation:.26s cubic-bezier(.34,1.56,.64,1) heart-pop}@media (prefers-reduced-motion:reduce){.content-actions__btn--liked svg{animation:none}}.article-modal{z-index:95;background:var(--color-scrim);justify-content:center;align-items:center;padding:24px;animation:.16s article-modal-fade;display:flex;position:fixed;inset:0}.article-modal__panel{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:480px;height:calc(100svh - 48px);max-height:920px;box-shadow:var(--shadow-dialog);flex-direction:column;animation:.24s cubic-bezier(.2,.7,.3,1.1) article-modal-pop;display:flex;overflow:hidden}.article-modal__header{background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);flex-shrink:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.article-modal__avatar{background:var(--color-surface-variant);width:40px;height:40px;color:var(--color-on-surface);font-weight:700;font-size:var(--font-label-large);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.article-modal__avatar img{object-fit:cover;width:100%;height:100%}.article-modal__header-text{flex-direction:column;flex:1;gap:2px;min-width:0;line-height:1.2;display:flex}.article-modal__header-text strong{font-size:var(--font-title-small);color:var(--color-on-surface);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:18px;overflow:hidden}.article-modal__time{font-size:var(--font-body-small);line-height:var(--line-body-small);color:var(--color-on-surface-variant);font-weight:400}.article-modal__open-link{font-size:var(--font-label-small);line-height:var(--line-label-small);color:var(--color-primary);align-items:center;gap:4px;width:fit-content;margin-top:2px;font-weight:500;text-decoration:none;display:inline-flex}.article-modal__open-link:hover{text-decoration:underline}.article-modal__icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-on-surface-variant);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.article-modal__icon-btn:hover{background:var(--color-hover);color:var(--color-on-surface)}.article-modal__frame-wrap{background:#fff;flex:1;min-height:0;position:relative}.article-modal__iframe{background:#fff;border:0;width:100%;height:100%;display:block}.article-modal__frame-fallback{text-align:center;background:var(--color-surface);color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.article-modal__loading{background:var(--color-surface);color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:13px;display:flex;position:absolute;inset:0}.article-modal__spinner{border:3px solid color-mix(in srgb, var(--color-on-surface) 12%, transparent);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite article-modal-spin}@keyframes article-modal-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.article-modal__spinner{animation:none}}.article-modal__frame-fallback p{font-size:var(--font-body-small);max-width:320px;margin:0}.article-modal__frame-fallback button{border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-label-large);padding:10px 18px;font-weight:500}.article-modal__footer{background:var(--color-surface);border-top:1px solid var(--color-outline-variant);flex-shrink:0;padding:6px 10px}.article-modal__footer .content-actions{padding-top:0}@keyframes article-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes article-modal-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.article-modal,.article-modal__panel{animation:none}}@media (width<=640px){.article-modal{padding:0}.article-modal__panel{border:none;border-radius:0;max-width:100vw;height:100svh;max-height:100svh}}
