/* Shared motion contract. Registered properties survive legacy important styles. */
@property --hz-enter-y { syntax:'<length>'; inherits:false; initial-value:0px; }
@property --hz-enter-alpha { syntax:'<number>'; inherits:false; initial-value:1; }
@layer hz {
 .hz body>main>.panel.active { animation:none !important; }
 .hz .hz-motion-enter { translate:0 var(--hz-enter-y,0px) !important; opacity:var(--hz-enter-alpha,1) !important; }
 .hz .hz-reveal-ready { will-change:translate,opacity !important; }
 .hz :is(.hz-home button,.hz-search-trigger,.hz-settings,.hz-motion-toggle,.p-nav-mod,.p-nav-home,.p-nav-mini,.directory-tool,.module-card,.btn) { transition:translate var(--hz-fast) var(--hz-ease),scale var(--hz-fast) var(--hz-ease),background-color var(--hz-fast),border-color var(--hz-fast),box-shadow var(--hz-fast),color var(--hz-fast) !important; }
 .hz .hz-home :is(.hz-features>button,.hz-category,.hz-recommend-grid>button) { position:relative !important; isolation:isolate !important; overflow:hidden !important; }
 .hz .hz-home :is(.hz-features>button,.hz-category,.hz-recommend-grid>button)::before { content:'' !important; position:absolute !important; inset:0 !important; z-index:-1 !important; opacity:0 !important; pointer-events:none !important; background:radial-gradient(200px circle at var(--hz-pointer-x,50%) var(--hz-pointer-y,50%),#c6adf512,transparent 75%) !important; transition:opacity var(--hz-fast) !important; }
 .hz .hz-home :is(.hz-features>button,.hz-category,.hz-recommend-grid>button):hover { translate:0 -3px !important; border-color:var(--hz-line-hover) !important; background-color:#1a1c28 !important; box-shadow:var(--hz-shadow) !important; }
 .hz .hz-home :is(.hz-features>button,.hz-category,.hz-recommend-grid>button):hover::before { opacity:1 !important; }
 .hz .hz-home :is(.hz-feature-icon,.hz-small-icon,.hz-category>svg,button i,.hz-primary>span) { transition:translate var(--hz-fast) var(--hz-ease),color var(--hz-fast) !important; }
 .hz .hz-home .hz-features>button:hover .hz-feature-icon { translate:0 -2px !important; }
 .hz .hz-home :is(.hz-features>button,.hz-category):hover i { translate:2px -2px !important; color:#d2bcec !important; }
 .hz .hz-home .hz-primary:hover { background:linear-gradient(110deg,#8864db,#a96ba9) !important; box-shadow:0 5px 22px #b28aea45 !important; }
 .hz .hz-home .hz-primary:hover>span { translate:2px 0 !important; }
 .hz .hz-home .hz-compose-input #linkAnalyzerBtn:hover { background:var(--hz-primary-hover) !important; box-shadow:0 2px 12px #9875e124 !important; }
 .hz :is(.hz-home button,.btn,.hz-settings):active { scale:.98 !important; }
 .hz :is(.hz-home button,.btn):disabled { opacity:.48 !important; cursor:not-allowed !important; translate:none !important; scale:1 !important; box-shadow:none !important; }
 .hz .hz-home button[aria-busy=true] { cursor:progress !important; }
 .hz .hz-home button[aria-busy=true]>svg { display:none !important; }
 .hz .hz-home button[aria-busy=true]::after { content:'' !important; width:12px !important; height:12px !important; border:2px solid #ffffff44 !important; border-top-color:white !important; border-radius:50% !important; animation:hz-spin .9s linear infinite !important; }
 .hz :is(.directory-tool,.module-card):hover { translate:0 -3px !important; }
 .hz .hz-motion-toggle svg { width:13px !important; height:13px !important; }
 .hz .topbar .hz-motion-toggle { display:inline-flex !important; width:auto !important; min-width:96px !important; gap:8px !important; padding:0 10px !important; font-size:11px !important; white-space:nowrap !important; border-color:#b8a2df26 !important; background:#a78aeb0c !important; color:#c0afd9 !important; }
 .hz .topbar .hz-motion-toggle[data-state=off] { color:#c8bca4 !important; border-color:#c8bca424 !important; background:#c8bca40a !important; }
 .hz:is(.hz-motion-off,.hz-ambient-paused,.hz-opening-active) .hz-home .hz-dragon-stage .hz-dragon { animation-play-state:paused !important; }
 .hz .hz-home :is(button,a):focus-visible,.hz :is(.topbar,.sidebar) button:focus-visible { outline:2px solid #c2a6f1 !important; outline-offset:3px !important; }
 .hz-motion-off .hz-home button:hover,.hz-motion-off .directory-tool:hover { translate:none !important; }
 .hz-motion-off .hz-nav-indicator { transition:none !important; }
 .hz-motion-off .hz-home button:active { scale:1 !important; }
 /* Older Android WebViews support transform but not individual translate/scale. */
 @supports not (translate:0 1px) {
  .hz .hz-motion-enter { transform:translateY(var(--hz-enter-y,0px)) !important; }
  .hz .hz-reveal-ready { will-change:transform,opacity !important; }
  .hz .hz-home :is(.hz-dragon-stage,.hz-hero-landscape,.hz-home-hero-motion) { transform:translate(var(--hz-parallax-x,0px),var(--hz-parallax-y,0px)) !important; }
  :root.hz .hz-home .hz-dragon-stage .hz-dragon { animation-name:hz-dragon-breathe-compat !important; }
  .hz .hz-nav-indicator { transform:translateY(var(--hz-nav-y,0px)) !important; transition:transform var(--hz-page) var(--hz-ease),opacity var(--hz-fast) !important; }
  .hz :is(.hz-home button,.hz-search-trigger,.hz-settings,.hz-motion-toggle,.p-nav-mod,.p-nav-home,.p-nav-mini,.directory-tool,.module-card,.btn) { transition:transform var(--hz-fast) var(--hz-ease),background-color var(--hz-fast),border-color var(--hz-fast),box-shadow var(--hz-fast),color var(--hz-fast) !important; }
  .hz .hz-home :is(.hz-feature-icon,.hz-small-icon,.hz-category>svg,button i,.hz-primary>span) { transition:transform var(--hz-fast) var(--hz-ease),color var(--hz-fast) !important; }
  .hz .hz-home :is(.hz-features>button,.hz-category,.hz-recommend-grid>button):hover,.hz :is(.directory-tool,.module-card):hover { transform:translateY(-3px) !important; }
  .hz .hz-home .hz-features>button:hover .hz-feature-icon { transform:translateY(-2px) !important; }
  .hz .hz-home :is(.hz-features>button,.hz-category):hover i { transform:translate(2px,-2px) !important; }
  .hz .hz-home .hz-primary:hover>span { transform:translateX(2px) !important; }
  .hz :is(.hz-home button,.btn,.hz-settings):active { transform:scale(.98) !important; }
  .hz :is(.hz-home button,.btn):disabled { transform:none !important; }
  .hz-motion-off .hz-home button:hover,.hz-motion-off .directory-tool:hover,.hz-motion-off .hz-home button:active { transform:none !important; }
  .hz-motion-off .hz-nav-indicator { transition:none !important; }
  @media(prefers-reduced-motion:reduce) {
   .hz:not(.hz-motion-on) .hz-motion-enter,.hz:not(.hz-motion-on) .hz-home button:hover,.hz:not(.hz-motion-on) .directory-tool:hover,.hz:not(.hz-motion-on) .hz-home button:active { transform:none !important; }
  }
 }
 @media(prefers-reduced-motion:reduce) {
  :root.hz:not(.hz-motion-on) .hz-home .hz-dragon-stage .hz-dragon { animation:none !important; }
  :root.hz:not(.hz-motion-on) .hz-home :is(.hz-dragon-stage,.hz-hero-landscape,.hz-home-hero-motion) { translate:none !important; }
  .hz:not(.hz-motion-on) .hz-motion-enter { translate:none !important; opacity:1 !important; }
  .hz:not(.hz-motion-on) .hz-nav-indicator,.hz:not(.hz-motion-on) .hz-home button,.hz:not(.hz-motion-on) .hz-home button * { transition:none !important; }
  .hz:not(.hz-motion-on) .hz-home button:hover,.hz:not(.hz-motion-on) .directory-tool:hover { translate:none !important; }
  .hz:not(.hz-motion-on) .hz-home button:active { scale:1 !important; }
 }
 @media(max-width:1100px) { .hz .topbar .hz-motion-toggle{min-width:36px !important;width:36px !important;padding:0 !important;justify-content:center !important;} .hz .topbar .hz-motion-toggle span{display:none !important;} }
}
@keyframes hz-dragon-breathe { 0%,100%{translate:0 5px;} 50%{translate:0 -5px;} }
@keyframes hz-dragon-breathe-compat { 0%,100%{transform:translateY(5px);} 50%{transform:translateY(-5px);} }
@keyframes hz-spin { to { transform:rotate(360deg); } }

/* Consolidated homepage presentation; business panels keep their own styles. */
@layer hz {
  .hz .hz-home { max-width:1544px !important; margin:0 auto !important; padding:0 !important; color:var(--hz-text) !important; }
  .hz .hz-home svg { width:20px !important; height:20px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.6 !important; flex:none !important; }
  .hz .hz-home .hz-hero { position:relative !important; isolation:isolate !important; overflow:hidden !important; height:336px !important; min-height:0 !important; margin:-24px -32px 0 !important; padding:40px 64px 24px !important; border:0 !important; border-radius:0 !important; background:linear-gradient(110deg,#080d1d 14%,#101731 66%,#0e142a) !important; }
  .hz .hz-home .hz-hero-landscape { position:absolute !important; inset:-8px !important; z-index:-2 !important; overflow:hidden !important; pointer-events:none !important; translate:var(--hz-parallax-x,0px) var(--hz-parallax-y,0px) !important; }
  .hz .hz-home .hz-hero-landscape>img { position:absolute !important; left:56% !important; display:block !important; width:auto !important; max-width:none !important; height:100% !important; transform:translateX(-50%) !important; object-fit:contain !important; opacity:1 !important; filter:brightness(1.18) saturate(1.08) !important; mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent) !important; }
  .hz .hz-home .hz-hero::after { content:'' !important; position:absolute !important; inset:0 !important; z-index:-1 !important; pointer-events:none !important; background:linear-gradient(90deg,#080d1d 0%,#080d1deb 18%,#080d1d80 32%,#080d1d1a 48%,#080d1d00 64%),linear-gradient(0deg,#080d1d 0%,#080d1d00 18%) !important; }
  .hz .hz-home .hz-home-hero-motion { position:absolute !important; inset:0 !important; z-index:0 !important; pointer-events:none !important; overflow:hidden !important; opacity:1 !important; translate:var(--hz-parallax-x,0px) var(--hz-parallax-y,0px) !important; }
  .hz .hz-home [data-home-motion]>svg { display:block !important; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; fill:none !important; stroke:none !important; }
  .hz .hz-home .hz-dragon-stage { position:absolute !important; top:12px !important; right:7% !important; width:38% !important; height:292px !important; z-index:0 !important; pointer-events:none !important; translate:var(--hz-parallax-x,0px) var(--hz-parallax-y,0px) !important; }
  .hz .hz-home .hz-dragon-stage .hz-dragon { display:block !important; width:100% !important; height:100% !important; position:static !important; object-fit:contain !important; mask-image:none !important; opacity:.97 !important; filter:brightness(.97) saturate(.92) !important; animation:hz-dragon-breathe 10s ease-in-out infinite !important; }
  .hz .hz-home .hz-hero-copy { position:relative !important; z-index:1 !important; width:57% !important; max-width:620px !important; }
  .hz .hz-home .hz-hero-typeset { position:relative !important; width:100% !important; height:160px !important; }
  .hz .hz-home .hz-hero-type-motion { position:absolute !important; inset:0 !important; pointer-events:none !important; }
  .hz .hz-home .hz-hero-typeset.hz-type-ready .hz-hero-type-fallback { opacity:0 !important; pointer-events:none !important; }
  .hz .hz-home .hz-hero-type-fallback .hz-hero-tagline { margin:12px 0 0 !important; color:#ddd1e7 !important; font-size:21px !important; line-height:1.6 !important; }
  .hz .hz-home .hz-type-description { margin:12px 0 0 !important; font-size:12px !important; line-height:1.75 !important; color:#b9b6cb !important; }
  .hz .hz-home .hz-hero-type-motion [data-type-glyph] { width:16px !important; height:16px !important; overflow:visible !important; fill:none !important; }
  .hz .hz-home .hz-hero-type-motion [data-type-spark] { width:19px !important; height:19px !important; fill:none !important; stroke-width:1 !important; }
  .hz .hz-home .hz-hero-type-motion [data-type-title] span { font-family:var(--hz-display-font) !important; }
  .hz .hz-home .hz-eyebrow { display:flex !important; align-items:center !important; gap:12px !important; margin:0 0 16px !important; font-size:10px !important; line-height:16px !important; letter-spacing:1.4px !important; color:#b5aac9 !important; }
  .hz .hz-home .hz-eyebrow i { width:1px !important; height:10px !important; background:#b5aac944 !important; }
  .hz .hz-home .hz-eyebrow span:last-child { letter-spacing:.4px !important; }
  .hz .hz-home .hz-hero-copy h1 { margin:0 !important; font-size:46px !important; line-height:1.3 !important; letter-spacing:1px !important; font-weight:500 !important; color:var(--hz-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
  .hz .hz-home .hz-hero-copy h1>span,.hz .hz-home .hz-hero-copy h1>strong { display:block !important; white-space:nowrap !important; }
  .hz .hz-home .hz-hero-copy h1>strong { font:inherit !important; margin-top:0 !important; color:#cfb5ed !important; background:linear-gradient(105deg,#b28be8 0%,#e2b5de 38%,#f1eafa 76%) !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; }
  .hz .hz-home .hz-hero-copy>p.hz-hero-tagline { margin-top:12px !important; font-size:21px !important; line-height:1.6 !important; color:#ddd1e7 !important; letter-spacing:1px !important; }
  .hz .hz-home .hz-mobile-break { display:none !important; }
  .hz .hz-home .hz-hero-copy>p { margin:12px 0 0 !important; font-size:12px !important; line-height:1.75 !important; color:#b9b6cb !important; letter-spacing:.1px !important; }
  .hz .hz-home .hz-hero-actions { display:flex !important; align-items:center !important; gap:12px !important; margin:12px 0 0 !important; }
  .hz .hz-home :is(.hz-primary,.hz-secondary) { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; height:40px !important; padding:0 16px !important; border-radius:var(--hz-radius-sm) !important; border:1px solid transparent !important; font-size:12px !important; font-weight:500 !important; white-space:nowrap !important; }
  .hz .hz-home .hz-primary { position:relative !important; isolation:isolate !important; overflow:hidden !important; color:#fff !important; background:var(--hz-grad) !important; border-color:#d7b3ef66 !important; box-shadow:inset 0 1px #fff3,0 5px 20px #9b60cd30 !important; }
  .hz .hz-home .hz-primary::before { content:'' !important; position:absolute !important; inset:-40% auto -40% -55% !important; width:38% !important; pointer-events:none !important; background:linear-gradient(100deg,transparent,#fff3,transparent) !important; transform:skewX(-18deg) !important; opacity:0 !important; }
  .hz-motion-on .hz-home .hz-primary::before { animation:hz-create-glint 8s ease-in-out infinite !important; }
  .hz:is(.hz-ambient-paused,.hz-opening-active) .hz-home .hz-primary::before { animation-play-state:paused !important; }
  .hz .hz-home .hz-secondary { position:relative !important; }
  .hz .hz-home .hz-secondary>span { transition:translate .22s var(--hz-ease),color .22s !important; }
  .hz .hz-home .hz-secondary:hover>span { translate:3px 0 !important; color:#e4d2ff !important; }
  .hz .hz-home .hz-primary svg { width:16px !important; height:16px !important; }
  .hz .hz-home .hz-primary>span { margin-left:8px !important; }
  .hz .hz-home .hz-secondary { color:#bbb7cb !important; background:#11131b70 !important; border-color:#c2b6df26 !important; }
  .hz .hz-home .hz-secondary:hover { color:var(--hz-text) !important; background:#211e2e !important; }
  .hz .hz-home .hz-features { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:var(--hz-space-2) !important; padding:16px 0 24px !important; }
  .hz .hz-home .hz-features>button { display:flex !important; align-items:center !important; gap:12px !important; min-width:0 !important; min-height:88px !important; padding:16px !important; border:1px solid #c3bee82b !important; border-radius:var(--hz-radius) !important; color:var(--hz-text) !important; text-align:left !important; background:radial-gradient(ellipse at 0 0,rgba(var(--card-accent),.14),transparent 72%),linear-gradient(145deg,#23283d,#11192b 78%) !important; box-shadow:inset 0 1px #ffffff15,inset 0 -1px #8a95b50b,0 6px 20px #00000020 !important; }
  .hz .hz-home .hz-feature-icon { display:grid !important; place-items:center !important; flex:0 0 40px !important; width:40px !important; height:40px !important; border:1px solid rgba(var(--card-accent),.4) !important; border-radius:11px !important; background:radial-gradient(ellipse at 25% 0,rgba(var(--card-accent),.5),transparent 85%),rgba(var(--card-accent),.16) !important; color:rgb(var(--card-accent)) !important; box-shadow:inset 0 1px #ffffff32,0 4px 12px rgba(var(--card-accent),.12) !important; }
  .hz .hz-home .hz-feature-icon svg { width:20px !important; height:20px !important; }
  .hz .hz-home .hz-features>button>span:nth-child(2) { min-width:0 !important; }
  .hz .hz-home .hz-features b { display:block !important; font-size:13px !important; line-height:1.6 !important; font-weight:550 !important; white-space:nowrap !important; }
  .hz .hz-home .hz-features small { display:block !important; margin-top:3px !important; font-size:10px !important; line-height:1.6 !important; color:var(--hz-muted) !important; white-space:normal !important; }
  .hz .hz-home .hz-features i { display:block !important; margin-left:auto !important; align-self:flex-start !important; font-size:14px !important; color:var(--hz-faint) !important; font-style:normal !important; border:0 !important; background:none !important; }
  .hz .hz-home .hz-dashboard { display:grid !important; grid-template-columns:minmax(0,2.6fr) minmax(232px,1fr) !important; gap:var(--hz-space-2) !important; }
  .hz .hz-home .hz-glass { min-width:0 !important; border:1px solid #c3bee824 !important; border-radius:var(--hz-radius) !important; background:linear-gradient(125deg,#20253a 0%,#171e31 50%,#131a2b 100%) !important; box-shadow:inset 0 1px #ffffff14,0 8px 24px #0000001c !important; }
  .hz .hz-home :is(.hz-composer,.hz-recommend,.hz-statistics,.hz-catalog,.hz-recent) { padding:24px !important; }
  .hz .hz-home .hz-composer { min-height:200px !important; }
  .hz .hz-home .hz-section-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; margin:0 0 20px !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
  .hz .hz-home .hz-section-head h3 { display:flex !important; align-items:center !important; gap:8px !important; margin:0 !important; font-size:15px !important; font-weight:550 !important; line-height:1.5 !important; color:var(--hz-text) !important; letter-spacing:0 !important; }
  .hz .hz-home .hz-section-head h3 svg { width:18px !important; height:18px !important; color:var(--hz-accent) !important; }
  .hz .hz-home .hz-section-head p { margin:6px 0 0 !important; color:var(--hz-muted) !important; font-size:11px !important; line-height:1.7 !important; }
  .hz .hz-home .hz-pill { color:var(--hz-muted) !important; padding:4px 8px !important; font-size:10px !important; line-height:1.6 !important; white-space:nowrap !important; background:#ffffff04 !important; border:1px solid var(--hz-line) !important; border-radius:6px !important; }
  .hz .hz-home .hz-section-head>button,.hz .hz-home .hz-text-action { display:inline-flex !important; align-items:center !important; gap:8px !important; min-height:28px !important; padding:0 !important; border:0 !important; background:none !important; color:var(--hz-muted) !important; font-size:11px !important; white-space:nowrap !important; }
  .hz .hz-home .hz-section-head>button:hover,.hz .hz-home .hz-text-action:hover { color:#c9b4f1 !important; }
  .hz .hz-home .hz-compose-input { display:flex !important; align-items:center !important; gap:12px !important; width:100% !important; max-width:none !important; height:56px !important; min-height:56px !important; padding:6px 6px 6px 16px !important; margin:0 !important; border:1px solid #c4b6e92b !important; border-radius:12px !important; background:linear-gradient(110deg,#2a2f45,#1d253a) !important; box-shadow:inset 0 1px #ffffff09 !important; transition:border-color var(--hz-fast),background-color var(--hz-fast),box-shadow var(--hz-fast) !important; }
  .hz .hz-home .hz-compose-input:focus-within { border-color:#a68ae5a6 !important; background:#10131e !important; box-shadow:0 0 0 3px #a68ae512 !important; }
  .hz .hz-home .hz-compose-input:has([aria-invalid=true]) { border-color:#d58b9a !important; box-shadow:0 0 0 3px #d58b9a12 !important; }
  .hz .hz-home .hz-input-icon { width:16px !important; height:16px !important; color:var(--hz-faint) !important; }
  .hz .hz-home .hz-compose-input #linkAnalyzerInput { flex:1 !important; width:0 !important; min-width:0 !important; height:100% !important; padding:0 !important; border:0 !important; border-radius:0 !important; font-size:12px !important; color:var(--hz-text) !important; background:transparent !important; box-shadow:none !important; outline:none !important; }
  .hz .hz-home #linkAnalyzerInput::placeholder { color:#9393a8 !important; }
  .hz .hz-home .hz-compose-input #linkAnalyzerBtn { position:static !important; display:flex !important; flex:none !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:auto !important; min-width:106px !important; height:42px !important; margin:0 !important; padding:0 16px !important; transform:none !important; border-radius:8px !important; border:1px solid #c1a5f42b !important; background:var(--hz-primary) !important; color:white !important; font-size:12px !important; font-weight:500 !important; box-shadow:inset 0 1px #ffffff12 !important; }
  .hz .hz-home #linkAnalyzerBtn svg { width:16px !important; height:16px !important; }
  .hz .hz-home .hz-compose-input #linkAnalyzerBtn:disabled { background:var(--hz-primary) !important; box-shadow:none !important; scale:1 !important; }
  .hz .hz-home .hz-compose-footer { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; margin-top:8px !important; }
  .hz .hz-home #hzLinkHint { margin:0 !important; font-size:10px !important; line-height:1.7 !important; color:var(--hz-muted) !important; }
  .hz .hz-home .hz-link-status { display:flex !important; align-items:center !important; gap:8px !important; margin:12px 0 0 !important; padding-top:12px !important; border-top:1px solid var(--hz-line) !important; font-size:11px !important; line-height:1.7 !important; color:var(--hz-muted) !important; }
  .hz .hz-home .hz-link-status[hidden] { display:none !important; }
  .hz .hz-home .hz-link-status [data-hz-link-message] { flex:1 !important; overflow-wrap:anywhere !important; }
  .hz .hz-home .hz-link-status button { flex:none !important; background:transparent !important; border:0 !important; color:#c4acee !important; padding:4px !important; font-size:11px !important; }
  .hz .hz-home .hz-link-status button[hidden] { display:none !important; }
  .hz .hz-home .hz-status-dot { width:6px !important; height:6px !important; flex:none !important; border-radius:50% !important; background:currentColor !important; }
  .hz .hz-home .hz-link-status[data-state=busy] .hz-status-dot { width:12px !important; height:12px !important; background:none !important; border:2px solid #a58bd544 !important; border-top-color:#bc9ce8 !important; animation:hz-spin .9s linear infinite !important; }
  .hz .hz-home .hz-link-status[data-state=error] { color:var(--hz-error) !important; }
  .hz .hz-home .hz-link-status[data-state=success] { color:var(--hz-success) !important; }
  .hz .hz-home .hz-inspire { position:relative !important; isolation:isolate !important; overflow:hidden !important; min-height:200px !important; padding:24px !important; background:#111524 !important; }
  .hz .hz-home .hz-inspire-landscape { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:53% 62% !important; z-index:-2 !important; opacity:.65 !important; }
  .hz .hz-home .hz-inspire::after { content:'' !important; position:absolute !important; inset:0 !important; z-index:-1 !important; background:linear-gradient(90deg,#0e111cd9,transparent 100%),linear-gradient(0deg,#10132088,transparent 65%) !important; }
  .hz .hz-home .hz-inspire .hz-inspire-label { position:static !important; display:block !important; margin:0 0 12px !important; font-size:9px !important; letter-spacing:2px !important; color:#b9b3cb !important; }
  .hz .hz-home .hz-inspire h3 { margin:0 0 12px !important; font-size:21px !important; font-weight:500 !important; line-height:1.45 !important; letter-spacing:.3px !important; color:#ded8ec !important; }
  .hz .hz-home .hz-inspire p { margin:0 !important; color:#b9b5c7 !important; font-size:10px !important; line-height:1.7 !important; }
  .hz .hz-home .hz-recommend-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; }
  .hz .hz-home .hz-recommend-grid>button { display:flex !important; align-items:center !important; gap:8px !important; min-width:0 !important; padding:8px !important; text-align:left !important; border:1px solid transparent !important; border-radius:10px !important; background:transparent !important; color:var(--hz-text) !important; }
  .hz .hz-home .hz-small-icon { display:grid !important; place-items:center !important; width:32px !important; height:32px !important; flex:none !important; color:#b3a1d2 !important; font-size:22px !important; background:#a78aeb0a !important; border-radius:8px !important; box-shadow:none !important; border:0 !important; }
  .hz .hz-home .hz-small-icon svg { width:18px !important; height:18px !important; }
  .hz .hz-home .hz-recommend-grid b { display:block !important; font-size:11px !important; line-height:1.7 !important; font-weight:500 !important; }
  .hz .hz-home .hz-recommend-grid small { display:block !important; font-size:10px !important; line-height:1.7 !important; margin-top:3px !important; color:var(--hz-muted) !important; }
  .hz .hz-home .hz-stat-row { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; margin:0 !important; }
  .hz .hz-home .hz-stat-row>div { padding:0 !important; text-align:left !important; border:0 !important; background:none !important; }
  .hz .hz-home .hz-stat-row b { display:block !important; font-size:25px !important; line-height:1.35 !important; font-weight:500 !important; color:#dedce9 !important; font-variant-numeric:tabular-nums !important; }
  .hz .hz-home .hz-stat-row small { display:block !important; margin-top:4px !important; font-size:10px !important; color:var(--hz-muted) !important; }
  .hz .hz-home :is(.hz-catalog,.hz-recent) { margin-top:24px !important; }
  .hz .hz-home .hz-catalog { scroll-margin-top:24px !important; }
  .hz .hz-home .hz-category-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; }
  .hz .hz-home .hz-category { display:flex !important; align-items:center !important; gap:12px !important; text-align:left !important; min-width:0 !important; min-height:80px !important; padding:16px !important; border:1px solid var(--hz-line) !important; border-radius:12px !important; background:#ffffff02 !important; color:var(--hz-text) !important; }
  .hz .hz-home .hz-category>svg { width:20px !important; height:20px !important; color:#ac9bc9 !important; }
  .hz .hz-home .hz-category>span { min-width:0 !important; }
  .hz .hz-home .hz-category b { display:block !important; font-size:12px !important; line-height:1.7 !important; font-weight:500 !important; }
  .hz .hz-home .hz-category small { display:block !important; margin-top:4px !important; font-size:10px !important; line-height:1.7 !important; color:var(--hz-muted) !important; }
  .hz .hz-home .hz-category i { margin-left:auto !important; color:var(--hz-faint) !important; font-style:normal !important; }
  @media(min-width:1600px) { .hz .hz-home .hz-hero{height:360px !important;padding:48px 64px 32px !important;} .hz .hz-home .hz-hero-copy h1{font-size:54px !important;} .hz .hz-home .hz-dragon-stage{height:324px !important;right:10% !important;} .hz .hz-home .hz-features>button{min-height:96px !important;} }
  @media(max-width:1300px) { .hz .hz-home .hz-hero{margin-left:-24px !important;margin-right:-24px !important;padding-left:48px !important;padding-right:48px !important;} }
  @media(max-width:1350px) { .hz .hz-home .hz-features{gap:8px !important;} .hz .hz-home .hz-features>button{padding:12px !important;gap:8px !important;} .hz .hz-home .hz-features i{display:none !important;} .hz .hz-home .hz-features b{font-size:12px !important;} .hz .hz-home .hz-recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} }
  @media(max-width:1100px) { .hz .hz-home .hz-features>button{align-items:flex-start !important;flex-direction:column !important;gap:8px !important;} .hz .hz-home .hz-feature-icon{width:32px !important;height:32px !important;flex-basis:32px !important;} .hz .hz-home .hz-dashboard{grid-template-columns:minmax(0,2fr) minmax(208px,1fr) !important;} .hz .hz-home .hz-hero-copy{width:64% !important;} .hz .hz-home .hz-hero-copy h1{font-size:34px !important;} .hz .hz-home .hz-dragon-stage{right:0 !important;width:43% !important;opacity:.7 !important;} .hz .hz-home .hz-composer .hz-pill{display:none !important;} .hz .hz-home .hz-section-head h3{font-size:14px !important;} .hz .hz-home .hz-category-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} }
  @media(max-width:900px) { .hz .hz-home .hz-dashboard{grid-template-columns:minmax(0,1fr) !important;} .hz .hz-home .hz-inspire{min-height:160px !important;grid-row:4 !important;} .hz .hz-home .hz-statistics{display:block !important;} .hz .hz-home .hz-inspire-landscape{object-position:50% 40% !important;} }
  @media(max-width:760px) { .hz .hz-home .hz-hero{height:280px !important;padding:24px 16px !important;border-radius:12px !important;} .hz .hz-home .hz-hero-copy{width:100% !important;} .hz .hz-home .hz-hero-copy h1{font-size:32px !important;} .hz .hz-home .hz-eyebrow{font-size:9px !important;gap:8px !important;letter-spacing:.5px !important;} .hz .hz-home .hz-dragon-stage{right:-14% !important;width:54% !important;opacity:.22 !important;} .hz .hz-home .hz-features{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;padding:16px 0 !important;} .hz .hz-home .hz-features>button{flex-direction:row !important;align-items:center !important;min-height:80px !important;padding:12px !important;} .hz .hz-home .hz-features>button:last-child{grid-column:1/-1 !important;} .hz .hz-home .hz-features>button:last-child i{display:block !important;} .hz .hz-home :is(.hz-composer,.hz-recommend,.hz-statistics,.hz-catalog,.hz-recent){padding:16px !important;} .hz .hz-home .hz-hero-actions{gap:8px !important;} .hz .hz-home :is(.hz-primary,.hz-secondary){padding:0 12px !important;gap:8px !important;font-size:11px !important;} .hz .hz-home .hz-primary>span{margin-left:0 !important;} .hz .hz-home .hz-primary svg{display:none !important;} .hz .hz-home .hz-compose-input{padding-left:12px !important;gap:8px !important;} .hz .hz-home .hz-compose-input #linkAnalyzerBtn{min-width:40px !important;width:40px !important;padding:0 !important;} .hz .hz-home .hz-submit-label{display:none !important;} .hz .hz-home .hz-compose-footer{gap:8px !important;align-items:flex-start !important;} .hz .hz-home #hzLinkHint{max-width:70% !important;} .hz .hz-home .hz-category{padding:12px !important;gap:8px !important;} .hz .hz-home .hz-category i{display:none !important;} }
  @media(max-width:480px) { .hz .hz-home .hz-hero{padding:24px 8px !important;height:272px !important;} .hz .hz-home .hz-hero-copy h1{font-size:28px !important;} .hz .hz-home .hz-eyebrow{font-size:8px !important;} .hz .hz-home .hz-features>button{padding:12px 8px !important;gap:8px !important;flex-direction:column !important;align-items:flex-start !important;} .hz .hz-home .hz-features>button:last-child{flex-direction:row !important;align-items:center !important;} .hz .hz-home .hz-features b{font-size:11px !important;} .hz .hz-home .hz-category-grid,.hz .hz-home .hz-recommend-grid{grid-template-columns:minmax(0,1fr) !important;} .hz .hz-home .hz-input-icon{display:none !important;} .hz .hz-home .hz-section-head h3{font-size:13px !important;} }
  @media(max-width:760px) { .hz .hz-home .hz-hero{margin:0 -12px !important;padding-left:24px !important;padding-right:24px !important;} .hz .hz-home .hz-hero-copy>p.hz-hero-tagline{font-size:17px !important;letter-spacing:0 !important;} .hz .hz-home .hz-mobile-break{display:block !important;} .hz .hz-home .hz-hero-type-fallback .hz-hero-tagline{font-size:17px !important;} .hz .hz-home .hz-type-description{font-size:10px !important;} }
}
@layer hz {
  @media(max-width:760px) {
    .hz .hz-home .hz-hero::after { background:linear-gradient(90deg,#080d1df2 0%,#080d1dbd 72%,#080d1d60),linear-gradient(0deg,#080d1d 0%,transparent 24%) !important; }
  }
}
@keyframes hz-create-glint { 0%,65%{translate:0 0;opacity:0;} 68%{opacity:.6;} 86%{translate:430% 0;opacity:0;} 100%{translate:430% 0;opacity:0;} }

/* Home9: one editorial title, a protected reading area and a Remotion light field. */
@layer hz {
  .hz-opening-active .hz-ambient,.hz-opening-active .hz-title-star,.hz-opening-active .hz-primary::after { animation-play-state:paused !important; }
  .hz .hz-login-opening { position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; height:var(--hzm-height,100vh) !important; height:100dvh !important; max-width:none !important; max-height:none !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:#0e0d1c !important; color:#e6dbf5 !important; overflow:hidden !important; }
  .hz .hz-login-opening::backdrop { background:#0e0d1c !important; }
  .hz .hz-login-opening-stage { position:absolute !important; inset:28px 0 40px !important; }
  .hz .hz-opening-skip { position:absolute !important; z-index:3 !important; top:24px !important; right:26px !important; display:flex !important; align-items:center !important; gap:15px !important; padding:9px 13px !important; border:1px solid #b7a0d235 !important; border-radius:9px !important; background:#221c32b3 !important; color:#ddcdeb !important; font:12px 'Hangzhang Sans','Microsoft YaHei UI',sans-serif !important; cursor:pointer !important; }
  .hz .hz-opening-skip span { color:#8b789d !important; font-size:10px !important; }
  .hz .hz-opening-skip:focus-visible { outline:2px solid #b99ae6 !important; outline-offset:4px !important; }
  .hz .hz-opening-caption { position:absolute !important; bottom:20px !important; left:28px !important; margin:0 !important; color:#bca8d1 !important; font-size:11px !important; letter-spacing:1px !important; }
  .hz .hz-opening-caption span { margin-left:14px !important; color:#716480 !important; font-size:10px !important; }
  .hz .hz-login-opening[data-orientation=portrait] { background:#0b0e1b !important; }
  .hz .hz-login-opening[data-orientation=portrait]::backdrop { background:transparent !important; }
  .hz .hz-login-opening[data-orientation=portrait] .hz-login-opening-stage { inset:50% auto auto 50% !important; width:min(100vw,calc(var(--hzm-height,100vh) * 9 / 16)) !important; height:auto !important; aspect-ratio:9/16 !important; transform:translate(-50%,-50%) !important; -webkit-mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent) !important; mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent) !important; }
  .hz .hz-login-opening[data-orientation=portrait] .hz-opening-skip { top:calc(env(safe-area-inset-top,0px) + 16px) !important; right:20px !important; min-height:44px !important; padding:10px 17px !important; border-radius:24px !important; font-size:13px !important; background:#191526a8 !important; }
  .hz .hz-login-opening[data-orientation=portrait] .hz-opening-skip span,.hz .hz-login-opening[data-orientation=portrait] .hz-opening-caption { display:none !important; }
  /* The two supplied landscape artworks follow the reference composition. */
}