.fx{flex-direction:column;gap:14px;max-width:680px;margin:0 auto;display:flex}.fx-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.fx-progress{font-family:var(--mono);color:var(--muted);margin:0;font-size:.8rem}.fx-chips{scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding-bottom:4px;padding-left:var(--gutter);padding-right:var(--gutter);gap:8px;display:flex;overflow-x:auto}.fx-chips::-webkit-scrollbar{display:none}.fx-chip{appearance:none;border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:.9rem;font-weight:600}.fx-chip span{font-family:var(--mono);color:var(--muted);margin-left:2px;font-size:.72rem}.fx-chip[aria-selected=true]{background:var(--text);color:#0a0a10;border-color:var(--text)}.fx-chip[aria-selected=true] span{color:#3a3a55}.fx-stage{padding:6px 2px 10px;overflow:hidden}.fx-card{--accent:var(--lime);background:radial-gradient(28rem 16rem at 100% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(20rem 12rem at 0% 100%, #9b6bff24, transparent 70%), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));min-height:300px;box-shadow:0 24px 60px -24px color-mix(in srgb, var(--accent) 60%, transparent);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:24px;flex-direction:column;gap:12px;padding:26px 22px 22px;transition:transform .15s;display:flex;position:relative}.fx-card:focus{outline:none}.fx-card.in-right{animation:.28s fx-in-right}.fx-card.in-left{animation:.28s fx-in-left}@keyframes fx-in-right{0%{opacity:0;transform:translate(40px)rotate(1deg)}}@keyframes fx-in-left{0%{opacity:0;transform:translate(-40px)rotate(-1deg)}}.fx-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fx-cat{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text);border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700}.fx-sub{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.fx-title{margin:4px 0 0;font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.12}.fx-text{color:#dcdbf5;margin:0;font-size:clamp(1.05rem,3.6vw,1.2rem);line-height:1.55}.fx-source{color:var(--muted);border-top:1px dashed var(--line);margin:auto 0 0;padding-top:8px;font-size:.85rem}.fx-source a{color:var(--accent)}.fx-controls{grid-template-columns:auto 1fr;gap:10px;display:grid}.fx-hint{text-align:center;color:var(--muted);margin:0;font-size:.82rem}.fotd{--accent:var(--cyan);border-radius:var(--radius);color:var(--text);background:radial-gradient(24rem 12rem at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));margin-top:14px;padding:18px 20px;text-decoration:none;transition:border-color .2s,transform .15s;display:block}.fotd:hover,.fotd:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.fotd .eyebrow{margin-bottom:4px}.fotd h2{margin:0 0 6px;font-size:1.3rem}.fotd p{color:#d4d3ef;margin:0}.fotd .go{color:var(--accent);margin-top:10px;font-weight:700;display:inline-block}