.hx-page{position:relative;z-index:1;--creator-accent: #3b82f6;--creator-accent-rgb: 59, 130, 246;--creator-accent-ink: #ffffff;--creator-accent-text: #93c5fd;--hx-gap: 2rem;display:flex;flex-direction:column;gap:var(--hx-gap);width:100%;max-width:80rem;min-width:0;margin:0 auto;padding:1rem 1rem 4rem;color:#fff}@media (min-width: 768px){.hx-page{--hx-gap: 2.75rem;padding:1.5rem 1.5rem 5rem}}.hx-panel{background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0f;border-radius:20px;padding:1.25rem;min-width:0}@media (min-width: 768px){.hx-panel{padding:1.5rem}}.hx-section{min-width:0;scroll-margin-top:calc(var(--app-inset-top, 0px) + 1.5rem)}.hx-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1.125rem}.hx-h2{margin:0;font-size:1.5rem;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:#fff}@media (min-width: 768px){.hx-h2{font-size:1.75rem}}.hx-h3{margin:0;font-size:1.25rem;line-height:1.3;font-weight:700;color:#fff}.hx-sub{margin:.3rem 0 0;font-size:1rem;line-height:1.55;color:#d1d5db;max-width:46rem}.hx-muted{font-size:.9375rem;line-height:1.5;color:#d1d5db}.hx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.625rem 1.125rem;border-radius:14px;font-size:1rem;font-weight:700;line-height:1.2;color:#fff;text-decoration:none;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#ffffff1f,#ffffff0d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 14px #00000040,inset 0 1px #ffffff1a;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.hx-btn:hover{color:#fff;background:linear-gradient(135deg,#ffffff2e,#ffffff14);transform:translateY(-1px)}.hx-btn:focus-visible,.hx-focus:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659,0 4px 14px #00000040}.hx-btn:disabled,.hx-btn[aria-disabled=true]{cursor:not-allowed;filter:saturate(.4);transform:none}.hx-btn svg{width:1.25rem;height:1.25rem;flex:none}.hx-btn-accent{color:var(--creator-accent-ink);border-color:#ffffff38;background:linear-gradient(135deg,var(--creator-accent) 0%,color-mix(in srgb,var(--creator-accent) 80%,#000000) 100%);box-shadow:0 6px 20px rgba(var(--creator-accent-rgb),.35),inset 0 1px #ffffff47}.hx-btn-accent:hover{color:var(--creator-accent-ink);background:linear-gradient(135deg,color-mix(in srgb,var(--creator-accent) 88%,#ffffff) 0%,var(--creator-accent) 100%);box-shadow:0 8px 24px rgba(var(--creator-accent-rgb),.45),inset 0 1px #ffffff52}.hx-btn-blue{border-color:#fff3;background:linear-gradient(135deg,#3b82f6e6,#3b82f6b8,#2563ebd9);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #ffffff40}.hx-btn-blue:hover{background:linear-gradient(135deg,#3b82f6,#3b82f6d1,#2563ebf2);box-shadow:0 6px 20px #3b82f666,inset 0 1px #ffffff4d}.hx-btn-icon{width:44px;height:44px;padding:0;border-radius:999px}.hx-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.hx-chip{display:inline-flex;align-items:center;gap:.375rem;min-height:2rem;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:600;line-height:1.3;color:#e5e7eb;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.hx-chip svg{width:1rem;height:1rem;flex:none}.hx-chip-accent{color:var(--creator-accent-text);background:rgba(var(--creator-accent-rgb),.16);border-color:rgba(var(--creator-accent-rgb),.34)}.hx-chip-blue{color:#bfdbfe;background:#3b82f62e;border-color:#3b82f657}.hx-chip-amber{color:#fde68a;background:#f59e0b29;border-color:#f59e0b57}.hx-filter{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem 1rem;border-radius:999px;font-size:.9375rem;font-weight:600;color:#e5e7eb;cursor:pointer;background:#ffffff12;border:1px solid rgba(255,255,255,.12);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.hx-filter:hover{color:#fff;background:#ffffff1f}.hx-filter[aria-pressed=true]{color:var(--creator-accent-ink);background:var(--creator-accent);border-color:#ffffff3d;box-shadow:0 4px 14px rgba(var(--creator-accent-rgb),.3)}.hx-filter:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.hx-count{font-weight:700;color:inherit}.hx-media-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.3rem;max-width:calc(100% - 1rem);padding:.2rem .55rem;border-radius:999px;font-size:.875rem;font-weight:700;line-height:1.3;white-space:nowrap;color:#fff;background:#080a12bd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14)}.hx-media-badge svg{width:.95rem;height:.95rem;flex:none}.hx-play{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:999px;color:#fff;background:#080a128c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #0006}.hx-play svg{width:1.5rem;height:1.5rem;margin-left:.15rem;fill:currentColor}.hx-nudge{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:1.125rem 1.25rem;border-radius:18px;color:#dbeafe;background:linear-gradient(135deg,#3b82f629,#3b82f60d);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(59,130,246,.3);box-shadow:inset 0 1px #ffffff14}.hx-nudge-title{margin:0;font-size:1.125rem;font-weight:700;color:#fff}.hx-nudge-text{margin:.2rem 0 0;font-size:1rem;color:#d1d5db}@media (prefers-reduced-motion: reduce){.hx-btn,.hx-filter{transition:none}.hx-btn:hover{transform:none}}