.xp{padding-bottom:var(--seed-dimension-x16)}.xsec{padding-top:var(--g-space-fluid-lg)}.xsec__in{max-width:calc(var(--w-max) + 2 * var(--w-pad));padding:0 var(--w-pad);margin:0 auto}.xsec--ink{margin-top:var(--g-space-fluid-lg);padding:var(--g-space-fluid-lg) 0;background:var(--g-ink);color:#fff}.xsec--ink+.xsec{padding-top:var(--g-space-fluid-lg)}.xhd{justify-content:space-between;align-items:flex-end;gap:var(--seed-dimension-x4);margin-bottom:var(--seed-dimension-x6);display:flex}.xhd__title{font-family:var(--g-font-display);font-weight:var(--g-weight-title);letter-spacing:-.02em;font-size:clamp(22px,17.8px + 1.13vw,34px);line-height:1.15}.xhd__more{align-items:center;gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);font-weight:var(--seed-font-weight-bold);color:var(--seed-color-fg-neutral);white-space:nowrap;flex:none;text-decoration:none;display:inline-flex}.xhd__more i{transition:transform var(--seed-duration-d4);font-style:normal}.xhd__more:hover{color:var(--g-fg-brand)}.xhd__more:hover i{transform:translate(3px)}.xsec--ink .xhd__title{color:#fff}.xh{max-width:calc(var(--w-max) + 2 * var(--w-pad));padding:calc(var(--w-top) + var(--g-space-fluid-sm)) var(--w-pad) 0;margin:0 auto}.xh__intro{align-items:end;gap:var(--seed-dimension-x8) var(--seed-dimension-x12);margin-bottom:var(--seed-dimension-x8);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.xh__title{font-family:var(--g-font-display);font-weight:var(--g-weight-title);font-size:var(--g-text-display);letter-spacing:-.03em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;line-height:1.08}.xh__lead{text-wrap:pretty;max-width:36em}.xh__search{gap:var(--seed-dimension-x3);flex-direction:column;min-width:0;display:flex}.xh__quick{gap:var(--seed-dimension-x1_5);scrollbar-width:none;padding:2px 0;display:flex;overflow-x:auto}.xh__quick::-webkit-scrollbar{display:none}.xh__quick a{flex:none;text-decoration:none}@media (max-width:960px){.xh__intro{gap:var(--seed-dimension-x6);grid-template-columns:1fr}}@media (max-width:760px){.xh__intro{margin-bottom:var(--seed-dimension-x6)}}.xfeat{aspect-ratio:21/9;border-radius:var(--g-glass-radius);background:var(--g-ink);isolation:isolate;display:block;position:relative;overflow:hidden}.xfeat__media{display:block;position:absolute;inset:0}.xfeat__media img,.xfeat__media .xp__blank{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--seed-timing-function-easing);display:block}.xfeat:hover .xfeat__media img{transform:scale(1.025)}.xfeat__shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 30%,#0006 60%,#000000d1 100%),linear-gradient(90deg,#00000075,#0000 62%);position:absolute;inset:0}.xfeat__copy{z-index:3;justify-content:flex-end;align-items:flex-start;gap:var(--seed-dimension-x2_5);padding:var(--seed-dimension-x10);color:#fff;flex-direction:column;display:flex;position:absolute;inset:0}.xfeat__copy>*{max-width:820px}.xfeat__tags{gap:var(--seed-dimension-x1_5);display:flex}.xfeat__title{font-family:var(--font-brand), var(--seed-font-family);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(26px,3.6vw,54px);font-weight:800;line-height:1.08}.xfeat__link{color:inherit;text-decoration:none}.xfeat__link:after{content:"";position:absolute;inset:0}.xfeat__link:focus-visible{outline:none}.xfeat__link:focus-visible:after{box-shadow:inset 0 0 0 3px var(--g-orange);border-radius:inherit}.xfeat__meta{font-size:var(--seed-font-size-t5);color:#ffffffc7}.xfeat__row{align-items:center;gap:var(--seed-dimension-x3) var(--seed-dimension-x6);margin-top:var(--seed-dimension-x2);flex-wrap:wrap;display:flex}.xfeat__row>*{z-index:2;position:relative}.xfeat .xp__by{color:#fff;font-size:var(--seed-font-size-t4)}.xfeat .xp__note{color:#ffffffb3}.xfeat__cta{align-items:center;gap:var(--seed-dimension-x1_5);height:44px;padding:0 var(--seed-dimension-x5);border-radius:var(--seed-radius-full);color:var(--g-ink);font-size:var(--seed-font-size-t4);font-weight:var(--seed-font-weight-bold);white-space:nowrap;transition:background var(--seed-duration-d3);background:#fff;text-decoration:none;display:inline-flex}.xfeat__cta:hover{background:var(--g-lime)}.xfeat__cta i{font-style:normal}@media (max-width:760px){.xfeat{aspect-ratio:4/5;border-radius:var(--seed-radius-r5)}.xfeat__copy{padding:var(--seed-dimension-x5);gap:var(--seed-dimension-x2)}.xfeat__meta{font-size:var(--seed-font-size-t4)}.xfeat__cta{height:40px}}.xplay{z-index:1;top:var(--seed-dimension-x2_5);right:var(--seed-dimension-x2_5);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#1414148c;border-radius:50%;width:30px;height:30px;padding:8px 7px 8px 9px;position:absolute}.xplay svg{display:block}.xplay--big{z-index:2;width:76px;height:76px;color:var(--g-ink);transition:transform var(--seed-duration-d6) var(--seed-timing-function-easing);background:#ffffffeb;padding:22px 20px 22px 24px;top:50%;left:50%;right:auto;transform:translate(-50%,-62%);box-shadow:0 12px 40px #00000047}.xfeat:hover .xplay--big{transform:translate(-50%,-62%)scale(1.06)}@media (max-width:760px){.xplay--big{width:60px;height:60px;padding:17px 15px 17px 19px;transform:translate(-50%,-110%)}.xfeat:hover .xplay--big{transform:translate(-50%,-110%)}}.xq{width:100%;position:relative}.xq__form{gap:var(--seed-dimension-x2);display:flex}.xq__form>:first-child{flex:1;min-width:0}.xq__panel{z-index:40;overscroll-behavior:contain;max-height:min(70vh,540px);padding:var(--seed-dimension-x2);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);color:var(--g-ink);text-align:left;background:#fffffff5;border-radius:20px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 0 0 1px #1414140f,0 24px 60px #14141429}.xq__panel[hidden]{display:none}.xq__list{margin:0;padding:0;list-style:none}.xq__group{padding:var(--seed-dimension-x2_5) var(--seed-dimension-x3) var(--seed-dimension-x1);font-size:var(--seed-font-size-t2);font-weight:var(--seed-font-weight-bold);color:var(--seed-color-fg-neutral-subtle);letter-spacing:.04em}.xq__opt{align-items:center;gap:var(--seed-dimension-x3);padding:var(--seed-dimension-x2) var(--seed-dimension-x2_5);cursor:pointer;border-radius:12px;display:flex}.xq__opt[aria-selected=true]{background:#1414140f}.xq__thumb{aspect-ratio:4/3;background:#ecebe6;border-radius:8px;flex:none;width:56px;overflow:hidden}.xq__thumb--round{aspect-ratio:1;border-radius:50%;width:42px;margin:0 7px}.xq__thumb img{object-fit:cover;width:100%;height:100%;display:block}.xq__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.xq__label,.xq__sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xq__label{font-size:var(--seed-font-size-t4);font-weight:var(--seed-font-weight-medium)}.xq__sub{font-size:var(--seed-font-size-t3);color:var(--seed-color-fg-neutral-muted)}.xq__ext{color:var(--seed-color-fg-neutral-subtle);flex:none}.xq__opt--all{margin-top:var(--seed-dimension-x1);padding:var(--seed-dimension-x3);font-weight:var(--seed-font-weight-bold);color:var(--g-fg-brand);border-radius:0 0 12px 12px;box-shadow:inset 0 1px #1414140f}.xq__opt--all .xq__label{font-weight:var(--seed-font-weight-bold)}.xq__note{padding:var(--seed-dimension-x3_5) var(--seed-dimension-x3);font-size:var(--seed-font-size-t4);color:var(--seed-color-fg-neutral-muted);line-height:1.5}.xr{--cols:4;--gap:20px}.xr[data-cols="3"]{--cols:3}.xr__head{justify-content:space-between;align-items:flex-end;gap:var(--seed-dimension-x4);margin-bottom:var(--seed-dimension-x6);display:flex}.xr__head>.xhd{flex:1;min-width:0;margin:0}.xr__arrows{gap:var(--seed-dimension-x1_5);flex:none;display:flex}.xr__track{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));gap:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:4px 0;list-style:none;display:grid;overflow-x:auto}.xr__track::-webkit-scrollbar{display:none}.xr__track>li{scroll-snap-align:start;min-width:0}@media (max-width:1100px){.xr{--cols:3}}@media (max-width:900px){.xr[data-cols="3"]{--cols:2}}@media (max-width:760px){.xr{--gap:12px}.xr__arrows{display:none}.xr__track{margin:0 calc(-1 * var(--w-pad,16px));padding:4px var(--w-pad,16px);scroll-padding-inline:var(--w-pad,16px);grid-auto-columns:74%}.xr[data-cols="3"] .xr__track{grid-auto-columns:84%}}.xt{gap:var(--seed-dimension-x4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.xt__tile{aspect-ratio:2;background:var(--g-ink);color:#fff;isolation:isolate;border-radius:20px;text-decoration:none;display:block;position:relative;overflow:hidden}.xt__img{display:block;position:absolute;inset:0}.xt__img img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--seed-timing-function-easing);display:block}.xt__img .rx-pattern{opacity:.55}.xt__tile:after{content:"";background:linear-gradient(20deg,#000000bd,#0000002e 58%,#0000000d);position:absolute;inset:0}.xt__tile:hover .xt__img img{transform:scale(1.05)}.xt__tile:focus-visible{outline:3px solid var(--g-orange);outline-offset:2px}.xt__copy{z-index:1;left:var(--seed-dimension-x5);right:var(--seed-dimension-x5);bottom:var(--seed-dimension-x4);flex-direction:column;gap:2px;display:flex;position:absolute}.xt__label{font-family:var(--font-brand), var(--seed-font-family);letter-spacing:-.01em;font-size:clamp(19px,2vw,28px);font-weight:800;line-height:1.2}.xt__count{font-size:var(--seed-font-size-t3);color:#ffffffc7}@media (max-width:760px){.xt{gap:var(--seed-dimension-x2_5);grid-template-columns:repeat(2,minmax(0,1fr))}.xt__tile{aspect-ratio:4/3;border-radius:var(--g-radius-md)}.xt>li:last-child:nth-child(odd){grid-column:span 2}.xt>li:last-child:nth-child(odd) .xt__tile{aspect-ratio:8/3}.xt__copy{left:var(--seed-dimension-x3_5);right:var(--seed-dimension-x3_5);bottom:var(--seed-dimension-x3)}}.xm{gap:var(--seed-dimension-x8) var(--seed-dimension-x5);margin:0;padding:0;list-style:none;display:grid}.xm--works{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.xm--sites{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.xm--devices{grid-template-columns:repeat(3,minmax(0,1fr))}.xm--creators{gap:var(--seed-dimension-x5);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.xm>li{min-width:0}.xm__more{align-items:center;gap:var(--seed-dimension-x3);padding:var(--seed-dimension-x12) 0 0;flex-direction:column;display:flex}.xm__count{font-size:var(--seed-font-size-t4);color:var(--seed-color-fg-neutral-muted);font-variant-numeric:tabular-nums}@media (max-width:1000px){.xm--devices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.xm--devices{grid-template-columns:1fr}}@media (max-width:560px){.xm--works{gap:var(--seed-dimension-x6) var(--seed-dimension-x3);grid-template-columns:1fr 1fr}}.xp .wm__desk{aspect-ratio:864/540;object-fit:cover;height:auto}.xp .wm__phone{aspect-ratio:390/844;object-fit:cover;object-position:top;height:auto}.xp__blank{background:linear-gradient(135deg,#2a2a2a,#141414);width:100%;height:100%;display:block}.xp__by{align-items:center;gap:var(--seed-dimension-x2);min-width:0;max-width:100%;color:var(--seed-color-fg-neutral);font-size:var(--seed-font-size-t3);text-decoration:none;display:inline-flex}.xp__name{min-width:0;font-weight:var(--seed-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.xp__note{min-width:0;color:var(--seed-color-fg-neutral-muted);text-overflow:ellipsis;white-space:nowrap;flex:0 10 auto;overflow:hidden}.xp__note:before{content:"・"}a.xp__by:hover .xp__name{text-decoration:underline}.xw{flex-direction:column;min-width:0;display:flex}.xw__media{aspect-ratio:4/3;border-radius:var(--g-radius-md);background:var(--g-ink);color:#fff;isolation:isolate;text-decoration:none;display:block;position:relative;overflow:hidden}.xw__media img,.xw__media>.xp__blank{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--seed-timing-function-easing);position:absolute;inset:0}.xw__media:focus-visible{outline:3px solid var(--g-orange);outline-offset:2px}.xw__tags{z-index:1;top:var(--seed-dimension-x2_5);left:var(--seed-dimension-x2_5);gap:var(--seed-dimension-x1);display:flex;position:absolute}.xw__reveal{z-index:1;padding:var(--seed-dimension-x4);opacity:0;transition:opacity var(--seed-duration-d4) var(--seed-timing-function-easing);background:linear-gradient(#0000 22%,#0000006b 52%,#000000d6 100%);flex-direction:column;justify-content:flex-end;gap:3px;display:flex;position:absolute;inset:0}.xw__title{font-size:var(--seed-font-size-t5);font-weight:var(--seed-font-weight-bold);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.32;display:-webkit-box;overflow:hidden}.xw__meta{font-size:var(--seed-font-size-t3);color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xw__visit{margin-top:var(--seed-dimension-x1);font-size:var(--seed-font-size-t3);font-weight:var(--seed-font-weight-bold);color:var(--g-lime);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xw__visit i{font-style:normal}.xw__foot{height:28px;margin-top:var(--seed-dimension-x2_5);align-items:center;min-width:0;display:flex}@media (hover:hover){.xw__media:hover .xw__reveal,.xw__media:focus-visible .xw__reveal{opacity:1}.xw__media:hover img{transform:scale(1.04)}}@media (hover:none){.xw__reveal{opacity:1;padding:var(--seed-dimension-x3);background:linear-gradient(#0000 42%,#000000b8)}.xw__meta,.xw__visit{display:none}.xw__title{font-size:var(--seed-font-size-t4)}}.xsec--ink .xw__foot .xp__by{color:#fff}.xs{gap:var(--seed-dimension-x3);flex-direction:column;display:flex}.xs__link{gap:var(--seed-dimension-x3);color:inherit;flex-direction:column;text-decoration:none;display:flex}.xs__frame{border-radius:var(--g-radius-md);transition:transform var(--seed-duration-d6) var(--seed-timing-function-easing), box-shadow var(--seed-duration-d6);background:#fff;display:block;overflow:hidden;box-shadow:0 0 0 1px #14141414,0 10px 30px #1414140f}.xs__link:hover .xs__frame{box-shadow:0 0 0 1px #14141414, var(--seed-shadow-s3);transform:translateY(-3px)}.xs__bar{height:30px;padding:0 var(--seed-dimension-x3);border-bottom:1px solid #1414140f;align-items:center;gap:5px;display:flex}.xs__bar i{background:#14141424;border-radius:50%;width:8px;height:8px}.xs__bar span{min-width:0;margin-left:var(--seed-dimension-x2);color:var(--seed-color-fg-neutral-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.xs__shot{aspect-ratio:16/10;background:var(--g-ink);display:block;overflow:hidden}.xs__shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.xs__name{align-items:center;gap:var(--seed-dimension-x1_5);font-size:var(--seed-font-size-t6);font-weight:var(--seed-font-weight-bold);display:flex}.xs__name i{font-style:normal;font-weight:var(--seed-font-weight-regular);color:var(--seed-color-fg-neutral-subtle)}.xs__link:hover .xs__name{color:var(--g-fg-brand)}.xs__foot{justify-content:space-between;align-items:center;gap:var(--seed-dimension-x2);flex-wrap:wrap;display:flex}.xs__tags{gap:var(--seed-dimension-x1);flex-wrap:wrap;display:flex}.xd{gap:var(--seed-dimension-x4);flex-direction:column;display:flex}.xd__link{aspect-ratio:4/3;border-radius:var(--g-radius-xl);background:radial-gradient(70% 80% at 20% 0,#ff660024,#0000 70%),linear-gradient(160deg,#f1efe8,#e2dfd5);padding:9% 7% 0;display:block;position:relative;overflow:hidden}.xd__link:focus-visible{outline:3px solid var(--g-orange);outline-offset:2px}.xd__stage{height:100%;display:block;position:relative}.xd__laptop{width:84%;transition:transform var(--seed-duration-d6) var(--seed-timing-function-easing);flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.xd__screen{aspect-ratio:16/10;background:var(--g-ink);border:6px solid #1c1c1c;border-bottom-width:8px;border-radius:12px 12px 2px 2px;width:100%;display:block;overflow:hidden}.xd__base{background:linear-gradient(#dcdcdc,#b5b5b5);border-radius:0 0 10px 10px;width:112%;height:9px;display:block;box-shadow:0 10px 24px #1414142e}.xd__phone{aspect-ratio:9/19;border-radius:var(--g-radius-md);background:var(--g-ink);width:25%;transition:transform var(--seed-duration-d6) var(--seed-timing-function-easing);border:5px solid #1c1c1c;position:absolute;top:26%;right:0;overflow:hidden;box-shadow:0 18px 40px #14141447}.xd__screen img,.xd__pscreen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.xd__pscreen{width:100%;height:100%;display:block}.xd__pscreen img{object-position:center}.xd__link:hover .xd__laptop{transform:translateY(-4px)}.xd__link:hover .xd__phone{transform:translateY(-8px)}.xd__info{gap:var(--seed-dimension-x1);flex-direction:column;display:flex}.xd__name{font-size:var(--seed-font-size-t6);font-weight:var(--seed-font-weight-bold);color:inherit;text-decoration:none}.xd__name i{font-style:normal;font-weight:var(--seed-font-weight-regular);color:var(--seed-color-fg-neutral-subtle)}.xd__name:hover{color:var(--g-fg-brand)}.xd__host{font-size:var(--seed-font-size-t3);color:var(--seed-color-fg-neutral-muted);margin-bottom:var(--seed-dimension-x1)}.xc{height:100%;color:var(--g-ink);flex-direction:column;display:flex;overflow:hidden}.xc__cover{aspect-ratio:16/8;background:var(--g-ink);display:block;overflow:hidden}.xc__cover img{object-fit:cover;width:100%;height:100%;display:block}.xc__body{gap:var(--seed-dimension-x1_5);padding:0 var(--seed-dimension-x5) var(--seed-dimension-x5);flex-direction:column;flex:1;display:flex}.xc__avatar{margin-top:-32px;margin-bottom:var(--seed-dimension-x1);border-radius:var(--seed-radius-full);width:max-content;box-shadow:0 0 0 4px #fffffff2}.xc__name{font-size:var(--seed-font-size-t7);font-weight:var(--seed-font-weight-bold);color:inherit;text-decoration:none}.xc__name:hover{color:var(--g-fg-brand)}.xc__headline{font-size:var(--seed-font-size-t4);color:var(--seed-color-fg-neutral-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;display:-webkit-box;overflow:hidden}.xc__stats{font-size:var(--seed-font-size-t3);font-weight:var(--seed-font-weight-medium);color:var(--seed-color-fg-neutral);white-space:pre;text-overflow:ellipsis;min-height:1.5em;overflow:hidden}.xc__facts{align-items:center;gap:var(--seed-dimension-x1_5);flex-wrap:wrap;min-height:24px;display:flex}.xc__thumbs{gap:var(--seed-dimension-x1_5);margin-top:var(--seed-dimension-x2);grid-template-columns:repeat(3,1fr);display:grid}.xc__thumbs>*{aspect-ratio:1;border-radius:var(--g-radius-sm);display:block;overflow:hidden}.xc__thumbs img{object-fit:cover;width:100%;height:100%;display:block}.xc__thumbs .xp__blank{background:var(--g-glass-inner)}.xc__thumbs .xc__pat .rx-pattern{gap:3px;padding:6px}.xc__links{gap:var(--seed-dimension-x1) var(--seed-dimension-x4);padding-top:var(--seed-dimension-x3);font-size:var(--seed-font-size-t4);flex-wrap:wrap;margin-top:auto;display:flex}.xc__links a{color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-decoration:none;overflow:hidden}.xc__links a:hover{color:var(--g-fg-brand)}.xc__links i{color:var(--seed-color-fg-neutral-subtle);font-style:normal}.xsec--ink .xc{box-shadow:none;background:#fff}.xf{z-index:6;position:sticky;top:80px}.xf__bar{align-items:center;gap:var(--seed-dimension-x2);min-width:0;padding:var(--seed-dimension-x2) var(--seed-dimension-x2) var(--seed-dimension-x2) var(--seed-dimension-x3);display:flex}.xf__bar>.xq{flex:320px;min-width:0}.xf__bar:not([data-search]){padding:var(--seed-dimension-x2);margin-bottom:var(--seed-dimension-x6)}.xf__toggle{flex:none}.xf__badge{margin-left:var(--seed-dimension-x1);font-variant-numeric:tabular-nums}.xf__status{align-items:center;gap:var(--seed-dimension-x3);min-height:36px;margin:var(--seed-dimension-x3) 0 var(--seed-dimension-x5);display:flex}.xf__active{gap:var(--seed-dimension-x1_5);scrollbar-width:none;flex:auto;min-width:0;padding:2px;display:flex;overflow-x:auto}.xf__active::-webkit-scrollbar{display:none}.xf__active>*{flex:none}.xf__count{font-size:var(--seed-font-size-t4);color:var(--seed-color-fg-neutral-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-left:auto}.xf__panel{top:calc(100% + var(--seed-dimension-x2));gap:var(--seed-dimension-x5);width:min(560px,100%);padding:var(--seed-dimension-x5);border-radius:var(--g-radius-xl);background:color-mix(in srgb, var(--g-surface-solid) 94%, transparent);-webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);box-shadow:var(--g-elev-overlay);transform-origin:100% 0;opacity:0;visibility:hidden;transition:opacity var(--g-motion-fast) var(--g-ease-in), scale var(--g-motion-fast) var(--g-ease-in), visibility 0s linear var(--g-motion-fast);flex-direction:column;display:flex;position:absolute;right:0}.xf__panel[data-open]{opacity:1;visibility:visible;transition:opacity var(--g-motion-base) var(--g-ease-out), scale var(--g-motion-base) var(--g-ease-out), visibility 0s}@media (prefers-reduced-motion:no-preference){.xf__panel:not([data-open]){scale:.96}}.xf__bar:not([data-search])+.xf__panel{transform-origin:0 0;left:0;right:auto}.xf__portal{width:0;height:0;position:absolute;top:0;left:0}.xf__group{gap:var(--seed-dimension-x2);flex-direction:column;display:flex}.xf__label{font-size:var(--seed-font-size-t5);font-weight:var(--seed-font-weight-medium);color:var(--seed-color-fg-neutral)}.xf__chipset{gap:var(--seed-dimension-x1_5);flex-wrap:wrap;display:flex}.xf__fields{gap:var(--seed-dimension-x4) var(--seed-dimension-x3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.xf__fields>:only-child{grid-column:1/-1}.xf__more{align-self:flex-start}.xf__more[aria-expanded=true] svg{rotate:180deg}.xf__panel-foot{justify-content:space-between;gap:var(--seed-dimension-x2);padding-top:var(--seed-dimension-x4);border-top:1px solid var(--g-line);display:flex}.xf__sheet{gap:var(--seed-dimension-x4);padding-bottom:var(--seed-dimension-x2);flex-direction:column;display:flex}.xf__sheet .xf__fields{grid-template-columns:1fr}.xf__results{transition:opacity var(--seed-duration-d3)}.xf__results[data-pending]{opacity:.45}@media (max-width:900px){.xf{top:76px}}@media (max-width:760px){.xf__panel{display:none}.xf__count{font-size:var(--seed-font-size-t3)}}.xrel{gap:var(--seed-dimension-x3);margin-bottom:var(--seed-dimension-x8);flex-direction:column;display:flex}.xrel__list{gap:var(--seed-dimension-x2);scrollbar-width:none;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.xrel__list::-webkit-scrollbar{display:none}.xrel__item{align-items:center;gap:var(--seed-dimension-x2_5);width:260px;padding:var(--seed-dimension-x2) var(--seed-dimension-x3) var(--seed-dimension-x2) var(--seed-dimension-x2);border-radius:var(--g-radius-lg);background:var(--g-glass-strong);color:inherit;flex:none;text-decoration:none;display:flex;box-shadow:0 0 0 1px #1414140f}.xrel__item:hover{box-shadow:0 0 0 1px #1414141a, var(--seed-shadow-s2)}.xrel__thumb{background:#ecebe6;border-radius:12px;flex:none;width:48px;height:48px;overflow:hidden}.xrel__thumb--round{border-radius:50%}.xrel__thumb img{object-fit:cover;width:100%;height:100%;display:block}.xrel__text{flex-direction:column;min-width:0;display:flex}.xrel__name,.xrel__sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xrel__name{font-size:var(--seed-font-size-t4);font-weight:var(--seed-font-weight-bold)}.xrel__sub{font-size:var(--seed-font-size-t3);color:var(--seed-color-fg-neutral-muted)}.xempty{align-items:center;gap:var(--seed-dimension-x4);padding:var(--seed-dimension-x12) var(--seed-dimension-x4) var(--seed-dimension-x8);text-align:center;flex-direction:column;display:flex}.xempty__chips{justify-content:center;gap:var(--seed-dimension-x1_5);flex-wrap:wrap;max-width:640px;display:flex}.xempty__chips a{text-decoration:none}.xempty__picks{width:100%;margin-top:var(--seed-dimension-x8);text-align:left}.xm__empty{padding:var(--seed-dimension-x16) 0;text-align:center;color:var(--seed-color-fg-neutral-muted)}.xhd__inline{color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-bold);text-underline-offset:3px;text-decoration:underline}.xst{gap:var(--seed-dimension-x1_5);color:inherit;flex-direction:column;text-decoration:none;display:flex}.xst__cover{aspect-ratio:16/10;border-radius:var(--g-radius-md);background:var(--g-ink);margin-bottom:var(--seed-dimension-x1_5);display:block;position:relative;overflow:hidden}.xst__cover img,.xst__cover>.xp__blank{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--seed-timing-function-easing);position:absolute;inset:0}.xst:hover .xst__cover img{transform:scale(1.04)}.xst:focus-visible{outline:3px solid var(--g-orange);outline-offset:4px;border-radius:var(--g-radius-md)}.xst__kicker{gap:var(--seed-dimension-x2);font-size:var(--seed-font-size-t3);color:var(--seed-color-fg-neutral-muted);display:flex}.xst__kicker b{color:var(--g-fg-brand)}.xst__title{font-size:var(--seed-font-size-t6);font-weight:var(--seed-font-weight-bold);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;line-height:1.35;display:-webkit-box;overflow:hidden}.xst:hover .xst__title{color:var(--g-fg-brand)}.xst__people{font-size:var(--seed-font-size-t3);color:var(--seed-color-fg-neutral-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xcta{justify-content:space-between;align-items:center;gap:var(--seed-dimension-x5);padding:var(--seed-dimension-x10);border-radius:var(--seed-radius-r6);background:var(--g-lime);color:var(--g-forest);flex-wrap:wrap;display:flex}@media (max-width:760px){.xcta{padding:var(--seed-dimension-x6);border-radius:var(--seed-radius-r5)}}@media (pointer:coarse){:is(.xp__by,.xhd__more,.xc__name,.xd__name){position:relative}:is(a.xp__by,.xhd__more,.xc__name,.xd__name):before{content:"";position:absolute;inset:-10px -4px}.xc__links a{align-items:center;min-height:40px;display:inline-flex}}
