.xf{--ink: #fbeee6;--ink-2: #c9adb8;--ink-3: #8b6f7c;--line: rgb(255 220 200 / .1);--glass: rgb(40 22 36 / .78);--xf-bg: #150c15;--xf-panel: #21131f;--xf-panel-2: #2b1928;--xf-coral: #ff7a59;--xf-gold: #ffc65c;--xf-mint: #7ce0b0;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgb(255 122 89 / .16),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgb(255 198 92 / .1),transparent 60%),var(--xf-bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:clip}.xf a{color:var(--xf-gold)}.xf-dim{color:var(--ink-2);font-size:calc(13px * var(--text-scale, 1))}.xf-small{color:var(--ink-2);font-size:calc(12.5px * var(--text-scale, 1));line-height:1.5}.xf-off{margin:0 16px 10px;padding:10px 14px;border-radius:var(--radius-m);font-size:calc(13.5px * var(--text-scale, 1));line-height:1.45}.xf-off{background:#ff6b6b29;border:2px solid var(--bad);font-size:calc(14.5px * var(--text-scale, 1))}.xf-main{max-width:760px;margin:0 auto;padding:8px 16px 64px}.xf-hero{padding:18px 0 8px}.xf-kicker{color:var(--xf-coral);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:calc(12px * var(--text-scale, 1))}.xf-hero h1{font-size:clamp(28px,6vw,44px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 12px}.xf-lead{color:var(--ink-2);font-size:calc(16px * var(--text-scale, 1));line-height:1.55;max-width:620px}.xf-creators{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}.xf-card{display:flex;gap:14px;align-items:center;padding:14px;min-height:92px;border-radius:var(--radius-l);background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 22%,var(--xf-panel)),var(--xf-panel));border:1px solid var(--line);color:var(--ink)!important;text-decoration:none;transition:transform .15s,border-color .15s}.xf-card:hover,.xf-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c1) 60%,transparent)}.xf-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.xf-card-meta{font-size:calc(12.5px * var(--text-scale, 1));color:var(--xf-gold)}.xf-avatar{flex:none;border-radius:50%}.xf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--xf-coral),#ff9d5c);color:#2b0d05;font-weight:700;font-size:calc(15px * var(--text-scale, 1));cursor:pointer}.xf-btn--big{min-height:50px;font-size:calc(16px * var(--text-scale, 1))}.xf-btn:disabled{opacity:.45;cursor:not-allowed}.xf-price{display:inline-flex;align-items:baseline;gap:6px}.xf-price-xno{font-weight:500;font-size:max(.82em,calc(11px * var(--text-scale, 1)));opacity:.75}.xf-chip,.xf-tip-toggle,.xf-riff{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--xf-panel-2);color:var(--ink);font-weight:600;cursor:pointer}.xf-chip:disabled{opacity:.45}.xf-riff{margin-top:6px;background:color-mix(in srgb,var(--c1) 25%,var(--xf-panel-2))}.xf-how{margin-top:26px;padding:18px;border-radius:var(--radius-l);background:var(--xf-panel);border:1px solid var(--line)}.xf-how h2{margin:0 0 8px;font-size:calc(18px * var(--text-scale, 1))}.xf-how ol{list-style:decimal;margin:0 0 10px;padding-left:20px;line-height:1.6;color:var(--ink-2)}.xf-back{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.xf-cover-wrap{border-radius:var(--radius-xl);overflow:hidden;line-height:0}.xf-cover{width:100%;height:clamp(110px,24vw,180px)}.xf-who{display:flex;align-items:flex-end;gap:14px;margin-top:-44px;padding:0 12px}.xf-who .xf-avatar{border:4px solid var(--xf-bg)}.xf-who h1{margin:0;font-size:calc(26px * var(--text-scale, 1))}.xf-who p{margin:0}.xf-tagline{color:var(--xf-gold);font-size:calc(14px * var(--text-scale, 1))}.xf-bio{color:var(--ink-2);line-height:1.55;margin:12px 4px}.xf-pass{padding:14px 16px;border-radius:var(--radius-l);background:var(--xf-panel);border:1px solid color-mix(in srgb,var(--c1) 40%,transparent);display:grid;gap:8px;justify-items:start}.xf-pass.is-on{border-color:var(--xf-mint)}.xf-pass p{margin:0}.xf-pass-head{display:flex;align-items:center;gap:8px;font-weight:700}.xf-signin{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 4px}.xf-error{color:var(--bad);margin:10px 4px}.xf-tabs{display:flex;gap:4px;margin:18px 0 12px;border-bottom:1px solid var(--line)}.xf-tabs button{min-height:44px;padding:0 14px;background:none;border:none;border-bottom:3px solid transparent;color:var(--ink-2);font-weight:600;font-size:calc(15px * var(--text-scale, 1));cursor:pointer}.xf-tabs button.is-on{color:var(--ink);border-bottom-color:var(--xf-coral)}.xf-feed{display:grid;gap:14px}.xf-post{padding:14px 16px;border-radius:var(--radius-l);background:var(--xf-panel);border:1px solid var(--line)}.xf-post h3{margin:10px 0 8px;font-size:calc(17px * var(--text-scale, 1))}.xf-post p{line-height:1.6;margin:8px 0}.xf-post-head{display:flex;align-items:center;gap:10px}.xf-post-head>div{display:flex;flex-direction:column;min-width:0;flex:1}.xf-badge{padding:3px 10px;border-radius:var(--radius-pill);font-size:calc(12px * var(--text-scale, 1));font-weight:700;background:#ff7a592e;color:var(--xf-coral)}.xf-badge.is-free{background:#7ce0b026;color:var(--xf-mint)}.xf-scene{display:block;width:100%;height:auto;border-radius:var(--radius-m);margin:4px 0 6px}.xf-locked{position:relative;border-radius:var(--radius-m);overflow:hidden}.xf-preview{display:block;width:100%;height:220px;filter:blur(18px) saturate(1.2);transform:scale(1.15)}.xf-locked-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;background:#150c1573}.xf-locked-over p{margin:0;max-width:420px}.xf-post-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.xf-post-foot>.xf-dim{display:inline-flex;align-items:center;gap:5px;margin-right:auto}.xf-tips{display:inline-flex;gap:6px;flex-wrap:wrap}.xf-messages{display:grid;gap:12px}.xf-thread{list-style:none;padding:0;margin:0;display:grid;gap:10px}.xf-thread li{display:grid;gap:6px}.xf-bubble{max-width:85%;margin:0;padding:10px 14px;border-radius:16px 16px 16px 4px;background:var(--xf-panel-2);line-height:1.5}.xf-bubble.is-me{justify-self:end;border-radius:16px 16px 4px;background:color-mix(in srgb,var(--xf-coral) 30%,var(--xf-panel-2))}.xf-bubble.is-typing{color:var(--ink-2);font-style:italic}.xf-compose{display:grid;gap:6px}.xf-compose textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--xf-panel);color:var(--ink);font:inherit;font-size:calc(16px * var(--text-scale, 1));resize:vertical}.xf-compose-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.xf-dash h3{margin:18px 0 4px;font-size:calc(16px * var(--text-scale, 1))}.xf-dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin-top:10px}.xf-stat{display:grid;gap:4px;padding:14px;border-radius:var(--radius-l);background:var(--xf-panel);border:1px solid var(--line)}.xf-stat b{font-size:calc(22px * var(--text-scale, 1))}.xf-stat--keep{border-color:var(--xf-mint)}.xf-stat--keep b{color:var(--xf-mint)}.xf-stat--else b{color:var(--ink-2)}.xf-events{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}.xf-events li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 12px;border-radius:var(--radius-m);background:var(--xf-panel)}.xf-events li b{color:var(--xf-mint)}.xf-events li.is-new{animation:xf-arrive 1.6s ease-out}@keyframes xf-arrive{0%{background:#7ce0b059}}.xf-empty{color:var(--ink-2);padding:14px;border-radius:var(--radius-m);border:1px dashed var(--line)}.xf-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:var(--radius-pill);background:var(--xf-mint);color:#062417;font-weight:700;z-index:50}@media (prefers-reduced-motion: reduce){.xf-card,.xf-events li.is-new{transition:none;animation:none}}