.ftp{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(16px,2.6vw,32px);display:grid}.ftp-col{justify-items:center;gap:14px;display:grid}.ftp-tabs{border-radius:var(--r-pill);background:var(--surface-alt);box-shadow:inset 0 0 0 1px var(--border);gap:4px;padding:4px;display:inline-flex}.ftp-tabs button{border-radius:var(--r-pill);min-height:38px;font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.ftp-tabs button[aria-selected=true]{color:#fff;background:#f97316;box-shadow:0 8px 18px -10px #f97316cc}.ftp-item{background:var(--surface);width:100%;max-width:440px;box-shadow:inset 0 0 0 1px var(--border), 0 28px 56px -36px #0f172a73;animation:ftp-in .4s var(--ease) both;border-radius:24px;gap:8px;padding:14px;display:grid}.ftp-feed{color:#c2410c;align-items:center;gap:6px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;display:flex}.ftp-feed em{border-radius:var(--r-pill);background:#ffedd5;margin-left:auto;padding:3px 10px 3px 20px;font-family:inherit;font-size:11.5px;font-style:normal;font-weight:700;position:relative}.ftp-feed em:before{content:"";background:#f97316;border-radius:50%;width:6px;height:6px;margin-top:-3px;animation:1.6s ease-in-out infinite ftp-pulse;position:absolute;top:50%;left:9px}.ftp-photo{aspect-ratio:16/10;border-radius:16px;display:block;position:relative;overflow:hidden}.ftp-photo img{object-fit:cover}.ftp-item b{font-family:var(--font-display);color:var(--heading);font-size:clamp(16.5px,15.404px + .281vw,19px);line-height:1.25}.ftp-item p{color:var(--text-2);margin:0;font-size:14.5px;line-height:1.5}.ftp-item small{color:var(--text-3);font-size:12px}.ftp-arrow{justify-items:center;gap:8px;display:grid}.ftp-arrow span{background:linear-gradient(135deg, var(--g1), var(--g2));color:#fff;width:46px;height:46px;box-shadow:0 12px 26px -12px var(--g2);border-radius:50%;place-items:center;display:grid;position:relative}.ftp-arrow span:after{border:2px dashed color-mix(in srgb, var(--g2) 45%, transparent);content:"";border-radius:50%;animation:8s linear infinite ftp-spin;position:absolute;inset:-6px}.ftp-arrow small{text-align:center;max-width:90px;color:var(--text-3);font-size:12px;font-weight:700}.ftp-channels{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ftp-channels button{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--chip);cursor:pointer;transition:transform .2s var(--ease);border-radius:14px;place-items:center;font-size:clamp(14.5px,13.404px + .281vw,17px);display:grid}.ftp-channels button:hover{transform:translateY(-2px)}.ftp-channels button[aria-checked=true]{background:var(--chip);color:#fff;border-color:#0000}.ftp-post{width:100%;max-width:400px;animation:ftp-in .45s var(--ease) both}.ftp-meta{text-align:center;color:var(--text-3);justify-items:center;gap:4px;font-size:13px;display:grid}.ftp-meta b{border-radius:var(--r-pill);color:#15803d;background:#dcfce7;padding:3px 12px;font-size:12.5px}.ftp-meta b[data-tight]{color:#b45309;background:#fef3c7}.ftp-link{color:var(--accent);align-items:center;gap:6px;font-size:14.5px;font-weight:700;display:inline-flex}.ftp-tabs button:focus-visible,.ftp-channels button:focus-visible,.ftp-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes ftp-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes ftp-pulse{50%{opacity:.3}}@keyframes ftp-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.ftp{grid-template-columns:minmax(0,1fr)}.ftp-arrow span{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.ftp-item,.ftp-post,.ftp-feed em:before,.ftp-arrow span:after{animation:none}}