.content-with-pills{display:inline;line-height:inherit;white-space:inherit}.content-with-pills span{white-space:inherit}.content-with-pills span:not(.content-pill){white-space:pre-wrap}.content-with-pills--has-embeds{display:block;width:100%}.content-pill{display:inline-flex;align-items:center;margin:0 1px;text-decoration:none;transition:all .2s ease;border-radius:4px;padding:1px 4px;font-weight:500;vertical-align:middle;line-height:1}.content-pill--hashtag{background:linear-gradient(135deg,#e0f2ff,#cce7ff);color:#06c;border:1px solid #b3d9ff}.content-pill--hashtag.content-pill--clickable:hover{background:linear-gradient(135deg,#cce7ff,#b3d9ff);color:#0052a3;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.content-pill--mention{background:linear-gradient(135deg,#e8f4f8,#d4edda);color:#1a5490;border:1px solid #b3d9e8;font-weight:600;text-shadow:0 1px 1px hsla(0,0%,100%,.8)}.content-pill--mention.content-pill--clickable:hover{background:linear-gradient(135deg,#d4edda,#c2dff0);color:#155172;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.15);border-color:#9cc9de}.content-pill--mention.content-pill--adhoc{background:linear-gradient(135deg,#fff9c4,#fff59d);color:#f57f17;border:1px solid #ffcc02;font-weight:600;text-shadow:0 1px 1px hsla(0,0%,100%,.9)}.content-pill--mention.content-pill--adhoc:hover{background:linear-gradient(135deg,#fff59d,#fff176);color:#e65100;transform:translateY(-1px);box-shadow:0 3px 8px rgba(255,193,7,.25);border-color:#ffc107}.content-pill--active{background:linear-gradient(135deg,#e1f5fe,#b3e5fc)!important;color:#01579b!important;border:2px solid #0277bd!important;box-shadow:0 0 0 3px rgba(1,87,155,.3);font-weight:600!important}.content-pill--active:hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa)!important;color:#003c71!important;box-shadow:0 0 0 3px rgba(1,87,155,.4)}.content-pill--mention.content-pill--active{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)!important;color:#2e7d32!important;border:2px solid #4caf50!important;box-shadow:0 0 0 3px rgba(76,175,80,.3)}.content-pill--mention.content-pill--active:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)!important;color:#1b5e20!important;box-shadow:0 0 0 3px rgba(76,175,80,.4)}.content-pill--filter-context{position:relative;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:#495057!important;border:1px solid #6c757d!important;font-weight:600!important;box-shadow:inset 0 -1px 2px hsla(208,7%,46%,.2)}.content-pill--hashtag.content-pill--filter-context{background:linear-gradient(135deg,#f0f8ff,#e1f5fe)!important;color:#1565c0!important;border:1px solid #42a5f5!important;box-shadow:inset 0 -1px 2px rgba(66,165,245,.25)}.content-pill--mention.content-pill--filter-context{background:linear-gradient(135deg,#f1f8e9,#e8f5e8)!important;color:#2e7d32!important;border:1px solid #66bb6a!important;box-shadow:inset 0 -1px 2px rgba(102,187,106,.25)}.filter-bar .content-pill--filter-context:after,.smart-pill-input .content-pill--filter-context:after{content:"×";margin-left:6px;font-weight:700;opacity:.7;font-size:1.1em;color:#dc3545}.content-pill--filter-context:hover{background:linear-gradient(135deg,#ffebee,#ffcdd2)!important;color:#c62828!important;border:1px solid #6c757d!important;transform:scale(1.02);transform-origin:center;box-shadow:inset 0 -2px 4px rgba(239,83,80,.3);position:relative;z-index:10}.filter-bar .content-pill--filter-context:hover:after,.smart-pill-input .content-pill--filter-context:hover:after{opacity:1;color:#c62828;font-size:1.2em}.content-pill--edit-mode{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;color:#e65100!important;border:1px solid #ff9800!important;box-shadow:inset 0 -1px 2px rgba(255,152,0,.2);cursor:default}.content-pill--edit-mode.content-pill--hashtag{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;color:#1565c0!important;border:1px solid #42a5f5!important;box-shadow:inset 0 -1px 2px rgba(66,165,245,.25);cursor:pointer}.content-pill--edit-mode:after{display:none}.content-pill:not(.content-pill--clickable){background:#f5f5f5;color:#666;border:1px solid #ddd;cursor:default}@media (prefers-color-scheme:dark){.content-pill--active{background:linear-gradient(135deg,#e1f5fe,#b3e5fc)!important;color:#01579b!important;border-color:#81d4fa!important}.content-pill--active:hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa)!important;color:#003c71!important}.content-pill--filter-context:hover{background:linear-gradient(135deg,#ffebee,#ffcdd2)!important;color:#c62828!important;border-color:#ef5350!important}.content-pill:not(.content-pill--clickable){background:#f5f5f5;color:#666;border-color:#ddd}}@media (prefers-reduced-motion:reduce){.content-pill{transition:none}.content-pill--clickable:hover{transform:none}}@media (prefers-contrast:high){.content-pill{border-width:1px}.content-pill--hashtag{background:#f0f8ff;color:#000;border-color:#000}.content-pill--mention{background:#e8f4f8;color:#1a5490;border-color:#1a5490}.content-pill--active{background:#e1f5fe!important;color:#000!important;border-color:#000!important}}@media (max-width:768px){.content-pill{padding:.08rem .3rem;font-size:var(--font-size-xs);margin:0 .03rem}}.content-pill__filter-toggle{display:inline-flex;align-items:center;justify-content:center;height:18px;border:none;border-radius:12px;font-size:11px;font-weight:600;cursor:pointer;margin-left:6px;padding:0 6px;transition:all .2s ease;flex-shrink:0;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.5px;min-width:32px}.content-pill__filter-toggle:hover{transform:scale(1.05);transform-origin:center;box-shadow:inset 0 -1px 2px rgba(0,0,0,.15);position:relative;z-index:10}.content-pill__filter-toggle--author{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;border:1px solid #81c784}.content-pill__filter-toggle--mentions{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border:1px solid #64b5f6}.content-pill__filter-toggle--author:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);color:#1b5e20;border-color:#66bb6a}.content-pill__filter-toggle--mentions:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);color:#0d47a1;border-color:#42a5f5}.content-pill--mention:has(.content-pill__filter-toggle){padding-right:8px}@media (prefers-color-scheme:dark){.content-pill__filter-toggle{border:1px solid hsla(0,0%,100%,.2)}}@media (prefers-contrast:high){.content-pill__filter-toggle{border:1px solid #000}.content-pill__filter-toggle--author,.content-pill__filter-toggle--mentions{background:#000;color:#fff}}.content-pill__filter-display{display:inline-flex;align-items:center;justify-content:center;height:18px;border-radius:12px;font-size:11px;font-weight:600;margin-left:6px;padding:0 6px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;min-width:32px;pointer-events:none}.content-pill__filter-display--author{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;border:1px solid #81c784}.content-pill__filter-display--mentions{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border:1px solid #64b5f6}.content-with-pills__line{display:block;min-height:1.4em;line-height:1.4;width:100%;word-break:break-word}.content-with-pills__empty-line{display:inline-block;width:1px;height:1.4em;line-height:1.4;opacity:0;pointer-events:none}.content-with-pills__line+.content-with-pills__line{margin-top:0}.content-with-pills__line span{white-space:inherit}.content-pill-tooltip{max-width:300px}.mention-tooltip-content{padding:12px;background:var(--tooltip-glass-bg)!important;border:1px solid var(--tooltip-glass-border)!important;border-radius:8px;backdrop-filter:var(--tooltip-glass-blur)!important;-webkit-backdrop-filter:var(--tooltip-glass-blur)!important;box-shadow:var(--tooltip-glass-shadow)!important}.mention-tooltip__header{font-weight:600;margin-bottom:8px;color:#333;font-size:14px}.mention-tooltip__options{display:flex;flex-direction:column;gap:6px}.mention-tooltip__option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:13px;text-align:left}.mention-tooltip__option:hover{background:#f5f5f5;border-color:#d0d0d0}.mention-tooltip__option--primary{background:#f0f8ff;border-color:#b3d9ff}.mention-tooltip__option--primary:hover{background:#e6f3ff;border-color:#9cf}.mention-tooltip__icon{font-size:16px;flex-shrink:0}.mention-tooltip__description{display:block;font-size:11px;color:#666;margin-top:2px}@media (hover:none) and (pointer:coarse){.content-pill,.content-pill--hashtag,.content-pill--mention{min-height:44px;min-width:44px;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;position:relative}.content-pill--hashtag:active,.content-pill--mention:active,.content-pill:active{transform:scale(.98);transition:transform .1s ease}.content-pill-tooltip,.mention-tooltip{pointer-events:auto}}.content-pill,.content-pill--hashtag,.content-pill--mention{outline:none;border-radius:var(--border-radius,4px)}.content-pill--hashtag:focus,.content-pill--mention:focus,.content-pill:focus{outline:none}@media (max-width:768px){.content-pill-tooltip,.mention-tooltip{max-width:90vw;max-height:50vh;overflow-y:auto;z-index:9999}}@media (prefers-contrast:high){.content-pill,.content-pill--hashtag,.content-pill--mention{border:2px solid}}@media (prefers-reduced-motion:reduce){.content-pill,.content-pill--hashtag,.content-pill--mention{transition:none}.content-pill--hashtag:active,.content-pill--mention:active,.content-pill:active{transform:none}}