/* One continuous sky behind translucent navigation and opaque content panels. */
[data-theme=dark]{--paper:#050505;--surface:#0e0e10;--surface-muted:#141416;--surface-raised:#1a1a1e;--navy:#09090b;--navy-soft:#25252a;--ink:#f1f1f3;--muted:#b4b4bb;--subtle:#a0a0a9;--border:#28282d;--border-strong:#6d6d78;--accent-soft:color-mix(in srgb,var(--accent) 12%,#141416);--danger-bg:#29151b;--success-bg:#12251e;--warning-bg:#292114;--accent-readable:color-mix(in srgb,var(--accent) 55%,#fff);--chart-mark:var(--accent-readable);--chart-mark-hover:color-mix(in srgb,var(--accent-readable) 80%,#fff);--action-bg:color-mix(in srgb,var(--accent) 78%,#050505);--action-hover:color-mix(in srgb,var(--action-bg) 85%,#050505);--shadow-raised:0 24px 70px rgba(0,0,0,.4);background:var(--paper);color:var(--ink)}
body{position:relative;isolation:isolate}
.ambient-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;display:none;contain:strict}
[data-theme=dark] .ambient-background{display:block}
.ambient-background{--ambient-light:color-mix(in srgb,var(--accent) 65%,#6c89ff)}
.ambient-wave{position:absolute;display:block;width:160vw;height:100vh;left:-35vw;top:-32vh;transform:rotate(-16deg);opacity:.55;background:radial-gradient(ellipse at center,transparent 35%,color-mix(in srgb,var(--ambient-light) 8%,transparent) 45%,color-mix(in srgb,var(--ambient-light) 22%,transparent) 51%,color-mix(in srgb,var(--ambient-light) 7%,transparent) 58%,transparent 68%)}
.ambient-wave-front{left:-15vw;top:28vh;opacity:.38;transform:rotate(12deg);background:radial-gradient(ellipse at center,transparent 33%,color-mix(in srgb,var(--ambient-light) 7%,transparent) 44%,color-mix(in srgb,var(--ambient-light) 18%,transparent) 51%,color-mix(in srgb,var(--ambient-light) 5%,transparent) 59%,transparent 69%)}
.ambient-stars{position:absolute;display:block;inset:-10%;opacity:.65}
.ambient-stars-far{opacity:.34}
.ambient-stars i{position:absolute;left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);border-radius:50%;background:#dce5ff}
.topbar-actions,.public-header-actions{display:flex;align-items:center;gap:12px;flex:none}.topbar-actions{margin-left:auto}
[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .public-header{background:rgb(5 5 5 / .35);border-color:var(--border)}
[data-theme=dark] .login-aside,[data-theme=dark] .public-url-panel{background:var(--surface-muted);color:var(--ink)}
[data-theme=dark] .public-url-panel .eyebrow.light{color:var(--accent-readable)}
[data-theme=dark] .metric-icon,[data-theme=dark] .summary-platform-icon,[data-theme=dark] .platform-cell .platform-icon{background:var(--surface-raised);color:var(--accent-readable)}
[data-theme=dark] .section-number,[data-theme=dark] .account-avatar{background:var(--surface-raised);border-color:var(--border);color:var(--ink)}
[data-theme=dark] .rank-index,[data-theme=dark] .task-step{color:var(--muted)}
[data-theme=dark] .login-welcome-icon,[data-theme=dark] .login-aside-logo,[data-theme=dark] .task-icon,[data-theme=dark] .state-symbol{background:var(--surface-raised);border-color:var(--border);color:var(--accent-readable)}
[data-theme=dark] .platform-trigger-icon,[data-theme=dark] .platform-option-icon{color:var(--accent-readable)}
[data-theme=dark] .is-complete .task-icon{background:var(--success-bg);color:var(--success)}
[data-theme=dark] .table-sort-button .icon-mask{opacity:.8}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--subtle);opacity:1}
[data-theme=dark] .btn-primary,[data-theme=dark] .btn-accent{background:var(--action-bg);border-color:var(--action-bg);color:#fff}
[data-theme=dark] .btn-primary:hover,[data-theme=dark] .btn-accent:hover{background:var(--action-hover);border-color:var(--action-hover);color:#fff}
[data-theme=dark] .text-link,[data-theme=dark] .back-link,[data-theme=dark] .input-password button,[data-theme=dark] .row-actions a,[data-theme=dark] .row-actions button,[data-theme=dark] .eyebrow{color:var(--accent-readable)}
[data-theme=dark] .nav-link.is-active,[data-theme=dark] .nav-link.is-active svg,[data-theme=dark] .nav-link:hover,[data-theme=dark] .topbar-right svg{color:var(--accent-readable)}
[data-theme=dark] .brand-mark,[data-theme=dark] .public-brand .brand-mark{background:var(--action-bg)}
[data-theme=dark] .table-sub,[data-theme=dark] .hint,[data-theme=dark] .verification-note{color:var(--muted)}
[data-theme=dark] :focus-visible{outline-color:var(--accent-readable)}
[data-theme=dark] input:not([type=checkbox]):not([type=color]):not([type=file]):focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] select:focus-visible{outline:2px solid var(--accent-readable);outline-offset:2px;caret-color:var(--accent-readable)}
[data-theme=dark] .skeleton{background-image:linear-gradient(90deg,var(--surface-muted) 20%,var(--surface-raised) 48%,var(--surface-muted) 78%)}
[data-theme=dark] .success-symbol{background:var(--success-bg);color:var(--success)}
[data-theme=dark] .public-footer{background:transparent;border-color:var(--border)}
.public-header .brand{min-width:0}.public-header .brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statistics-paused{max-width:600px;padding:40px 0}.statistics-paused>svg{color:var(--chart-mark);margin-bottom:20px}.statistics-paused h1{font-size:32px;letter-spacing:-.035em}.statistics-paused p{color:var(--muted);font-size:14px;max-width:50ch;margin-bottom:24px}
@keyframes ambient-wave-back{from{transform:translate3d(-5%,-6%,0) rotate(-18deg)}to{transform:translate3d(9%,8%,0) rotate(-7deg)}}
@keyframes ambient-wave-front{from{transform:translate3d(6%,5%,0) rotate(15deg)}to{transform:translate3d(-8%,-7%,0) rotate(3deg)}}
@keyframes ambient-star-drift{from{transform:translate3d(-3%,-2%,0)}to{transform:translate3d(4%,5%,0)}}
/* Explicit product request: keep this background moving even when the browser
   asks for reduced motion. The rest of the UI retains its reduced-motion rules. */
.ambient-wave-back{--ambient-duration:18s;animation:ambient-wave-back 18s ease-in-out -6s infinite alternate}
.ambient-wave-front{--ambient-duration:24s;animation:ambient-wave-front 24s ease-in-out -10s infinite alternate}
.ambient-stars{--ambient-duration:24s;animation:ambient-star-drift 24s ease-in-out -8s infinite alternate}
.ambient-stars-far{--ambient-duration:36s;animation-direction:alternate-reverse;animation-delay:-14s}
.ambient-background>span{animation-duration:var(--ambient-duration)!important;animation-play-state:running}
[data-background-motion=paused] .ambient-background>span{animation-play-state:paused}
@media(max-width:850px){[data-theme=dark] .sidebar{background:rgb(5 5 5 / .97)}}
@media(max-width:680px){.public-header-actions .public-secure,.topbar-actions .topbar-right{display:none}.public-header-actions,.topbar-actions{gap:8px}.ambient-wave{width:220vw;left:-70vw;height:85vh;top:-22vh}.ambient-wave-front{left:-45vw;top:35vh}.ambient-stars-far{display:none}.statistics-paused{padding:24px 0}.statistics-paused h1{font-size:28px}}
