.filters{top:var(--top-h,53px);z-index:20;padding:12px var(--gx);margin:0 calc(var(--gx) * -1) 12px;background:var(--bg);transition:border-color .2s var(--ease-out);border-bottom:1px solid #0000;flex-wrap:wrap;gap:6px;display:flex;position:sticky}.filters.stuck{border-bottom-color:var(--line)}.sentinel{height:1px;margin-bottom:-1px}.chip{background:var(--chip);color:var(--ink-80);transition:background-color .15s var(--ease-out),color .15s,transform .12s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:600;display:inline-flex}.chip:hover{background:var(--active);color:var(--ink)}.chip:active{transform:scale(.96)}.chip small{color:var(--ink-40);font-variant-numeric:tabular-nums;font-size:11px}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg)}.chip[aria-pressed=true] small{color:#fff9}.grid{position:relative}.grid.featured{margin-top:24px}.work .sentinel{height:13px}.see-all{justify-content:center;margin-top:40px;display:flex}.btn-soft{background:var(--chip);height:40px;color:var(--ink);letter-spacing:-.01em;transition:background-color .15s var(--ease-out),transform .12s var(--ease-out);border-radius:999px;align-items:center;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-soft:hover{background:var(--active)}.btn-soft:active{transform:scale(.97)}.tile{will-change:transform;transition:transform .55s var(--ease-tile),opacity .3s var(--ease-out),width .55s var(--ease-tile),height .55s var(--ease-tile);flex-direction:column;margin:0;display:flex;position:absolute;top:0;left:0}.grid.instant .tile{transition:none}.tile.enter,.tile.leave{opacity:0}.tile-media{background:var(--surface-2);cursor:zoom-in;border-radius:2px;flex:1;width:100%;min-height:0;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.tile-media>*{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-tile);display:block;position:absolute;inset:0}.tile-media:hover>*{transform:scale(1.012)}.tile-media:active>*{transform:scale(.995)}.tile-media img{opacity:0;transition:opacity .35s var(--ease-out),transform .5s var(--ease-tile)}.tile-media img.in{opacity:1}.tile .play{z-index:2;pointer-events:none;background:#00000073;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;inset:auto 8px 8px auto}.tile .play:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #fff;margin-left:2px}.tile figcaption{flex:none;padding-top:7px;font-size:14px;line-height:1.3;overflow:hidden}.tile figcaption b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;display:block;overflow:hidden}.tile figcaption span{color:var(--ink-60);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cap-row{align-items:center;gap:6px;min-width:0;display:flex}.tile figcaption .new-tag{background:var(--ink);height:16px;color:var(--bg);letter-spacing:.02em;border-radius:999px;flex:none;align-items:center;padding:0 6px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.mo{overflow:hidden;container-type:size}.mo-think{background:radial-gradient(circle at 50% 42%,#1a2a6b,#0b1120 62%);place-items:center;display:grid}.mo-think .orb{aspect-ratio:1;filter:blur(.4cqw);background:conic-gradient(#1f3dff,#8ea1ff,#c7d0ff,#5c78ff,#1f3dff);border-radius:50%;width:34cqw;animation:3.2s linear infinite spin;position:relative}.mo-think .orb:after{content:"";background:#0e1630;border-radius:50%;position:absolute;inset:3.2cqw}.mo-think .core{aspect-ratio:1;background:#5c78ff;border-radius:50%;width:14cqw;animation:1.6s ease-in-out infinite alternate breathe;position:absolute;box-shadow:0 0 10cqw #5c78ff}.mo-think .label{text-align:center;color:#e9edf5;font:600 4.4cqw/1 var(--font);letter-spacing:-.01em;position:absolute;bottom:15cqh;left:0;right:0}.mo-think .label i{background:#8ea1ff;border-radius:50%;width:1.2cqw;height:1.2cqw;margin-left:1cqw;animation:1.2s infinite blink;display:inline-block}.mo-think .label i:nth-child(2){animation-delay:.2s}.mo-think .label i:nth-child(3){animation-delay:.4s}.mo-think .steps{text-align:center;color:#e9edf573;font:500 3.2cqw/1 var(--font);position:absolute;bottom:7cqh;left:0;right:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes breathe{0%{opacity:.75;transform:scale(.82)}to{opacity:1;transform:scale(1.08)}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.mo-skel{background:#eef0f3;place-items:center;display:grid}.mo-skel .card{background:#fff;border-radius:2.6cqw;flex-direction:column;width:78cqw;height:70cqh;padding:5cqw;display:flex;box-shadow:0 4cqw 8cqw -3cqw #10182840}.mo-skel .hd{justify-content:space-between;align-items:center;display:flex}.mo-skel .t{background:#101828;border-radius:2cqw;width:34%;height:3.2cqw;animation:4s infinite skelT}.mo-skel .v{font:700 6cqw/1 var(--font);letter-spacing:-.03em;color:#1f3dff;animation:4s infinite fadeV}.mo-skel .bars{flex:1;align-items:flex-end;gap:2.2cqw;margin-top:5cqw;display:flex}.mo-skel .bars i{height:var(--h);transform-origin:bottom;animation:bar 4s var(--ease-tile) infinite;animation-delay:calc(var(--n) * 70ms);background:#e4e7ec;border-radius:1.2cqw 1.2cqw 0 0;flex:1}.mo-skel .bars i:nth-child(6){background:#e4e7ec;animation-name:barHi}@keyframes skelT{0%,20%{background:#eef0f3}35%,85%{background:#101828}to{background:#eef0f3}}@keyframes fadeV{0%,25%{opacity:0;transform:translateY(1cqw)}40%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes bar{0%,15%{background:#eef0f3;transform:scaleY(.25)}40%,85%{background:#c7d0ff;transform:scaleY(1)}to{background:#eef0f3;transform:scaleY(.25)}}@keyframes barHi{0%,15%{background:#eef0f3;transform:scaleY(.25)}40%,85%{background:#1f3dff;transform:scaleY(1)}to{background:#eef0f3;transform:scaleY(.25)}}.viewer{z-index:60;visibility:hidden;position:fixed;inset:0}.viewer.on{visibility:visible}.v-back{-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .28s var(--ease-out);background:#fffffff0;position:absolute;inset:0}.viewer.on .v-back{opacity:1}.v-stage{transform-origin:0 0;background:var(--surface-2);will-change:transform;cursor:zoom-out;border-radius:2px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 30px 80px #00000024}.v-stage>*{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.v-stage.anim{transition:transform .38s cubic-bezier(.2,.9,.25,1)}.v-bar{z-index:2;padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));opacity:0;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateY(6px)}.viewer.ready .v-bar{opacity:1;transform:none}.v-cap b{letter-spacing:-.01em;font-size:15px;font-weight:600;display:block}.v-cap span{color:var(--ink-60);max-width:52ch;font-size:14px;display:block}.v-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.v-tags .chip{cursor:default;padding:3px 8px;font-size:12px}.v-tags .chip.concept{color:var(--accent);background:#1f3dff14}.v-count{color:var(--ink-40);font-variant-numeric:tabular-nums;text-align:center;padding-bottom:4px;font-size:13px}.v-ctl{justify-content:flex-end;gap:6px;display:flex}.v-btn{background:var(--chip);width:36px;height:36px;transition:background-color .15s,transform .12s var(--ease-out);border-radius:50%;place-items:center;display:grid}.v-btn:hover{background:var(--active)}.v-btn:active{transform:scale(.92)}.v-btn svg{width:16px;height:16px}.v-close{top:calc(14px + env(safe-area-inset-top,0px));z-index:3;opacity:0;transition:opacity .2s;position:fixed;right:16px}.viewer.ready .v-close{opacity:1}.v-hint{top:calc(22px + env(safe-area-inset-top,0px));z-index:3;color:var(--ink-40);opacity:0;font-size:12px;transition:opacity .2s;position:fixed;left:20px}.viewer.ready .v-hint{opacity:1}.v-hint kbd{font:inherit;border:1px solid var(--line);color:var(--ink-60);border-radius:3px;padding:1px 5px;font-weight:600}@media (max-width:760px){.tile figcaption{padding-top:6px;font-size:12px}.v-bar{padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto}.v-count,.v-hint{display:none}}@media (hover:none){.tile-media:hover>*{transform:none}}