@layer base, components, utilities;@layer components{.signal-recommendations{padding-block:var(--signal-page-pad)}.signal-recommendations__container{display:grid;gap:24px}.signal-recommendations__toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--signal-line)}.signal-recommendations-create{min-width:184px;justify-content:space-between;gap:18px}.signal-recommendations-create svg{width:16px;height:16px}.signal-recommendations__sort{display:inline-flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--signal-line);background:var(--signal-panel)}.signal-recommendations__sort a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;color:var(--signal-faint);font-size:var(--signal-type-micro);font-weight:600;transition:background .18s var(--signal-ease),color .18s var(--signal-ease)}.signal-recommendations__sort a:hover{color:var(--signal-paper)}.signal-recommendations__sort a.is-active{background:var(--signal-paper);color:var(--signal-ink)}.signal-recommendations__pending{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--signal-acid) 28%,var(--signal-line));background:color-mix(in srgb,var(--signal-acid) 4%,var(--signal-panel));color:var(--signal-dim);font-size:var(--signal-type-meta);line-height:1.5}.signal-recommendations__pending svg{flex:0 0 auto;width:14px;height:14px;color:var(--signal-acid)}.signal-recommendations__feed{display:grid;gap:20px}.signal-recommendation-card{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.72fr);min-width:0;border:1px solid var(--signal-line-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--signal-panel) 94%,transparent),var(--signal-panel));box-shadow:0 18px 46px color-mix(in srgb,var(--signal-ink) 14%,transparent);overflow:hidden;isolation:isolate}.signal-recommendation-card:before{content:"";position:absolute;z-index:4;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--signal-acid),color-mix(in srgb,var(--signal-acid) 18%,transparent) 58%,transparent);pointer-events:none}.signal-recommendation-card__pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;min-width:0;min-height:326px;border-inline-end:1px solid var(--signal-line);background:color-mix(in srgb,var(--signal-ink) 18%,transparent)}.signal-recommendation-anime{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-width:0;padding:20px 18px 18px;color:var(--signal-paper);text-decoration:none;overflow:hidden;transition:background .2s var(--signal-ease)}.signal-recommendation-anime:hover{background:color-mix(in srgb,var(--signal-paper) 2.5%,transparent)}.signal-recommendation-anime:after{content:"";position:absolute;inset:auto 17px 0;height:1px;background:var(--signal-line);transform:scaleX(0);transform-origin:inline-start;transition:transform .22s var(--signal-ease)}.signal-recommendation-anime:hover:after{transform:scaleX(1)}.signal-recommendation-anime__eyebrow{position:relative;z-index:1;justify-self:center;color:var(--signal-acid);font:700 var(--signal-type-micro)/1.2 var(--font-mono);letter-spacing:.045em;text-align:center;text-transform:uppercase}.signal-recommendation-anime__poster{position:relative;display:block;width:min(100%,188px);aspect-ratio:2/3;justify-self:center;align-self:center;border:1px solid var(--signal-line-strong);background:var(--signal-panel-2);box-shadow:0 12px 28px color-mix(in srgb,var(--signal-ink) 20%,transparent);overflow:hidden}.signal-recommendation-anime__poster:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--signal-paper) 7%,transparent);pointer-events:none}.signal-recommendation-anime__poster img{width:100%;height:100%;object-fit:cover;transition:transform .28s var(--signal-ease),filter .28s var(--signal-ease)}.signal-recommendation-anime:hover .signal-recommendation-anime__poster img{transform:scale(1.035);filter:contrast(1.05) saturate(1.03)}.signal-recommendation-anime__title{display:-webkit-box;min-height:2.8em;justify-self:center;color:var(--signal-paper);font-size:var(--signal-type-small);font-weight:600;line-height:1.4;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}.signal-recommendation-card__bridge{position:relative;z-index:2;display:grid;place-items:center;align-content:center;gap:9px;color:var(--signal-faint)}.signal-recommendation-card__bridge:before{content:"";position:absolute;inset:18px 50%;width:1px;background:var(--signal-line);z-index:-1}.signal-recommendation-card__bridge>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--signal-acid) 40%,var(--signal-line-strong));background:var(--signal-ink);color:var(--signal-acid);box-shadow:0 0 0 5px var(--signal-ink)}.signal-recommendation-card__bridge svg{width:16px;height:16px}.signal-recommendation-card__bridge small{padding:4px 7px;background:var(--signal-ink);font:600 var(--signal-type-micro)/1 var(--font-mono);text-transform:uppercase}.signal-recommendation-card__story{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch;min-width:0;padding:20px 21px;background:linear-gradient(180deg,color-mix(in srgb,var(--signal-panel-2) 28%,transparent),transparent 48%)}.signal-recommendation-card:not(.has-reason) .signal-recommendation-card__story{grid-template-rows:auto;align-content:center}.signal-recommendation-author{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--signal-line)}.signal-recommendation-author__identity{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-width:0;color:inherit;text-decoration:none}.signal-recommendation-author__avatar{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--signal-line);border-radius:50%;background:var(--signal-panel-2);overflow:visible}.signal-recommendation-author__avatar-image{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.signal-recommendation-author__avatar .signal-identity-avatar{width:40px;height:40px}.signal-recommendation-author__avatar .signal-identity-avatar__image{width:100%;height:100%;border:0}.signal-recommendation-author__avatar>svg{width:16px;height:16px;color:var(--signal-faint)}.signal-recommendation-author__identity>span:last-child{display:grid;gap:3px;min-width:0}.signal-recommendation-author__identity strong{overflow:hidden;color:var(--signal-paper);font-size:var(--signal-type-meta);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.signal-recommendation-author__identity small{color:var(--signal-faint);font:500 var(--signal-type-micro)/1.2 var(--font-mono)}.signal-recommendation-card__actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.signal-recommendation-like,.signal-recommendation-delete{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:38px;height:36px;padding:0 9px;border:1px solid var(--signal-line);background:transparent;color:var(--signal-faint);font:600 var(--signal-type-micro)/1 var(--font-mono);text-decoration:none;cursor:pointer;transition:border-color .18s var(--signal-ease),color .18s var(--signal-ease),background .18s var(--signal-ease)}.signal-recommendation-like:hover,.signal-recommendation-delete:hover{border-color:var(--signal-line-strong);color:var(--signal-paper)}.signal-recommendation-like.is-active,.signal-recommendation-like[aria-pressed="true"]{border-color:color-mix(in srgb,var(--signal-acid) 42%,var(--signal-line));background:color-mix(in srgb,var(--signal-acid) 7%,transparent);color:var(--signal-acid)}.signal-recommendation-like__icons{position:relative;display:grid;place-items:center;width:16px;height:16px;flex:0 0 auto}.signal-recommendation-like__icon{grid-area:1/1;width:15px;height:15px}.signal-recommendation-like__icon--active,.signal-recommendation-like[aria-pressed="true"] .signal-recommendation-like__icon--idle{display:none}.signal-recommendation-like[aria-pressed="true"] .signal-recommendation-like__icon--active{display:block}.signal-recommendation-like>span{font-size:1rem;line-height:1}.signal-recommendation-delete{padding:0;width:36px}.signal-recommendation-delete svg{width:14px;height:14px}.signal-recommendation-card__reason{position:relative;align-self:center;min-width:0;margin-top:18px;padding:4px 0 4px 16px;border-inline-start:2px solid color-mix(in srgb,var(--signal-acid) 72%,var(--signal-line));color:var(--signal-dim);font-size:var(--signal-type-caption);line-height:1.84;overflow-wrap:anywhere}[dir=rtl] .signal-recommendation-card__reason{padding:4px 16px 4px 0}.signal-recommendation-card__reason p+p{margin-top:9px}.signal-recommendations__load{display:grid;justify-items:center;gap:12px;padding-top:10px}.signal-recommendations__load>[data-recommendations-status]:not(:empty){max-width:620px;color:var(--signal-dim);font-size:var(--signal-type-micro);text-align:center}.signal-recommendations-empty{display:grid;justify-items:center;gap:12px;min-height:260px;padding:clamp(38px,7vw,72px) 22px;border:1px dashed var(--signal-line);background:var(--signal-panel);text-align:center}.signal-recommendations-empty>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--signal-line);color:var(--signal-acid)}.signal-recommendations-empty svg{width:20px;height:20px}.signal-recommendations-empty strong{font-size:clamp(1rem,2vw,1.3rem)}.signal-recommendations-empty p{max-width:52ch;color:var(--signal-faint);font-size:var(--signal-type-meta);line-height:1.7}.signal-recommendation-composer{--signal-recommendation-surface:var(--signal-modal-surface);--signal-recommendation-surface-soft:var(--signal-modal-surface-soft);width:min(920px,calc(100vw - 28px));max-width:none;max-height:min(90dvh,860px);margin:auto;padding:0;border:1px solid var(--signal-modal-border);outline:0;background:var(--signal-recommendation-surface);color:var(--signal-paper);color-scheme:dark;box-shadow:var(--signal-modal-shadow);overflow:auto;overscroll-behavior:contain}.signal-recommendation-composer::backdrop{background:var(--signal-modal-backdrop);backdrop-filter:blur(var(--signal-modal-backdrop-blur));-webkit-backdrop-filter:blur(var(--signal-modal-backdrop-blur))}.signal-recommendation-composer__panel{display:grid;gap:24px;min-width:0;margin:0;padding:clamp(20px,4vw,38px);background:transparent;color:var(--signal-paper)}.signal-recommendation-composer__head{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:18px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--signal-line)}.signal-recommendation-composer__head>div{display:grid;gap:7px;min-width:0}.signal-recommendation-composer__head h2{margin:0;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.04;letter-spacing:-.045em}.signal-recommendation-composer__head p{max-width:64ch;color:var(--signal-faint);font-size:var(--signal-type-meta);line-height:1.65}.signal-recommendation-composer__close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--signal-modal-divider);background:var(--signal-modal-control);color:var(--signal-faint);cursor:pointer}.signal-recommendation-composer__close:hover,.signal-recommendation-composer__close:focus-visible{color:var(--signal-paper);border-color:var(--signal-modal-border);background:var(--signal-modal-control-hover);outline:none}.signal-recommendation-composer__close svg{width:14px;height:14px}.signal-recommendation-composer__pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:12px;align-items:center}.signal-recommendation-composer__pair-mark{display:grid;place-items:center;align-self:start;width:42px;height:42px;margin-top:36px;border:1px solid var(--signal-line);color:var(--signal-acid)}.signal-recommendation-composer__pair-mark svg{width:14px;height:14px;transform:rotate(-90deg)}[dir=rtl] .signal-recommendation-composer__pair-mark svg{transform:rotate(90deg)}.signal-recommendation-picker{position:relative;display:grid;align-content:start;gap:10px;min-width:0;min-height:136px;padding:15px;border:1px solid var(--signal-line);background:var(--signal-recommendation-surface-soft)}.signal-recommendation-picker>label{color:var(--signal-dim);font-size:var(--signal-type-micro);font-weight:600}.signal-recommendation-picker__search{position:relative;display:block}.signal-recommendation-picker__search>svg{position:absolute;inset-inline-start:12px;top:50%;width:16px;height:16px;color:var(--signal-faint);transform:translateY(-50%);pointer-events:none}.signal-recommendation-picker__search input{width:100%;height:45px;padding-block:0;padding-inline-start:38px;padding-inline-end:44px;border:1px solid var(--signal-field-border);background:var(--signal-modal-field);color:var(--signal-paper);font:500 var(--signal-type-caption)/1 var(--font-sans);outline:none}.signal-recommendation-picker__search>.signal-search-clear{position:absolute;inset-inline-end:7px;top:50%;translate:0 -50%}.signal-recommendation-picker__search input::placeholder{color:var(--signal-faint)}.signal-recommendation-picker__search input:focus{border-color:color-mix(in srgb,var(--signal-acid) 65%,var(--signal-line))}.signal-recommendation-picker__results{position:relative;z-index:2;display:grid;max-height:282px;border:1px solid var(--signal-line-strong);background:var(--signal-recommendation-surface);box-shadow:0 14px 34px color-mix(in srgb,var(--signal-ink) 28%,transparent);overflow:auto;overscroll-behavior:contain}.signal-recommendation-picker__result{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:8px;border:0;border-bottom:1px solid var(--signal-line);background:transparent;color:var(--signal-paper);text-align:start;cursor:pointer}.signal-recommendation-picker__result:last-child{border-bottom:0}.signal-recommendation-picker__result:hover,.signal-recommendation-picker__result:focus-visible,.signal-recommendation-picker__result.is-active{background:var(--signal-modal-field-hover);outline:none}.signal-recommendation-picker__result img,.signal-recommendation-picker__result-media{display:block;width:42px;height:54px;object-fit:cover;background:var(--signal-panel-2)}.signal-recommendation-picker__result-copy{display:grid;gap:4px;min-width:0}.signal-recommendation-picker__result strong{display:-webkit-box;font-size:var(--signal-type-meta);line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.signal-recommendation-picker__result small{color:var(--signal-faint);font:500 var(--signal-type-micro)/1.2 var(--font-mono)}.signal-recommendation-picker__note{padding:13px 12px;color:var(--signal-faint);font-size:var(--signal-type-micro);line-height:1.5}.signal-recommendation-picker__selected{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:74px;padding:9px;border:1px solid color-mix(in srgb,var(--signal-acid) 30%,var(--signal-line));background:color-mix(in srgb,var(--signal-acid) 5%,var(--signal-recommendation-surface-soft))}.signal-recommendation-picker__selected img,.signal-recommendation-picker__selected-media{width:54px;height:70px;object-fit:cover;background:var(--signal-panel-2)}.signal-recommendation-picker__selected>span:nth-child(2){display:grid;gap:4px;min-width:0}.signal-recommendation-picker__selected small{color:var(--signal-acid);font:600 var(--signal-type-micro)/1.2 var(--font-mono);text-transform:uppercase}.signal-recommendation-picker__selected strong{display:-webkit-box;font-size:var(--signal-type-meta);line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.signal-recommendation-picker__clear{min-height:34px;padding:0 10px;border:1px solid var(--signal-line);background:transparent;color:var(--signal-faint);font-size:var(--signal-type-micro);cursor:pointer}.signal-recommendation-picker__clear:hover,.signal-recommendation-picker__clear:focus-visible{border-color:var(--signal-line-strong);color:var(--signal-paper);outline:none}.signal-recommendation-composer__reason{display:grid;gap:10px}.signal-recommendation-composer__reason>span{display:flex;align-items:end;justify-content:space-between;gap:16px}.signal-recommendation-composer__reason>span>strong{font-size:var(--signal-type-meta)}.signal-recommendation-composer__reason>span>small{color:var(--signal-faint);font-size:var(--signal-type-micro)}.signal-recommendation-composer__reason textarea{width:100%;min-height:150px;padding:14px;border:1px solid var(--signal-field-border);background:var(--signal-modal-field);color:var(--signal-paper);font:400 var(--signal-type-caption)/1.72 var(--font-sans);resize:vertical;outline:none}.signal-recommendation-composer__reason textarea::placeholder{color:var(--signal-faint)}.signal-recommendation-composer__reason textarea:focus{border-color:color-mix(in srgb,var(--signal-acid) 65%,var(--signal-line))}.signal-recommendation-composer__reason>b{justify-self:end;color:var(--signal-faint);font:500 var(--signal-type-micro)/1 var(--font-mono)}.signal-recommendation-composer [data-recommendation-form-status]:empty{display:none}.signal-recommendation-composer [data-recommendation-form-status]>.signal-alert{margin:0}.signal-recommendation-composer__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px}[dir=rtl] :is(.signal-recommendation-anime__eyebrow,.signal-recommendation-card__bridge small,.signal-recommendation-picker__selected small){letter-spacing:0;text-transform:none}@media (max-width:980px){.signal-recommendation-card{grid-template-columns:1fr;box-shadow:0 14px 34px color-mix(in srgb,var(--signal-ink) 12%,transparent)}.signal-recommendation-card__pair{border-inline-end:0;border-bottom:1px solid var(--signal-line)}.signal-recommendation-card__story{min-height:170px}}@media (max-width:700px){.signal-recommendations__container{gap:20px}.signal-recommendations__toolbar{align-items:stretch;flex-direction:column;gap:12px;padding-bottom:18px}.signal-recommendations-create{width:100%}.signal-recommendations__sort{width:100%}.signal-recommendations__sort a{flex:1}.signal-recommendation-card__pair{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);min-height:252px}.signal-recommendation-anime{gap:8px;padding:13px 9px 12px}.signal-recommendation-anime__poster{width:min(100%,116px)}.signal-recommendation-anime__eyebrow{font-size:var(--signal-type-micro);text-align:center}.signal-recommendation-anime__title{font-size:var(--signal-type-micro)}.signal-recommendation-card__bridge>span{width:34px;height:34px}.signal-recommendation-card__bridge small{display:none}.signal-recommendation-card__story{padding:15px}.signal-recommendation-author{align-items:flex-start}.signal-recommendation-author__identity{grid-template-columns:36px minmax(0,1fr)}.signal-recommendation-author__avatar,.signal-recommendation-author__avatar .signal-identity-avatar{width:36px;height:36px}.signal-recommendation-author__avatar .signal-identity-avatar__frame{display:none}.signal-recommendation-author__avatar .signal-identity-avatar__media{inset:0}.signal-recommendation-card__reason{margin-top:14px;padding-inline-start:12px;font-size:var(--signal-type-meta)}[dir=rtl] .signal-recommendation-card__reason{padding-inline-start:12px;padding-inline-end:12px}.signal-recommendation-composer{width:100%;max-width:none;max-height:94dvh;margin:auto 0 0;border-inline:0;border-bottom:0}.signal-recommendation-composer__panel{gap:20px;padding:18px 14px calc(20px + env(safe-area-inset-bottom))}.signal-recommendation-composer__head{grid-template-columns:minmax(0,1fr) 36px;gap:13px}.signal-recommendation-composer__pair{grid-template-columns:1fr;gap:8px}.signal-recommendation-composer__pair-mark{justify-self:center;align-self:auto;width:36px;height:30px;margin-top:0}.signal-recommendation-composer__pair-mark svg,[dir=rtl] .signal-recommendation-composer__pair-mark svg{transform:none}.signal-recommendation-picker{min-height:126px}.signal-recommendation-picker__results{max-height:240px}.signal-recommendation-picker__search input,.signal-recommendation-composer__reason textarea{font-size:16px}.signal-recommendation-picker__clear{min-height:44px}.signal-recommendation-composer__reason>span{align-items:start;flex-direction:column;gap:4px}.signal-recommendation-composer__actions{display:grid;grid-template-columns:1fr 1.4fr}.signal-recommendation-composer__actions .signal-button{width:100%}}@media (min-width:1360px){.signal-recommendation-card__pair{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);min-height:352px}.signal-recommendation-anime__poster{width:min(100%,206px)}.signal-recommendation-card__story{padding:24px 26px}}@media (max-width:430px){.signal-recommendation-card__pair{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.signal-recommendation-anime__poster{width:min(100%,102px)}.signal-recommendation-card__actions{gap:4px}.signal-recommendation-like{padding:0 7px}.signal-recommendation-picker__selected{grid-template-columns:46px minmax(0,1fr) auto}.signal-recommendation-picker__selected img,.signal-recommendation-picker__selected-media{width:46px;height:60px}}@media (prefers-reduced-motion:reduce){.signal-recommendation-anime:after,.signal-recommendation-anime__poster img,.signal-recommendations__sort a,.signal-recommendation-like,.signal-recommendation-delete{transition:none}}}