.pref{--pref-soft:#738dff;--pref-a:#0039db;--pref-b:#70aeff;--pref-c:#738dff;--pref-blob:.5;--pref-spark:#eef4fd;isolation:isolate;border:1px solid var(--border-h);border-radius:var(--r);background:var(--bg-card);transition:border-color var(--t), box-shadow var(--t);align-items:stretch;margin:32px 0;display:flex;position:relative;overflow:hidden}:root[data-theme=light] .pref{--pref-soft:var(--accent);--pref-blob:.32;--pref-spark:#2f63ff}.pref:hover{border-color:color-mix(in srgb, var(--accent-hover) 70%, var(--border-h));box-shadow:0 14px 44px -22px color-mix(in srgb, var(--accent) 80%, transparent)}.pref:has(.pref-link:focus-visible){outline:2px solid var(--accent-hover);outline-offset:3px}.pref-body{flex-direction:column;flex:1;gap:10px;min-width:0;padding:22px 26px 20px;display:flex}.pref-eyebrow{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--pref-soft);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:8px;line-height:1;display:flex}.pref-date{color:var(--text-3)}.pref-lang{color:var(--text-2);border:1px solid;border-radius:2px;padding:4px 5px 3px}.prose .pref .pref-link{font-family:var(--fb);letter-spacing:-.02em;color:var(--text);outline:none;font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:500;line-height:1.15;text-decoration:none}.prose .pref a.pref-link:after{content:"";position:absolute;inset:0}.prose .pref .pref-desc p{font-family:var(--fb);color:var(--text-2);margin:0;font-size:15px;line-height:1.55}.prose .pref .pref-desc p+p{margin-top:.6em}.prose .pref .pref-desc-auto p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.prose .pref .pref-desc a{z-index:1;position:relative}.pref-url{font-family:var(--fm);letter-spacing:.1em;color:var(--text-3);align-items:center;gap:10px;margin-top:auto;padding-top:4px;font-size:8px;line-height:1;display:flex}.pref-url-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pref-arrow{font-family:var(--fb);transition:transform var(--t), color var(--t);font-size:16px}.pref:hover .pref-arrow{color:var(--accent-hover);transform:translate(4px)}.pref-media{border-left:1px solid var(--border-h);pointer-events:none;background:linear-gradient(135deg,#70aeff 0%,#0039db 100%);flex:none;width:clamp(112px,24%,184px);position:relative}.pref-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.pref:hover .pref-media img{transform:scale(1.05)}.pref-live .pref-body{padding-right:120px}.pref-fx{z-index:-1;pointer-events:none;background:radial-gradient(120% 150% at 100% 50%, color-mix(in srgb, var(--pref-a) 22%, transparent), transparent 62%), var(--bg-card);position:absolute;inset:0;overflow:hidden}.pref-fx:after{content:"";background:linear-gradient(90deg, var(--bg-card) 0%, color-mix(in srgb, var(--bg-card) 72%, transparent) 38%, transparent 72%);position:absolute;inset:0}.pref-blob{left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:radial-gradient(circle, var(--c) 0%, transparent 68%);opacity:var(--pref-blob);animation:pref-drift var(--d) ease-in-out var(--dl) infinite alternate;border-radius:50%;transition:opacity .6s;position:absolute}.pref-live:hover .pref-blob{opacity:calc(var(--pref-blob) * 1.5)}.pref-grid{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 80%);mask-image:linear-gradient(90deg,#0000 20%,#000 80%)}.pref-grid:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--text) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 8%, transparent) 1px, transparent 1px);background-size:24px 24px;animation:5s linear infinite pref-pan;position:absolute;inset:-24px 0 0 -24px}.pref-dust{left:var(--x);top:var(--y);background:var(--pref-spark);opacity:0;width:2px;height:2px;animation:pref-rise var(--d) linear var(--dl) infinite;border-radius:50%;position:absolute}.pref-spark{left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);opacity:0;animation:pref-twinkle var(--d) ease-in-out var(--dl) infinite;position:absolute}.pref-spark:before,.pref-spark:after{content:"";position:absolute;inset:0}.pref-spark:before{background:radial-gradient(circle, color-mix(in srgb, var(--pref-c) 55%, transparent) 0%, transparent 65%);border-radius:50%;inset:-60%}.pref-spark:after{background:var(--pref-spark);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}@keyframes pref-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(var(--dx), var(--dy)) scale(1.18)}to{transform:translate(calc(var(--dx) * -.7), calc(var(--dy) * -.5)) scale(.9)}}@keyframes pref-pan{to{transform:translate(24px,24px)}}@keyframes pref-rise{0%{opacity:0;transform:translateY(0)}20%{opacity:.7}to{opacity:0;transform:translateY(-90px)}}@keyframes pref-twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.pref-fx *,.pref-fx :before{animation:none!important}.pref-spark{opacity:.6;transform:scale(.7)}.pref-dust{display:none}}.pref-broken{border:1px dashed var(--state-broken);background:color-mix(in srgb, var(--state-broken) 8%, transparent)}.pref-broken:hover{border-color:var(--state-broken);box-shadow:none}.pref-broken .pref-kind{color:var(--state-broken)}.prose .pref-broken .pref-link{font-family:var(--fc);letter-spacing:0;font-size:15px;font-weight:700}@media (width<=560px){.pref-body{padding:18px 18px 16px}.pref-live .pref-body{padding-right:18px}.pref-media{width:96px}}