:root { --ap-surface: var(--av-surface-1); --ap-soft: var(--av-well); --ap-ink: var(--av-text-primary); --ap-muted: var(--av-text-secondary); --ap-line: var(--av-border-subtle); --ap-accent: var(--av-accent); }
html[data-theme="dark"] { --ap-surface: var(--av-surface-1); --ap-soft: var(--av-well); --ap-ink: var(--av-text-primary); --ap-muted: var(--av-text-secondary); --ap-line: var(--av-border-subtle); --ap-accent: var(--av-accent); }
.ac-banner, .ac-center { color: var(--ap-ink); border-radius: 16px; padding: 16px; margin: 0px 0px 16px; text-align: left; background: var(--ap-surface); }
.ac-banner h2, .ac-center h3 { font-size: 16px; margin: 0px 0px 8px; }
.ac-banner-row { padding: 12px 0px; }
.ac-banner-row b, .ac-banner-row small, .ac-history-row small, .ac-history-row span > span { display: block; }
.ac-banner-row small, .ac-center > p, .ac-history-row small { color: var(--ap-muted); font-size: 12px; margin-top: 5px; }
.ac-banner-row p { margin: 6px 0px; font-size: 14px; }
.ac-actions { display: flex; gap: 8px; margin-top: 10px; }
.ac-actions button, .ac-banner > button, .ac-dialog button { color: var(--ap-ink); border-radius: 10px; min-height: 40px; padding: 8px 14px; font: inherit; cursor: pointer; background: var(--ap-soft); }
.ac-actions button:first-child { color: var(--ap-accent); }
.ac-history-row { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; background: transparent; color: var(--ap-ink); border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; padding: 14px 0px; font: inherit; cursor: pointer; }
.ac-history-row b { font-size: 14px; }
.ac-history-row span > span { font-size: 13px; margin-top: 6px; }
.ac-lesson-badge { display: inline-flex; align-items: center; color: var(--ap-accent); background: transparent; border-width: 0px 0px 1px; border-style: none none dotted; border-color: currentcolor; border-image: none; border-radius: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; min-height: 28px; padding: 3px 0px; cursor: pointer; align-self: flex-start; }
.ac-dialog { box-sizing: border-box; width: min(680px, 100% - 28px); max-height: 85dvh; overflow: auto; border-radius: 20px; color: var(--ap-ink); padding: 22px; box-shadow: rgba(0, 0, 0, 0.267) 0px 20px 70px; background: var(--ap-surface); }
.ac-dialog::backdrop { background: rgba(6, 21, 27, 0.7); }
.ac-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ac-dialog h2 { margin: 6px 0px 20px; font-size: 20px; }
.ac-dialog h3 { font-size: 14px; color: var(--ap-muted); margin: 0px 0px 12px; }
.ac-dialog header small, .ac-dialog footer { color: var(--ap-muted); font-size: 12px; }
.ac-dialog footer { margin-top: 18px; }
.ac-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ac-comparison section { border-radius: 12px; padding: 14px; background: var(--ap-soft); }
.ac-lesson-detail { display: grid; gap: 8px; font-size: 13px; }
.ac-lesson-detail small { color: var(--ap-muted); }
.ac-lesson-detail + .ac-lesson-detail { margin-top: 16px; padding-top: 12px; }
.avera-copyright { color: var(--ap-muted); font-size: 11px; line-height: 1.6; text-align: center; }
@keyframes avera-appearance-enter { 
  0% { transform: translateY(20px); }
  100% { transform: translateY(0px); }
}
html[data-appearance="new"] .ac-banner { border: 0px; border-radius: 20px; padding: 18px; background: var(--ap-soft); }
html[data-appearance="new"] .ac-banner-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.ac-banner-row .ac-actions { align-self: center; }
html[data-appearance="new"] .ac-comparison { gap: 0px; }
html[data-appearance="new"] .ac-comparison section { border-radius: 0px; background: transparent; }
html[data-appearance="new"] .ac-comparison section + section { }
@media (max-width: 600px) {
  .ac-comparison { grid-template-columns: 1fr; }
  .ac-dialog { padding: 18px; }
  .ac-dialog h2 { font-size: 18px; }
  html[data-appearance="new"] .ac-comparison section + section { border-left: 0px; }
  html[data-appearance="new"] .ac-banner-row { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .ac-dialog, .ac-banner { animation: auto ease 0s 1 normal none running none !important; }
}
.settings-modal-brand { display: block; margin: 0px 0px 9px; color: rgb(0, 143, 145); font-size: 10px; font-weight: 900; letter-spacing: 0.145em; text-transform: uppercase; line-height: 1.25; }
html[data-theme="dark"] .settings-modal-brand { color: rgb(71, 216, 202); }
#feedbackOverlay, #installOverlay, #aboutOverlay { --asm-bg: var(--av-bg-app); --asm-surface: var(--av-surface-1); --asm-well: var(--av-well); --asm-text: var(--av-text-primary); --asm-muted: var(--av-text-secondary); --asm-accent: var(--av-accent); --asm-line: var(--av-border-subtle); }
#feedbackOverlay { align-items: center !important; justify-content: center !important; padding: 18px !important; overflow: auto !important; }
#feedbackOverlay .feedbackBox { width: min(620px, 100%) !important; max-width: 620px !important; padding: 26px !important; border-radius: 28px !important; overflow: visible !important; }
#feedbackFormView > h2 { margin: 0px 48px 6px 0px !important; color: var(--asm-text) !important; font-size: 29px !important; line-height: 1.08 !important; letter-spacing: -0.045em !important; }
#feedbackFormView > p { margin: 0px 48px 22px 0px !important; color: var(--asm-muted) !important; font-size: 12.5px !important; line-height: 1.5 !important; }
.feedback-field { margin: 14px 0px !important; }
.feedback-field label:not(.feedback-upload-pick) { margin: 0px 0px 8px !important; color: var(--asm-muted) !important; font-size: 9.5px !important; font-weight: 850 !important; letter-spacing: 0.09em !important; }
.feedback-field textarea { min-height: 160px !important; padding: 14px !important; border: 0px !important; border-radius: 17px !important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-well)!important; resize: vertical !important; background: var(--av-well)!important; }
html[data-theme="dark"] .feedback-field textarea { box-shadow: var(--av-shadow-well)!important; }
.feedback-field textarea:focus { outline: none!important; box-shadow: var(--av-shadow-well)!important; background:var(--av-focus-well);}
.feedback-context { margin: 16px 0px !important; padding: 13px 14px !important; border: 0px !important; border-radius: 16px !important; background: transparent !important; color: var(--asm-muted) !important; box-shadow: inset 0 0 0 1px var(--asm-line) !important; }
.feedback-context b { color: var(--asm-text) !important; font-size: 11px !important; }
.feedback-context span { font-size: 10px !important; }
.feedback-actions { display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; gap: 9px !important; margin-top: 18px !important; }
.feedback-actions .btn { min-height: 50px !important; border: 0px !important; border-radius: 15px !important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-control)!important; background: var(--av-control-bg)!important; }
.feedback-actions .btn.primary { color: var(--av-primary-ink)!important; font-weight: 800 !important; background: var(--av-primary-gradient)!important; box-shadow:var(--av-shadow-primary);}
.feedback-thanks { padding: 36px 12px 16px !important; }
.feedback-thanks-icon { width: 62px !important; height: 62px !important; border-radius: 20px !important; color: var(--asm-accent) !important; box-shadow: rgba(42, 63, 72, 0.12) 0px 2px 5px inset !important; background: var(--asm-well) !important; }
.feedback-thanks h3 { font-size: 22px !important; color: var(--asm-text) !important; }
.feedback-thanks p { color: var(--asm-muted) !important; }
#installOverlay { align-items: center !important; justify-content: center !important; padding: 18px !important; overflow: auto !important; }
#installOverlay .installBox { width: min(650px, 100%) !important; max-width: 650px !important; max-height: none !important; padding: 24px !important; border-radius: 28px !important; }
.install-settings-brand { margin: 2px 52px 14px 2px !important; }
#installOverlay .install-hero { display: grid !important; gap: 15px !important; align-items: center !important; border: 0px !important; box-shadow: var(--av-shadow-control) !important; background: linear-gradient(145deg,color-mix(in srgb,var(--asm-well) 88%,var(--asm-surface)),var(--asm-well)) !important; }
#installOverlay .install-hero::after { display: none !important; }
#installOverlay .install-hero-icon { background-color: var(--av-surface-1) !important; box-shadow: var(--av-shadow-control) !important; }
#installOverlay .install-hero h2 { margin: 0px 0px 5px !important; color: var(--asm-text) !important; font-size: 23px !important; letter-spacing: -0.035em !important; }
#installOverlay .install-hero p { margin: 0px !important; color: var(--asm-muted) !important; line-height: 1.48 !important; }
#installOverlay .install-platform-tabs { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4px !important; padding: 5px !important; border: 0px !important; border-radius: 16px !important; background-color: var(--av-well) !important; box-shadow: var(--av-shadow-well) !important; }
#installOverlay .install-platform-tab { min-height: 42px !important; border: 0px !important; border-radius: 12px !important; background: transparent !important; color: var(--asm-muted) !important; font-weight: 650 !important; }
#installOverlay .install-platform-tab.active { background-color: var(--av-surface-1) !important; color: var(--asm-accent) !important; box-shadow: var(--av-shadow-control) !important; }
#installOverlay .install-guide { border: 0px !important; background-color: var(--av-surface-1) !important; box-shadow: var(--av-shadow-control) !important; }
#installOverlay .install-guide-title { color: var(--asm-text) !important; font-size: 14px !important; font-weight: 650 !important; }
#installOverlay .install-guide-title::before, #installOverlay .install-guide li::before { background-color: var(--av-surface-1) !important; color: var(--asm-accent) !important; box-shadow: var(--av-shadow-control) !important; }
#installOverlay .install-guide li { color: var(--asm-muted) !important; background: transparent !important; }
#installOverlay .install-guide li b { color: var(--asm-text) !important; }
#installOverlay .install-guide-note, #installOverlay .install-state { border: 0px !important; border-radius: 15px !important; color: var(--asm-muted) !important; box-shadow: var(--av-shadow-control) !important; background: var(--asm-well) !important; }
#installOverlay .install-actions { display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; gap: 9px !important; }
#installOverlay .install-actions .btn { min-height: 49px !important; border: 0px !important; border-radius: 15px !important; background-color: var(--av-raised)!important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-control)!important; }
#installOverlay .install-actions .btn.primary { background-color: var(--av-primary-color)!important; color: var(--av-primary-ink)!important; font-weight: 650 !important; background-image:var(--av-primary-gradient);box-shadow:var(--av-shadow-primary);}
#aboutOverlay { padding: 18px !important; align-items: flex-start !important; }
#aboutOverlay .about-avera { width: min(760px, 100%) !important; max-width: 760px !important; padding: 22px !important; border-radius: 28px !important; }
.about-settings-brand { margin: 2px 52px 12px 3px !important; }
.about-avera .avera-about-hero-card, .about-avera .avera-about-card, .about-avera .ac-live-feature, .about-avera .ac-feature { border: 0px !important; color: var(--asm-text) !important; box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px inset, rgba(37, 60, 70, 0.24) 0px 10px 24px -19px, rgba(37, 60, 70, 0.055) 0px 2px 6px !important; background: var(--av-surface-elevated) !important; }
html[data-theme="dark"] .about-avera .avera-about-hero-card, html[data-theme="dark"] .about-avera .avera-about-card, html[data-theme="dark"] .about-avera .ac-live-feature, html[data-theme="dark"] .about-avera .ac-feature { box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.72) 0px 11px 25px -17px, rgba(0, 0, 0, 0.27) 0px 2px 6px !important; background: var(--av-surface-elevated) !important; }
.about-avera .avera-about-hero-card::after { opacity: 0.38 !important; }
.about-avera :is(.avera-hero-copy p, .avera-about-card p, .ac-description, .about-author span) { color: var(--asm-muted) !important; }
.about-avera .about-version { border: 0px !important; color: var(--asm-accent) !important; box-shadow: rgba(42, 63, 72, 0.1) 0px 2px 4px inset !important; text-decoration: none !important; background: var(--asm-well) !important; }
.about-avera .about-author { }
@media (max-width: 640px) {
  #feedbackOverlay, #installOverlay { align-items: flex-end !important; padding: 0px !important; }
  #feedbackOverlay .feedbackBox, #installOverlay .installBox { width: 100% !important; max-width: none !important; border-radius: 27px 27px 0px 0px !important; }
  #feedbackOverlay .feedbackBox, #installOverlay .installBox { max-height: 94dvh !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: none !important; }
  #feedbackOverlay .feedbackBox::-webkit-scrollbar, #installOverlay .installBox::-webkit-scrollbar { display: none !important; }
  #feedbackFormView > h2 { font-size: 25px !important; }
  .feedback-actions, #installOverlay .install-actions { grid-template-columns: 1fr !important; }
  .feedback-actions .btn, #installOverlay .install-actions .btn { width: 100% !important; }
  #installOverlay .install-hero { grid-template-columns: 56px minmax(0px, 1fr) !important; padding: 15px !important; }
  .install-settings-brand { margin-bottom: 12px !important; }
  #installOverlay .install-hero-icon { width: 56px !important; height: 56px !important; border-radius: 17px !important; }
  #installOverlay .install-hero h2 { font-size: 20px !important; }
  #aboutOverlay { }
  #aboutOverlay .about-avera { width: 100% !important; max-width: none !important; padding: 15px !important; border-radius: 24px !important; }
  .about-settings-brand { margin: 2px 46px 10px 2px !important; }
}
@media (max-width: 640px) {
  #feedbackOverlay .feedback-actions { position: static !important; bottom: auto !important; margin: 16px 0px 0px !important; padding: 0px !important; background: transparent !important; }
  #feedbackOverlay .feedbackBox > *, #installOverlay .installBox > * { scroll-margin-top: 12px; }
}
@media (max-width: 390px) {
}
.settings-workspace-head { display: flex !important; align-items: center !important; gap: 14px !important; min-height: 72px !important; backdrop-filter: none!important; background: color-mix(in srgb,var(--asm-bg) 92%,transparent) !important; }
.settings-workspace-back { display: grid !important; width: 46px !important; height: 46px !important; flex: 0 0 46px !important; place-items: center !important; padding: 0px !important; border: 0px !important; border-radius: 15px !important; color: var(--asm-muted) !important; box-shadow: rgba(255, 255, 255, 0.92) 0px 1px 0px inset, rgba(37, 60, 70, 0.32) 0px 10px 22px -17px, rgba(37, 60, 70, 0.07) 0px 2px 6px !important; cursor: pointer !important; transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), color 0.16s, box-shadow 0.16s !important; background: var(--av-surface-elevated) !important; }
html[data-theme="dark"] .settings-workspace-back { box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.78) 0px 11px 24px -15px, rgba(0, 0, 0, 0.25) 0px 2px 7px !important; }
.settings-workspace-back:hover { color: var(--asm-accent) !important; transform: translateY(-1px) !important; }
.settings-workspace-back:active { transform: scale(0.95) !important; }
.settings-workspace-back svg { width: 21px !important; height: 21px !important; fill: none !important; stroke: currentcolor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
.settings-workspace-title { min-width: 0px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.settings-workspace-title .settings-modal-brand { margin: 0px 0px 5px !important; }
.settings-workspace-title h2 { margin: 0px !important; color: var(--asm-text) !important; font-size: 24px !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; }
@keyframes avera-page-enter { 
  0% { opacity: 0.001; transform: translateX(12px); }
  100% { opacity: 1; transform: none; }
}
#installOverlay .installBox { overflow: hidden !important; }
#installOverlay .install-workspace-head { margin: -24px -24px 20px !important; padding-top: 18px !important; }
#installOverlay .install-screen-body { display: block !important; }
#installOverlay .install-section-label { margin: 18px 2px 9px !important; color: var(--asm-muted) !important; font-size: 9.5px !important; font-weight: 650 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; }
#installOverlay .install-hero { grid-template-columns: 76px minmax(0px, 1fr) !important; padding: 20px !important; border-radius: 23px !important; background-color: var(--av-surface-1) !important; }
#installOverlay .install-hero-icon { width: 76px !important; height: 76px !important; border-radius: 22px !important; background: var(--av-surface-elevated) !important; }
#installOverlay .install-hero h3 { margin: 0px 0px 6px !important; color: var(--asm-text) !important; font-size: 22px !important; line-height: 1.08 !important; letter-spacing: -0.035em !important; }
#installOverlay .install-hero p { font-size: 12px !important; }
#installOverlay .install-platform-tabs { margin: 0px !important; background: var(--asm-well) !important; }
#installOverlay .install-guide { padding: 18px !important; border-radius: 21px !important; background: var(--av-surface-elevated) !important; }
#installOverlay .install-guide li { min-height: 42px !important; padding: 10px 10px 10px 44px !important; border-radius: 13px !important; background: transparent !important; }
#installOverlay .install-guide li::before { left: 9px !important; width: 27px !important; height: 27px !important; border-radius: 9px !important; }
#installOverlay .install-actions { margin: 16px 0px 0px !important; }
.about-avera .about-like { display: grid !important; grid-template-columns: 48px minmax(0px, 1fr) auto !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 66px !important; margin-top: 16px !important; padding: 9px 12px 9px 9px !important; border: 0px !important; border-radius: 20px !important; color: var(--asm-text) !important; text-align: left !important; box-shadow: rgba(255, 255, 255, 0.92) 0px 1px 0px inset, rgba(37, 60, 70, 0.38) 0px 13px 28px -21px, rgba(37, 60, 70, 0.055) 0px 3px 8px !important; transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s, background 0.2s !important; background: linear-gradient(145deg,var(--asm-surface),color-mix(in srgb,var(--asm-surface) 78%,#fff)) !important; }
html[data-theme="dark"] .about-avera .about-like { background: linear-gradient(145deg, rgb(25, 42, 49), rgb(20, 34, 41)) !important; box-shadow: rgba(255, 255, 255, 0.055) 0px 1px 0px inset, rgba(0, 0, 0, 0.82) 0px 15px 30px -18px, rgba(0, 0, 0, 0.22) 0px 3px 8px !important; }
.about-avera .about-like:hover { transform: translateY(-2px) !important; box-shadow: rgba(255, 255, 255, 0.95) 0px 1px 0px inset, rgba(37, 60, 70, 0.48) 0px 17px 32px -22px, rgba(37, 60, 70, 0.075) 0px 4px 9px !important; }
.about-avera .about-like:active { transform: scale(0.985) !important; }
.about-like-icon { position: relative !important; display: grid !important; width: 48px !important; height: 48px !important; place-items: center !important; border-radius: 16px !important; color: rgb(229, 78, 107) !important; box-shadow: rgba(120, 40, 58, 0.08) 0px 2px 5px inset, rgba(255, 255, 255, 0.72) 0px -1px 1px inset !important; background: color-mix(in srgb,#ef5572 11%,var(--asm-well)) !important; }
.about-like-icon::after { position: absolute !important; inset: 6px !important; border: 1px solid color-mix(in srgb, rgb(229, 78, 107) 18%, transparent 82%) !important; border-radius: 12px !important; content: "" !important; }
.about-avera .about-like svg { position: relative !important; z-index: 1 !important; width: 22px !important; height: 22px !important; color: inherit !important; fill: transparent !important; transition: transform 0.28s cubic-bezier(0.22, 1.4, 0.36, 1), fill 0.2s !important; }
.about-like-copy { display: flex !important; min-width: 0px !important; flex-direction: column !important; gap: 3px !important; }
.about-like-copy > #appLikeText { color: var(--asm-text) !important; font-size: 13.5px !important; font-weight: 850 !important; line-height: 1.15 !important; }
.about-like-copy small { color: var(--asm-muted) !important; font-size: 10.5px !important; font-weight: 650 !important; line-height: 1.3 !important; }
.about-avera .about-like .count { display: grid !important; min-width: 39px !important; height: 34px !important; place-items: center !important; padding: 0px 10px !important; margin: 0px !important; border: 0px !important; border-radius: 12px !important; color: var(--asm-muted) !important; font-size: 12px !important; font-weight: 900 !important; font-variant-numeric: tabular-nums !important; box-shadow: rgba(42, 63, 72, 0.1) 0px 2px 4px inset !important; background: var(--asm-well) !important; }
.about-avera .about-like .count::before { display: none !important; content: none !important; }
.about-avera .about-like.liked { color: var(--asm-text) !important; box-shadow: color-mix(in srgb, rgb(229, 78, 107) 20%, transparent 80%) 0px 0px 0px 1px inset, rgba(220, 72, 101, 0.44) 0px 15px 30px -22px !important; background: linear-gradient(145deg,color-mix(in srgb,#ef5572 8%,var(--asm-surface)),var(--asm-surface)) !important; }
.about-avera .about-like.liked .about-like-icon { background: linear-gradient(145deg, rgb(255, 237, 241), rgb(255, 223, 230)) !important; color: rgb(226, 73, 103) !important; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(226, 73, 103, 0.55) 0px 10px 21px -15px !important; }
html[data-theme="dark"] .about-avera .about-like.liked .about-like-icon { background: linear-gradient(145deg, rgb(75, 38, 50), rgb(62, 32, 42)) !important; }
.about-avera .about-like.liked svg { fill: rgb(231, 85, 113) !important; transform: scale(1.08) !important; }
.about-avera .about-like.liked .count { color: rgb(223, 75, 104) !important; background: color-mix(in srgb,#ef5572 10%,var(--asm-well)) !important; }
.about-avera .about-like-status { min-height: 0px !important; margin-top: 7px !important; }
.about-avera .about-like-status:empty { display: none !important; }
.about-copyright { padding-top: 0px !important; color: var(--asm-muted) !important; font-size: 11px !important; line-height: 1.55 !important; text-align: center !important; }
.about-copyright span { display: block !important; }
@media (max-width: 640px) {
  .settings-workspace-head { min-height: 66px !important; gap: 11px !important; }
  .settings-workspace-back { width: 44px !important; height: 44px !important; flex-basis: 44px !important; border-radius: 14px !important; }
  .settings-workspace-title h2 { font-size: 22px !important; }
  #installOverlay { align-items: stretch !important; justify-content: stretch !important; padding: 0px !important; background-color: var(--av-surface-1) !important; backdrop-filter: none!important; }
  #installOverlay .installBox { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; height: 100dvh !important; max-height: none !important; margin: 0px !important; padding: 0px !important; border-radius: 0px !important; overflow: hidden !important; box-shadow: var(--av-shadow-modal)!important; }
  #installOverlay .install-workspace-head { flex: 0 0 auto !important; margin: 0px !important; padding-top: calc(10px + env(safe-area-inset-top)) !important; }
  #installOverlay .install-screen-body { flex: 1 1 auto !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: none !important; }
  #installOverlay .install-screen-body::-webkit-scrollbar { display: none !important; }
  #installOverlay .install-hero { grid-template-columns: 60px minmax(0px, 1fr) !important; padding: 16px !important; border-radius: 20px !important; }
  #installOverlay .install-hero-icon { width: 60px !important; height: 60px !important; border-radius: 18px !important; }
  #installOverlay .install-hero h3 { font-size: 19px !important; }
  #installOverlay .install-platform-tabs { grid-template-columns: 1fr 1fr !important; }
  #installOverlay .install-actions { grid-template-columns: 1fr !important; }
  #installOverlay .install-actions .btn { width: 100% !important; }
  .about-avera .about-like { grid-template-columns: 44px minmax(0px, 1fr) auto !important; min-height: 62px !important; border-radius: 18px !important; }
  .about-like-icon { width: 44px !important; height: 44px !important; border-radius: 14px !important; }
  .about-like-copy > #appLikeText { font-size: 13px !important; }
  .about-like-copy small { font-size: 10px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .about-avera .about-like, .about-avera .about-like svg { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
@media (max-width: 640px) {
  #installOverlay.auto-intro { align-items: flex-end !important; justify-content: center !important; background-image: initial !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: var(--av-surface-1) !important; backdrop-filter: none!important; }
  #installOverlay.auto-intro .installBox { height: auto !important; max-height: 92dvh !important; border-radius: 27px 27px 0px 0px !important; box-shadow: var(--av-shadow-modal)!important; }
  #installOverlay.auto-intro .install-workspace-head { display: none !important; }
  #installOverlay.auto-intro .install-screen-body { padding-top: 16px !important; }
}
#installOverlay .installBox::before { display: none !important; }
#installOverlay:not(.auto-intro).open .installBox { animation: 0.22s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running avera-page-enter !important; }
.about-copyright { margin-top: 14px !important; }
.about-avera .about-like:disabled { opacity: 0.72 !important; transform: none !important; cursor: wait !important; }
@keyframes avera-appearance-card-in { 
  0% { opacity: 0.001; transform: translateY(9px) scale(0.985); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 640px) {
}
@media (max-height: 650px) {
}
@media (max-width: 640px) {
}
@media (max-width: 360px) {
}
@media (max-width: 700px) {
  #installOverlay .installBox { margin-inline: auto !important; left: auto !important; right: auto !important; }
  #installOverlay .install-workspace-head, #installOverlay .install-screen-body { width: 100% !important; max-width: none !important; margin-inline: auto !important; }
  #installOverlay .install-screen-body { padding-left: 16px !important; padding-right: 16px !important; }
}
@media (max-width: 340px) {
}
@media (max-width: 640px) {
}
html[data-theme="dark"] #feedbackOverlay .feedbackBox{ --asm-bg: var(--av-bg-app) !important; --asm-surface: var(--av-surface-1) !important; --asm-surface-2: var(--av-surface-2) !important; --asm-well: var(--av-well) !important; --asm-line: var(--av-border-subtle) !important; --asm-text: var(--av-text-primary) !important; --asm-text-2: var(--av-text-secondary) !important; --asm-accent: var(--av-accent) !important; background-image: none!important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: var(--av-surface-1)!important; border-color: transparent!important; box-shadow: var(--av-shadow-modal)!important; }
html[data-theme="dark"] #installOverlay .installBox{ --asm-bg: var(--av-bg-app) !important; --asm-surface: var(--av-surface-1) !important; --asm-surface-2: var(--av-surface-2) !important; --asm-well: var(--av-well) !important; --asm-line: var(--av-border-subtle) !important; --asm-text: var(--av-text-primary) !important; --asm-text-2: var(--av-text-secondary) !important; --asm-accent: var(--av-accent) !important; background-image: none!important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: var(--av-surface-1)!important; border-color: transparent!important; box-shadow: var(--av-shadow-modal)!important; }
html[data-theme="dark"] #aboutOverlay .about-avera{ --asm-bg: var(--av-bg-app) !important; --asm-surface: var(--av-surface-1) !important; --asm-surface-2: var(--av-surface-2) !important; --asm-well: var(--av-well) !important; --asm-line: var(--av-border-subtle) !important; --asm-text: var(--av-text-primary) !important; --asm-text-2: var(--av-text-secondary) !important; --asm-accent: var(--av-accent) !important; background-image: initial !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: var(--av-surface-1) !important; border-color: rgba(151, 183, 190, 0.075) !important; box-shadow: var(--av-shadow-control) !important; }
html[data-theme="dark"] #feedbackOverlay .feedback-field textarea, html[data-theme="dark"] #feedbackOverlay .feedback-field input { border-color: transparent!important; background-image: none!important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: var(--av-well)!important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-well)!important; }
html[data-theme="dark"] #feedbackOverlay .feedback-field textarea:focus, html[data-theme="dark"] #feedbackOverlay .feedback-field input:focus { border-color: transparent!important; box-shadow: var(--av-shadow-well)!important; background:var(--av-focus-well);}
html[data-theme="dark"] #feedbackOverlay .avera-dropdown-trigger { border: 1px solid rgba(137, 181, 188, 0.16) !important; color: rgb(227, 237, 239) !important; box-shadow: var(--av-shadow-control) !important; background: var(--av-surface-1) !important; }
html[data-theme="dark"] #feedbackOverlay .avera-dropdown.open .avera-dropdown-trigger { border-color: rgba(67, 203, 191, 0.42) !important; box-shadow: var(--av-shadow-control) !important; background: var(--av-surface-1) !important; }
html[data-theme="dark"] #feedbackOverlay .feedback-context { background-image: initial !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: var(--av-surface-1) !important; border-color: rgba(151, 183, 190, 0.07) !important; color: rgb(161, 178, 184) !important; box-shadow: var(--av-shadow-control) !important; }
html[data-theme="dark"] #feedbackOverlay .feedback-context b { color: rgb(210, 221, 224) !important; }
html[data-theme="dark"] #feedbackOverlay .feedback-actions .btn:not(.primary){ border-color: transparent!important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-control)!important; background: var(--av-control-bg)!important; }
html[data-theme="dark"] #feedbackOverlay .feedback-close{ border-color: rgba(151, 183, 190, 0.06) !important; color: rgb(169, 187, 193) !important; box-shadow: var(--av-shadow-control) !important; background: var(--av-surface-1) !important; }
html[data-theme="dark"] #installOverlay .install-workspace-back{ border-color: rgba(151, 183, 190, 0.06) !important; color: rgb(169, 187, 193) !important; box-shadow: var(--av-shadow-control) !important; background: var(--av-surface-1) !important; }
html[data-theme="dark"] #aboutOverlay .about-close{ border-color: rgba(151, 183, 190, 0.06) !important; color: rgb(169, 187, 193) !important; box-shadow: var(--av-shadow-control) !important; background: var(--av-surface-1) !important; }
html[data-theme="dark"] #feedbackOverlay .feedback-actions .btn.primary { color: var(--av-primary-ink)!important; border-color: transparent!important; box-shadow: var(--av-shadow-primary)!important; background: var(--av-primary-gradient)!important; }
html[data-theme="dark"] #au-dialog :is(input, textarea, select), html[data-theme="dark"] .pak-t-overlay :is(input, textarea, select) { border-color: rgba(103, 137, 147, 0.08) !important; background-image: initial !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: var(--av-well) !important; color: rgb(219, 230, 233) !important; box-shadow: var(--av-shadow-control) !important; }
html[data-theme="dark"] .pak-t-overlay .pak-t-sheet{ border-color: transparent!important; }
html[data-theme="dark"] #au-dialog .au-workspace-page{ border-color: rgba(103, 137, 147, 0.07) !important; }
@media (max-width: 640px) {
  #feedbackOverlay #feedbackFormView > .settings-modal-brand { margin-left: 46px !important; }
  #feedbackOverlay #feedbackFormView > h2 { padding-left: 46px !important; padding-right: 0px !important; }
  #aboutOverlay .about-settings-brand { margin-left: 46px !important; margin-right: 0px !important; }
}
.settings-workspace-head { position: relative !important; background: color-mix(in srgb,var(--asm-bg) 92%,transparent) !important; }
.settings-workspace-head .settings-workspace-back { order: -1 !important; margin-left: 0px !important; margin-right: 0px !important; }
.settings-workspace-head .settings-workspace-title { order: 0 !important; }
.settings-workspace-head .theme-close { order: 2 !important; margin-left: auto !important; margin-right: 0px !important; }
#installOverlay .install-workspace-head .settings-workspace-back { order: -1 !important; margin-left: 0px !important; margin-right: 0px !important; }
#feedbackOverlay #feedbackFormView > .settings-modal-brand { margin-left: 0px !important; margin-right: 52px !important; }
#feedbackOverlay #feedbackFormView > h2 { padding-left: 0px !important; padding-right: 52px !important; }
#feedbackOverlay #feedbackFormView > p { margin-right: 52px !important; }
#aboutOverlay .about-settings-brand { margin-left: 0px !important; margin-right: 52px !important; }
@media (max-width: 640px) {
  #feedbackOverlay #feedbackFormView > .settings-modal-brand { margin-left: 0px !important; margin-right: 46px !important; }
  #feedbackOverlay #feedbackFormView > h2 { padding-left: 0px !important; padding-right: 46px !important; }
  #feedbackOverlay #feedbackFormView > p { margin-right: 46px !important; }
  #aboutOverlay .about-settings-brand { margin-left: 0px !important; margin-right: 46px !important; }
}
@media (max-width: 360px) {
}
#themeOverlay { display: none; position: fixed; inset: 0; z-index: 10010; padding: 14px; align-items: center; justify-content: center; background: rgba(5,15,21,.58); backdrop-filter: none; }
#themeOverlay.open { display: flex; }
#themeOverlay .themeBox {
  display: flex; flex-direction: column; position: relative;
  width: min(650px,100%); max-width: 650px; max-height: calc(100dvh - 28px);
  margin: 0; padding: 0 !important; overflow: hidden;
  border: 1px solid transparent;
  border-radius: 30px;
  background: var(--av-surface-1);
  color: var(--av-text-primary);
  box-shadow: var(--av-shadow-modal);
}
html[data-theme="dark"] #themeOverlay .themeBox {
  border-color: transparent;
  background: var(--av-surface-1);
box-shadow:var(--av-shadow-modal);}
#themeOverlay .appearance-workspace-head {
  display: flex; align-items: center; gap: 18px; flex-shrink: 0;
  padding: 28px 30px 18px;
  background: transparent !important;
}
#themeOverlay .appearance-workspace-head > div { flex: 1 1 0; min-width: 0; }
#themeOverlay .appearance-workspace-head h2 { margin: 4px 0 0; font-size: 28px; line-height: 1.05; letter-spacing: -.035em; font-weight: 760; }
#themeOverlay .appearance-workspace-head .eyebrow { font-size: 9px; letter-spacing: .08em; color: var(--av-accent); }
#themeOverlay #themeOverlayClose {
  order: 2; display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px;
  margin-left: auto; padding: 0; border: 0; border-radius: 15px;
  background: var(--av-surface-elevated) !important; color: var(--av-text-secondary);
  box-shadow: var(--av-shadow-control) !important;
}
#themeOverlay #themeOverlayClose svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
#themeOverlay .appearance-screen-body { overflow: auto; overscroll-behavior: contain; padding: 0 30px 30px; }
#averaAppearanceDialog { padding: 0; }
.avera-appearance { display: flex; flex-direction: column; gap: 24px; width: 100%; font-size: 13px; line-height: 1.55; }
.appearance-heading { width: 100%; padding: 0; background: transparent; box-shadow: none; }
.appearance-heading p { margin: 0; max-width: none; color: var(--av-text-secondary); font-size: 13.5px; line-height: 1.62; }
.avera-appearance h3, .avera-modes legend { margin: 0 0 10px; padding: 0 2px; color: var(--av-text-secondary); font-size: 10.5px; font-weight: 700; }
.avera-style-options { display: grid; gap: 10px; width: 100%; }
.avera-style-options > button {
  width: 100%; min-height: 66px; padding: 0 18px;
  border: 0; border-radius: 20px;
  background: var(--av-well); color: var(--av-text-primary);
  box-shadow: var(--av-shadow-well); text-align: left;
}
.appearance-name { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 14px; font-weight: 680; }
.appearance-check { color: var(--av-accent); font-size: 19px; line-height: 1; }
.appearance-description, .appearance-preview { display: none; }
.avera-theme-roadmap {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 5px;
  width: 100%; padding: 18px 2px 0;
  border-top: 1px solid color-mix(in srgb,var(--av-text-primary) 8%,transparent);
  background: transparent; box-shadow: none;
  color: var(--av-text-secondary); font-size: 11.5px;
}
.avera-theme-roadmap b { color: var(--av-text-primary); font-size: 12.5px; font-weight: 700; }
.avera-modes { width: 100%; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.avera-mode-options {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px;
  width: 100%; padding: 7px; border-radius: 22px;
  background: transparent; box-shadow: none;
}
.avera-mode-options > button {
  position: relative; min-height: 58px; padding: 12px 10px;
  border: 0; border-radius: 16px; background: transparent;
  color: var(--av-text-secondary); font-size: 12px; line-height: 1.25; text-align: center; cursor: pointer;
}
.avera-mode-options > button[aria-pressed="true"] { background: var(--av-surface-elevated); color: var(--av-accent); box-shadow: var(--av-shadow-control); font-weight: 700; }
.avera-mode-options > button:active { box-shadow: var(--av-shadow-pressed); }
.appearance-mode-help { min-height: 0; margin: 12px 2px 0; color: var(--av-text-secondary); font-size: 11px; }
@media (max-width: 640px) {
  #themeOverlay { padding: 10px; align-items: center; }
  #themeOverlay .themeBox { width: 100%; max-width: none; max-height: calc(100dvh - 20px); border-radius: 28px; }
  #themeOverlay .appearance-workspace-head { padding: 24px 22px 16px; }
  #themeOverlay .appearance-workspace-head h2 { font-size: 26px; }
  #themeOverlay .appearance-screen-body { padding: 0 22px 24px; }
  .avera-appearance { gap: 21px; }
}
@media (max-width: 370px) {
  #themeOverlay { padding: 8px; }
  #themeOverlay .themeBox { max-height: calc(100dvh - 16px); border-radius: 25px; }
  #themeOverlay .appearance-workspace-head { padding: 21px 18px 14px; }
  #themeOverlay .appearance-screen-body { padding: 0 18px 20px; }
  .avera-appearance { gap: 18px; }
  .avera-mode-options > button { min-height: 54px; font-size: 11.5px; }
}

/* RC22: persistent AVERA community/support links */
.about-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.about-link-card{display:grid;grid-template-columns:44px minmax(0,1fr) 26px;align-items:center;gap:11px;min-height:66px;padding:9px 10px;border-radius:20px;color:var(--asm-text);text-decoration:none;background:var(--av-surface-elevated);box-shadow:var(--av-shadow-control)}
.about-link-card:active{transform:translateY(1px);box-shadow:var(--av-shadow-pressed)}
.about-link-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;color:var(--av-accent-strong);background:var(--av-well);box-shadow:var(--av-shadow-well)}
.about-link-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.about-link-card>span:nth-child(2){min-width:0}
.about-link-card b{display:block;color:var(--asm-text);font-size:12.5px;font-weight:820;line-height:1.2}
.about-link-card small{display:block;margin-top:3px;color:var(--asm-muted);font-size:9.7px;line-height:1.3}
.about-link-card>i{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;color:var(--asm-muted);font-style:normal;background:var(--av-well);box-shadow:var(--av-shadow-well)}
@media(max-width:520px){.about-links{grid-template-columns:1fr}.about-link-card{min-height:62px;border-radius:18px}}
\n/* RC25: installation workspace follows the same tactile hierarchy as Settings. */
#installOverlay .install-workspace-head{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:13px!important;
  width:100%!important;
  min-height:72px!important;
  margin:0 0 18px!important;
  padding:14px 2px 10px!important;
  background:transparent!important;
}
#installOverlay .install-workspace-head .settings-workspace-back{
  order:0!important;
  width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
  margin:0!important;
  border-radius:14px!important;
  color:var(--asm-muted)!important;
  background:var(--av-well)!important;
  box-shadow:var(--av-shadow-well)!important;
}
#installOverlay .install-workspace-head .settings-workspace-back:hover{color:var(--asm-accent)!important;transform:none!important}
#installOverlay .install-workspace-head .settings-workspace-back:active{transform:translateY(1px) scale(.97)!important;box-shadow:var(--av-shadow-pressed)!important}
#installOverlay .install-workspace-title{order:1!important;min-width:0!important}
#installOverlay .install-workspace-title .install-settings-brand{margin:0 0 5px!important}
#installOverlay .install-actions .btn.primary{
  color:var(--av-primary-ink)!important;
  background:var(--av-primary-gradient)!important;
  box-shadow:var(--av-shadow-primary)!important;
  font-weight:800!important;
}
#installOverlay .install-actions #installPrimary{
  color:var(--av-accent-ink)!important;
  background:var(--av-accent-gradient)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 22px -13px color-mix(in srgb,var(--av-accent) 65%,transparent)!important;
  font-weight:800!important;
}
#installOverlay .install-actions #installPrimary:hover{filter:brightness(1.025)!important}
#installOverlay .install-actions #installPrimary:active{transform:translateY(1px) scale(.992)!important;box-shadow:var(--av-shadow-pressed)!important}
html[data-theme="dark"] #installOverlay .install-actions .btn.primary{
  color:var(--av-primary-ink)!important;
  background:var(--av-primary-gradient)!important;
  box-shadow:var(--av-shadow-primary)!important;
}
html[data-theme="dark"] #installOverlay .install-actions #installPrimary{
  color:var(--av-accent-ink)!important;
  background:var(--av-accent-gradient)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 11px 24px -14px color-mix(in srgb,var(--av-accent) 52%,transparent)!important;
}
@media(max-width:640px){
  #installOverlay .install-workspace-head{
    flex:0 0 auto!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    min-height:auto!important;
    column-gap:12px!important;
    margin:0!important;
    padding:calc(14px + env(safe-area-inset-top)) 18px 13px!important;
    border-bottom:1px solid var(--av-divider)!important;
    background:var(--av-surface-1)!important;
  }
  #installOverlay .install-workspace-head .settings-workspace-back{
    width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;border-radius:13px!important;
  }
  #installOverlay .install-workspace-title h2{font-size:22px!important;line-height:1.08!important}
  #installOverlay .install-screen-body{padding-top:16px!important}
  #installOverlay .install-actions{padding-bottom:max(4px,env(safe-area-inset-bottom))!important}
}

/* RC26 — installation workspace: clean single layout, no legacy overlay collisions. */
#installOverlay{
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  overflow:hidden!important;
  background:rgba(5,15,21,.58)!important;
  backdrop-filter:none!important;
}
#installOverlay .installBox{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(720px,calc(100vw - 32px))!important;
  max-width:720px!important;
  height:auto!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:var(--av-surface-1)!important;
  box-shadow:var(--av-shadow-modal)!important;
  isolation:isolate!important;
}
#installOverlay .installBox::before{display:none!important;content:none!important}
#installOverlay .install-workspace-head{
  position:relative!important;
  z-index:3!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:14px!important;
  width:100%!important;
  min-height:82px!important;
  margin:0!important;
  padding:18px 22px!important;
  border-bottom:1px solid var(--av-divider)!important;
  background:var(--av-surface-1)!important;
}
#installOverlay .install-workspace-head .settings-workspace-back{
  grid-column:1!important;
  grid-row:1!important;
  order:0!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  color:var(--av-text-secondary)!important;
  background:var(--av-surface-elevated)!important;
  box-shadow:var(--av-shadow-control)!important;
}
#installOverlay .install-workspace-head .settings-workspace-back:hover{color:var(--av-accent)!important;transform:none!important}
#installOverlay .install-workspace-head .settings-workspace-back:active{transform:translateY(1px) scale(.97)!important;box-shadow:var(--av-shadow-pressed)!important}
#installOverlay .install-workspace-title{
  grid-column:2!important;
  grid-row:1!important;
  order:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#installOverlay .install-workspace-title .install-settings-brand{
  margin:0 0 5px!important;
  color:var(--av-accent)!important;
  font-size:9.5px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  line-height:1.15!important;
}
#installOverlay .install-workspace-title h2{
  margin:0!important;
  color:var(--av-text-primary)!important;
  font-size:25px!important;
  font-weight:820!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
#installOverlay .install-screen-body{
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:22px 24px 24px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
}
#installOverlay .install-screen-body::-webkit-scrollbar{display:none!important}
#installOverlay .install-hero{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  margin:0!important;
  padding:18px!important;
  border:0!important;
  border-radius:22px!important;
  background:var(--av-well)!important;
  box-shadow:var(--av-shadow-well)!important;
  overflow:hidden!important;
}
#installOverlay .install-hero::after{display:none!important;content:none!important}
#installOverlay .install-hero-icon{
  width:78px!important;
  height:78px!important;
  border-radius:22px!important;
  background:var(--av-surface-elevated)!important;
  box-shadow:var(--av-shadow-control)!important;
}
#installOverlay .install-hero h3{
  margin:0 0 6px!important;
  color:var(--av-text-primary)!important;
  font-size:22px!important;
  font-weight:820!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
#installOverlay .install-hero p{
  margin:0!important;
  color:var(--av-text-secondary)!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
#installOverlay .install-section-label{
  margin:20px 2px 9px!important;
  color:var(--av-text-muted)!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#installOverlay .install-platform-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:5px!important;
  border:0!important;
  border-radius:18px!important;
  background:var(--av-well)!important;
  box-shadow:var(--av-shadow-well)!important;
}
#installOverlay .install-platform-tab{
  min-height:46px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:var(--av-text-secondary)!important;
  font-size:12.5px!important;
  font-weight:700!important;
}
#installOverlay .install-platform-tab.active{
  color:var(--av-accent)!important;
  background:var(--av-surface-elevated)!important;
  box-shadow:var(--av-shadow-control)!important;
}
#installOverlay .install-guide{
  margin:0!important;
  padding:18px!important;
  border:0!important;
  border-radius:22px!important;
  color:var(--av-text-primary)!important;
  background:var(--av-surface-elevated)!important;
  box-shadow:var(--av-shadow-control)!important;
}
#installOverlay .install-guide-title{color:var(--av-text-primary)!important}
#installOverlay .install-guide li{color:var(--av-text-secondary)!important;background:transparent!important}
#installOverlay .install-guide li b{color:var(--av-text-primary)!important}
#installOverlay .install-guide-note,
#installOverlay .install-state{
  border:0!important;
  border-radius:15px!important;
  color:var(--av-text-secondary)!important;
  background:var(--av-well)!important;
  box-shadow:var(--av-shadow-well)!important;
}
#installOverlay .install-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  margin:18px 0 0!important;
  padding:0!important;
}
#installOverlay .install-actions .btn{
  min-height:52px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:16px!important;
  font-size:12.5px!important;
  font-weight:760!important;
  background:var(--av-control-bg)!important;
  color:var(--av-text-primary)!important;
  box-shadow:var(--av-shadow-control)!important;
}
#installOverlay .install-actions .btn.primary{
  color:var(--av-primary-ink)!important;
  background:var(--av-primary-gradient)!important;
  box-shadow:var(--av-shadow-primary)!important;
  font-weight:800!important;
}
#installOverlay .install-actions #installPrimary{
  color:#fff!important;
  background:linear-gradient(145deg,#079a9b,#007d82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px -13px rgba(0,125,130,.62)!important;
  font-weight:800!important;
}
html[data-theme="dark"] #installOverlay .installBox{border-color:transparent!important;background:var(--av-surface-1)!important;box-shadow:var(--av-shadow-modal);}
html[data-theme="dark"] #installOverlay .install-actions .btn.primary{
  color:var(--av-primary-ink)!important;
  background:var(--av-primary-gradient)!important;
  box-shadow:var(--av-shadow-primary)!important;
}
html[data-theme="dark"] #installOverlay .install-actions #installPrimary{
  color:#fff!important;
  background:linear-gradient(145deg,#159f98,#08766f)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px -14px rgba(0,0,0,.72)!important;
}
@media(max-width:640px){
  #installOverlay{
    align-items:stretch!important;
    justify-content:stretch!important;
    padding:0!important;
    background:var(--av-surface-1)!important;
  }
  #installOverlay .installBox{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:var(--av-shadow-modal)!important;
  }
  #installOverlay .install-workspace-head{
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:12px!important;
    min-height:74px!important;
    padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important;
  }
  #installOverlay .install-workspace-head .settings-workspace-back{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:13px!important;
  }
  #installOverlay .install-workspace-title .install-settings-brand{font-size:8.5px!important;margin-bottom:4px!important}
  #installOverlay .install-workspace-title h2{font-size:21px!important}
  #installOverlay .install-screen-body{padding:16px 16px max(18px,env(safe-area-inset-bottom))!important}
  #installOverlay .install-hero{grid-template-columns:60px minmax(0,1fr)!important;gap:14px!important;padding:15px!important;border-radius:20px!important}
  #installOverlay .install-hero-icon{width:60px!important;height:60px!important;border-radius:18px!important}
  #installOverlay .install-hero h3{font-size:18.5px!important}
  #installOverlay .install-hero p{font-size:11px!important}
  #installOverlay .install-section-label{margin-top:17px!important}
  #installOverlay .install-guide{padding:15px!important;border-radius:20px!important}
  #installOverlay .install-actions{grid-template-columns:1fr!important;gap:9px!important;margin-top:16px!important;padding-bottom:max(2px,env(safe-area-inset-bottom))!important}
  #installOverlay .install-actions .btn{width:100%!important;min-height:50px!important}
}

/* Stage 3C: Settings and its own nested surfaces. Tokens remain authoritative. */
.settings-tactile-page .settings-tactile-section{margin-top:22px!important}
.settings-tactile-page .settings-tactile-section-label{margin:0 4px 10px!important;color:var(--av-text-secondary)!important}
.settings-tactile-page .settings-row-copy{min-width:0!important}
.settings-tactile-page .settings-row-title,.settings-tactile-page .settings-row-desc{overflow-wrap:anywhere}
.settings-tactile-page .settings-tactile-row{min-height:76px!important;padding:14px 16px!important;gap:13px!important}
.settings-tactile-page .settings-tactile-icon{width:44px!important;height:44px!important;flex:0 0 44px!important}
.settings-tactile-page .settings-tactile-row:not(:last-child){border-bottom:1px solid var(--av-divider)!important}
.settings-tactile-page .settings-tactile-row:active{background:var(--av-well)!important;box-shadow:var(--av-shadow-pressed)!important;transform:none!important}
.settings-tactile-page .settings-tactile-switch-hit{min-width:48px!important;min-height:48px!important}

/* A calm reading surface: sections carry hierarchy, rather than nested cards. */
#aboutOverlay{background:var(--av-bg-app)!important;padding:24px 16px!important}
#aboutOverlay .about-avera{width:min(720px,100%)!important;max-width:720px!important;padding:28px!important;background:var(--av-surface-1)!important;border:1px solid var(--av-border-subtle)!important;border-radius:28px!important;box-shadow:var(--av-shadow-float)!important;text-align:left!important}
#aboutOverlay .about-avera .avera-about-hero-card{position:relative!important;margin:0!important;padding:0 0 26px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
#aboutOverlay .about-avera .avera-about-hero-card::after{display:none!important}
#aboutOverlay .about-avera .about-settings-brand{margin:0 56px 22px 0!important;color:var(--av-text-muted)!important;font-size:10px!important;letter-spacing:.12em!important}
#aboutOverlay .about-avera .about-close{top:-6px!important;right:-6px!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important}
#aboutOverlay .about-avera .avera-about-brandrow{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:20px!important;align-items:center!important;margin:0!important;padding:0!important}
#aboutOverlay .about-avera .about-app-logo{width:76px!important;height:76px!important;min-width:76px!important;border-radius:22px!important;background:var(--av-surface-elevated)!important;box-shadow:var(--av-shadow-control)!important}
#aboutOverlay .about-avera .about-app-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:inherit!important}
#aboutOverlay .about-avera .avera-wordmark{min-width:0!important}
#aboutOverlay .about-avera .avera-wordmark strong{font-size:32px!important;line-height:1.1!important;letter-spacing:.025em!important;color:var(--av-text-primary)!important}
#aboutOverlay .about-avera .avera-wordmark>span{max-width:290px!important;margin-top:6px!important;color:var(--av-text-secondary)!important;font-size:12px!important;line-height:1.45!important}
#aboutOverlay .about-avera .about-version-row{margin-top:12px!important}
#aboutOverlay .about-avera .about-version{min-height:32px!important;padding:6px 10px!important;border-radius:10px!important;font-size:11px!important;font-weight:600!important;color:var(--av-text-secondary)!important;background:var(--av-well)!important;box-shadow:var(--av-shadow-well)!important}
#aboutOverlay .about-avera .avera-hero-copy{margin:24px 0 0!important;padding:0!important;max-width:none!important}
#aboutOverlay .about-avera .avera-hero-copy h2{margin:0 0 10px!important;font-size:25px!important;font-weight:780!important;line-height:1.22!important;letter-spacing:-.025em!important;color:var(--av-text-primary)!important}
#aboutOverlay .about-avera :is(.avera-hero-copy p,.avera-about-card p,.ac-capability p){margin:0!important;color:var(--av-text-secondary)!important;font-size:14px!important;line-height:1.65!important}
#aboutOverlay .about-avera :is(.avera-about-card,.about-capabilities){margin:0!important;padding:26px 0!important;border:0!important;border-top:1px solid var(--av-divider)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#aboutOverlay .about-avera .avera-kicker{margin:0 0 12px!important;color:var(--av-text-muted)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.1em!important}
#aboutOverlay .about-avera :is(.about-capabilities h3,.about-project-story h3){margin:0 0 16px!important;font-size:20px!important;line-height:1.3!important;font-weight:750!important;letter-spacing:-.02em!important;color:var(--av-text-primary)!important}
#aboutOverlay .about-avera .avera-origin-formula{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin:0 0 18px!important;padding:16px 18px!important;border-radius:18px!important;background:var(--av-well)!important;box-shadow:var(--av-shadow-well)!important}
#aboutOverlay .about-avera .avera-origin-part{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#aboutOverlay .about-avera .avera-origin-part b{font-size:25px!important;line-height:1.15!important;color:var(--av-accent)!important}
#aboutOverlay .about-avera .avera-origin-part small{margin-top:4px!important;color:var(--av-text-secondary)!important;font-size:10px!important}
#aboutOverlay .about-avera .avera-origin-formula i{font-size:19px!important;color:var(--av-text-muted)!important;font-style:normal!important}
#aboutOverlay .about-avera .avera-origin-formula>strong{font-size:25px!important;color:var(--av-text-primary)!important;letter-spacing:.025em!important}
#aboutOverlay .about-avera .ac-capabilities{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px 24px!important;margin:0!important}
#aboutOverlay .about-avera .ac-capability{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-items:start!important}
#aboutOverlay .about-avera .ac-cap-mark{display:block!important;width:auto!important;height:auto!important;padding:3px 0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--av-accent)!important;font-size:11px!important;font-weight:700!important}
#aboutOverlay .about-avera .ac-capability h4{margin:0 0 6px!important;font-size:14px!important;line-height:1.4!important;color:var(--av-text-primary)!important}
#aboutOverlay .about-avera .ac-capability p{font-size:12px!important;line-height:1.6!important}
#aboutOverlay .about-avera .about-project-story p+p{margin-top:12px!important}
#aboutOverlay .about-avera .about-author{margin:0 0 24px!important;padding:20px 22px!important;text-align:left!important;border:0!important;border-radius:20px!important;background:var(--av-well)!important;box-shadow:var(--av-shadow-well)!important}
#aboutOverlay .about-avera .about-author .label{margin:0 0 10px!important;color:var(--av-text-muted)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important}
#aboutOverlay .about-avera .about-author b{display:block!important;max-width:370px!important;color:var(--av-text-primary)!important;font-size:18px!important;font-weight:750!important;line-height:1.45!important}
#aboutOverlay .about-avera .about-author span{display:block!important;margin-top:7px!important;color:var(--av-text-secondary)!important;font-size:12px!important;line-height:1.5!important}
#aboutOverlay .about-avera .about-links{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;border-radius:20px!important;background:var(--av-surface-elevated)!important;box-shadow:var(--av-shadow-control)!important;overflow:hidden!important}
#aboutOverlay .about-avera .about-link-card{min-height:78px!important;padding:15px!important;grid-template-columns:44px minmax(0,1fr) 20px!important;gap:13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#aboutOverlay .about-avera .about-link-card+.about-link-card{border-top:1px solid var(--av-divider)!important}
#aboutOverlay .about-avera .about-link-card b{font-size:14px!important;font-weight:700!important;line-height:1.4!important}
#aboutOverlay .about-avera .about-link-card small{font-size:11px!important;line-height:1.5!important;margin-top:4px!important}
#aboutOverlay .about-avera .about-link-card>i{width:20px!important;height:20px!important;background:transparent!important;box-shadow:none!important}
#aboutOverlay .about-avera .about-like{grid-template-columns:44px minmax(0,1fr) auto!important;gap:13px!important;width:100%!important;min-height:78px!important;margin:18px 0 0!important;padding:15px!important;border:0!important;border-radius:20px!important;color:var(--av-text-primary)!important;background:var(--av-well)!important;box-shadow:var(--av-shadow-well)!important}
#aboutOverlay .about-avera .about-like-icon{width:44px!important;height:44px!important;border-radius:14px!important;background:var(--av-surface-elevated)!important;color:var(--av-accent)!important;box-shadow:var(--av-shadow-control)!important}
#aboutOverlay .about-avera .about-like-copy>span{font-size:14px!important;font-weight:700!important;line-height:1.4!important}
#aboutOverlay .about-avera .about-like-copy small{font-size:11px!important;color:var(--av-text-secondary)!important;line-height:1.5!important}
#aboutOverlay .about-avera .about-like .count{min-width:34px!important;padding:6px 8px!important;font-size:14px!important;color:var(--av-text-secondary)!important;background:transparent!important;box-shadow:none!important}
#aboutOverlay .about-avera .about-like-status{min-height:18px!important;margin:8px 4px 0!important;font-size:11px!important;line-height:1.5!important;text-align:left!important;color:var(--av-text-secondary)!important}
#aboutOverlay .about-avera .about-like-status.err{color:var(--av-danger)!important}
#aboutOverlay .about-avera .about-metadata{display:block!important;margin-top:24px!important;padding-top:20px!important;border-top:1px solid var(--av-divider)!important;text-align:center!important}
#aboutOverlay .about-avera .avera-about-footer{margin:0!important;padding:0!important;color:var(--av-text-secondary)!important;font-size:11px!important;letter-spacing:0!important}
#aboutOverlay .about-avera .about-copyright{margin:8px 0 0!important;padding:0!important;color:var(--av-text-muted)!important;font-size:10px!important;line-height:1.6!important}

/* Existing profile, push, role and teacher dialogs: finish states, keep layout. */
:is(.settings-tactile-page,#aboutOverlay,#feedbackOverlay,#installOverlay,#themeOverlay,.au-profile-dialog,.au-password-dialog,.au-curatorship-dialog,.au-curator-request-dialog,#entityOverlay,#teacherScheduleOverlay,#pakTeacherPanel) :is(button,a,input,textarea,summary):focus-visible{outline:none!important;outline-offset:3px!important}
:is(.settings-tactile-page,#aboutOverlay,#feedbackOverlay,#installOverlay,#themeOverlay,.au-profile-dialog,.au-password-dialog,.au-curatorship-dialog,.au-curator-request-dialog,#entityOverlay,#teacherScheduleOverlay,#pakTeacherPanel) button:disabled{opacity:.55!important;cursor:default!important;transform:none!important}
#feedbackOverlay .feedbackBox{background:var(--av-surface-1)!important;box-shadow:var(--av-shadow-modal)!important}
#feedbackOverlay .feedback-field{margin-top:18px!important;position:relative!important}
#feedbackOverlay .feedback-field label:not(.feedback-upload-pick){color:var(--av-text-secondary)!important;font-size:12px!important;margin-bottom:8px!important;display:block!important}
#feedbackOverlay .feedback-field textarea{padding:14px!important;line-height:1.55!important;border-radius:16px!important;background:var(--av-well)!important;color:var(--av-text-primary)!important;box-shadow:var(--av-shadow-well)!important}
#feedbackOverlay .feedback-context{margin-top:18px!important;padding:14px!important;background:var(--av-well)!important;box-shadow:var(--av-shadow-well)!important;border:0!important;border-radius:16px!important;line-height:1.5!important}
#feedbackOverlay .feedback-actions{margin-top:20px!important;gap:10px!important}
#feedbackOverlay .feedback-actions .btn{min-height:48px!important;border-radius:15px!important}
#feedbackOverlay .avera-dropdown-trigger{min-height:50px!important}
#feedbackOverlay .feedback-status{line-height:1.5!important;overflow-wrap:anywhere}
#installOverlay .settings-workspace-back,#themeOverlay .settings-workspace-back{min-width:44px!important;min-height:44px!important}
#aboutOverlay .about-avera .about-link-card:active{background:var(--av-well)!important;transform:none!important}
#aboutOverlay .about-avera .about-like:active{box-shadow:var(--av-shadow-pressed)!important;transform:translateY(1px)!important}
@media(max-width:640px){
  .settings-tactile-page .settings-tactile-row{padding:13px!important;gap:11px!important}
  #aboutOverlay{padding:12px!important}
  #aboutOverlay .about-avera{padding:22px 18px!important;border-radius:24px!important}
  #aboutOverlay .about-avera .avera-about-brandrow{grid-template-columns:64px minmax(0,1fr)!important;gap:16px!important}
  #aboutOverlay .about-avera .about-app-logo{width:64px!important;height:64px!important;min-width:64px!important;border-radius:19px!important}
  #aboutOverlay .about-avera .avera-wordmark strong{font-size:29px!important}
  #aboutOverlay .about-avera .avera-wordmark>span{font-size:11px!important}
  #aboutOverlay .about-avera .avera-hero-copy h2{font-size:23px!important}
  #aboutOverlay .about-avera .ac-capabilities{grid-template-columns:1fr!important;gap:18px!important}
  #aboutOverlay .about-avera .avera-about-card{padding:22px 0!important}
  #aboutOverlay .about-avera .about-author{padding:18px!important}
  #aboutOverlay .about-avera .about-author b{font-size:17px!important}
  #aboutOverlay .about-avera .avera-origin-formula{gap:10px!important;padding:14px!important}
  #aboutOverlay .about-avera .about-link-card,#aboutOverlay .about-avera .about-like{padding:13px!important;gap:11px!important}
}
@media(prefers-reduced-motion:reduce){
  :is(.settings-tactile-page,#aboutOverlay,#feedbackOverlay,#installOverlay,#themeOverlay,.au-profile-dialog,.au-password-dialog,.au-curatorship-dialog,.au-curator-request-dialog,#entityOverlay,#teacherScheduleOverlay,#pakTeacherPanel),:is(.settings-tactile-page,#aboutOverlay,#feedbackOverlay,#installOverlay,#themeOverlay,.au-profile-dialog,.au-password-dialog,.au-curatorship-dialog,.au-curator-request-dialog,#entityOverlay,#teacherScheduleOverlay,#pakTeacherPanel) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

#aboutOverlay .about-avera .avera-wordmark>span{font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
#aboutOverlay .about-avera .avera-origin::before,#aboutOverlay .about-avera .avera-origin::after{display:none!important}
#aboutOverlay .about-avera .avera-origin-formula{flex-wrap:nowrap!important;gap:10px!important}
#aboutOverlay .about-avera .avera-origin-formula>strong{flex:0 0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#aboutOverlay .about-avera .avera-origin-formula>span{flex:0 0 auto!important}
@media(max-width:640px){#aboutOverlay .about-avera .avera-origin-formula{padding:14px!important;gap:10px!important}#aboutOverlay .about-avera .avera-origin-formula>strong,#aboutOverlay .about-avera .avera-origin-part b{font-size:23px!important}}
#aboutOverlay .about-avera .avera-origin-part small{font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
@media(max-width:640px){
  #aboutOverlay .about-avera .avera-origin-formula{display:grid!important;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px auto!important;gap:7px!important;padding:14px!important}
  #aboutOverlay .about-avera .avera-origin-formula>strong{font-size:21px!important;min-width:0!important}
  #aboutOverlay .about-avera .avera-origin-part small{font-size:9px!important}
  #aboutOverlay .about-avera .avera-origin-formula i{font-size:16px!important}
}


/* RC29 · About / name origin — calm typographic AVE + RA = AVERA lockup. */
#aboutOverlay .about-avera .avera-origin-showcase{
  display:grid!important;
  grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr) auto minmax(132px,1.18fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 18px!important;
  padding:18px 20px!important;
  border:1px solid color-mix(in srgb,var(--av-accent) 13%,var(--av-border-subtle))!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--av-surface-elevated) 94%,var(--av-accent-soft)),color-mix(in srgb,var(--av-well) 95%,#e9fbf8))!important;
  box-shadow:var(--av-shadow-well)!important;
  overflow:hidden!important;
}
#aboutOverlay .about-avera .avera-origin-concept{
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  padding:8px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#aboutOverlay .about-avera .avera-origin-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  text-align:center!important;
}
#aboutOverlay .about-avera .avera-origin-copy b{
  color:#07978f!important;
  font-size:29px!important;
  line-height:.98!important;
  font-weight:900!important;
  letter-spacing:.018em!important;
  white-space:nowrap!important;
}
#aboutOverlay .about-avera .avera-origin-concept--ra .avera-origin-copy b{color:#2b91df!important}
#aboutOverlay .about-avera .avera-origin-copy>span{
  margin-top:7px!important;
  color:var(--av-text-secondary)!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
#aboutOverlay .about-avera .avera-origin-operator{
  align-self:center!important;
  justify-self:center!important;
  color:color-mix(in srgb,var(--av-text-muted) 72%,transparent)!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:760!important;
}
#aboutOverlay .about-avera .avera-origin-result{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  min-height:68px!important;
  padding:8px 8px 15px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#aboutOverlay .about-avera .avera-origin-result strong{
  position:relative!important;
  z-index:2!important;
  color:var(--av-text-primary)!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
#aboutOverlay .about-avera .avera-origin-wave{
  position:absolute!important;
  z-index:1!important;
  left:20%!important;
  right:11%!important;
  bottom:9px!important;
  height:10px!important;
  border-top:3px solid rgba(38,218,194,.78)!important;
  border-radius:50%!important;
  transform:rotate(-3deg)!important;
  filter:none!important;
}
#aboutOverlay .about-avera .avera-origin-wave::after{display:none!important}
html[data-theme="dark"] #aboutOverlay .about-avera .avera-origin-showcase{
  background:linear-gradient(145deg,rgba(22,48,55,.82),rgba(12,34,41,.90))!important;
  border-color:rgba(151,208,215,.11)!important;
}
html[data-theme="dark"] #aboutOverlay .about-avera .avera-origin-copy b{color:#48d2c1!important}
html[data-theme="dark"] #aboutOverlay .about-avera .avera-origin-concept--ra .avera-origin-copy b{color:#67baf2!important}
@media(max-width:640px){
  #aboutOverlay .about-avera .avera-origin-showcase{
    grid-template-columns:minmax(58px,1fr) 12px minmax(58px,1fr) 12px minmax(90px,1.22fr)!important;
    gap:4px!important;
    padding:14px 10px!important;
    margin-bottom:15px!important;
    border-radius:17px!important;
  }
  #aboutOverlay .about-avera .avera-origin-concept{padding:5px 1px!important}
  #aboutOverlay .about-avera .avera-origin-copy b{font-size:23px!important}
  #aboutOverlay .about-avera .avera-origin-copy>span{margin-top:5px!important;font-size:9.6px!important}
  #aboutOverlay .about-avera .avera-origin-operator{font-size:18px!important}
  #aboutOverlay .about-avera .avera-origin-result{min-height:56px!important;padding:6px 1px 13px!important}
  #aboutOverlay .about-avera .avera-origin-result strong{font-size:23px!important;letter-spacing:.025em!important}
  #aboutOverlay .about-avera .avera-origin-wave{left:16%!important;right:8%!important;bottom:7px!important;height:8px!important;border-top-width:3px!important}
}
@media(max-width:390px){
  #aboutOverlay .about-avera .avera-origin-showcase{
    grid-template-columns:minmax(54px,1fr) 10px minmax(54px,1fr) 10px minmax(84px,1.18fr)!important;
    gap:3px!important;
    padding:12px 8px!important;
  }
  #aboutOverlay .about-avera .avera-origin-copy b{font-size:21px!important}
  #aboutOverlay .about-avera .avera-origin-copy>span{font-size:9px!important}
  #aboutOverlay .about-avera .avera-origin-operator{font-size:16px!important}
  #aboutOverlay .about-avera .avera-origin-result{min-height:52px!important}
  #aboutOverlay .about-avera .avera-origin-result strong{font-size:21px!important;letter-spacing:.018em!important}
}
@media(max-width:350px){
  #aboutOverlay .about-avera .avera-origin-showcase{
    grid-template-columns:minmax(48px,1fr) 8px minmax(48px,1fr) 8px minmax(76px,1.18fr)!important;
    padding:11px 6px!important;
    gap:2px!important;
  }
  #aboutOverlay .about-avera .avera-origin-copy b{font-size:19px!important}
  #aboutOverlay .about-avera .avera-origin-copy>span{font-size:8.4px!important}
  #aboutOverlay .about-avera .avera-origin-operator{font-size:15px!important}
  #aboutOverlay .about-avera .avera-origin-result strong{font-size:19px!important}
}

/* RC7: compact, extensible account preferences screen. Theme stays at top-level Settings. */
.settings-tactile-page.settings-preferences-page{padding:0 0 max(16px,env(safe-area-inset-bottom))!important}
.settings-preferences-header{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:10px 2px 7px;min-width:0}
.settings-preferences-headcopy{min-width:0}
.settings-preferences-headcopy>span{display:block;color:var(--av-accent);font-size:9px;font-weight:700;letter-spacing:.095em;margin:0 0 5px}
.settings-preferences-headcopy h2{margin:0!important;color:var(--av-text-primary)!important;font-size:21px!important;font-weight:800!important;line-height:1.22!important;letter-spacing:-.025em}
.settings-preferences-headcopy p{margin:5px 0 0;font-size:11px;line-height:1.45;color:var(--av-text-secondary)}
.settings-preferences-page .settings-preferences-section{margin-top:22px!important}
.settings-preferences-page .settings-tactile-row{min-height:74px!important}
.settings-preferences-footer{margin:19px 10px 0;color:var(--av-text-secondary);font-size:11px;line-height:1.6}
@media(max-width:380px){.settings-preferences-header{gap:9px}.settings-preferences-headcopy h2{font-size:19px!important}.settings-preferences-page .settings-tactile-row{padding:12px!important}}
@media(prefers-reduced-motion:reduce){.settings-preferences-back{transition:none!important}}

/* Recovered feature-owned layout lost at rev195. */
.ap-live{ display: flex; flex-direction: column; gap: 5px; padding: 8px 6px; border-radius: 9px; font-size: 12px; line-height: 1.3; background: var(--accent-soft); }
.ap-live > b{ font-size: 18px; line-height: 1.3; font-weight: 500; overflow-wrap: anywhere; }
.ap-live i{ font-style: normal; float: right; }
.ap-progress{ height: 2px; background: linear-gradient(to right,var(--accent-strong) 35%,var(--border) 35%); }
.ap-lesson{ display: flex; gap: 6px; padding: 9px 3px; border-radius: 7px; margin-top: 6px; background: var(--panel); }
.ap-lesson > strong{ padding: 3px; font-size: 13px; }
.ap-lesson > span{ display: flex; flex-direction: column; min-width: 0px; gap: 3px; }
.ap-lesson b{ font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; }
.ap-lesson small{ font-size: 10px; line-height: 1.2; color: var(--muted); }
.ap-nav{ display: flex; justify-content: space-between; font-size: 10px; line-height: 1.4; padding: 7px 3px; margin: 6px -6px -6px; background: var(--panel); }
.ap-nav > b{ color: var(--accent-strong); }
.preview-classic .ap-live{ box-shadow: rgba(0, 0, 0, 0.067) 0px 2px 4px; background: linear-gradient(120deg,var(--panel),var(--accent-soft)); }
.preview-classic .ap-live > b{ font-size: 16px; font-weight: 850; }
.preview-classic .ap-lesson > strong{ border-radius: 5px; color: var(--accent-strong); background: var(--accent-soft); }
.preview-classic .ap-lesson b{ font-weight: 850; }
.preview-classic .ap-nav > b{ border-radius: 4px; padding: 2px; background: var(--accent-soft); }
.preview-new .ap-lesson{ border-radius: 0px; }
@media (min-width: 700px){.ap-live{ font-size: 9px; }}
@media (min-width: 700px){.ap-live > b{ font-size: 12px; }}
@media (min-width: 700px){.ap-lesson b{ font-size: 10px; }}
@media (min-width: 700px){.ap-lesson small{ font-size: 8px; }}
@media (min-width: 700px){.ap-nav{ font-size: 8px; }}
.ap-day{ display: block; margin: 7px 0px 4px; font-size: 12px; font-weight: 600; }
.ap-lesson > i{ font-size: 7px; font-style: normal; align-self: center; padding: 3px; border-radius: 4px; margin-left: auto; background: var(--accent-soft); }
.ap-lesson > strong small{ display: block; font-weight: 400; margin-top: 4px; line-height: 1.5; }
.ap-date{ padding: 1px 4px; border-radius: 4px; text-align: center; color: var(--accent-strong); background: var(--accent-soft); }
.preview-classic .ap-day{ padding: 5px; border-radius: 5px; background: var(--panel-2); }
.preview-new .ap-live > b{ font-size: 20px; font-weight: 500; letter-spacing: -0.03em; }
.preview-new .ap-lesson > strong{ font-weight: 400; font-size: 14px; }
.ap-scene{ display: block; width: 240px; padding: 12px; box-sizing: border-box; transform-origin: left top; }
#entityTitle{ font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: -0.035em; margin: 0px 48px 12px 0px; text-align: left; }
#entityHint{ font-size: 12px; line-height: 1.55; color: var(--av-text-secondary); margin: 0px 0px 20px; text-align: left; }
#entityList{ min-height: 0px; overflow-y: auto; overscroll-behavior: contain; margin: 12px 0px; display: flex; flex-direction: column; gap: 4px; }
#entityList button{ display: block; min-height: 54px; flex-shrink: 0; width: 100%; border: 0px; border-radius: 13px; padding: 13px 14px; background: transparent; color: var(--av-text-primary); text-align: left; font-size: 14px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
#entityList button:hover, #entityList button:focus-visible{ background: var(--av-well); }
#entityList button.active{ background: var(--av-surface-elevated); box-shadow: var(--av-shadow-control); color: var(--av-accent); }
#entityCancel{ border: 0px; border-radius: 14px; min-height: 46px; background: var(--av-surface-elevated); box-shadow: var(--av-shadow-control); color: var(--av-text-secondary); }
/* 0.8.0 RC2 · teacher/group picker: a steady dialog that never jumps with the number of results or the keyboard.
   The overlay follows the visible viewport (visualViewport → --av-entity-top/--av-entity-vh, dvh fallback); the box
   has one fixed height anchored at the top; only the result list scrolls. Local to #entityOverlay. */
html body #entityOverlay{inset:var(--av-entity-top,0px) 0 auto 0!important;height:var(--av-entity-vh,100dvh)!important;align-items:flex-start!important;justify-content:center!important;overflow:hidden!important;padding:max(12px,env(safe-area-inset-top,0px)) 12px 12px!important;box-sizing:border-box!important}
html body #entityOverlay>.entityBox{display:flex!important;flex-direction:column!important;box-sizing:border-box!important;height:min(680px,calc(var(--av-entity-vh,100dvh) - 24px - env(safe-area-inset-top,0px)))!important;max-height:none!important;overflow:hidden!important;margin:0!important}
html body #entityOverlay>.entityBox>:is(#entityTitle,#entityHint,#entitySearch,#entityCancel){flex:none}
html body #entityOverlay #entityList{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:flex-start;margin:10px 0!important}
html body #entityOverlay #entityList>*{flex:none}
html body #entityOverlay #entityCancel[hidden]{display:none!important}
/* keyboard up: the explanation steps aside so the search field and the first results stay in view */
html body #entityOverlay.is-kb #entityHint{display:none!important}
html body #entityOverlay.is-kb #entityTitle{font-size:19px!important;margin-bottom:10px!important}
html body #entityOverlay.is-kb>.entityBox{padding-top:18px!important;padding-bottom:12px!important}
html body #entityOverlay.is-kb #entityCancel{display:none!important}