/* Website adapter for the same surface family as the Android app. */
:root{--brand:var(--animo-accent);--brand-strong:var(--animo-accent-pressed);--ink:var(--animo-ink);--ink-2:var(--animo-muted);--bg-alt:var(--animo-canvas);--line:var(--animo-line);--radius:var(--animo-radius);--shadow-card:var(--animo-shadow)}
body{font-family:var(--animo-font)}
.brand__mark{background:var(--animo-accent);border-radius:10px;box-shadow:none}
.btn{min-height:48px;border-radius:var(--animo-control-radius)}
.btn--primary:hover{box-shadow:none}
.nav--solid{background:var(--animo-glass);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25)}
.experience-page{background:var(--animo-canvas);color:var(--animo-ink)}
.experience-nav{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--animo-line);background:var(--animo-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);width:100%;padding-inline:max(24px,calc((100vw - 1060px)/2))}
.experience-nav nav{display:flex;gap:24px;align-items:center}
.experience-hero{padding-top:44px;gap:48px}
.experience-copy h1{font-weight:650;letter-spacing:-.04em}
.experience-avatar{background:var(--animo-surface);border-radius:40px;border:1px solid var(--animo-line);overflow:hidden;box-shadow:var(--animo-shadow)}
.experience-avatar img{width:80%;height:90%;max-height:420px;object-fit:contain;filter:none}
.experience-steps li{border-radius:var(--animo-radius);border-color:var(--animo-line);box-shadow:var(--animo-shadow)}
.experience-topics p{background:var(--animo-selected);border-radius:var(--animo-control-radius)}
.experience-footer{border-color:var(--animo-line)}
@media(max-width:680px){.experience-nav{padding-inline:18px}.experience-nav nav{gap:16px}.experience-avatar{width:200px;border-radius:32px}.experience-copy h1{font-size:38px}.experience-hero{padding-top:24px}}
@media(prefers-reduced-transparency:reduce){.nav--solid,.experience-nav{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}