@layer components{.ff-hero .fa-hero-shot{background:linear-gradient(90deg, #000000bf, #0003 70%), linear-gradient(180deg, #0000001a 60%, #000), var(--hero) var(--hero-pos) / cover;left:0;-webkit-mask-image:none;mask-image:none}.fa-hero.ff-hero h1{max-width:18ch}.fa-hero-note a{color:#fff;text-underline-offset:3px;text-decoration:underline}.ff-visual{width:min(100%,600px);height:440px;position:relative}.ff-visual:has(.fc-phone,.fc-tt){-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.ff-nearby{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid;position:absolute;inset:0}.ff-radar{aspect-ratio:1;background:radial-gradient(circle,#0000 32%,#ffffff14 32.5%,#0000 33.5% 65%,#ffffff14 65.5%,#0000 66.5%),#ffffff0a;border:1px solid #ffffff29;border-radius:50%;justify-self:center;width:100%;max-width:280px;position:relative;overflow:hidden}.ff-sweep{background:conic-gradient(#90e0ef52,#0000 22%);border-radius:50%;animation:3.2s linear infinite ff-spin;position:absolute;inset:0}.ff-you{color:#000;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 8px #ffffff26}.ff-you svg{width:18px;height:18px}.ff-blip{width:12px;height:12px;animation:ff-blip .5s var(--spring) both, ff-ping 1.6s ease-out .5s 2;background:#90e0ef;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 #90e0ef99}.ff-range{text-align:center;color:var(--fa-dim);font-size:12px;font-weight:600;position:absolute;bottom:14px;left:0;right:0}.ff-near-list{border-radius:var(--fa-radius);flex-direction:column;gap:4px;min-height:196px;margin:0;padding:8px;list-style:none;display:flex}.ff-near-list li{background:#ffffff0a;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.ff-near-list b,.ff-mail-week b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.ff-near-list small{color:var(--fa-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.ff-near-list em{color:#90e0ef;background:#90e0ef29;border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:700}.ff-thumb{background:var(--img) center / cover, #262626;border-radius:10px;width:44px;height:44px;display:block}.ff-mail{border-radius:var(--fa-radius);width:360px;min-height:330px;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 24px 60px #00000073}.ff-mail-head{border-bottom:1px solid #ffffff14;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding-bottom:12px;display:grid}.ff-mail-head img{border-radius:9px;width:36px;height:36px}.ff-mail-head b{font-size:14px;display:block}.ff-mail-head small{color:var(--fa-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.ff-mail-head em{color:var(--fa-faint);font-size:12px;font-style:normal}.ff-mail-label{color:var(--fa-dim);margin:14px 0 8px;font-size:12px;font-weight:700}.ff-mail-week{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ff-mail-week li{background:#ffffff0d;border-radius:12px;grid-template-columns:76px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.ff-mail-week small{color:var(--fa-dim);font-size:12px;font-weight:600}.ff-mail-week span{color:var(--fa-faint);font-size:12px}.ff-mail-new{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.ff-mail-new li{flex-direction:column;align-items:center;gap:6px;display:flex}.ff-mail-new .ff-thumb{border-radius:50%;width:56px;height:56px}.ff-mail-new small{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}@keyframes ff-spin{to{transform:rotate(360deg)}}@keyframes ff-blip{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes ff-ping{to{box-shadow:0 0 0 14px #90e0ef00}}@media (max-width:1100px){.ff-visual{margin:0 auto}}@media (max-width:640px){.ff-visual{height:460px}.ff-visual:has(.fc-tt){height:320px}.ff-visual .fc-phone{left:50%}.ff-visual .fc-ai{transform:translate(-50%,-50%)scale(.78)}.ff-visual .fc-tt{transform-origin:50% 0;right:50%;transform:translate(50%)rotate(-4deg)scale(.56)}.ff-nearby{grid-template-columns:1fr;align-content:center}.ff-radar{max-width:200px}.ff-mail{width:min(340px,100%)}}@media (prefers-reduced-motion:reduce){.ff-sweep,.ff-blip{animation:none}}}