.af{z-index:1;position:relative}.af-pin{height:100dvh;padding:calc(var(--announcement-h,0px) + 92px)0 28px;flex-direction:column;justify-content:center;gap:26px;display:flex}.af-head{justify-content:space-between;align-items:flex-end;gap:28px;width:100%;display:flex}.af-head .h2{max-width:16ch;margin-top:14px;font-size:clamp(30px,3.6vw,52px)}.af-lede{max-width:38ch;color:var(--t60);margin:0;font-size:16px;line-height:1.55}.af-stage{grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);align-items:stretch;gap:18px;width:100%;display:grid;position:relative}.af-up,.af-lib,.af-dests{background:var(--bg-1);border:1px solid var(--line);border-radius:22px;padding:14px}.af-h{font:600 14px var(--display);align-items:center;gap:7px;margin:0 0 10px;display:flex}.af-h svg{color:var(--accent)}.af-up ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.af-up li{-moz-column-gap:8px;background:var(--bg-0);border:1px solid var(--line);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:5px 8px;padding:8px 10px;transition:border-color .3s;display:grid}.af-up li.is-done{border-color:rgb(var(--accent-rgb)/.45)}.af-up li>span{align-items:baseline;gap:6px;min-width:0;display:flex}.af-up b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.af-up small{font:500 10.5px var(--mono);color:var(--t45);flex:none}.af-up u{background:var(--bg-2);border-radius:99px;grid-column:1;height:4px;text-decoration:none;display:block;position:relative;overflow:hidden}.af-up s{border-radius:inherit;background:var(--accent);transform-origin:0;text-decoration:none;position:absolute;inset:0}.af-up i{min-width:22px;height:22px;font:500 10.5px var(--mono);color:var(--t60);font-variant-numeric:tabular-nums;grid-area:1/2/span 2;justify-self:end;place-items:center;font-style:normal;display:grid}.af-up li.is-done i{background:var(--accent);color:var(--on-accent);border-radius:50%}.af-note{font:500 11px var(--mono);color:var(--t45);margin:12px 2px 0}.af-lib{flex-direction:column;gap:12px;display:flex}.af-lib-bar{justify-content:space-between;align-items:center;gap:12px;padding:2px 4px;display:flex}.af-lib-bar>b{font:600 15px var(--display)}.af-search{background:var(--bg-2);border:1px solid var(--line);min-width:0;max-width:62%;height:32px;color:var(--t45);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;transition:border-color .3s,color .3s;display:inline-flex;overflow:hidden}.af-search.is-on{border-color:rgb(var(--accent-rgb)/.6);color:var(--fg)}.af-search svg{color:var(--accent);flex:none}.af-caret{background:var(--accent);width:1.5px;height:14px;margin-left:-4px;animation:1s step-end infinite af-blink;display:inline-block}@keyframes af-blink{50%{opacity:0}}.af-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.af-tile{background:var(--bg-0);border:1px solid var(--line);opacity:0;border-radius:14px;align-content:start;gap:7px;padding:8px;transition:opacity .3s,transform .55s cubic-bezier(.34,1.56,.64,1),border-color .3s,filter .3s;display:grid;transform:translateY(-30px)scale(.85)}.af-tile.is-in{opacity:1;transform:none}.af-tile.is-in.is-dim{opacity:.35}.af-tile.is-hit{border-color:var(--accent);box-shadow:0 0 0 1px rgb(var(--accent-rgb)/.25),0 0 30px rgb(var(--glow-rgb)/.2)}.af-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:600;overflow:hidden}.af-tags{flex-wrap:wrap;gap:4px;min-height:18px;margin:0;display:flex}.af-tags em{background:var(--bg-2);color:var(--t80);opacity:0;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-style:normal;transition:opacity .25s,transform .4s cubic-bezier(.34,1.56,.64,1);display:inline-flex;transform:scale(.6)}.af-tags em.is-on{opacity:1;transform:none}.af-tags em.is-shared{background:var(--chip-lime);color:var(--fg)}.af-tags em.is-shared svg{color:var(--accent)}.af-g{aspect-ratio:16/10;background:var(--bg-2);color:var(--t80);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.af-g.is-video{background:var(--bg-3);color:var(--accent)}.af-g.is-image i{aspect-ratio:1;background:var(--gold);border-radius:50%;width:34%;position:absolute;top:18%;right:18%}.af-g.is-image:after{content:"";background:var(--orange);border-radius:50%;height:60%;position:absolute;bottom:-30%;left:-10%;right:-10%}.af-g.is-doc{color:var(--accent)}.af-g.is-audio{color:var(--gold)}.af-dests{align-content:start;gap:10px;display:grid}.af-dest{background:var(--bg-0);border:1px dashed var(--line-strong);border-radius:14px;gap:4px;padding:12px;transition:border-color .3s,background-color .3s;display:grid}.af-dest p{align-items:center;gap:7px;margin:0;display:flex}.af-dest p svg{color:var(--accent)}.af-dest b{font-size:14px}.af-dest small{color:var(--t60);font-size:12px}.af-dest.is-target{border-color:var(--accent)}.af-dest.is-on{border-style:solid;border-color:rgb(var(--accent-rgb)/.55);background:var(--chip-lime)}.af-att{background:var(--bg-1);border:1px solid rgb(var(--accent-rgb)/.5);font:500 11px var(--mono);opacity:0;border-radius:7px;justify-self:start;align-items:center;gap:5px;margin-top:4px;padding:3px 8px;transition:opacity .25s,transform .45s cubic-bezier(.34,1.56,.64,1);display:inline-flex;transform:translateY(-8px)scale(.8)}.af-att svg{color:var(--accent)}.af-dest.is-on .af-att{opacity:1;transform:none}.af-ghost{z-index:5;pointer-events:none;width:96px;margin:-30px 0 0 -48px;position:absolute;top:0;left:0}.af-ghost .af-g{border:2px solid var(--accent);box-shadow:0 18px 40px -12px rgb(0 0 0/calc(.8*var(--shadow-k))),0 0 24px rgb(var(--glow-rgb)/.35);transform:rotate(-5deg)}.af-cursor{color:var(--fg);filter:drop-shadow(0 2px 4px #00000080);position:absolute;bottom:-10px;right:-8px}@media (max-width:959px){.af-pin{height:auto;padding:72px 0 24px}.af-head{flex-direction:column;align-items:flex-start}.af-stage{grid-template-columns:minmax(0,1fr)}.af-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-ghost{display:none}}@media (prefers-reduced-motion:reduce){.af-tile,.af-tags em,.af-att,.af-caret{transition:none;animation:none}}
