/* 极境漫游：项目唯一视觉皮肤。颜色固定，仅保留明暗模式和自定义壁纸。 */
html[data-skin="wanderful"]{
  --accent:#a7bac9;
  --accent-2:#b4a8c6;
  --accent-rgb:167,186,201;
  --radius:22px;
}
/* The login matrix is intentionally absent after authentication. Its opaque
   bitmap used to sit above the wallpaper and looked like a misplaced strip. */
html.ui-ready[data-skin="wanderful"] body:has(#app:not([hidden])) #access-matrix{display:none!important}
html[data-skin="wanderful"][data-theme="dark"]{
  color-scheme:dark;
  --bg:#05080b;
  --panel:rgba(7,12,17,.74);
  --panel-solid:#0b1117;
  --line:rgba(222,240,249,.17);
  --line-strong:rgba(229,245,252,.31);
  --text:#f7fbfd;
  --muted:rgba(226,239,246,.72);
  --faint:rgba(218,234,242,.5);
  --skin-shell:linear-gradient(145deg,rgba(7,13,19,.78),rgba(5,9,15,.67) 58%,rgba(13,7,18,.64));
  --skin-card:linear-gradient(145deg,rgba(10,18,25,.89),rgba(5,9,15,.83) 62%,rgba(15,8,20,.78));
  --skin-control:linear-gradient(145deg,rgba(23,32,40,.92),rgba(5,9,13,.9));
  --skin-input:rgba(2,7,11,.76);
  --skin-shadow:0 28px 84px rgba(0,0,0,.36);
}
html[data-skin="wanderful"][data-theme="light"]{
  color-scheme:light;
  --bg:#eef3f5;
  --panel:rgba(250,253,255,.78);
  --panel-solid:#f8fbfc;
  --line:rgba(25,43,54,.14);
  --line-strong:rgba(20,39,51,.25);
  --text:#152029;
  --muted:#53636f;
  --faint:#768590;
  --skin-shell:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,247,249,.78) 58%,rgba(247,242,249,.76));
  --skin-card:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,246,249,.84) 62%,rgba(248,242,250,.82));
  --skin-control:linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,232,237,.88));
  --skin-input:rgba(255,255,255,.78);
  --skin-shadow:0 24px 68px rgba(38,58,70,.16);
}

html[data-skin="wanderful"] body{background:var(--bg)}
html[data-skin="wanderful"] .skin-background-wallpaper{
  opacity:var(--skin-wallpaper-visibility,.92);
  transform:translate3d(var(--cinema-shift-x,0),var(--cinema-shift-y,0),0) scale(1.055);
  filter:saturate(1.08) contrast(1.035) brightness(.9);
}
html[data-skin="wanderful"][data-theme="light"] .skin-background-wallpaper{filter:saturate(.94) contrast(.94) brightness(1.06)}
html[data-skin="wanderful"] .skin-background-shade{
  opacity:1;
  inset:-14px;
  overflow:hidden;
  background:transparent;
  transform:translate3d(var(--cinema-shift-x,0),var(--cinema-shift-y,0),0) scale(1.035);
}
html[data-skin="wanderful"] .skin-background-shade::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,6,9,.03),rgba(2,5,7,.08) 44%,rgba(1,3,5,.58)),linear-gradient(90deg,rgba(1,4,6,.15),transparent 56%,rgba(1,3,5,.18));
  pointer-events:none;
}
html[data-skin="wanderful"][data-theme="light"] .skin-background-shade::after{
  background:linear-gradient(180deg,rgba(246,252,253,.32),rgba(244,250,252,.18) 48%,rgba(235,243,246,.54)),linear-gradient(90deg,rgba(239,249,251,.32),transparent 55%,rgba(247,240,248,.28));
}
html[data-skin="wanderful"] .skin-background-shade::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:radial-gradient(circle at var(--cinema-x,52%) var(--cinema-y,44%),rgba(134,240,207,.16),transparent 28%),linear-gradient(180deg,rgba(4,8,12,.02),rgba(2,5,9,.28));
  mix-blend-mode:screen;
  pointer-events:none;
}
html[data-skin="wanderful"][data-theme="light"] .skin-background-shade::before{background:radial-gradient(circle at var(--cinema-x,52%) var(--cinema-y,44%),rgba(63,162,192,.17),transparent 29%);mix-blend-mode:multiply}

html[data-skin="wanderful"] .app-header,
html[data-skin="wanderful"] .home-stage-nav,
html[data-skin="wanderful"] .gallery-stage,
html[data-skin="wanderful"] .network-section,
html[data-skin="wanderful"] .module-section,
html[data-skin="wanderful"] .market-section,
html[data-skin="wanderful"] .news-stage{
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  background:var(--skin-shell)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),var(--skin-shadow)!important;
  -webkit-backdrop-filter:blur(20px) saturate(126%);
  backdrop-filter:blur(20px) saturate(126%);
}
html[data-skin="wanderful"] .module-card,
html[data-skin="wanderful"] .market-card,
html[data-skin="wanderful"] .metric-card,
html[data-skin="wanderful"] .content-card,
html[data-skin="wanderful"] .admin-item-card,
html[data-skin="wanderful"] .module-admin-editor{
  color:var(--text)!important;
  border-color:var(--line)!important;
  background:var(--skin-card)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 20px 56px rgba(0,0,0,.19)!important;
}

html[data-skin="wanderful"] .action-button,
html[data-skin="wanderful"] .icon-button,
html[data-skin="wanderful"] .primary-button,
html[data-skin="wanderful"] .secondary-button,
html[data-skin="wanderful"] .danger-button,
html[data-skin="wanderful"] .music-control-button,
html[data-skin="wanderful"] .market-command,
html[data-skin="wanderful"] .tool-head-action{
  color:var(--text)!important;
  border-color:var(--line)!important;
  background:var(--skin-control)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -1px rgba(13,24,31,.12),0 8px 22px rgba(0,0,0,.16)!important;
}
html[data-skin="wanderful"] .action-button:hover,
html[data-skin="wanderful"] .icon-button:hover,
html[data-skin="wanderful"] .primary-button:hover,
html[data-skin="wanderful"] .secondary-button:hover,
html[data-skin="wanderful"] .music-control-button:hover,
html[data-skin="wanderful"] .market-command:hover{border-color:var(--line-strong)!important;filter:brightness(1.04)}
html[data-skin="wanderful"] .danger-button,
html[data-skin="wanderful"] .tool-delete{color:#ff7185!important}
html[data-skin="wanderful"] .racknerd-button svg,
html[data-skin="wanderful"] .music-button svg,
html[data-skin="wanderful"] .search-action svg{color:var(--accent)!important;stroke:currentColor;filter:drop-shadow(0 0 7px rgba(134,240,207,.3))}

html[data-skin="wanderful"] .home-stage-nav button{color:var(--muted)!important}
html[data-skin="wanderful"] .home-stage-nav button small{color:var(--faint)!important}
html[data-skin="wanderful"] .home-stage-nav button.is-active{color:#10231d!important;background:linear-gradient(135deg,#f8fffc,#b7f1df)!important;box-shadow:0 9px 28px rgba(0,0,0,.16),inset 0 1px #fff!important}
html[data-skin="wanderful"] .home-stage-nav button.is-active small{color:#506c62!important}

html[data-skin="wanderful"] .section-heading h2,
html[data-skin="wanderful"] .module-card h3,
html[data-skin="wanderful"] .metric-value,
html[data-skin="wanderful"] .market-price,
html[data-skin="wanderful"] .market-symbol,
html[data-skin="wanderful"] .news-heading strong,
html[data-skin="wanderful"] .module-title h1{color:var(--text)!important;text-shadow:none}
html[data-skin="wanderful"] .section-heading p,
html[data-skin="wanderful"] .module-card p,
html[data-skin="wanderful"] .metric-meta,
html[data-skin="wanderful"] .market-name,
html[data-skin="wanderful"] .news-heading small,
html[data-skin="wanderful"] .module-title p{color:var(--muted)!important}

html[data-skin="wanderful"] input:not([type="checkbox"]):not([type="range"]):not([type="file"]):not([type="color"]),
html[data-skin="wanderful"] textarea,
html[data-skin="wanderful"] select{
  color:var(--text)!important;
  border-color:var(--line)!important;
  background-color:var(--skin-input)!important;
}
html[data-skin="wanderful"] input::placeholder,html[data-skin="wanderful"] textarea::placeholder{color:var(--faint)!important}
html[data-skin="wanderful"] select option{color:#172029!important;background:#f5f8fa!important}

html[data-skin="wanderful"] .ahr-layout,
html[data-skin="wanderful"] .market-facts>span,
html[data-skin="wanderful"] .market-day-range>span,
html[data-skin="wanderful"] .sparkline,
html[data-skin="wanderful"] .halving-flip>span{
  color:var(--text)!important;
  border-color:var(--line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11)!important;
}
html[data-skin="wanderful"][data-theme="light"] .ahr-layout,
html[data-skin="wanderful"][data-theme="light"] .market-facts>span,
html[data-skin="wanderful"][data-theme="light"] .market-day-range>span,
html[data-skin="wanderful"][data-theme="light"] .sparkline,
html[data-skin="wanderful"][data-theme="light"] .halving-flip>span{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(226,236,241,.62))!important}
html[data-skin="wanderful"] .ahr-gauge::after{background:var(--panel-solid)!important;border-color:var(--line)!important}
html[data-skin="wanderful"] .ahr-gauge span,html[data-skin="wanderful"] .halving-flip b{color:var(--text)!important}
html[data-skin="wanderful"] .chart-caption,html[data-skin="wanderful"] .chart-scale span{color:var(--muted)!important;background:var(--panel-solid)!important}

html[data-skin="wanderful"] .market-commandbar{color:var(--text)!important;border-color:var(--line)!important;background:var(--skin-shell)!important}
html[data-skin="wanderful"] .market-inline-results{color:var(--text)!important;background:var(--panel-solid)!important}
html[data-skin="wanderful"] .news-stage .intel-strip{min-height:0!important;justify-content:flex-start!important}
html[data-skin="wanderful"] .news-strip{margin-top:15px}
html[data-skin="wanderful"] .news-track>a{border-color:var(--line)!important;background:var(--skin-card)!important}

/* Login follows the selected brightness mode. These selectors intentionally
   outrank the legacy cinematic-login rules bundled in global.css. */
html[data-skin="wanderful"][data-theme="dark"] body:has(#login-view:not([hidden])){
  --text:#f7fbfd;
  --muted:rgba(226,239,246,.72);
  --faint:rgba(218,234,242,.5);
  --line:rgba(222,240,249,.17);
  color:var(--text)!important;
  background:#05080b!important;
}
html[data-skin="wanderful"][data-theme="dark"] .login-view:not([hidden]),
html[data-skin="wanderful"][data-theme="dark"] .login-view:not([hidden]) .login-card.glass-panel{color:#f7fbfd!important}
html[data-skin="wanderful"][data-theme="dark"] .login-view:not([hidden]) .login-card.glass-panel{border-color:rgba(222,240,249,.2)!important;background:linear-gradient(150deg,rgba(10,18,25,.91),rgba(5,9,15,.86) 58%,rgba(15,8,20,.82))!important}
html[data-skin="wanderful"][data-theme="dark"] .login-view:not([hidden]) .login-input-shell{border-color:rgba(222,240,249,.17)!important;background:rgba(2,7,11,.78)!important}
html[data-skin="wanderful"][data-theme="dark"] .login-view:not([hidden]) .login-card .login-input-shell input{color:#f7fbfd!important;background:transparent!important}

html[data-skin="wanderful"][data-theme="light"] body:has(#login-view:not([hidden])){
  --text:#152029;
  --muted:#53636f;
  --faint:#768590;
  --line:rgba(25,43,54,.14);
  color:var(--text)!important;
  background:linear-gradient(138deg,#edf7f8 0%,#e6f1f6 34%,#f3eaf4 68%,#eef5f3 100%)!important;
}
html[data-skin="wanderful"][data-theme="light"] body:has(#login-view:not([hidden]))::before{opacity:.32!important;filter:saturate(.72) brightness(1.35)}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]){color:#152029!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden])::before{opacity:.22!important;mix-blend-mode:multiply}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden])::after{opacity:.2!important;mix-blend-mode:multiply}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card.glass-panel{
  color:#152029!important;
  border-color:rgba(25,43,54,.17)!important;
  background:linear-gradient(150deg,rgba(255,255,255,.91),rgba(235,244,247,.86) 58%,rgba(247,238,248,.84))!important;
  box-shadow:inset 0 1px #fff,0 32px 90px rgba(35,55,67,.18),0 0 70px rgba(70,171,184,.1)!important;
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card h2{color:#152029!important;text-shadow:none}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card>.muted,
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .field-stack label,
html[data-skin="wanderful"][data-theme="light"] .login-field-label{color:#53636f!important}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch{border-color:rgba(25,43,54,.14)!important;background:rgba(255,255,255,.48)!important}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch button{color:#687781!important}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch button.active{color:#152029!important;border-color:rgba(53,137,151,.28)!important;background:linear-gradient(135deg,rgba(134,240,207,.32),rgba(138,200,255,.28))!important;box-shadow:inset 0 1px #fff,0 8px 24px rgba(45,76,87,.12)!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-input-shell{border-color:rgba(25,43,54,.16)!important;background:rgba(255,255,255,.7)!important;box-shadow:inset 0 1px #fff,0 8px 22px rgba(36,55,67,.08)!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-input-shell>svg{color:#60717d!important;stroke:currentColor!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card .login-input-shell input{color:#152029!important;background:transparent!important;-webkit-text-fill-color:#152029!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card .login-input-shell input::placeholder{color:#82909a!important;-webkit-text-fill-color:#82909a!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card .login-input-shell input:-webkit-autofill{-webkit-text-fill-color:#152029!important;-webkit-box-shadow:0 0 0 1000px #f4f8f9 inset!important}

html[data-skin="wanderful"] .home-stage>.hero{
  color:#f7fbfd;
  background:linear-gradient(135deg,rgba(3,9,13,.47),rgba(4,7,13,.22) 62%,rgba(14,5,18,.25))!important;
  border:1px solid rgba(220,240,248,.26)!important;
  border-radius:34px;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 34px 100px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(9px) saturate(112%);
  backdrop-filter:blur(9px) saturate(112%);
}
html[data-skin="wanderful"][data-theme="light"] .home-stage>.hero{color:#f9fcfd;background:linear-gradient(135deg,rgba(8,17,22,.48),rgba(7,12,18,.24) 60%,rgba(18,8,23,.28))!important}
html[data-skin="wanderful"] .hero h1{max-width:850px;font-weight:510;letter-spacing:-.065em;text-shadow:0 3px 34px rgba(0,0,0,.42)}
html[data-skin="wanderful"] .hero h1::after{content:"\A Uncover with keen instinct.";white-space:pre;color:rgba(235,245,249,.65);font-weight:440}
html[data-skin="wanderful"] .hero-copy>p:last-of-type{max-width:620px;color:rgba(235,245,249,.76)!important}
html[data-skin="wanderful"] .hero-manifesto{color:rgba(226,239,246,.64)!important}

html[data-skin="wanderful"] .hero.is-active .hero-copy{animation:ys-overview-float 9s ease-in-out 1.2s infinite}
html[data-skin="wanderful"] .hero.is-active .hero-copy>.eyebrow{animation:ys-overview-enter .7s cubic-bezier(.18,.8,.2,1) both,ys-overview-eyebrow 6s ease-in-out .8s infinite;color:#b9f7e4!important}
html[data-skin="wanderful"] .hero.is-active .hero-copy>h1{color:transparent!important;-webkit-text-fill-color:transparent!important;background:linear-gradient(105deg,#f8fcfd 0%,#f8fcfd 35%,#b8f5e2 48%,#fff 59%,#f8fcfd 100%);background-size:245% 100%;background-position:125% 50%;-webkit-background-clip:text;background-clip:text;animation:ys-overview-enter .82s cubic-bezier(.18,.8,.2,1) .08s both,ys-overview-sheen 8.5s ease-in-out 1.15s infinite;filter:drop-shadow(0 5px 28px rgba(0,0,0,.4))}
html[data-skin="wanderful"] .hero.is-active .hero-copy>h1::after{color:rgba(235,245,249,.66)!important;-webkit-text-fill-color:rgba(235,245,249,.66)!important;text-shadow:0 0 24px rgba(134,240,207,.14)}
html[data-skin="wanderful"] .hero.is-active .hero-copy>p:last-of-type{animation:ys-overview-enter .78s cubic-bezier(.18,.8,.2,1) .2s both}
html[data-skin="wanderful"] .hero.is-active .hero-manifesto{animation:ys-overview-enter .8s cubic-bezier(.18,.8,.2,1) .32s both,ys-overview-manifesto 7s ease-in-out 1.3s infinite}

@media(max-width:720px),(pointer:coarse){
  html[data-skin="wanderful"] .skin-background-shade{inset:0;transform:none}
  html[data-skin="wanderful"] .skin-background-wallpaper{transform:scale(1.025)}
  html[data-skin="wanderful"] .app-header,
  html[data-skin="wanderful"] .home-stage-nav,
  html[data-skin="wanderful"] .gallery-stage,
  html[data-skin="wanderful"] .network-section,
  html[data-skin="wanderful"] .module-section,
  html[data-skin="wanderful"] .market-section,
  html[data-skin="wanderful"] .news-stage,
  html[data-skin="wanderful"] .module-card,
  html[data-skin="wanderful"] .market-card,
  html[data-skin="wanderful"] .metric-card,
  html[data-skin="wanderful"] .content-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  html[data-skin="wanderful"][data-theme="dark"] .app-header,
  html[data-skin="wanderful"][data-theme="dark"] .home-stage-nav,
  html[data-skin="wanderful"][data-theme="dark"] .gallery-stage,
  html[data-skin="wanderful"][data-theme="dark"] .network-section,
  html[data-skin="wanderful"][data-theme="dark"] .module-section,
  html[data-skin="wanderful"][data-theme="dark"] .market-section,
  html[data-skin="wanderful"][data-theme="dark"] .news-stage{background:linear-gradient(145deg,rgba(7,13,19,.94),rgba(5,8,14,.91))!important}
  html[data-skin="wanderful"] .hero h1::after{font-size:.64em;line-height:1.25}
  html[data-skin="wanderful"] .hero.is-active .hero-copy{animation-duration:12s}
  html[data-skin="wanderful"] .hero.is-active .hero-copy>h1{animation:ys-overview-enter .68s cubic-bezier(.18,.8,.2,1) .05s both,ys-overview-sheen 12s ease-in-out 1s infinite}
}
@media(prefers-reduced-motion:reduce){
  html[data-skin="wanderful"] .hero.is-active .hero-copy,
  html[data-skin="wanderful"] .hero.is-active .hero-copy>*{animation:none!important}
  html[data-skin="wanderful"] .hero.is-active .hero-copy>h1{background-position:50% 50%}
}

/* Unified liquid glass: the single skin keeps the same hierarchy in both modes. */
html[data-skin="wanderful"] .header-actions .action-button,
html[data-skin="wanderful"] .header-menu-button,
html[data-skin="wanderful"] .settings-menu,
html[data-skin="wanderful"] .settings-item,
html[data-skin="wanderful"] .music-panel,
html[data-skin="wanderful"] .music-control-button,
html[data-skin="wanderful"] .apple-volume,
html[data-skin="wanderful"] .admin-tabs,
html[data-skin="wanderful"] .wallpaper-settings,
html[data-skin="wanderful"] .statusbar-settings,
html[data-skin="wanderful"] .gallery-controlbar,
html[data-skin="wanderful"] .permission-option,
html[data-skin="wanderful"] .pet-toggle-card,
html[data-skin="wanderful"] .pet-choice-grid button,
html[data-skin="wanderful"] .pet-segmented button,
html[data-skin="wanderful"] .tool-head-action,
html[data-skin="wanderful"] .admin-modal-card{
  color:var(--text)!important;
  border-color:var(--line)!important;
  background:var(--skin-control)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(15,25,31,.1),0 12px 34px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
}
html[data-skin="wanderful"] .module-toolbar,
html[data-skin="wanderful"] .content-card,
html[data-skin="wanderful"] .admin-shell .section,
html[data-skin="wanderful"] .admin-market-row,
html[data-skin="wanderful"] .tool-admin-card,
html[data-skin="wanderful"] .guest-table,
html[data-skin="wanderful"] .pet-roster-card,
html[data-skin="wanderful"] .pet-preview{
  color:var(--text)!important;
  border-color:var(--line)!important;
  background:var(--skin-card)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),var(--skin-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}
html[data-skin="wanderful"] .settings-menu,
html[data-skin="wanderful"] .music-panel,
html[data-skin="wanderful"] .admin-tabs,
html[data-skin="wanderful"] .wallpaper-settings,
html[data-skin="wanderful"] .statusbar-settings,
html[data-skin="wanderful"] .gallery-controlbar,
html[data-skin="wanderful"] .admin-modal-card{background:var(--skin-shell)!important}
html[data-skin="wanderful"] .admin-tabs button.active,
html[data-skin="wanderful"] .permission-option:has(input:checked),
html[data-skin="wanderful"] .pet-toggle-card:has(input:checked),
html[data-skin="wanderful"] .pet-choice-grid button.active,
html[data-skin="wanderful"] .pet-segmented button.active{
  color:#10231d!important;
  border-color:rgba(134,240,207,.5)!important;
  background:linear-gradient(135deg,rgba(248,255,252,.96),rgba(183,241,223,.9))!important;
}
html[data-skin="wanderful"] #pet-news{display:none!important}
html[data-skin="wanderful"] label:has(>#pet-news){display:none!important}
html[data-skin="wanderful"] .home-stage-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html[data-skin="wanderful"] .companion-pet:not(.dragging):hover .pet-image.active{animation:ys-pet-hover-wobble .7s ease-in-out infinite alternate!important}
html[data-skin="wanderful"] .companion-pet[data-pet-mode="free"].dragging .pet-image.active{animation:ys-pet-drag-wobble .34s ease-in-out infinite alternate!important}
@keyframes ys-pet-hover-wobble{from{transform:translateY(0) rotate(-2deg) scale(1)}to{transform:translateY(-5px) rotate(2.5deg) scale(1.025)}}
@keyframes ys-pet-drag-wobble{from{transform:rotate(-4deg) scale(.98)}to{transform:rotate(4deg) scale(1.02)}}
@media(max-width:720px){
  html[data-skin="wanderful"] .home-stage-nav{grid-template-columns:repeat(5,minmax(88px,1fr))!important}
  html[data-skin="wanderful"] .header-actions,
  html[data-skin="wanderful"] .settings-menu,
  html[data-skin="wanderful"] .music-panel{-webkit-backdrop-filter:blur(12px) saturate(125%)!important;backdrop-filter:blur(12px) saturate(125%)!important}
  html[data-skin="wanderful"] .admin-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;overflow:visible!important;gap:7px!important;padding:7px!important}
  html[data-skin="wanderful"] .admin-tabs button{width:100%!important;min-width:0!important}
  html[data-skin="wanderful"] .module-toolbar{align-items:center!important}
}

/* V39 · Natural page scrolling, collision-proof quote cards and true liquid controls. */
html[data-skin="wanderful"] #brand-button,
html[data-skin="wanderful"] .app-header .brand{
  color:var(--text)!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  overflow:visible!important;
  transform:none!important
}
html[data-skin="wanderful"] #brand-button::before,
html[data-skin="wanderful"] #brand-button::after{display:none!important;content:none!important}

/* The stage itself must grow with its cards. The previous viewport max-height
   created a second, nearly invisible scroll area and made lower quotes appear
   to be missing. */
html[data-skin="wanderful"] .market-section.home-stage-panel,
html[data-skin="wanderful"] .market-section.home-stage-panel.is-active{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  padding-bottom:38px!important
}
html[data-skin="wanderful"] .market-section .market-grid{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important
}

html[data-skin="wanderful"] .market-section .market-card{container-type:inline-size}
html[data-skin="wanderful"] .market-section .market-top,
html[data-skin="wanderful"] .market-section .market-identity,
html[data-skin="wanderful"] .market-section .market-name,
html[data-skin="wanderful"] .market-section .market-quote,
html[data-skin="wanderful"] .market-section .market-facts,
html[data-skin="wanderful"] .market-section .market-day-range{min-width:0!important}
html[data-skin="wanderful"] .market-section .market-price{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  font-size:clamp(21px,7.2cqw,34px)!important;
  line-height:1.04!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important
}
html[data-skin="wanderful"] .market-section .market-cap{
  min-width:0!important;
  max-width:44%!important;
  overflow:hidden!important
}
html[data-skin="wanderful"] .market-section .market-cap strong,
html[data-skin="wanderful"] .market-section .market-facts>span,
html[data-skin="wanderful"] .market-section .market-day-range>span{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important
}
html[data-skin="wanderful"] .market-section .market-facts small,
html[data-skin="wanderful"] .market-section .market-day-range small{flex:0 0 auto}

html[data-skin="wanderful"] .music-panel{
  color:var(--text)!important;
  background:linear-gradient(145deg,rgba(80,99,117,.52),rgba(68,68,91,.46) 55%,rgba(102,83,119,.42))!important
}
html[data-skin="wanderful"] .music-panel .music-track,
html[data-skin="wanderful"] .music-panel .music-control-button,
html[data-skin="wanderful"] .music-panel .apple-volume{
  color:var(--text)!important;
  border:1px solid rgba(235,246,252,.3)!important;
  background:linear-gradient(145deg,rgba(239,248,252,.2),rgba(170,190,203,.11) 58%,rgba(211,191,224,.14))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 -1px rgba(7,14,20,.16),0 8px 22px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(12px) saturate(125%)!important;
  backdrop-filter:blur(12px) saturate(125%)!important
}
html[data-skin="wanderful"] .music-panel .music-track{color:rgba(241,247,251,.76)!important}
html[data-skin="wanderful"] .music-panel .music-track.active{
  color:#fff!important;
  border-color:rgba(255,255,255,.48)!important;
  background:linear-gradient(135deg,rgba(227,242,247,.28),rgba(185,190,214,.18))!important
}
html[data-skin="wanderful"] .music-panel .music-controls{
  display:grid!important;
  grid-template-columns:42px 42px 42px minmax(88px,1fr)!important;
  gap:8px!important
}
html[data-skin="wanderful"] .music-panel .music-control-button{width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important}
html[data-skin="wanderful"] .music-panel .apple-volume{height:42px!important;min-width:0!important;padding:0 10px!important;border-radius:14px!important}
html[data-skin="wanderful"] .music-panel .apple-volume input{min-width:0!important;width:100%!important}
html[data-skin="wanderful"][data-theme="light"] .music-panel{
  color:#15232c!important;
  background:linear-gradient(145deg,rgba(240,247,250,.74),rgba(213,225,232,.65) 58%,rgba(229,217,235,.62))!important
}
html[data-skin="wanderful"][data-theme="light"] .music-panel .music-track,
html[data-skin="wanderful"][data-theme="light"] .music-panel .music-control-button,
html[data-skin="wanderful"][data-theme="light"] .music-panel .apple-volume{
  color:#1b2a34!important;
  border-color:rgba(255,255,255,.76)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(220,231,237,.46))!important;
  box-shadow:inset 0 1px #fff,inset 0 -1px rgba(48,67,80,.08),0 8px 22px rgba(44,62,75,.09)!important
}
html[data-skin="wanderful"][data-theme="light"] .music-panel .music-track{color:#566a77!important}
html[data-skin="wanderful"][data-theme="light"] .music-panel .music-track.active{color:#14242d!important}

@media(max-width:720px){
  html[data-skin="wanderful"] .market-section.home-stage-panel,
  html[data-skin="wanderful"] .market-section.home-stage-panel.is-active{
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:30px!important
  }
  html[data-skin="wanderful"] .market-section .market-price{font-size:clamp(21px,7.4cqw,26px)!important}
  html[data-skin="wanderful"] .music-panel .music-track,
  html[data-skin="wanderful"] .music-panel .music-control-button,
  html[data-skin="wanderful"] .music-panel .apple-volume{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important
  }
}

/* V31 · One continuous wallpaper plane and neutral liquid switches. */
html[data-skin="wanderful"],
html[data-skin="wanderful"] body{
  min-width:100%;min-height:100%;overflow-x:clip
}
html[data-skin="wanderful"] #access-matrix{display:none!important}
html[data-skin="wanderful"] .skin-background-wallpaper{
  inset:-32px!important;width:calc(100% + 64px)!important;height:calc(100% + 64px)!important;
  max-width:none!important;max-height:none!important
}
html[data-skin="wanderful"] .skin-background-shade{
  inset:-32px!important;width:calc(100% + 64px)!important;height:calc(100% + 64px)!important
}
html[data-skin="wanderful"] #boot-screen{background:rgba(5,10,15,.08)!important}
html[data-skin="wanderful"][data-theme="light"] #boot-screen{background:rgba(238,247,249,.08)!important}
html[data-skin="wanderful"] #boot-screen>div,
html[data-skin="wanderful"] .preauth-music-button{
  border:1px solid var(--line)!important;background:var(--skin-shell)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.34),0 24px 70px rgba(0,0,0,.2)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;backdrop-filter:blur(24px) saturate(145%)!important
}

html[data-skin="wanderful"] #admin-content .check-chip,
html[data-skin="wanderful"] .admin-modal-card .check-chip{
  min-width:0;min-height:42px;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;
  margin:0!important;padding:6px 7px 6px 12px!important;
  border:1px solid var(--line)!important;border-radius:15px!important;
  color:var(--muted)!important;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.055)!important;
  font-size:9px!important;font-weight:720!important;line-height:1.2!important;
  -webkit-backdrop-filter:blur(15px) saturate(130%);backdrop-filter:blur(15px) saturate(130%)
}
html[data-skin="wanderful"] #admin-content .check-chip input,
html[data-skin="wanderful"] .admin-modal-card .check-chip input{
  position:relative!important;order:2;flex:0 0 38px!important;width:38px!important;height:22px!important;min-height:22px!important;
  margin:0!important;padding:0!important;opacity:1!important;appearance:none!important;-webkit-appearance:none!important;
  border:1px solid var(--line)!important;border-radius:999px!important;
  background:rgba(118,133,145,.18)!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.12)!important;cursor:pointer
}
html[data-skin="wanderful"] #admin-content .check-chip input::after,
html[data-skin="wanderful"] .admin-modal-card .check-chip input::after{
  content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;
  background:rgba(239,245,248,.82);box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease
}
html[data-skin="wanderful"] #admin-content .check-chip input:checked,
html[data-skin="wanderful"] .admin-modal-card .check-chip input:checked{
  border-color:rgba(126,186,218,.42)!important;background:linear-gradient(135deg,rgba(108,157,196,.46),rgba(151,133,197,.4))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 16px rgba(113,166,211,.16)!important
}
html[data-skin="wanderful"] #admin-content .check-chip input:checked::after,
html[data-skin="wanderful"] .admin-modal-card .check-chip input:checked::after{
  transform:translateX(16px);background:#f7fbfd;box-shadow:0 2px 8px rgba(54,91,126,.28)
}
html[data-skin="wanderful"] #admin-content .check-chip:has(input:checked),
html[data-skin="wanderful"] .admin-modal-card .check-chip:has(input:checked){
  color:var(--text)!important;border-color:rgba(126,186,218,.3)!important;
  background:linear-gradient(145deg,rgba(140,190,222,.13),rgba(156,141,205,.075))!important
}
html[data-skin="wanderful"] #admin-content .permission-grid,
html[data-skin="wanderful"] .admin-modal-card .permission-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:8px!important
}

html[data-skin="wanderful"] #admin-content .primary-button,
html[data-skin="wanderful"] .admin-modal-card .primary-button,
html[data-skin="wanderful"] .admin-tabs button.secondary-button.active{
  color:var(--text)!important;border-color:var(--line-strong)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(133,168,199,.1),rgba(160,139,194,.08))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.38),0 9px 26px rgba(18,35,50,.1)!important
}
html[data-skin="wanderful"][data-theme="light"] #admin-content .primary-button,
html[data-skin="wanderful"][data-theme="light"] .admin-modal-card .primary-button,
html[data-skin="wanderful"][data-theme="light"] .admin-tabs button.secondary-button.active{
  color:#22323b!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(214,229,238,.6),rgba(230,220,240,.48))!important
}
html[data-skin="wanderful"] .pet-toggle-card input:checked,
html[data-skin="wanderful"] .market-visibility input:checked+i{background:linear-gradient(135deg,rgba(105,158,198,.54),rgba(149,131,195,.46))!important}
html[data-skin="wanderful"] .pet-toggle-card input:checked::after,
html[data-skin="wanderful"] .market-visibility input:checked+i::after{background:#f7fbfd!important;box-shadow:0 2px 8px rgba(54,91,126,.3)!important}
html[data-skin="wanderful"] .gallery-select input:checked+span{
  color:var(--text)!important;border-color:rgba(126,186,218,.34)!important;background:linear-gradient(145deg,rgba(140,190,222,.13),rgba(156,141,205,.075))!important
}

@media(max-width:720px){
  html[data-skin="wanderful"] .skin-background-wallpaper,
  html[data-skin="wanderful"] .skin-background-shade{inset:-20px!important;width:calc(100% + 40px)!important;height:calc(100% + 40px)!important}
  html[data-skin="wanderful"] #admin-content .permission-grid,
  html[data-skin="wanderful"] .admin-modal-card .permission-grid{grid-template-columns:1fr!important}
  html[data-skin="wanderful"] #admin-content .check-chip,
  html[data-skin="wanderful"] .admin-modal-card .check-chip{min-height:40px;border-radius:14px!important}
}

/* V30 · Shared wallpaper entry, liquid-glass authentication and controls. */
html[data-skin="wanderful"] .app-header,
html[data-skin="wanderful"] .header-actions .action-button,
html[data-skin="wanderful"] .header-menu-button,
html[data-skin="wanderful"] .preauth-music-button{
  border:1px solid var(--line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.028))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(9,18,24,.08),0 12px 32px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
}
html[data-skin="wanderful"][data-theme="light"] .app-header,
html[data-skin="wanderful"][data-theme="light"] .header-actions .action-button,
html[data-skin="wanderful"][data-theme="light"] .header-menu-button,
html[data-skin="wanderful"][data-theme="light"] .preauth-music-button{
  color:#22323b!important;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,247,249,.42))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 12px 32px rgba(38,58,70,.11)!important;
}
html[data-skin="wanderful"] .header-actions .action-button::before,
html[data-skin="wanderful"] .header-menu-button::before{background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.2) 43%,transparent 67%)!important}

html[data-skin="wanderful"] body:has(#login-view:not([hidden])){background:transparent!important}
html[data-skin="wanderful"] body:has(#login-view:not([hidden]))::before{
  opacity:.45;background:radial-gradient(circle at 20% 15%,rgba(134,240,207,.13),transparent 31%),radial-gradient(circle at 82% 20%,rgba(138,200,255,.14),transparent 32%)!important
}
html[data-skin="wanderful"] .login-view:not([hidden])::before{opacity:.34;mix-blend-mode:screen}
html[data-skin="wanderful"] .login-view:not([hidden])::after{opacity:.22}
html[data-skin="wanderful"] .login-view:not([hidden]){
  width:min(620px,calc(100% - 32px));display:grid!important;grid-template-columns:1fr!important;place-items:center;padding:56px 0 38px
}
html[data-skin="wanderful"] .login-backdrop-copy{display:none!important}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-card.glass-panel{
  justify-self:center;width:min(520px,100%);padding:44px 40px 38px;
  color:#f6fbfd;border:1px solid rgba(226,243,250,.2)!important;border-radius:34px!important;
  background:linear-gradient(145deg,rgba(7,15,21,.56),rgba(7,10,17,.38))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 34px 100px rgba(0,0,0,.32)!important;
  -webkit-backdrop-filter:blur(30px) saturate(142%)!important;backdrop-filter:blur(30px) saturate(142%)!important
}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-card .segmented,
html[data-skin="wanderful"] .login-view:not([hidden]) .login-input-shell{
  border:1px solid rgba(226,243,250,.14)!important;background:rgba(3,9,14,.3)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)
}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-card input{
  border:0!important;background:transparent!important;box-shadow:none!important
}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-card .segmented button.active{
  color:#10231d!important;border:1px solid rgba(196,245,231,.45)!important;
  background:linear-gradient(135deg,rgba(248,255,252,.9),rgba(183,241,223,.72))!important;
  box-shadow:inset 0 1px #fff,0 9px 26px rgba(0,0,0,.13)!important
}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-card .primary-button.wide{
  color:#f4fbfd!important;border:1px solid rgba(226,243,250,.25)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 14px 38px rgba(0,0,0,.17)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);animation:none!important
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card.glass-panel{
  color:#17242c;border-color:rgba(255,255,255,.72)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(232,242,246,.38))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.95),0 32px 90px rgba(31,52,64,.2)!important
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card h2{color:#17242c!important;text-shadow:none}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card>.muted,
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .field-stack label{color:#52636e!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card .segmented,
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-input-shell{border-color:rgba(31,48,59,.14)!important;background:rgba(255,255,255,.42)!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card input{color:#17242c!important}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card input::placeholder{color:#75838c}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card .primary-button.wide{color:#17242c!important;border-color:rgba(255,255,255,.82)!important;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(226,240,244,.54))!important}

.preauth-music-button{position:fixed;z-index:100002;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:999px;color:var(--text);font:720 9px/1 ui-monospace,monospace;cursor:pointer}
.preauth-music-button[hidden]{display:none!important}.preauth-music-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.preauth-music-button.playing svg{animation:music-note-pulse 1s ease-in-out infinite alternate}

html[data-skin="wanderful"] #boot-screen>div{border-color:var(--line);background:var(--skin-shell);color:var(--text)}
html[data-skin="wanderful"][data-theme="light"] #boot-screen>div{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(234,244,247,.42));box-shadow:inset 0 1px #fff,0 30px 90px rgba(31,52,64,.19)}
html[data-skin="wanderful"][data-theme="light"] #boot-screen .boot-jp,
html[data-skin="wanderful"][data-theme="light"] #boot-screen small{color:#566873}
html[data-skin="wanderful"][data-theme="light"] #boot-screen .boot-enter{color:#263740;border-color:rgba(30,48,60,.14);background:rgba(255,255,255,.48)}

html[data-skin="wanderful"] .pet-roster-copy{min-width:0;display:grid;gap:3px}
html[data-skin="wanderful"] .pet-name-field{display:flex;align-items:center;gap:7px;margin-top:5px}
html[data-skin="wanderful"] .pet-name-field b{color:var(--faint);font:700 7px ui-monospace,monospace;letter-spacing:.08em}
html[data-skin="wanderful"] #admin-content .pet-name-field input{height:32px!important;min-height:32px!important;min-width:0;padding:0 10px!important;border-radius:11px!important;font-size:9px!important}

@media(max-width:720px){
  html[data-skin="wanderful"] .skin-background-wallpaper{object-position:var(--skin-wallpaper-mobile-position,50% center)!important;transform:scale(1.025)!important}
  html[data-skin="wanderful"] .login-view:not([hidden]){width:100%;padding:max(78px,calc(env(safe-area-inset-top) + 66px)) 14px 24px}
  html[data-skin="wanderful"] .login-view:not([hidden]) .login-card.glass-panel{width:100%;margin:0;padding:38px 18px 24px;border-radius:27px!important}
  html[data-skin="wanderful"] .login-avatar{margin-top:-72px}
  .preauth-music-button{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:42px;padding:0;border-radius:14px}
  .preauth-music-button span{display:none}
  html[data-skin="wanderful"] .header-actions{background:var(--skin-shell)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;backdrop-filter:blur(18px) saturate(135%)!important}
  html[data-skin="wanderful"] .pet-roster-card{grid-template-columns:auto 54px minmax(0,1fr) auto!important}
}

/* V29 · One liquid-control language for account and administrator surfaces. */
html[data-skin="wanderful"] .settings-menu{
  right:0!important;top:68px!important;width:252px!important;padding:9px!important;
  overflow:hidden;border:1px solid var(--line)!important;border-radius:24px!important;
  background:var(--skin-shell)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 24px 70px rgba(0,0,0,.22)!important;
}
html[data-skin="wanderful"] .settings-user{
  min-height:58px;margin:0 2px 7px;padding:9px 11px 11px;gap:10px;
  border-bottom:1px solid var(--line);line-height:1.15
}
html[data-skin="wanderful"] .settings-user>span{flex:0 0 8px}
html[data-skin="wanderful"] .settings-user strong{font-size:11px;line-height:1.1}
html[data-skin="wanderful"] .settings-user small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.1}
html[data-skin="wanderful"] .settings-item{
  width:100%;height:46px;min-height:46px;margin:0;padding:0 13px;gap:10px;
  border:1px solid transparent!important;border-radius:16px!important;
  color:var(--text)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14)!important;
  font-size:10px;font-weight:720;line-height:1!important;
  -webkit-backdrop-filter:none;backdrop-filter:none
}
html[data-skin="wanderful"] .settings-item+.settings-item{margin-top:5px}
html[data-skin="wanderful"] .settings-item svg{width:17px;height:17px;color:var(--muted);stroke-width:1.65}
html[data-skin="wanderful"] .settings-item b{font-size:17px;line-height:1;color:var(--faint)}
html[data-skin="wanderful"] .settings-item:hover,
html[data-skin="wanderful"] .settings-item:focus-visible{
  border-color:var(--line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.08)!important;
  transform:none
}
html[data-skin="wanderful"] .settings-item.danger{color:#ef5268!important}
html[data-skin="wanderful"] .settings-item.danger svg{color:#ef5268}

html[data-skin="wanderful"] .module-shell:has(.admin-tabs)>.module-toolbar{
  min-height:76px;margin:0 0 16px;padding:12px 14px!important;
  border:1px solid var(--line)!important;border-radius:24px!important;
  background:var(--skin-shell)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),var(--skin-shadow)!important
}
html[data-skin="wanderful"] .module-shell:has(.admin-tabs) .module-title{gap:12px}
html[data-skin="wanderful"] .module-shell:has(.admin-tabs) .module-title img{width:46px;height:46px;border-radius:15px}
html[data-skin="wanderful"] .module-shell:has(.admin-tabs) .module-title h1{font-size:21px;line-height:1.05}
html[data-skin="wanderful"] .module-shell:has(.admin-tabs) .module-title p{margin-top:6px;font-size:9px;line-height:1.25}

html[data-skin="wanderful"] .admin-tabs{
  display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;
  width:100%;gap:4px!important;margin:0 0 18px!important;padding:6px!important;
  overflow:visible!important;border:1px solid var(--line)!important;border-radius:24px!important;
  background:var(--skin-shell)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 16px 42px rgba(0,0,0,.1)!important
}
html[data-skin="wanderful"] .admin-tabs button.secondary-button{
  width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:17px!important;
  color:var(--muted)!important;background:transparent!important;box-shadow:none!important;
  font-size:9px!important;font-weight:740!important;line-height:1!important;white-space:nowrap
}
html[data-skin="wanderful"] .admin-tabs button.secondary-button:hover{
  color:var(--text)!important;border-color:var(--line)!important;
  background:rgba(255,255,255,.075)!important;transform:none!important
}
html[data-skin="wanderful"] .admin-tabs button.secondary-button.active{
  color:#10231d!important;border-color:rgba(134,240,207,.42)!important;
  background:linear-gradient(135deg,rgba(248,255,252,.96),rgba(183,241,223,.88))!important;
  box-shadow:inset 0 1px #fff,0 8px 24px rgba(19,68,55,.12)!important
}

html[data-skin="wanderful"] #admin-content{--admin-field-h:48px;--admin-action-h:42px}
html[data-skin="wanderful"] #admin-content>.content-card,
html[data-skin="wanderful"] #admin-content>.section{
  margin-top:0;padding:24px!important;border-radius:28px!important
}
html[data-skin="wanderful"] #admin-content>.content-card+.content-card,
html[data-skin="wanderful"] #admin-content>.content-card+.section,
html[data-skin="wanderful"] #admin-content>.section+.content-card{margin-top:18px!important}
html[data-skin="wanderful"] #admin-content .section-heading{
  min-height:48px;align-items:center;gap:18px;margin-bottom:20px
}
html[data-skin="wanderful"] #admin-content .section-heading h2{font-size:22px;line-height:1.08}
html[data-skin="wanderful"] #admin-content .section-heading p{margin-top:7px;font-size:9.5px;line-height:1.55}

html[data-skin="wanderful"] #admin-content .form-grid,
html[data-skin="wanderful"] .admin-modal-card .form-grid{gap:16px 18px!important;align-items:start}
html[data-skin="wanderful"] #admin-content .form-grid>label,
html[data-skin="wanderful"] .admin-modal-card .form-grid>label,
html[data-skin="wanderful"] #admin-content .guest-create-grid>label,
html[data-skin="wanderful"] #admin-content .music-add-bar>label,
html[data-skin="wanderful"] #admin-content .wallpaper-setting-grid>label{
  min-width:0!important;margin:0!important;padding:0!important;gap:8px!important;
  border:0!important;border-radius:0!important;color:var(--muted)!important;
  background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  font-size:9px!important;font-weight:720!important;line-height:1.2!important
}
html[data-skin="wanderful"] #admin-content input:not([type="checkbox"]):not([type="range"]):not([type="file"]):not([type="color"]),
html[data-skin="wanderful"] #admin-content select:not(.route-select):not(.position-select),
html[data-skin="wanderful"] .admin-modal-card input:not([type="checkbox"]):not([type="range"]):not([type="file"]):not([type="color"]),
html[data-skin="wanderful"] .admin-modal-card select{
  height:48px!important;min-height:48px!important;margin:0!important;
  border:1px solid var(--line)!important;border-radius:16px!important;
  background-color:var(--skin-input)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 24px rgba(0,0,0,.06)!important;
  font-size:10px!important;line-height:1!important
}
html[data-skin="wanderful"] #admin-content .section-actions,
html[data-skin="wanderful"] #admin-content .button-row{gap:7px}
html[data-skin="wanderful"] #admin-content .primary-button,
html[data-skin="wanderful"] #admin-content .secondary-button,
html[data-skin="wanderful"] #admin-content .danger-button,
html[data-skin="wanderful"] .admin-modal-card .primary-button,
html[data-skin="wanderful"] .admin-modal-card .secondary-button,
html[data-skin="wanderful"] .admin-modal-card .danger-button,
html[data-skin="wanderful"] .module-shell:has(.admin-tabs)>.module-toolbar>.secondary-button{
  height:42px!important;min-height:42px!important;margin:0!important;padding:0 15px!important;
  border-radius:14px!important;font-size:9.5px!important;font-weight:740!important;line-height:1!important;
  white-space:nowrap
}
html[data-skin="wanderful"] #admin-content .primary-button,
html[data-skin="wanderful"] .admin-modal-card .primary-button{
  color:#10231d!important;border-color:rgba(134,240,207,.46)!important;
  background:linear-gradient(135deg,rgba(248,255,252,.98),rgba(183,241,223,.9))!important;
  box-shadow:inset 0 1px #fff,0 9px 26px rgba(24,70,58,.11)!important
}
html[data-skin="wanderful"] #admin-content .secondary-button,
html[data-skin="wanderful"] .admin-modal-card .secondary-button,
html[data-skin="wanderful"] .module-shell:has(.admin-tabs)>.module-toolbar>.secondary-button{
  color:var(--text)!important;border-color:var(--line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.07)!important
}
html[data-skin="wanderful"] #admin-content .danger-button,
html[data-skin="wanderful"] .admin-modal-card .danger-button{
  color:#ef5268!important;border-color:rgba(239,82,104,.25)!important;
  background:linear-gradient(145deg,rgba(239,82,104,.1),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12)!important
}
html[data-skin="wanderful"] #admin-content button:hover,
html[data-skin="wanderful"] .admin-modal-card button:hover{filter:brightness(1.035);transform:translateY(-1px)}

html[data-skin="wanderful"] #admin-content .wallpaper-settings,
html[data-skin="wanderful"] #admin-content .statusbar-settings,
html[data-skin="wanderful"] #admin-content .gallery-controlbar{
  border:1px solid var(--line)!important;background:var(--skin-shell)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 14px 40px rgba(0,0,0,.08)!important
}
html[data-skin="wanderful"] #admin-content .wallpaper-settings{margin-top:22px;padding:20px!important;border-radius:22px!important}
html[data-skin="wanderful"] #admin-content .statusbar-settings{margin-top:20px;padding:20px!important;border-radius:22px!important}
html[data-skin="wanderful"] #admin-content .statusbar-settings>.form-grid{margin-top:14px}
html[data-skin="wanderful"] #admin-content .wallpaper-opacity-control input[type="range"]{
  height:6px!important;min-height:6px!important;border:0!important;box-shadow:none!important
}

html[data-skin="wanderful"][data-theme="light"] .settings-item:hover,
html[data-skin="wanderful"][data-theme="light"] .settings-item:focus-visible,
html[data-skin="wanderful"][data-theme="light"] #admin-content .secondary-button,
html[data-skin="wanderful"][data-theme="light"] .admin-modal-card .secondary-button,
html[data-skin="wanderful"][data-theme="light"] .module-shell:has(.admin-tabs)>.module-toolbar>.secondary-button{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(225,235,239,.58))!important
}
html[data-skin="wanderful"][data-theme="light"] .header-actions .action-button,
html[data-skin="wanderful"][data-theme="light"] .header-menu-button,
html[data-skin="wanderful"][data-theme="light"] .settings-item,
html[data-skin="wanderful"][data-theme="light"] .module-shell:has(.admin-tabs)>.module-toolbar>.secondary-button,
html[data-skin="wanderful"][data-theme="light"] #admin-content .secondary-button,
html[data-skin="wanderful"][data-theme="light"] .admin-modal-card .secondary-button{
  color:#263740!important
}
html[data-skin="wanderful"][data-theme="light"] .header-actions .action-button>svg,
html[data-skin="wanderful"][data-theme="light"] .header-menu-button>svg{stroke:currentColor!important}
html[data-skin="wanderful"][data-theme="light"] .admin-tabs button.secondary-button:not(.active){color:#42545f!important}
html[data-skin="wanderful"][data-theme="light"] .settings-item.danger{color:#cf3f58!important}
html[data-skin="wanderful"][data-theme="dark"] .header-actions .action-button,
html[data-skin="wanderful"][data-theme="dark"] .header-menu-button,
html[data-skin="wanderful"][data-theme="dark"] .settings-item{color:#eef6f8!important}

@media(max-width:1050px){
  html[data-skin="wanderful"] .admin-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:720px){
  html[data-skin="wanderful"] .settings-menu{top:64px!important;right:0!important;width:min(242px,calc(100vw - 22px))!important}
  html[data-skin="wanderful"] .module-shell:has(.admin-tabs)>.module-toolbar{flex-direction:row!important;align-items:center!important;min-height:68px;padding:10px!important}
  html[data-skin="wanderful"] .module-shell:has(.admin-tabs) .module-title img{width:40px;height:40px}
  html[data-skin="wanderful"] .module-shell:has(.admin-tabs) .module-title h1{font-size:18px}
  html[data-skin="wanderful"] .module-shell:has(.admin-tabs) .module-title p{display:none}
  html[data-skin="wanderful"] .module-shell:has(.admin-tabs)>.module-toolbar>.secondary-button{align-self:center!important;height:40px!important;min-height:40px!important;padding:0 12px!important}
  html[data-skin="wanderful"] .admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:5px!important;border-radius:20px!important}
  html[data-skin="wanderful"] .admin-tabs button.secondary-button{height:41px!important;min-height:41px!important;border-radius:15px!important}
  html[data-skin="wanderful"] #admin-content>.content-card,
  html[data-skin="wanderful"] #admin-content>.section{padding:17px!important;border-radius:22px!important}
  html[data-skin="wanderful"] #admin-content .section-heading{align-items:flex-start;gap:13px;margin-bottom:17px}
  html[data-skin="wanderful"] #admin-content .section-actions{width:auto!important;justify-content:flex-end!important}
  html[data-skin="wanderful"] #admin-content .form-grid,
  html[data-skin="wanderful"] .admin-modal-card .form-grid{grid-template-columns:1fr!important;gap:13px!important}
  html[data-skin="wanderful"] #admin-content .form-grid .full,
  html[data-skin="wanderful"] .admin-modal-card .form-grid .full{grid-column:auto!important}
  html[data-skin="wanderful"] #admin-content .wallpaper-settings,
  html[data-skin="wanderful"] #admin-content .statusbar-settings{padding:16px!important;border-radius:19px!important}
}

/* V31 final cascade: keep administrator actions neutral after legacy rules. */
html[data-skin="wanderful"] #admin-content .primary-button,
html[data-skin="wanderful"] .admin-modal-card .primary-button,
html[data-skin="wanderful"] .admin-tabs button.secondary-button.active{
  color:var(--text)!important;border-color:var(--line-strong)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(133,168,199,.1),rgba(160,139,194,.08))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.38),0 9px 26px rgba(18,35,50,.1)!important
}
html[data-skin="wanderful"][data-theme="light"] #admin-content .primary-button,
html[data-skin="wanderful"][data-theme="light"] .admin-modal-card .primary-button,
html[data-skin="wanderful"][data-theme="light"] .admin-tabs button.secondary-button.active{
  color:#22323b!important;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(214,229,238,.62),rgba(230,220,240,.5))!important
}
html[data-skin="wanderful"] #admin-content .check-chip,
html[data-skin="wanderful"] .admin-modal-card .check-chip{
  color:var(--muted)!important;border-color:var(--line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025))!important
}
html[data-skin="wanderful"] #admin-content .check-chip:has(input:checked),
html[data-skin="wanderful"] .admin-modal-card .check-chip:has(input:checked){
  color:var(--text)!important;border-color:rgba(126,186,218,.3)!important;
  background:linear-gradient(145deg,rgba(140,190,222,.13),rgba(156,141,205,.075))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.055)!important
}

/* V32: KV-locked wallpaper, clearer liquid glass and a neutral platinum UI. */
html[data-skin="wanderful"] .skin-background-shade::after{
  background:linear-gradient(180deg,rgba(2,6,9,.015),rgba(2,5,7,.035) 46%,rgba(1,3,5,.28)),linear-gradient(90deg,rgba(1,4,6,.07),transparent 57%,rgba(1,3,5,.08))!important
}
html[data-skin="wanderful"][data-theme="light"] .skin-background-shade::after{
  background:linear-gradient(180deg,rgba(246,252,253,.13),rgba(244,250,252,.055) 48%,rgba(235,243,246,.19)),linear-gradient(90deg,rgba(239,249,251,.12),transparent 56%,rgba(247,240,248,.1))!important
}
html[data-skin="wanderful"] .skin-background-shade::before{
  background:radial-gradient(circle at var(--cinema-x,52%) var(--cinema-y,44%),rgba(153,179,202,.1),transparent 30%),linear-gradient(180deg,rgba(4,8,12,.01),rgba(2,5,9,.12))!important
}
html[data-skin="wanderful"][data-theme="light"] .skin-background-shade::before{
  background:radial-gradient(circle at var(--cinema-x,52%) var(--cinema-y,44%),rgba(107,137,160,.095),transparent 30%)!important
}

html[data-skin="wanderful"] #boot-screen>div{
  border-color:rgba(225,239,248,.24)!important;
  background:linear-gradient(145deg,rgba(7,13,19,.35),rgba(8,10,17,.2) 62%,rgba(18,10,22,.18))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 30px 92px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(10px) saturate(116%)!important;
  backdrop-filter:blur(10px) saturate(116%)!important
}
html[data-skin="wanderful"][data-theme="light"] #boot-screen>div{
  border-color:rgba(255,255,255,.7)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.33),rgba(232,242,247,.2) 58%,rgba(245,235,248,.18))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.84),0 30px 84px rgba(36,53,65,.15)!important
}

html[data-skin="wanderful"] .login-view:not([hidden]) .login-card.glass-panel{
  border-color:rgba(224,238,247,.24)!important;
  background:linear-gradient(150deg,rgba(5,11,17,.46),rgba(4,8,14,.31) 58%,rgba(15,8,19,.29))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 32px 96px rgba(0,0,0,.27)!important;
  -webkit-backdrop-filter:blur(11px) saturate(120%)!important;
  backdrop-filter:blur(11px) saturate(120%)!important
}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-role-switch{
  border-color:rgba(224,238,247,.17)!important;
  background:rgba(3,8,13,.24)!important;
  -webkit-backdrop-filter:blur(8px) saturate(112%)!important;
  backdrop-filter:blur(8px) saturate(112%)!important
}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-role-switch button.active{
  color:#f5f9fc!important;
  border-color:rgba(181,205,221,.34)!important;
  background:linear-gradient(145deg,rgba(194,214,227,.18),rgba(183,169,203,.12))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 9px 25px rgba(0,0,0,.1)!important
}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-input-shell{
  border-color:rgba(224,238,247,.18)!important;
  background:rgba(2,7,11,.31)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 9px 25px rgba(0,0,0,.08)!important;
  -webkit-backdrop-filter:blur(8px) saturate(112%)!important;
  backdrop-filter:blur(8px) saturate(112%)!important
}
html[data-skin="wanderful"] .login-view:not([hidden]) .primary-button.wide{
  color:#f7fbfd!important;
  border-color:rgba(225,239,248,.27)!important;
  background:linear-gradient(145deg,rgba(207,224,235,.17),rgba(163,180,205,.11),rgba(184,163,203,.1))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.27),0 15px 38px rgba(0,0,0,.13)!important;
  -webkit-backdrop-filter:blur(8px) saturate(116%)!important;
  backdrop-filter:blur(8px) saturate(116%)!important
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card.glass-panel{
  color:#17242c!important;
  border-color:rgba(255,255,255,.7)!important;
  background:linear-gradient(150deg,rgba(255,255,255,.34),rgba(235,244,247,.21) 58%,rgba(247,238,248,.19))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.86),0 32px 90px rgba(35,55,67,.16)!important
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-role-switch{
  border-color:rgba(31,48,59,.13)!important;
  background:rgba(255,255,255,.22)!important
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-role-switch button.active{
  color:#18262f!important;
  border-color:rgba(91,119,140,.23)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(204,219,230,.29),rgba(225,214,235,.24))!important
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-input-shell{
  border-color:rgba(31,48,59,.13)!important;
  background:rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.82),0 9px 24px rgba(36,55,67,.065)!important
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .primary-button.wide{
  color:#1a2932!important;
  border-color:rgba(255,255,255,.72)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.43),rgba(211,226,235,.28),rgba(229,218,238,.24))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.88),0 14px 35px rgba(40,58,70,.1)!important
}

html[data-skin="wanderful"] .racknerd-button svg,
html[data-skin="wanderful"] .music-button svg,
html[data-skin="wanderful"] .search-action svg,
html[data-skin="wanderful"] .mobile-music-button .music-icon{
  color:#a7bac9!important;
  stroke:currentColor!important;
  filter:drop-shadow(0 0 7px rgba(167,186,201,.22))!important
}
html[data-skin="wanderful"][data-theme="light"] .racknerd-button svg,
html[data-skin="wanderful"][data-theme="light"] .music-button svg,
html[data-skin="wanderful"][data-theme="light"] .search-action svg,
html[data-skin="wanderful"][data-theme="light"] .mobile-music-button .music-icon{color:#657f92!important}
html[data-skin="wanderful"] .settings-user>span{
  background:#93a9b9!important;
  box-shadow:0 0 9px rgba(147,169,185,.34)!important
}

html[data-skin="wanderful"] #admin-content .pet-toggle-card:has(input:checked),
html[data-skin="wanderful"] #admin-content .pet-choice-grid button.active,
html[data-skin="wanderful"] #admin-content .pet-segmented button.active{
  color:var(--text)!important;
  border-color:rgba(164,187,204,.28)!important;
  background:linear-gradient(145deg,rgba(172,197,214,.14),rgba(168,154,191,.09),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 9px 25px rgba(11,23,33,.075)!important
}
html[data-skin="wanderful"][data-theme="light"] #admin-content .pet-toggle-card:has(input:checked),
html[data-skin="wanderful"][data-theme="light"] #admin-content .pet-choice-grid button.active,
html[data-skin="wanderful"][data-theme="light"] #admin-content .pet-segmented button.active{
  color:#21323d!important;
  background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(210,225,234,.36),rgba(226,216,236,.3))!important
}
html[data-skin="wanderful"] #admin-content .pet-toggle-card input:checked{
  background:rgba(151,174,191,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(189,209,222,.28)!important
}
html[data-skin="wanderful"] #admin-content .pet-toggle-card input:checked::after{
  background:#d8e4eb!important;
  box-shadow:0 1px 7px rgba(7,15,22,.3),0 0 9px rgba(172,193,208,.24)!important
}
html[data-skin="wanderful"] #admin-content .pet-roster-card.selected{
  border-color:rgba(159,184,202,.31)!important;
  background:linear-gradient(135deg,rgba(157,184,203,.1),rgba(171,154,195,.065),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 10px 28px rgba(14,27,38,.065)!important
}
html[data-skin="wanderful"] #admin-content .pet-roster-card.selected>i{
  border-color:#a9bdcb!important;
  background:#a9bdcb!important;
  box-shadow:0 0 10px rgba(169,189,203,.42)!important
}
html[data-skin="wanderful"] #admin-content .pet-roster-head b,
html[data-skin="wanderful"] #admin-content .pet-size-control output{color:#a9bdcb!important}
html[data-skin="wanderful"] #admin-content .pet-size-control input{accent-color:#9eb3c2!important}

@media(max-width:720px),(pointer:coarse){
  html[data-skin="wanderful"] .login-view:not([hidden]) .login-card.glass-panel,
  html[data-skin="wanderful"] #boot-screen>div{
    -webkit-backdrop-filter:blur(7px) saturate(108%)!important;
    backdrop-filter:blur(7px) saturate(108%)!important
  }
}

/* V34 — persistent interface state, neutral liquid glass and fluid login roles */
html[data-skin="wanderful"] .login-fields-stage{
  position:relative;
  width:100%;
  overflow:hidden;
  transition:height .44s cubic-bezier(.22,.78,.2,1)
}
html[data-skin="wanderful"] .login-fields-stage .field-stack{
  width:100%;
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
  transition:opacity .3s ease,transform .44s cubic-bezier(.22,.78,.2,1),filter .3s ease
}
html[data-skin="wanderful"] .login-fields-stage.is-switching .field-stack{
  position:absolute;
  inset:0 0 auto
}
html[data-skin="wanderful"] .login-fields-stage .field-stack.is-leaving{
  opacity:0;
  transform:translate3d(-16px,-3px,0) scale(.985);
  filter:blur(4px)
}
html[data-skin="wanderful"] .login-fields-stage .field-stack.is-entering{
  opacity:0;
  transform:translate3d(16px,4px,0) scale(.985);
  filter:blur(4px)
}
html[data-skin="wanderful"] .login-role-switch button.active{
  color:#edf4f8!important;
  border-color:rgba(204,219,230,.29)!important;
  background:linear-gradient(145deg,rgba(190,208,220,.2),rgba(171,160,193,.13),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 10px 26px rgba(0,0,0,.12)!important
}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch button.active{
  color:#1c2b34!important;
  border-color:rgba(255,255,255,.74)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.59),rgba(208,222,232,.35),rgba(226,216,236,.29))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94),0 10px 25px rgba(39,57,69,.1)!important
}

html[data-skin="wanderful"] .home-stage-nav button.is-active{
  color:#edf4f8!important;
  border:1px solid rgba(207,221,232,.3)!important;
  background:linear-gradient(145deg,rgba(188,207,220,.2),rgba(174,163,197,.13),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 12px 34px rgba(2,8,14,.16)!important;
  -webkit-backdrop-filter:blur(12px) saturate(118%)!important;
  backdrop-filter:blur(12px) saturate(118%)!important
}
html[data-skin="wanderful"] .home-stage-nav button.is-active small{color:rgba(221,231,238,.66)!important}
html[data-skin="wanderful"][data-theme="light"] .home-stage-nav button.is-active{
  color:#1c2b34!important;
  border-color:rgba(255,255,255,.7)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(208,222,232,.34),rgba(226,216,236,.28))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 12px 32px rgba(39,57,69,.11)!important
}
html[data-skin="wanderful"][data-theme="light"] .home-stage-nav button.is-active small{color:rgba(52,72,84,.62)!important}

html[data-skin="wanderful"] .market-section .market-commandbar{
  border:1px solid rgba(197,216,229,.22)!important;
  background:linear-gradient(145deg,rgba(13,22,31,.31),rgba(7,12,19,.2) 56%,rgba(27,18,35,.2))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 22px 58px rgba(0,0,0,.15)!important;
  -webkit-backdrop-filter:blur(17px) saturate(124%)!important;
  backdrop-filter:blur(17px) saturate(124%)!important
}
html[data-skin="wanderful"] .market-section .market-card{
  border:1px solid rgba(197,216,229,.2)!important;
  background:linear-gradient(150deg,rgba(12,21,29,.34),rgba(5,10,16,.22) 58%,rgba(26,16,33,.2))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 22px 62px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
  backdrop-filter:blur(14px) saturate(120%)!important
}
html[data-skin="wanderful"] .market-section .market-search-wrap,
html[data-skin="wanderful"] .market-section .market-facts>span,
html[data-skin="wanderful"] .market-section .market-day-range>span,
html[data-skin="wanderful"] .market-section .sparkline,
html[data-skin="wanderful"] .market-section .market-updated,
html[data-skin="wanderful"] .market-section .market-command,
html[data-skin="wanderful"] .market-section .market-name>b,
html[data-skin="wanderful"] .market-section .market-links a,
html[data-skin="wanderful"] .market-section .chart-caption,
html[data-skin="wanderful"] .market-section .chart-scale span{
  border-color:rgba(194,214,228,.18)!important;
  background:linear-gradient(145deg,rgba(212,228,238,.085),rgba(154,169,190,.04))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(9px) saturate(116%)!important;
  backdrop-filter:blur(9px) saturate(116%)!important
}
html[data-skin="wanderful"] .market-section .market-links a{
  padding:4px 7px;
  border:1px solid rgba(194,214,228,.14)!important;
  border-radius:999px
}
html[data-skin="wanderful"] .market-section .market-search-result{
  border-color:rgba(198,216,229,.15)!important;
  background:linear-gradient(145deg,rgba(210,226,237,.08),rgba(158,169,190,.035))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11)!important
}
html[data-skin="wanderful"] .market-section .market-search-result:hover{
  border-color:rgba(204,220,232,.3)!important;
  background:linear-gradient(145deg,rgba(218,232,241,.14),rgba(175,165,198,.08))!important
}
html[data-skin="wanderful"] .market-section .market-search-result b,
html[data-skin="wanderful"] .market-section .market-facts small{color:#aabdc9!important}
html[data-skin="wanderful"] .market-section .market-card.search-match{
  outline-color:rgba(186,204,218,.52)!important;
  box-shadow:0 0 0 4px rgba(176,195,209,.07),inset 0 1px rgba(255,255,255,.2),0 25px 68px rgba(0,0,0,.17)!important
}
html[data-skin="wanderful"] .market-section .market-search-submit{
  color:#eef4f8!important;
  border:1px solid rgba(206,221,232,.28)!important;
  background:linear-gradient(145deg,rgba(190,208,220,.2),rgba(171,161,194,.13))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 7px 22px rgba(0,0,0,.12)!important
}
html[data-skin="wanderful"] .market-section .market-search-wrap input{
  color:#eef4f8!important;
  border-color:rgba(194,214,228,.18)!important;
  background:rgba(4,9,15,.24)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 24px rgba(0,0,0,.08)!important
}
html[data-skin="wanderful"] .market-section .market-search-wrap:focus-within input{
  border-color:rgba(184,204,219,.36)!important;
  background:rgba(4,9,15,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 0 4px rgba(161,181,199,.07),0 12px 34px rgba(0,0,0,.12)!important
}
html[data-skin="wanderful"] .market-section .market-search-wrap .market-search-icon{stroke:#a9bcc9!important;filter:drop-shadow(0 0 7px rgba(169,188,201,.22))!important}
html[data-skin="wanderful"] .market-section .market-inline-results{
  border-color:rgba(198,217,230,.22)!important;
  background:linear-gradient(145deg,rgba(6,12,19,.82),rgba(12,10,20,.75))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 24px 70px rgba(0,0,0,.3)!important;
  -webkit-backdrop-filter:blur(20px) saturate(126%)!important;
  backdrop-filter:blur(20px) saturate(126%)!important
}
html[data-skin="wanderful"] .market-section .market-title>i{
  background:#a8bac7!important;
  box-shadow:0 0 13px rgba(168,186,199,.4)!important
}

html[data-skin="wanderful"][data-theme="light"] .market-section .market-commandbar{
  border-color:rgba(255,255,255,.72)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.43),rgba(229,239,245,.27) 56%,rgba(242,233,246,.24))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 22px 58px rgba(39,57,69,.1)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-card{
  border-color:rgba(255,255,255,.7)!important;
  background:linear-gradient(150deg,rgba(255,255,255,.45),rgba(232,241,246,.27) 58%,rgba(245,235,247,.23))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 22px 58px rgba(42,60,72,.095)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-wrap,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-facts>span,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-day-range>span,
html[data-skin="wanderful"][data-theme="light"] .market-section .sparkline,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-updated,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-command,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-name>b,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-links a,
html[data-skin="wanderful"][data-theme="light"] .market-section .chart-caption,
html[data-skin="wanderful"][data-theme="light"] .market-section .chart-scale span{
  border-color:rgba(75,99,116,.15)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(217,229,237,.2))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.86)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-result{
  border-color:rgba(75,99,116,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.37),rgba(219,230,238,.2))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.86)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-result:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(213,226,235,.31),rgba(229,219,238,.24))!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-result b,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-facts small{color:#60798b!important}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-submit{
  color:#1d2b34!important;
  border-color:rgba(255,255,255,.76)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(203,218,228,.36),rgba(225,214,235,.28))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94),0 7px 20px rgba(45,63,75,.09)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-wrap input{
  color:#1b2932!important;
  border-color:rgba(75,99,116,.15)!important;
  background:rgba(255,255,255,.27)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.88),0 8px 22px rgba(42,60,72,.055)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-wrap:focus-within input{
  border-color:rgba(95,121,139,.27)!important;
  background:rgba(255,255,255,.39)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94),0 0 0 4px rgba(112,137,154,.065),0 12px 30px rgba(42,60,72,.07)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-inline-results{
  border-color:rgba(255,255,255,.74)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(231,239,245,.65),rgba(242,234,246,.62))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94),0 24px 62px rgba(39,57,69,.16)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-title>i{
  background:#7891a3!important;
  box-shadow:0 0 11px rgba(120,145,163,.28)!important
}

@media(max-width:720px),(pointer:coarse){
  html[data-skin="wanderful"] .market-section .market-commandbar,
  html[data-skin="wanderful"] .market-section .market-card,
  html[data-skin="wanderful"] .market-section .market-search-wrap,
  html[data-skin="wanderful"] .market-section .market-facts>span,
  html[data-skin="wanderful"] .market-section .market-day-range>span,
  html[data-skin="wanderful"] .market-section .sparkline{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important
  }
  html[data-skin="wanderful"] .market-section .market-commandbar{background:rgba(7,12,18,.76)!important}
  html[data-skin="wanderful"] .market-section .market-card{background:rgba(8,14,21,.64)!important}
  html[data-skin="wanderful"][data-theme="light"] .market-section .market-commandbar{background:rgba(241,247,250,.76)!important}
  html[data-skin="wanderful"][data-theme="light"] .market-section .market-card{background:rgba(241,247,250,.71)!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-skin="wanderful"] .login-fields-stage,
  html[data-skin="wanderful"] .login-fields-stage .field-stack{transition:none!important}
}

/* V35 · trusted-entry audio, fluid identity switch and low-cost liquid controls. */
html[data-skin="wanderful"] .login-view:not([hidden]){
  min-height:100dvh!important;
  height:100dvh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:none
}
html[data-skin="wanderful"] .login-view:not([hidden]) .login-card.glass-panel{
  background:linear-gradient(145deg,rgba(8,15,22,.37),rgba(6,10,16,.25) 60%,rgba(18,11,23,.22))!important;
  -webkit-backdrop-filter:blur(7px) saturate(112%)!important;
  backdrop-filter:blur(7px) saturate(112%)!important
}
html[data-skin="wanderful"][data-theme="light"] .login-view:not([hidden]) .login-card.glass-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.29),rgba(229,239,244,.18) 60%,rgba(244,235,246,.16))!important;
  -webkit-backdrop-filter:blur(6px) saturate(108%)!important;
  backdrop-filter:blur(6px) saturate(108%)!important
}

html[data-skin="wanderful"] .login-role-switch{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background:rgba(4,9,15,.24)!important
}
html[data-skin="wanderful"] .login-role-switch::before{
  content:"";
  position:absolute;
  z-index:0;
  top:6px;
  bottom:6px;
  left:6px;
  width:calc(50% - 9px);
  border:1px solid rgba(210,225,235,.3);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(224,236,244,.19),rgba(173,186,205,.1));
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 9px 24px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(7px) saturate(112%);
  backdrop-filter:blur(7px) saturate(112%);
  transform:translate3d(0,0,0);
  transition:transform .48s cubic-bezier(.2,.82,.18,1),background .3s ease,border-color .3s ease
}
html[data-skin="wanderful"] .login-role-switch[data-active-role="guest"]::before{
  transform:translate3d(calc(100% + 12px),0,0)
}
html[data-skin="wanderful"] .login-role-switch button,
html[data-skin="wanderful"] .login-role-switch button.active{
  z-index:1!important;
  color:#82909d!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color .34s ease!important
}
html[data-skin="wanderful"] .login-role-switch button.active{color:#f2f7fa!important}
html[data-skin="wanderful"] .login-role-switch button.active svg{color:#d6e4ed!important;filter:none!important}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch{background:rgba(255,255,255,.2)!important}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch::before{
  border-color:rgba(255,255,255,.72);
  background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(207,222,231,.31));
  box-shadow:inset 0 1px rgba(255,255,255,.95),0 9px 22px rgba(40,58,70,.09)
}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch button,
html[data-skin="wanderful"][data-theme="light"] .login-role-switch button.active{color:#687985!important}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch button.active{color:#172630!important}
html[data-skin="wanderful"][data-theme="light"] .login-role-switch button.active svg{color:#526b7b!important}
html[data-skin="wanderful"] .login-fields-stage .field-stack{
  filter:none!important;
  will-change:transform,opacity;
  backface-visibility:hidden
}

html[data-skin="wanderful"][data-theme="dark"] .app-header .action-button,
html[data-skin="wanderful"][data-theme="dark"] .app-header .header-menu-button{
  color:#f0f6fa!important
}
html[data-skin="wanderful"][data-theme="dark"] .app-header .action-button svg,
html[data-skin="wanderful"][data-theme="dark"] .app-header .header-menu-button svg,
html[data-skin="wanderful"][data-theme="dark"] .app-header .mobile-music-button .music-icon{
  color:#edf6fb!important;
  stroke:currentColor!important;
  opacity:1!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) drop-shadow(0 0 5px rgba(221,239,249,.2))!important
}
html[data-skin="wanderful"][data-theme="dark"] .app-header .action-button span{color:#f1f6f9!important}
html[data-skin="wanderful"][data-theme="dark"] .app-header .action-button svg *,
html[data-skin="wanderful"][data-theme="dark"] .app-header .header-menu-button svg *,
html[data-skin="wanderful"][data-theme="dark"] .app-header .mobile-music-button svg *{
  stroke:#f3f8fb!important;
  opacity:1!important
}

html[data-skin="wanderful"] .market-section .market-commandbar{
  --market-control-height:46px;
  grid-template-columns:minmax(128px,1fr) minmax(300px,560px) minmax(128px,1fr) 46px!important;
  min-height:72px!important;
  gap:13px!important;
  padding:12px 14px!important;
  overflow:visible!important
}
html[data-skin="wanderful"] .market-section .market-search-shell{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  max-width:560px!important;
  justify-self:center!important;
  overflow:visible!important
}
html[data-skin="wanderful"] .market-section .market-search-shell::before,
html[data-skin="wanderful"] .market-section .market-search-shell::after,
html[data-skin="wanderful"] .market-section .market-search-wrap::before,
html[data-skin="wanderful"] .market-section .market-search-wrap::after,
html[data-skin="wanderful"] .market-section .market-command::before,
html[data-skin="wanderful"] .market-section .market-search-submit::before{
  content:none!important;
  display:none!important
}
html[data-skin="wanderful"] .market-section .market-search-wrap{
  position:relative!important;
  z-index:2!important;
  height:var(--market-control-height)!important;
  min-height:var(--market-control-height)!important;
  display:flex!important;
  align-items:center!important;
  padding:4px!important;
  overflow:visible!important;
  border:1px solid rgba(206,222,233,.2)!important;
  border-radius:999px!important;
  background:rgba(214,228,237,.065)!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 9px 26px rgba(0,0,0,.1)!important;
  -webkit-backdrop-filter:blur(8px) saturate(112%)!important;
  backdrop-filter:blur(8px) saturate(112%)!important;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important
}
html[data-skin="wanderful"] .market-section .market-search-wrap:focus-within{
  border-color:rgba(213,228,238,.34)!important;
  background:rgba(221,233,241,.09)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 0 0 3px rgba(178,197,211,.055),0 12px 30px rgba(0,0,0,.13)!important
}
html[data-skin="wanderful"] .market-section .market-search-wrap input#market-filter,
html[data-skin="wanderful"] .market-section .market-search-wrap:focus-within input#market-filter{
  height:calc(var(--market-control-height) - 8px)!important;
  min-width:0!important;
  padding:0 88px 0 42px!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  color:#eef5f9!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important
}
html[data-skin="wanderful"] .market-section .market-search-wrap .market-search-icon{
  left:16px!important;
  z-index:4!important;
  width:16px!important;
  height:16px!important;
  color:#b9cad5!important;
  stroke:currentColor!important;
  filter:none!important
}
html[data-skin="wanderful"] .market-section .market-search-submit{
  position:absolute!important;
  z-index:5!important;
  top:4px!important;
  right:4px!important;
  width:auto!important;
  min-width:76px!important;
  height:calc(var(--market-control-height) - 8px)!important;
  padding:0 17px!important;
  border:1px solid rgba(210,225,235,.22)!important;
  border-radius:999px!important;
  color:#edf4f8!important;
  background:rgba(205,220,231,.1)!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22)!important;
  -webkit-backdrop-filter:blur(7px) saturate(110%)!important;
  backdrop-filter:blur(7px) saturate(110%)!important
}
html[data-skin="wanderful"] .market-section .market-updated,
html[data-skin="wanderful"] .market-section .market-command{
  height:var(--market-control-height)!important;
  min-height:var(--market-control-height)!important;
  border:1px solid rgba(206,222,233,.18)!important;
  background:rgba(211,227,237,.06)!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 8px 22px rgba(0,0,0,.08)!important;
  -webkit-backdrop-filter:blur(8px) saturate(112%)!important;
  backdrop-filter:blur(8px) saturate(112%)!important
}
html[data-skin="wanderful"] .market-section .market-updated{
  min-width:108px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border-radius:999px!important;
  justify-self:end!important;
  white-space:nowrap
}
html[data-skin="wanderful"] .market-section .market-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;justify-self:end!important}
html[data-skin="wanderful"] .market-section .market-command{
  width:var(--market-control-height)!important;
  min-width:var(--market-control-height)!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  overflow:hidden!important
}
html[data-skin="wanderful"] .market-section .market-command svg{width:17px!important;height:17px!important;color:#dbe8ef!important;stroke:currentColor!important}
html[data-skin="wanderful"] .market-section .market-facts>span,
html[data-skin="wanderful"] .market-section .market-day-range>span,
html[data-skin="wanderful"] .market-section .market-name>b,
html[data-skin="wanderful"] .market-section .market-links a{
  background:rgba(205,221,232,.055)!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-wrap,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-updated,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-command{
  border-color:rgba(255,255,255,.74)!important;
  background:rgba(255,255,255,.27)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94),0 9px 24px rgba(39,58,70,.075)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-wrap:focus-within{
  border-color:rgba(105,129,146,.23)!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px #fff,0 0 0 3px rgba(97,122,140,.045),0 12px 29px rgba(40,58,70,.085)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-wrap input,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-wrap:focus-within input{color:#172630!important}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-wrap .market-search-icon{color:#607989!important}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-submit{
  color:#20313b!important;
  border-color:rgba(255,255,255,.8)!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px #fff!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-command svg{color:#334b5b!important}

@media(max-width:920px){
  html[data-skin="wanderful"] .market-section .market-commandbar{grid-template-columns:128px minmax(180px,1fr) 46px!important}
  html[data-skin="wanderful"] .market-section .market-updated{display:none!important}
}
@media(max-width:720px),(pointer:coarse){
  html[data-skin="wanderful"] #access-matrix,
  html[data-skin="wanderful"] #ambient-canvas,
  html[data-skin="wanderful"] #cursor-aura,
  html[data-skin="wanderful"] .ambient{display:none!important}
  html[data-skin="wanderful"],html[data-skin="wanderful"] body{
    width:100%;min-height:100dvh;background:#08101a;overscroll-behavior:none
  }
  html[data-skin="wanderful"] .skin-background-wallpaper,
  html[data-skin="wanderful"] .skin-background-shade{
    position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;transform:none!important;transition:none!important
  }
  html[data-skin="wanderful"] .login-view:not([hidden]){
    position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;
    min-height:100dvh!important;height:100dvh!important;margin:0!important;
    padding:max(64px,calc(env(safe-area-inset-top) + 50px)) 14px max(18px,env(safe-area-inset-bottom))!important;
    align-items:center!important;background:transparent!important
  }
  html[data-skin="wanderful"] .login-view:not([hidden])::before,
  html[data-skin="wanderful"] .login-view:not([hidden])::after,
  html[data-skin="wanderful"] body::before,
  html[data-skin="wanderful"] body::after{animation:none!important;filter:none!important}
  html[data-skin="wanderful"] .login-view:not([hidden]) .login-card.glass-panel,
  html[data-skin="wanderful"] #boot-screen>div{
    -webkit-backdrop-filter:blur(3px) saturate(106%)!important;
    backdrop-filter:blur(3px) saturate(106%)!important
  }
  html[data-skin="wanderful"] .login-view:not([hidden]) .login-card::before,
  html[data-skin="wanderful"] .login-view:not([hidden]) .login-card::after{animation:none!important;filter:none!important}
  html[data-skin="wanderful"] .login-view:not([hidden]) .login-avatar span{animation:none!important}
  html[data-skin="wanderful"] .network-section>.section-heading{
    width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important
  }
  html[data-skin="wanderful"] .network-section>.section-heading>div{width:100%;margin:0!important;text-align:left!important}
  html[data-skin="wanderful"] .network-section>.section-heading h2,
  html[data-skin="wanderful"] .network-section>.section-heading .eyebrow{text-align:left!important}
  html[data-skin="wanderful"] .network-section>.section-heading>.status-pill{display:none!important}
  html[data-skin="wanderful"] .market-section .market-commandbar{
    grid-template-columns:minmax(0,1fr) 46px!important;gap:10px!important;padding:10px!important;border-radius:20px!important
  }
  html[data-skin="wanderful"] .market-section .market-search-shell{grid-column:1/-1!important;grid-row:2!important;max-width:none!important}
  html[data-skin="wanderful"] .market-section .market-updated{
    display:flex!important;grid-column:1/-1!important;grid-row:3!important;justify-self:end!important;
    width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0 3px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important
  }
  html[data-skin="wanderful"] .market-section .market-commandbar,
  html[data-skin="wanderful"] .market-section .market-card,
  html[data-skin="wanderful"] .market-section .market-search-wrap,
  html[data-skin="wanderful"] .market-section .market-search-submit,
  html[data-skin="wanderful"] .market-section .market-command,
  html[data-skin="wanderful"] .market-section .market-facts>span,
  html[data-skin="wanderful"] .market-section .market-day-range>span,
  html[data-skin="wanderful"] .market-section .sparkline{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important
  }
  html[data-skin="wanderful"] .app-header,
  html[data-skin="wanderful"] .home-stage-nav,
  html[data-skin="wanderful"] .home-stage-panel,
  html[data-skin="wanderful"] .network-card,
  html[data-skin="wanderful"] .content-card,
  html[data-skin="wanderful"] .tool-card,
  html[data-skin="wanderful"] .gallery-stream-shell,
  html[data-skin="wanderful"] .admin-tabs{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important
  }
  html[data-skin="wanderful"] .market-section .market-commandbar{background:rgba(7,13,20,.76)!important}
  html[data-skin="wanderful"] .market-section .market-card{background:rgba(8,14,21,.7)!important}
  html[data-skin="wanderful"][data-theme="light"] .market-section .market-commandbar{background:rgba(239,246,249,.78)!important}
  html[data-skin="wanderful"][data-theme="light"] .market-section .market-card{background:rgba(239,246,249,.74)!important}
  html[data-skin="wanderful"] .hero-media-track{animation-duration:240s!important}
  html[data-skin="wanderful"] .home-stage-panel{animation:none!important;transition:opacity .28s ease!important}
}

/* V37: Markets is its own glass surface; never inherit the oversized overview-stage shadow. */
html[data-skin="wanderful"] .market-section.home-stage-panel{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important
}
html[data-skin="wanderful"][data-theme="dark"] .market-section .market-commandbar{
  background:linear-gradient(145deg,rgba(10,18,26,.48),rgba(6,11,18,.34) 58%,rgba(24,16,32,.3))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 14px 38px rgba(0,0,0,.12)!important
}
html[data-skin="wanderful"][data-theme="dark"] .market-section .market-card{
  background:linear-gradient(150deg,rgba(10,18,25,.34),rgba(5,10,16,.22) 58%,rgba(26,16,33,.2))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 14px 38px rgba(0,0,0,.12)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-commandbar{
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(225,237,244,.51),rgba(239,231,244,.44))!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-card{
  color:#14232c!important;
  background:linear-gradient(150deg,rgba(255,255,255,.68),rgba(226,238,244,.52) 58%,rgba(239,232,244,.47))!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-card .market-name small,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-card .market-links,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-card .chart-caption{color:#526673!important}
@media(max-width:720px),(pointer:coarse){
  html[data-skin="wanderful"] .market-section.home-stage-panel{background:transparent!important;box-shadow:none!important}
  html[data-skin="wanderful"][data-theme="dark"] .market-section .market-commandbar{background:rgba(8,15,22,.58)!important}
  html[data-skin="wanderful"][data-theme="dark"] .market-section .market-card{background:rgba(8,14,21,.54)!important}
  html[data-skin="wanderful"][data-theme="light"] .market-section .market-commandbar{background:rgba(241,247,250,.72)!important}
  html[data-skin="wanderful"][data-theme="light"] .market-section .market-card{background:rgba(241,247,250,.7)!important}
}

/* V38 · Liquid glass unification, compact markets and balanced mobile gallery. */
html[data-skin="wanderful"]{
  --liquid-surface:linear-gradient(145deg,rgba(220,235,244,.105),rgba(152,176,193,.038) 48%,rgba(191,166,211,.075));
  --liquid-control:linear-gradient(145deg,rgba(236,246,251,.16),rgba(154,176,190,.065) 55%,rgba(204,183,219,.1));
  --liquid-active:linear-gradient(135deg,rgba(238,251,250,.92),rgba(184,219,218,.76));
  --liquid-border:rgba(226,241,248,.23);
  --liquid-highlight:rgba(255,255,255,.34);
  --liquid-shadow:0 14px 38px rgba(0,0,0,.14),inset 0 1px var(--liquid-highlight),inset 0 -1px rgba(4,12,18,.12)
}
html[data-skin="wanderful"][data-theme="light"]{
  --liquid-surface:linear-gradient(145deg,rgba(255,255,255,.53),rgba(229,239,245,.29) 50%,rgba(242,232,245,.34));
  --liquid-control:linear-gradient(145deg,rgba(255,255,255,.7),rgba(224,236,242,.38) 58%,rgba(239,230,244,.42));
  --liquid-active:linear-gradient(135deg,rgba(255,255,255,.86),rgba(203,226,229,.64));
  --liquid-border:rgba(255,255,255,.68);
  --liquid-highlight:rgba(255,255,255,.92);
  --liquid-shadow:0 13px 34px rgba(34,53,66,.1),inset 0 1px var(--liquid-highlight),inset 0 -1px rgba(47,72,87,.08)
}

/* Header and the five-stage selector belong to document flow; they must not
   chase the wheel/touch scroll. */
html[data-skin="wanderful"] .app-header,
html[data-skin="wanderful"] .home-stage-nav{
  position:relative!important;
  top:auto!important;
}

/* One restrained liquid-glass language for every interactive control. */
html[data-skin="wanderful"] button,
html[data-skin="wanderful"] .action-button,
html[data-skin="wanderful"] .icon-button,
html[data-skin="wanderful"] .primary-button,
html[data-skin="wanderful"] .secondary-button,
html[data-skin="wanderful"] .danger-button,
html[data-skin="wanderful"] .settings-item,
html[data-skin="wanderful"] .market-action,
html[data-skin="wanderful"] .check-chip,
html[data-skin="wanderful"] .pet-toggle-card,
html[data-skin="wanderful"] .permission-option{
  border:1px solid var(--liquid-border)!important;
  background:var(--liquid-control)!important;
  background-color:transparent!important;
  box-shadow:var(--liquid-shadow)!important;
  -webkit-backdrop-filter:blur(10px) saturate(132%)!important;
  backdrop-filter:blur(10px) saturate(132%)!important;
}
html[data-skin="wanderful"] button:hover,
html[data-skin="wanderful"] .settings-item:hover,
html[data-skin="wanderful"] .check-chip:hover{
  border-color:rgba(238,248,252,.4)!important;
  filter:brightness(1.045)
}
html[data-skin="wanderful"][data-theme="light"] button:hover,
html[data-skin="wanderful"][data-theme="light"] .settings-item:hover,
html[data-skin="wanderful"][data-theme="light"] .check-chip:hover{border-color:rgba(255,255,255,.92)!important}
html[data-skin="wanderful"] .home-stage-nav button,
html[data-skin="wanderful"] .admin-tabs button{
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important
}
html[data-skin="wanderful"] .home-stage-nav button.is-active,
html[data-skin="wanderful"] .admin-tabs button.active,
html[data-skin="wanderful"] .permission-option:has(input:checked),
html[data-skin="wanderful"] .pet-toggle-card:has(input:checked),
html[data-skin="wanderful"] .pet-choice-grid button.active,
html[data-skin="wanderful"] .pet-segmented button.active{
  color:#14252a!important;
  border-color:rgba(255,255,255,.56)!important;
  background:var(--liquid-active)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.9)!important
}

html[data-skin="wanderful"] .app-header,
html[data-skin="wanderful"] .home-stage-nav,
html[data-skin="wanderful"] .gallery-stage,
html[data-skin="wanderful"] .network-section,
html[data-skin="wanderful"] .module-section,
html[data-skin="wanderful"] .settings-menu,
html[data-skin="wanderful"] .music-panel,
html[data-skin="wanderful"] .admin-tabs,
html[data-skin="wanderful"] .admin-shell .section,
html[data-skin="wanderful"] .admin-modal-card,
html[data-skin="wanderful"] .wallpaper-settings,
html[data-skin="wanderful"] .statusbar-settings,
html[data-skin="wanderful"] .pet-preview,
html[data-skin="wanderful"] .market-section .market-commandbar,
html[data-skin="wanderful"] .market-section .market-card,
html[data-skin="wanderful"] .module-card,
html[data-skin="wanderful"] .metric-card,
html[data-skin="wanderful"] .content-card{
  border-color:var(--liquid-border)!important;
  background:var(--liquid-surface)!important;
  box-shadow:var(--liquid-shadow)!important;
  -webkit-backdrop-filter:blur(12px) saturate(126%)!important;
  backdrop-filter:blur(12px) saturate(126%)!important
}
html[data-skin="wanderful"] .market-section.home-stage-panel{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important
}

/* Compact quote cards: identity spans the card; price is paired with market
   facts and day range, leaving a short chart while retaining every datum. */
html[data-skin="wanderful"] .market-section .market-grid{
  align-items:start!important;
  gap:14px!important
}
html[data-skin="wanderful"] .market-section .market-card{
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(150px,.92fr)!important;
  grid-template-rows:auto auto auto 78px auto!important;
  grid-template-areas:"top top" "quote facts" "quote range" "chart chart" "bottom bottom"!important;
  gap:7px 12px!important;
  padding:14px!important;
  overflow:hidden!important
}
html[data-skin="wanderful"] .market-section .market-top{grid-area:top!important;height:auto!important;min-height:38px!important;align-items:flex-start!important}
html[data-skin="wanderful"] .market-section .market-quote{grid-area:quote!important;min-height:0!important;align-self:center!important;margin:0!important}
html[data-skin="wanderful"] .market-section .market-facts{grid-area:facts!important;height:auto!important;min-height:29px!important;margin:0!important;align-self:end!important}
html[data-skin="wanderful"] .market-section .market-day-range{grid-area:range!important;height:auto!important;min-height:29px!important;margin:0!important;align-self:start!important;gap:6px!important}
html[data-skin="wanderful"] .market-section .sparkline{grid-area:chart!important;height:78px!important;min-height:78px!important;margin:0!important}
html[data-skin="wanderful"] .market-section .market-bottom{grid-area:bottom!important;min-height:17px!important;margin:0!important}
html[data-skin="wanderful"] .market-section .market-price{font-size:clamp(24px,2.15vw,35px)!important;line-height:1!important}
html[data-skin="wanderful"] .market-section .market-change{margin-top:7px!important}
html[data-skin="wanderful"] .market-section .market-facts>span,
html[data-skin="wanderful"] .market-section .market-day-range>span{
  min-width:0!important;
  min-height:29px!important;
  padding:0 8px!important;
  border:1px solid var(--liquid-border)!important;
  border-radius:11px!important;
  background:var(--liquid-control)!important;
  box-shadow:inset 0 1px var(--liquid-highlight)!important
}
html[data-skin="wanderful"] .market-section .market-cap{
  min-width:92px!important;
  max-width:42%!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:flex-end!important;
  text-align:right!important;
  overflow:visible!important
}
html[data-skin="wanderful"] .market-section .market-cap small{color:var(--faint)!important;line-height:1!important}
html[data-skin="wanderful"] .market-section .market-cap strong{
  display:block!important;
  max-width:100%!important;
  overflow:visible!important;
  color:var(--text)!important;
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important
}

@media(max-width:720px){
  html[data-skin="wanderful"] .app-header,
  html[data-skin="wanderful"] .home-stage-nav{position:relative!important;top:auto!important}
  html[data-skin="wanderful"] .gallery-stage.is-active{
    height:calc(100dvh - 154px)!important;
    min-height:520px!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-content:stretch!important;
    gap:9px!important;
    padding:13px 11px 14px!important
  }
  html[data-skin="wanderful"] .gallery-stage>.section-heading{margin:0!important;padding:0 3px!important}
  html[data-skin="wanderful"] .gallery-stage>.section-heading h2{margin:2px 0 0!important;font-size:22px!important;line-height:1.08!important}
  html[data-skin="wanderful"] .gallery-stage>.section-heading p{display:none!important}
  html[data-skin="wanderful"] .gallery-stage>.hero-gallery{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:8px!important
  }
  html[data-skin="wanderful"] .gallery-stage .hero-media-row,
  html[data-skin="wanderful"] .gallery-stage .hero-media-track{height:100%!important;min-height:0!important}
  html[data-skin="wanderful"] .gallery-stage .hero-media-card{height:100%!important;min-height:0!important}

  html[data-skin="wanderful"] .market-section .market-grid{gap:10px!important;margin-top:10px!important}
  html[data-skin="wanderful"] .market-section .market-card{
    grid-template-columns:minmax(0,.98fr) minmax(142px,1.02fr)!important;
    grid-template-rows:auto auto auto 68px auto!important;
    gap:6px 8px!important;
    padding:11px!important;
    border-radius:18px!important
  }
  html[data-skin="wanderful"] .market-section .market-top{min-height:34px!important}
  html[data-skin="wanderful"] .market-section .market-symbol{font-size:14px!important}
  html[data-skin="wanderful"] .market-section .market-name small{font-size:9px!important}
  html[data-skin="wanderful"] .market-section .market-price{font-size:26px!important}
  html[data-skin="wanderful"] .market-section .market-change{font-size:9px!important;margin-top:5px!important}
  html[data-skin="wanderful"] .market-section .market-facts>span,
  html[data-skin="wanderful"] .market-section .market-day-range>span{min-height:27px!important;padding:0 6px!important;font-size:7px!important}
  html[data-skin="wanderful"] .market-section .sparkline{height:68px!important;min-height:68px!important}
  html[data-skin="wanderful"] .market-section .market-bottom{font-size:7px!important}
  html[data-skin="wanderful"] .market-section .market-cap{min-width:84px!important;max-width:44%!important}
  html[data-skin="wanderful"] .market-section .market-cap strong{font-size:9px!important}

  /* Mobile liquid glass is rendered without GPU-heavy backdrop blur. The
     translucent gradients and inset rim preserve the look without heat. */
  html[data-skin="wanderful"] button,
  html[data-skin="wanderful"] .action-button,
  html[data-skin="wanderful"] .icon-button,
  html[data-skin="wanderful"] .settings-item,
  html[data-skin="wanderful"] .market-action,
  html[data-skin="wanderful"] .check-chip,
  html[data-skin="wanderful"] .pet-toggle-card,
  html[data-skin="wanderful"] .permission-option,
  html[data-skin="wanderful"] .app-header,
  html[data-skin="wanderful"] .home-stage-nav,
  html[data-skin="wanderful"] .gallery-stage,
  html[data-skin="wanderful"] .network-section,
  html[data-skin="wanderful"] .module-section,
  html[data-skin="wanderful"] .settings-menu,
  html[data-skin="wanderful"] .music-panel,
  html[data-skin="wanderful"] .admin-tabs,
  html[data-skin="wanderful"] .admin-shell .section,
  html[data-skin="wanderful"] .market-section .market-commandbar,
  html[data-skin="wanderful"] .market-section .market-card{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important
  }
}

/* V39 final cascade — intentionally last so legacy skin layers cannot
   re-introduce clipped stages, metal controls or brand-button fill. */
html[data-skin="wanderful"] #brand-button,
html[data-skin="wanderful"] .app-header .brand{
  color:var(--text)!important;border:0!important;background:transparent!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  filter:none!important;overflow:visible!important;transform:none!important
}
html[data-skin="wanderful"] #brand-button::before,
html[data-skin="wanderful"] #brand-button::after{display:none!important;content:none!important}
html[data-skin="wanderful"] .market-section.home-stage-panel,
html[data-skin="wanderful"] .market-section.home-stage-panel.is-active{
  width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;
  overflow:visible!important;padding-bottom:38px!important
}
html[data-skin="wanderful"] .market-section .market-grid{height:auto!important;max-height:none!important;overflow:visible!important}
html[data-skin="wanderful"] .market-section .market-card{container-type:inline-size}
html[data-skin="wanderful"] .market-section .market-top,
html[data-skin="wanderful"] .market-section .market-identity,
html[data-skin="wanderful"] .market-section .market-name,
html[data-skin="wanderful"] .market-section .market-quote,
html[data-skin="wanderful"] .market-section .market-facts,
html[data-skin="wanderful"] .market-section .market-day-range{min-width:0!important}
html[data-skin="wanderful"] .market-section .market-price{
  width:100%!important;max-width:100%!important;overflow:hidden!important;
  font-size:clamp(21px,7.2cqw,34px)!important;line-height:1.04!important;
  white-space:nowrap!important;text-overflow:ellipsis!important
}
html[data-skin="wanderful"] .market-section .market-cap{min-width:0!important;max-width:44%!important;overflow:hidden!important}
html[data-skin="wanderful"] .market-section .market-cap strong,
html[data-skin="wanderful"] .market-section .market-facts>span,
html[data-skin="wanderful"] .market-section .market-day-range>span{
  min-width:0!important;max-width:100%!important;overflow:hidden!important;
  white-space:nowrap!important;text-overflow:ellipsis!important
}
html[data-skin="wanderful"] .music-panel{
  color:var(--text)!important;
  background:linear-gradient(145deg,rgba(80,99,117,.52),rgba(68,68,91,.46) 55%,rgba(102,83,119,.42))!important
}
html[data-skin="wanderful"] .music-panel .music-track,
html[data-skin="wanderful"] .music-panel .music-control-button,
html[data-skin="wanderful"] .music-panel .apple-volume{
  color:var(--text)!important;border:1px solid rgba(235,246,252,.3)!important;
  background:linear-gradient(145deg,rgba(239,248,252,.2),rgba(170,190,203,.11) 58%,rgba(211,191,224,.14))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 -1px rgba(7,14,20,.16),0 8px 22px rgba(0,0,0,.12)!important
}
html[data-skin="wanderful"] .music-panel .music-track{color:rgba(241,247,251,.76)!important}
html[data-skin="wanderful"] .music-panel .music-track.active{color:#fff!important;border-color:rgba(255,255,255,.48)!important;background:linear-gradient(135deg,rgba(227,242,247,.28),rgba(185,190,214,.18))!important}
html[data-skin="wanderful"] .music-panel .music-controls{display:grid!important;grid-template-columns:42px 42px 42px minmax(88px,1fr)!important;gap:8px!important}
html[data-skin="wanderful"] .music-panel .music-control-button{width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important}
html[data-skin="wanderful"] .music-panel .apple-volume{height:42px!important;min-width:0!important;padding:0 10px!important;border-radius:14px!important}
html[data-skin="wanderful"] .music-panel .apple-volume input{min-width:0!important;width:100%!important}
html[data-skin="wanderful"][data-theme="light"] .music-panel{color:#15232c!important;background:linear-gradient(145deg,rgba(240,247,250,.74),rgba(213,225,232,.65) 58%,rgba(229,217,235,.62))!important}
html[data-skin="wanderful"][data-theme="light"] .music-panel .music-track,
html[data-skin="wanderful"][data-theme="light"] .music-panel .music-control-button,
html[data-skin="wanderful"][data-theme="light"] .music-panel .apple-volume{
  color:#1b2a34!important;border-color:rgba(255,255,255,.76)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(220,231,237,.46))!important;
  box-shadow:inset 0 1px #fff,inset 0 -1px rgba(48,67,80,.08),0 8px 22px rgba(44,62,75,.09)!important
}
html[data-skin="wanderful"][data-theme="light"] .music-panel .music-track{color:#566a77!important}
html[data-skin="wanderful"][data-theme="light"] .music-panel .music-track.active{color:#14242d!important}
@media(max-width:720px){
  html[data-skin="wanderful"] .market-section.home-stage-panel,
  html[data-skin="wanderful"] .market-section.home-stage-panel.is-active{max-height:none!important;overflow:visible!important;padding-bottom:30px!important}
  html[data-skin="wanderful"] .market-section .market-price{font-size:clamp(21px,7.4cqw,26px)!important}
}

/* V40 release audit: liquid depth without stacking dozens of live GPU blur
   surfaces. Large/repeated cards use translucent optical layers; only the
   small floating controls retain a bounded backdrop blur. */
html[data-skin="wanderful"] .gallery-stage,
html[data-skin="wanderful"] .network-section,
html[data-skin="wanderful"] .module-section,
html[data-skin="wanderful"] .admin-shell .section,
html[data-skin="wanderful"] .wallpaper-settings,
html[data-skin="wanderful"] .statusbar-settings,
html[data-skin="wanderful"] .pet-preview,
html[data-skin="wanderful"] .market-commandbar,
html[data-skin="wanderful"] .market-card,
html[data-skin="wanderful"] .module-card,
html[data-skin="wanderful"] .metric-card,
html[data-skin="wanderful"] .content-card{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:
    linear-gradient(145deg,rgba(235,245,250,.105),rgba(146,168,184,.045) 48%,rgba(194,177,210,.075))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),inset 0 -1px rgba(0,8,16,.15),0 14px 38px rgba(0,0,0,.11)!important
}
html[data-skin="wanderful"][data-theme="light"] .gallery-stage,
html[data-skin="wanderful"][data-theme="light"] .network-section,
html[data-skin="wanderful"][data-theme="light"] .module-section,
html[data-skin="wanderful"][data-theme="light"] .admin-shell .section,
html[data-skin="wanderful"][data-theme="light"] .wallpaper-settings,
html[data-skin="wanderful"][data-theme="light"] .statusbar-settings,
html[data-skin="wanderful"][data-theme="light"] .pet-preview,
html[data-skin="wanderful"][data-theme="light"] .market-commandbar,
html[data-skin="wanderful"][data-theme="light"] .market-card,
html[data-skin="wanderful"][data-theme="light"] .module-card,
html[data-skin="wanderful"][data-theme="light"] .metric-card,
html[data-skin="wanderful"][data-theme="light"] .content-card{
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(230,239,244,.58) 52%,rgba(235,229,242,.55))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94),inset 0 -1px rgba(63,80,92,.09),0 14px 38px rgba(48,64,76,.1)!important
}
html[data-skin="wanderful"] .app-header,
html[data-skin="wanderful"] .home-stage-nav,
html[data-skin="wanderful"] .settings-menu,
html[data-skin="wanderful"] .music-panel,
html[data-skin="wanderful"] .admin-tabs,
html[data-skin="wanderful"] .admin-modal-card{
  -webkit-backdrop-filter:blur(8px) saturate(116%)!important;
  backdrop-filter:blur(8px) saturate(116%)!important
}
html[data-skin="wanderful"] .market-card,
html[data-skin="wanderful"] .module-card,
html[data-skin="wanderful"] .metric-card{contain:layout paint style}
html[data-skin="wanderful"] .market-section .market-facts>span,
html[data-skin="wanderful"] .market-section .market-day-range>span{
  letter-spacing:.025em!important;text-overflow:ellipsis!important
}
@media(max-width:720px),(pointer:coarse){
  html[data-skin="wanderful"] .app-header,
  html[data-skin="wanderful"] .home-stage-nav,
  html[data-skin="wanderful"] .settings-menu,
  html[data-skin="wanderful"] .music-panel,
  html[data-skin="wanderful"] .admin-tabs,
  html[data-skin="wanderful"] .admin-modal-card{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important
  }
  html[data-skin="wanderful"] .home-stage-panel:not(.is-active){content-visibility:hidden!important}
}

/* V42 acceptance pass. Repeated market surfaces use optical liquid glass
   without live backdrop sampling; that preserves the translucent depth while
   removing the dominant Chrome/mobile compositor cost. */
html[data-skin="wanderful"] .market-section .market-commandbar,
html[data-skin="wanderful"] .market-section .market-card,
html[data-skin="wanderful"] .market-section .market-search-submit,
html[data-skin="wanderful"] .market-section .market-updated,
html[data-skin="wanderful"] .market-section .market-command,
html[data-skin="wanderful"] .market-section .market-facts>span,
html[data-skin="wanderful"] .market-section .market-day-range>span,
html[data-skin="wanderful"] .market-section .sparkline,
html[data-skin="wanderful"] .market-section .market-links a,
html[data-skin="wanderful"] .market-section .chart-caption,
html[data-skin="wanderful"] .market-section .chart-scale span{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-color:rgba(205,226,238,.19)!important;
  background:linear-gradient(145deg,rgba(207,226,236,.11),rgba(124,148,166,.045) 55%,rgba(188,168,204,.075))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.21),inset 0 -1px rgba(2,9,15,.18)!important
}
html[data-skin="wanderful"] .market-section .market-card{
  background:linear-gradient(145deg,rgba(7,13,20,.67),rgba(7,10,17,.57) 55%,rgba(18,10,24,.5))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -1px rgba(0,0,0,.28),0 13px 34px rgba(0,0,0,.12)!important
}
html[data-skin="wanderful"] .market-section .market-facts>span:only-child{
  grid-column:1/-1!important;width:100%!important;min-width:0!important;justify-self:stretch!important
}
html[data-skin="wanderful"] .market-section .market-facts small,
html[data-skin="wanderful"] .market-section .market-day-range small{flex:0 0 auto!important}
html[data-skin="wanderful"] .market-section .market-facts>span,
html[data-skin="wanderful"] .market-section .market-day-range>span{justify-content:space-between!important;gap:5px!important}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-commandbar,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-card,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-search-submit,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-updated,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-command,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-facts>span,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-day-range>span,
html[data-skin="wanderful"][data-theme="light"] .market-section .sparkline,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-links a,
html[data-skin="wanderful"][data-theme="light"] .market-section .chart-caption,
html[data-skin="wanderful"][data-theme="light"] .market-section .chart-scale span{
  color:#263945!important;border-color:rgba(255,255,255,.7)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(218,230,237,.43) 55%,rgba(230,220,238,.37))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94),inset 0 -1px rgba(58,77,91,.09)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-card{
  background:linear-gradient(145deg,rgba(251,254,255,.76),rgba(227,237,242,.63) 55%,rgba(235,227,241,.58))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.96),inset 0 -1px rgba(55,75,89,.08),0 13px 34px rgba(49,67,79,.1)!important
}
html[data-skin="wanderful"][data-theme="light"] .market-section .market-name small,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-bottom,
html[data-skin="wanderful"][data-theme="light"] .market-section .market-cap small{color:#4f6471!important}

/* Chromium and touch devices receive a still atmospheric layer. The active
   canvas is intentionally reserved for fine-pointer non-Chromium desktops. */
html[data-skin="wanderful"][data-engine="chromium"] .ambient,
html[data-skin="wanderful"][data-engine="chromium"] body::after,
html[data-skin="wanderful"][data-performance="mobile"] .ambient,
html[data-skin="wanderful"][data-performance="mobile"] body::after{
  animation:none!important;filter:none!important
}
html[data-skin="wanderful"][data-performance="mobile"] .pet-dust,
html[data-skin="wanderful"][data-performance="mobile"] .companion-pet::before,
html[data-skin="wanderful"][data-performance="mobile"] .companion-pet::after{display:none!important}
@media(max-width:720px),(pointer:coarse){
  html[data-skin="wanderful"] #boot-screen>div,
  html[data-skin="wanderful"] .login-view:not([hidden]) .login-card.glass-panel,
  html[data-skin="wanderful"] .preauth-music-button{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important
  }
  html[data-skin="wanderful"] .market-section .market-card{contain:layout paint style!important}
}

/* V44: layout wrappers and editable text do not form extra glass panels. */
html[data-skin="wanderful"] .market-section .market-search-shell{
  border:0!important;background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-skin="wanderful"] #admin-content .market-admin-name{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-skin="wanderful"] #admin-content .market-admin-name:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px;
}

html[data-skin="wanderful"] #admin-content .pet-segmented button{
  font-size:10px!important;font-weight:700;line-height:1.2;
}