/* Shared report primitives, scoped to the three analytical report pages. */
.report-view { --report-accent:#7864cf; --report-ink:#353149; }
.report-view .sentiment-topbar__brand:empty,.sidebar-partners:empty { display:none; }
.report-view :is(.card-panel,.survey-report-section,.validation-varcard) {border:1px solid #e8e2f1;background:#fff;border-radius:22px;box-shadow:0 8px 32px #53407109;overflow:hidden;}
.report-view :is(.sentiment-topbar,.survey-topbar) {background:linear-gradient(125deg,#fff,#f6f3fc);border-color:#e5dff0;}
.report-view :is(h2,h3,h4) {color:var(--report-ink);font-family:Sora,sans-serif;letter-spacing:-.025em;}
.report-view :is(button,.primary-action,.survey-report-nav__link,.sentiment-report-nav__link) {display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;cursor:pointer;font-family:Outfit,sans-serif;transition:background .2s,box-shadow .2s,transform .2s;}
.report-view :is(button,.primary-action) {border:1px solid #e4ddf1;background:#f6f3fc;color:#6650af;padding:10px 15px;font-size:13px;font-weight:500;}
.report-view :is(button,.primary-action):hover:not(:disabled) {background:#eee8fb;box-shadow:0 4px 12px #7864cf18;}
.report-view :is(button,a):focus-visible {outline:2px solid #a491e6;outline-offset:3px;}
.report-view button:disabled {cursor:wait;opacity:.65;}
.report-view :is(button,a)>svg.ui-icon {width:16px;height:16px;flex:none;transition:transform .22s;}
.report-view :is(button,a):hover>svg.ui-icon {transform:translateY(-2px);}
.report-view :is(.sentiment-charts,.validation-split) {gap:20px;}
.report-view :is(.chart-card,.validation-subcard) {min-width:0;padding:22px;}
.report-chart {width:100%;min-width:0;min-height:340px;}
.report-chart--compact {min-height:95px;}
.report-view .highcharts-container {border-radius:12px;}
.report-view .highcharts-menu {border-radius:12px!important;box-shadow:0 10px 30px #3d2c6120!important;}
.report-view :is(.survey-overview__metrics,.report-kpis) {display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px;margin:20px 0;}
.report-view .survey-snapshot-tile {position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px 24px;border:1px solid #e9e1f6;border-radius:18px;background:linear-gradient(135deg,#fff,#f6f2fc);box-shadow:0 6px 20px #6a52a908;overflow:hidden;}
.report-view .survey-snapshot-tile::after {content:'';position:absolute;right:-20px;top:-26px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#cbbcec35,transparent 70%);pointer-events:none;}
.report-view .survey-snapshot-tile__label {color:#8d7cab;font-family:Sora,sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;}
.report-view .survey-snapshot-tile__value {font-family:Outfit,sans-serif;font-size:36px;font-weight:500;color:#6952b8;line-height:1.15;font-variant-numeric:tabular-nums;}
.report-view .survey-snapshot-tile__hint {color:#9b92aa;font-size:12px;}
.report-summary {min-width:0;}
.report-summary__tools {display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px;}
.report-summary__text {text-align:left;white-space:pre-line;color:#706780;font:400 14px/1.85 Outfit,sans-serif;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.report-summary.is-expanded .report-summary__text {display:block;}
.report-summary [data-summary-toggle] {margin-top:14px;background:transparent;border:0;padding-left:0;}
.report-summary.is-expanded [data-summary-toggle] svg {transform:rotate(180deg);}
.report-view .report-reveal {opacity:0;transform:translateY(12px);}
.report-view .report-revealed {animation:report-enter .55s cubic-bezier(.2,.75,.25,1) both;}
@keyframes report-enter {to {opacity:1;transform:translateY(0);}}
.report-view .aspect-chips {display:flex;flex-wrap:wrap;gap:10px;}
.report-view .aspect-chip.is-detected {display:inline-flex;align-items:center;gap:8px;background:linear-gradient(130deg,#f7f3ff,#fff);color:#735bbb;border:1px solid #e6ddf4;border-radius:13px;padding:11px 15px;font-weight:500;box-shadow:0 4px 14px #7864cf0b;}
.report-view .aspect-chip.is-detected::before {content:'';width:7px;height:7px;border-radius:50%;background:#a48ade;box-shadow:0 0 0 4px #a48ade15;}
.report-view .sentiment-summary {padding:26px;}
.report-view .survey-qresults-header__top {align-items:flex-start;gap:24px;}
.report-view .survey-qresults-header__top>div:first-child {flex:1;min-width:0;}
.report-view .survey-qresults-export {display:flex;flex-wrap:wrap;gap:8px;}
.report-view .survey-report-section__body {padding:22px;}
.report-view .validation-varcard__summary {background:#faf8fd;}
.report-view .validation-varcard__summary--review {background:#fff9f6;}
.report-view .validation-table-wrap {overflow:auto;}
.report-view .validation-table {min-width:520px;}
.report-view .survey-section-hint,.report-view .sentiment-scope-hint {color:#978aa9;}
/* Layout corrections outside reports affect only the requested components. */
#surveyAddQuestionBtn,#surveyBrowseBankBtn {display:none!important;}
.persona-view .feature-control>[hidden],.persona-view .slider-row[hidden],.persona-view .persona-setup-actions[hidden] {display:none!important;}
.persona-view .persona-profile-field {display:block;margin:0;padding:3px 0;}
.persona-view .persona-profile-field[hidden] {display:none!important;}
.persona-profile-field dt {display:flex;align-items:center;gap:7px;color:#a292bd;font:500 10px/1.5 Sora,sans-serif;letter-spacing:.025em;}
.persona-profile-field dt svg {width:14px;height:14px;color:#a089cf;}
.persona-profile-field dd {margin:7px 0 0;color:#5f5178;font:500 14px/1.4 Outfit,sans-serif;}
.persona-view .is-locked .feature-control {padding:12px 16px;min-height:68px;background:linear-gradient(130deg,#fff,#f8f5fd);}
.persona-view .is-locked .feature-grid {gap:12px;}
.persona-view .app-shell[data-selected-persona]:not([data-selected-persona=""]) .persona-setup-panel[open] {max-height:30vh;}
.persona-view .app-shell[data-selected-persona]:not([data-selected-persona=""]) .persona-setup-scroll {max-height:20vh;}
.sidebar-partners:not(:has(img)) {display:none;}
@media(max-width:900px) {
 .phase-oct2 .projects-account-menu {border-radius:20px;}
 .phase-oct2 .projects-account-info {gap:10px;margin:0;}
 .phase-oct2 .projects-account-info__item {display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f8f6fc;border:1px solid #eee7f6;border-radius:13px;min-width:0;}
 .phase-oct2 .projects-account-info__icon {width:26px;height:26px;flex:0 0 26px;padding:5px;border-radius:8px;background:#eee7fa;}
 .phase-oct2 .projects-account-info__copy {min-width:0;display:flex;flex-direction:column;gap:3px;}
 .phase-oct2 .projects-account-info__label {font-size:11px;color:#7d66b1;}
 .phase-oct2 .projects-account-info__value {font-size:10px;line-height:1.5;white-space:normal;animation:none!important;display:block;}
 .phase-oct2 .projects-account-dropdown {padding:0 14px 14px;}
}
@media(max-width:640px) {
 .report-view .survey-overview__metrics,.report-view .report-kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .report-view .survey-snapshot-tile {padding:16px;}
 .report-view .survey-snapshot-tile__value {font-size:29px;}
 .report-view .survey-snapshot-tile__label {font-size:9px;letter-spacing:.06em;}
 .report-view .survey-qresults-header__top {flex-direction:column;}
 .report-view :is(.chart-card,.validation-subcard,.sentiment-summary,.survey-report-section__body) {padding:16px;}
 .report-view .report-chart:not(.report-chart--compact) {min-height:300px;}
 .report-view .validation-split {grid-template-columns:minmax(0,1fr);}
 .report-view .sentiment-topbar__actions {display:flex;flex-wrap:wrap;gap:8px;}
}
@media(prefers-reduced-motion:reduce) {
 .report-view .report-reveal {opacity:1;transform:none;}
 .report-view .report-revealed {animation:none;}
 .report-view :is(button,a,svg) {transition:none!important;}
}

.persona-view .persona-setup-form.is-locked {opacity:1;}
.report-view .survey-report-section__chevron,.report-view .survey-report-section[open] .survey-report-section__chevron {background:#eee7fa;}
.report-view .survey-report-section__chevron::before {border-color:#947ccb;}
.report-view .survey-report-section__summary:hover .survey-report-section__title {color:#7864cf;}
.report-view .survey-qresult__num {color:#9c88be;}
.report-view .aspect-chip small {color:#a496b8;font-size:10px;font-weight:400;}

/* Format-aware export affordance shared by all application download buttons. */
.ui-export-icon {display:inline-grid;width:18px;height:18px;flex:0 0 18px;vertical-align:middle;}
.ui-export-icon > .ui-icon {grid-area:1/1;width:18px;height:18px;transition:opacity .2s ease,transform .2s ease;}
.ui-export-icon__download {opacity:0;transform:translateY(4px);}
[data-export-format]:is(:hover,:focus-visible):not(:disabled) .ui-export-icon__format {opacity:0;transform:translateY(-4px);}
[data-export-format]:is(:hover,:focus-visible):not(:disabled) .ui-export-icon__download {opacity:1;transform:translateY(0);}
.report-view .report-summary__text--full {display:block;overflow:visible;-webkit-line-clamp:unset;}
.report-view .report-summary [data-summary-toggle] {padding-inline:22px;}
.report-view .sentiment-scope-bar {grid-template-columns:minmax(0,1fr);}
.report-view .sentiment-scope-bar__row {min-width:0;gap:12px;}
.report-view .sentiment-scope-select {min-width:0;max-width:100%;flex:1 1 200px;}
.report-view .sentiment-analysis-page .report-kpis {grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,780px);margin:24px auto;gap:16px;}
.report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile {aspect-ratio:1/1;justify-content:center;align-items:center;text-align:center;padding:16px;min-height:0;container-type:inline-size;}
.report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile__label {max-width:100%;text-align:center;overflow-wrap:anywhere;}
.report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile__value {font-size:clamp(20px,22cqi,48px);text-align:center;}
.report-view .sentiment-analysis-page #aspectChipList {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));grid-auto-rows:1fr;gap:12px;padding:0;list-style:none;}
.report-view .sentiment-analysis-page .aspect-chip.is-detected {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;min-height:76px;padding:15px 22px;white-space:normal;overflow-wrap:anywhere;}
.report-view .sentiment-analysis-page .aspect-chip.is-detected::before {position:absolute;left:12px;top:14px;}
.report-view .sentiment-analysis-page .aspect-chip small {font-size:11px;}
.report-view .report-heading {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px 24px;}
.report-view .report-heading__actions {display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;margin:0;}
.report-view .report-heading .report-heading__actions > a.report-heading__back {display:inline-flex;}
.report-view .report-heading__actions > :is(a,button) {margin:0;min-height:42px;white-space:nowrap;}
.report-view .report-heading__actions .report-heading__validation {border:1px solid #d8ccec;border-radius:12px;background:linear-gradient(130deg,#eee7fa,#f8f5fd);color:#7054b7;box-shadow:0 3px 12px #7864cf0b;}
.report-view .report-heading__actions .report-heading__validation:disabled {cursor:not-allowed;opacity:.65;}
.report-view .report-heading__actions .report-heading__validation:not(:disabled):hover {border-color:#b69fdf;background:#e9e0f8;}
@media(max-width:640px) {
 .report-view .report-heading {padding:18px 16px;gap:12px;}
 .report-view .report-heading__actions > :is(a,button) {padding:9px 10px;font-size:11px;min-height:38px;gap:6px;}
 .report-view .report-heading .sentiment-topbar__center h1 {font-size:19px;line-height:1.35;}
 .report-view .report-heading .sentiment-topbar__project {font-size:13px;overflow-wrap:anywhere;}
 .report-view .sentiment-analysis-page .report-kpis {gap:8px;}
 .report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile {padding:8px;gap:8px;}
 .report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile__label {font-size:9px;letter-spacing:.035em;line-height:1.5;}
}
@media(prefers-reduced-motion:reduce) {
 .ui-export-icon > .ui-icon {transition:none;}
}

/* Report layout: intrinsic widths must never widen the page on mobile. */
.report-view :is(main,.sentiment-page-body,.sentiment-results,.card-panel,.survey-report-section,.survey-report-section__body,.report-switcher,[data-report-panel],.sentiment-charts,.validation-split) {min-width:0;max-width:100%;box-sizing:border-box;}
.report-view .report-heading {background:transparent;border:0;box-shadow:none;padding:28px max(20px,calc((100% - 1320px)/2));}
.report-view .report-heading .sentiment-topbar__center {min-width:0;text-align:left;}
.report-view .report-heading h1 {font:600 clamp(24px,3vw,36px)/1.2 Sora,sans-serif;letter-spacing:-.045em;color:#38304f;margin:0;overflow-wrap:anywhere;}
.report-view .report-heading .sentiment-topbar__project {font:400 14px/1.6 Outfit,sans-serif;color:#7d708f;margin:12px 0 0;overflow-wrap:anywhere;}
.report-project-label {color:#a08dad;font-weight:500;margin-right:5px;}
.report-view .report-heading__actions {min-width:0;}
.report-view :is(.survey-overview__metrics,.sentiment-analysis-page .report-kpis) {width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,220px));gap:16px;justify-content:center;margin:24px 0;}
.report-view .survey-snapshot-tile,.report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile {aspect-ratio:1;box-sizing:border-box;container-type:inline-size;display:grid;font-size:10px;grid-template-rows:minmax(2.8em,auto) auto minmax(2.8em,auto);align-content:center;justify-items:center;text-align:center;gap:10px;padding:16px;isolation:isolate;}
.report-view .survey-snapshot-tile:not(:has(.survey-snapshot-tile__hint)) {grid-template-rows:minmax(2.8em,auto) auto;}
.report-view .survey-snapshot-tile__label {display:flex;align-items:center;justify-content:center;min-height:2.8em;font-size:10px;line-height:1.4;max-width:100%;overflow-wrap:anywhere;text-align:center;}
.report-view .survey-snapshot-tile__value,.report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile__value {font-size:clamp(18px,17cqi,36px);line-height:1.1;overflow-wrap:anywhere;max-width:100%;}
.report-view .survey-snapshot-tile__hint {display:flex;align-items:center;justify-content:center;min-height:2.8em;font-size:11px;line-height:1.4;color:#8e809f;max-width:100%;}
.stat-art {position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:.15;}
.stat-art svg {position:absolute;width:90%;height:75%;right:-7%;bottom:-3%;color:#9279c9;}
.stat-art__shape {stroke:currentColor;stroke-width:10;transform-origin:center bottom;}
.stat-art__line {stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-dasharray:180;}
.stat-art__ring {stroke:currentColor;stroke-width:12;stroke-dasharray:130 201;transform-origin:60px 52px;}
.stat-art__dot,.stat-art__dots {fill:currentColor;}
.stat-art__area {fill:currentColor;opacity:.6;transform-origin:center bottom;}
.report-revealed .stat-art__shape,.report-revealed .stat-art__area {animation:stat-grow 1s cubic-bezier(.2,.75,.25,1) both;}
.report-revealed .stat-art__line {animation:stat-line 1.2s ease both;}
.report-revealed .stat-art__ring {animation:stat-ring 1.1s ease both;}
.report-revealed .stat-art__dots {animation:stat-dots 1s ease both;}
[data-stat-variant="2"] {--stat-color:#729cb9;}
[data-stat-variant="3"] {--stat-color:#78aaa5;}
[data-stat-variant="4"] {--stat-color:#b18ea9;}
[data-stat-variant="5"] {--stat-color:#b2a070;}
[data-stat-variant] .stat-art svg {color:var(--stat-color,#9279c9);}
@keyframes stat-grow {from {transform:scaleY(.15);opacity:0;}to {transform:scaleY(1);opacity:1;}}
@keyframes stat-line {from {stroke-dashoffset:180;}to {stroke-dashoffset:0;}}
@keyframes stat-ring {from {transform:rotate(-80deg);opacity:0;}to {transform:rotate(0);opacity:1;}}
@keyframes stat-dots {from {opacity:0;transform:translateY(12px);}to {opacity:1;transform:translateY(0);}}
.report-switcher {margin:18px 0;}
.report-switcher__controls,.report-chart-sizing {display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;padding:6px;background:#f3eef9;border:1px solid #e6ddf0;border-radius:14px;width:fit-content;max-width:100%;}
.report-view :is(.report-switcher__controls,.report-chart-sizing) button {background:transparent;border:0;box-shadow:none;padding:8px 13px;white-space:normal;min-width:0;}
.report-view :is(.report-switcher__controls,.report-chart-sizing) button[aria-pressed="true"] {background:#fff;color:#654ca6;box-shadow:0 2px 8px #6952b818;}
.report-chart-frame {max-width:100%;min-width:0;}
.report-chart-sizing {margin:0 0 8px auto;background:transparent;border:0;font-size:11px;color:#9a8ea5;gap:4px;}
.report-view .report-chart-sizing button {font-size:11px;padding:6px 9px;}
.report-chart-viewport {overflow-x:auto;max-width:100%;min-width:0;overscroll-behavior-x:contain;}
.report-chart-frame[data-chart-size="normal"] .report-chart {min-width:640px;}
.report-chart-frame[data-chart-size="fit"] .report-chart {min-width:0;width:100%;}
.report-summary__text {overflow:hidden;}
.report-view .validation-varcard__summary--pass {background:#effaf3;}
.validation-pill {display:inline-flex;gap:6px;align-items:center;white-space:nowrap;}
.validation-pill .ui-icon {width:14px;height:14px;flex-shrink:0;}
.validation-filter-scope {margin:24px 0 14px;padding:18px;border:1px solid #e5dbf2;border-radius:16px;background:#f9f6fd;}
.validation-filter-scope>strong {font:500 14px Sora,sans-serif;color:#675580;}
.validation-filter-scope>p {font-size:12px;line-height:1.5;color:#9a8aaa;}
.validation-filter-scope .validation-filters {margin:12px 0 0;flex-wrap:wrap;}
.report-view .validation-stats {grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:stretch;}
.report-view .validation-stats__item {aspect-ratio:1;box-sizing:border-box;display:grid;grid-template-rows:2.8em 1fr;align-items:center;justify-items:center;gap:8px;padding:14px;text-align:center;background:linear-gradient(135deg,#fff,#f7f4fb);border-color:#e9e1f1;min-width:0;}
.validation-stats__item>span {margin:0;min-height:2.8em;display:flex;align-items:center;justify-content:center;font-size:10px;}
.report-view .validation-stats__item strong {font:500 clamp(14px,1.7vw,22px)/1.3 Outfit,sans-serif;color:#74628e;overflow-wrap:anywhere;max-width:100%;}
.validation-stats__item strong span {display:inline;font:inherit;letter-spacing:normal;text-transform:none;color:inherit;margin:0;}
.report-view .survey-report-nav {position:relative;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 18px;border:1px solid #e4dcec;border-radius:16px;background:#fbf9fd;margin-bottom:20px;}
.report-nav-hint {font:500 11px Sora,sans-serif;color:#a18caf;}
.report-view .survey-report-nav__links {display:flex;gap:8px;flex-wrap:wrap;min-width:0;}
.report-view .survey-report-nav__link {border:0;color:#8b6eb5;padding:8px 12px;font:400 13px Outfit,sans-serif;text-decoration:none;}
.report-view .survey-report-nav__link:hover {background:#efe8f7;color:#614694;}
.report-view .survey-report-section {scroll-margin-top:100px;}
.report-view .dt-container {font:400 13px Outfit,sans-serif;color:#80718e;max-width:100%;}
.report-view .dt-container .dt-search input {border:1px solid #e0d4ee;border-radius:10px;background:#fbf9fd;color:#6c587d;max-width:100%;padding:9px 12px;}
.report-view table.dataTable th {cursor:pointer;}
.report-view .validation-table-wrap {max-width:100%;}
.report-view .survey-qresults-header__top {flex-wrap:wrap;}
.report-view .survey-qresults-header__top>div:first-child {flex-basis:300px;}
.report-view .survey-qresults-export {max-width:100%;}
@media(max-width:800px) {
 .report-view .sentiment-charts,.report-view .validation-split {grid-template-columns:minmax(0,1fr);}
 .report-view .validation-varcard__summary {gap:12px;flex-wrap:wrap;}
 .report-view .validation-varcard__titles {min-width:0;flex:1 1 180px;}
}
@media(max-width:640px) {
 .report-view .report-heading {grid-template-columns:minmax(0,1fr);padding:24px 18px;gap:18px;}
 .report-view .report-heading__actions {flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:10px;}
 .report-view .report-heading__actions>* {flex:0 1 auto;}
 .report-view .report-heading .sentiment-topbar__center h1 {font-size:26px;}
 .report-view .sentiment-page-body {padding:12px 14px 24px;}
 .report-view :is(.survey-overview__metrics,.sentiment-analysis-page .report-kpis) {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .report-view .survey-snapshot-tile,.report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile {padding:12px;gap:6px;}
 .report-view .survey-snapshot-tile__label,.report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile__label {font-size:9px;line-height:1.4;letter-spacing:.04em;}
 .report-view .survey-snapshot-tile__hint {font-size:9px;line-height:1.4;}
 .report-view .survey-snapshot-tile__value,.report-view .sentiment-analysis-page .report-kpis .survey-snapshot-tile__value {font-size:clamp(18px,17cqi,30px);}
 .report-view .validation-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
 .report-view .report-switcher__controls {width:100%;box-sizing:border-box;}
 .report-view .report-switcher__controls button {flex:1 1 auto;font-size:11px;}
 .report-view .survey-report-nav {padding:12px;gap:8px;}
 .report-view .survey-report-nav__link {font-size:12px;padding:7px 9px;}
 .report-view .survey-qresults-export {width:100%;}
 .report-view .survey-qresults-export button {flex:1 1 140px;}
}
@media(prefers-reduced-motion:reduce) {
 .stat-art * {animation:none!important;}
 html {scroll-behavior:auto!important;}
}
/* One navigation transition for all internal page links. */
.app-nav-overlay {background:rgba(245,241,250,.75);backdrop-filter:blur(14px);z-index:12000;}
.app-nav-overlay .sentiment-loading-card {border:1px solid #e7def3;border-radius:26px;background:linear-gradient(145deg,#fff,#f8f4fe);box-shadow:0 24px 90px #69528426;padding:30px 40px;max-width:calc(100vw - 40px);box-sizing:border-box;animation:nav-arrive .3s cubic-bezier(.2,.75,.25,1) both;}
.app-nav-orbit {position:relative;width:68px;height:68px;margin:0 auto 20px;color:#8c72cb;display:grid;place-items:center;}
.app-nav-orbit svg {width:26px;height:26px;animation:nav-spark 1.8s ease-in-out infinite;}
.app-nav-orbit span {position:absolute;inset:0;border:1.5px solid #dbd0ee;border-top-color:#9175c9;border-radius:50%;animation:nav-orbit 1.4s linear infinite;}
.app-nav-orbit span:nth-child(2) {inset:7px;animation-direction:reverse;animation-duration:2s;border-top-color:#9cbbb8;}
.app-nav-orbit span:nth-child(3) {inset:-5px;opacity:.4;animation-duration:2.6s;border-style:dashed;}
.app-nav-progress {height:3px;width:120px;overflow:hidden;border-radius:9px;margin:0 auto 20px;background:#ece5f6;}
.app-nav-progress::after {content:'';display:block;height:100%;width:45%;background:linear-gradient(90deg,#b3a2da,#83b5b0);border-radius:9px;animation:nav-progress 1.4s ease-in-out infinite;}
@keyframes nav-arrive {from {opacity:0;transform:translateY(8px) scale(.98);}to {opacity:1;transform:none;}}
@keyframes nav-orbit {to {transform:rotate(360deg);}}
@keyframes nav-spark {50% {transform:scale(.85);opacity:.7;}}
@keyframes nav-progress {from {transform:translateX(-110%);}to {transform:translateX(330%);}}
@media(prefers-reduced-motion:reduce) {.app-nav-overlay *,.app-nav-progress::after {animation:none!important;}}