/* Shared translucent surfaces: the sky remains visible behind the interface. */
:root { --af-glass: rgba(13, 19, 38, .32); --af-glass-raised: rgba(14, 21, 40, .58); --af-glass-blur: 9px; }
:is(.landing-page,.af-refresh) :is(.glass-card,.feature-panel,.feature-preview,.more-features>a,.try-shell,.try-form,.try-preview,.step-card,.metric-card,.dashboard-metric-card,.inspector-section,.advanced-card,.report-card,.report-start-card,.comparison-section,.comparison-report-section,.transit-card,.transition-state,.form-card,.notice-card,.workspace-card,.agent-message.assistant,.agent-turn.assistant,.table-metric-ribbon>article,.cosmogram-meta-strip) {
  background: var(--af-glass) !important;
  -webkit-backdrop-filter: blur(var(--af-glass-blur)) saturate(115%);
  backdrop-filter: blur(var(--af-glass-blur)) saturate(115%);
  border-color: rgba(195, 181, 229, .15);
}
:is(.landing-page,.af-refresh) :is(.site-header,.app-header,.app-rail,.mobile-bottom-nav,.mobile-more-sheet,.parameters-sheet,.mobile-inspector-sheet,.agent-popup-panel,.agent-composer,.agent-history,.combobox-list,.try-place ul,.tooltip,.inspector-popover) {
  background: var(--af-glass-raised) !important;
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
}
:is(.landing-page,.af-refresh) :is(input,select,textarea,.try-placements>div,.aspect-row,.route-chip,.inspector-stats>div) { background-color: rgba(9,16,32,.36); }
/* Layout containers share the continuous sky; only actual panels use glass. */
:is(.landing-page,.af-refresh) :is(.section,.how-section,.questions-section,.feature-panels,.dashboard-view,.dashboard-main-column,.dashboard-analytics-column,.faq-list details,.af-section-navigation,.empty-state,.af-soul-numbers,.af-reading-details,.af-statistics),
.af-refresh :is(.af-dashboard .dashboard-metric-grid,.af-extra-metrics,.af-soul-numbers) .metric-card {
  background: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.step-art-motion {
  -webkit-mask-image: linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent);
  mask-image: linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.step-scene .step-art { border-radius: 24px; }
.af-dashboard .af-soul-numbers { margin-top: 18px; order: 100; }
.af-planet-explanation { margin: 16px 0; padding: 18px; border: 1px solid #c8a9f138; border-radius: 16px; background: linear-gradient(130deg,#ad82e91a,#72c9e711); }
.af-planet-explanation .af-explanation-label { display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#d9c3fa;font-size:11px;letter-spacing:.08em;text-transform:uppercase; }
.af-planet-explanation p { margin:0;font-size:14px;line-height:1.7;color:#eee5fa; }
.af-planet-explanation[aria-busy="true"] p { color:#baaecd; }
body.af-refresh .planet-inspector>.af-planet-explanation {
  padding:16px!important;margin:16px 0!important;border:1px solid #c8a9f138!important;border-left:3px solid #bea0e9aa!important;border-radius:14px!important;
  background:linear-gradient(130deg,#ad82e91c,#72c9e710)!important;
}
body.af-refresh .planet-inspector>.af-planet-explanation p {font-size:14px!important;line-height:1.7!important}
.af-admin-launch { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid #baa1df30;border-radius:12px;background:rgba(19,23,44,.35);color:#d4c7ec;font:inherit;font-size:12px;cursor:pointer; }
.af-admin-launch:hover { border-color:#c8aff780;background:rgba(130,103,178,.18); }
.af-admin-launch:focus-visible { outline:2px solid #c5a6f4;outline-offset:3px; }
.af-admin-login { width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid #c7a4ec44;border-radius:22px;color:#eee7fa;background:rgba(15,20,38,.82);backdrop-filter:blur(16px); }
.af-admin-login::backdrop { background:rgba(3,8,20,.55);backdrop-filter:blur(5px); }
.af-admin-login h2 { margin:0 0 8px;font-size:22px; }.af-admin-login p { color:#b6aacb;font-size:13px;line-height:1.6; }
.af-admin-login input { box-sizing:border-box;width:100%;margin:10px 0 18px;padding:12px;border:1px solid #c7a4ec44;border-radius:10px;color:#fff;background:#0d142866;font:inherit; }
.af-admin-login .af-login-actions { display:flex;gap:10px; }.af-admin-login button { padding:10px 15px;border:1px solid #c7a4ec44;border-radius:10px;background:#a079d530;color:#fff;cursor:pointer; }
@media(max-width:600px){.af-admin-launch span{display:none}.af-admin-launch{padding:8px}.step-scene .step-art{border-radius:18px}}
@media(max-width:767px){
  .af-workspace-shell .app-header .header-actions:has(.af-admin-launch){display:flex!important;flex:0 0 40px;margin-left:0;gap:0}
  .af-workspace-shell .app-header .header-actions:has(.af-admin-launch)>:not(.af-admin-launch){display:none!important}
  .af-workspace-shell .app-header .af-admin-launch{min-width:40px;min-height:40px;padding:8px}
  .af-workspace-shell .app-header .af-admin-launch span{display:none}
  .af-workspace-shell .af-profile-copy{min-width:0}
}
@supports not (backdrop-filter: blur(1px)) { :root { --af-glass:rgba(13,19,38,.68);--af-glass-raised:rgba(14,21,40,.88); } }