.vocabulary-hub{isolation:isolate;color:#171717;min-height:100vh;padding-top:calc(64px + env(safe-area-inset-top,0px));padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));padding-bottom:max(64px,env(safe-area-inset-bottom,0px));background:radial-gradient(70% 45% at 12% 18%,#1717170b,#0000 58%),radial-gradient(55% 40% at 88% 12%,#dc26260d,#0000 55%),linear-gradient(#fafafa 0%,#fff 42% 100%);position:relative;overflow:visible}.vocabulary-hub__shell{z-index:1;width:min(100%,1120px);margin:0 auto;position:relative;overflow:visible}.vocabulary-hub__atmosphere{pointer-events:none;z-index:0;opacity:.55;background-image:linear-gradient(#17171709 1px,#0000 1px),linear-gradient(90deg,#17171709 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#00000059,#0000 72%);mask-image:linear-gradient(#00000059,#0000 72%)}.vocabulary-level-page.practice-page{padding-bottom:48px;overflow:visible}.vocabulary-level-page.practice-page__shell{width:min(100%,1120px);position:relative;overflow:visible}@media (max-width:767px){.vocabulary-hub{padding-top:calc(56px + env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(48px,env(safe-area-inset-bottom,0px))}}
.vocabulary-hub{color:var(--ds-text-primary);background:radial-gradient(ellipse 70% 45% at 12% 18%, #dc262612, transparent 58%),radial-gradient(ellipse 55% 40% at 88% 12%, #dc26260f, transparent 55%),var(--ds-surface-page)}.vocabulary-hub__atmosphere{background-image:linear-gradient(#fafafa0d 1px,#0000 1px),linear-gradient(90deg,#fafafa0d 1px,#0000 1px)}.vocabulary-atlas__heading{color:var(--ds-text-primary)}.vocabulary-atlas__lede{color:var(--ds-text-secondary)}.atlas-back-btn{border-color:var(--ds-border-subtle);background:var(--ds-surface-card);color:var(--ds-text-primary)}.atlas-back-btn:hover{border-color:var(--ds-border-default);background:var(--ds-surface-sunken)}.atlas-back-btn__icon{background:var(--ds-text-primary);color:var(--ds-surface-page)}.atlas-back-btn:hover .atlas-back-btn__icon{background:var(--ds-accent)}.atlas-back-btn__label{color:var(--ds-text-secondary)}.atlas-back-btn:hover .atlas-back-btn__label{color:var(--ds-text-primary)}.level-spine__path-line{stroke:var(--ds-border-default)}.level-spine__ball{background:var(--ds-text-primary);box-shadow:0 0 0 6px #fafafa1a,0 6px 16px #0006}.level-spine__ball.is-apex{background:var(--ds-accent);box-shadow:0 0 0 6px #ef44442e,0 8px 18px #ef44444d}.level-spine__node-dot{border-color:var(--ds-border-default);background:var(--ds-surface-card)}.level-spine__node-label,.level-spine__node-stage{color:var(--ds-text-tertiary)}.level-spine__node:hover .level-spine__node-dot{border-color:var(--ds-text-tertiary)}.level-spine__node:hover .level-spine__node-label{color:var(--ds-text-primary)}.level-spine__node.is-past .level-spine__node-dot{border-color:var(--ds-border-default);background:var(--ds-surface-muted)}.level-spine__node.is-active .level-spine__node-dot{border-color:var(--ds-text-primary);background:0 0}.level-spine__node.is-active .level-spine__node-label{color:var(--ds-text-primary)}.level-spine__node.is-active .level-spine__node-stage{color:var(--ds-text-secondary)}.level-spine__node.is-apex.is-active .level-spine__node-dot,.level-spine__node.is-apex.is-past .level-spine__node-dot{border-color:var(--ds-accent);background:#ef44441f}.level-spine__node.is-apex.is-active .level-spine__node-label{color:var(--ds-accent)}.level-detail{border-color:var(--ds-border-subtle);background:linear-gradient(165deg, #ffffff0a 0%, #fff0 100%),var(--ds-surface-card)}.level-detail:before{background:var(--ds-text-primary)}.level-detail--apex:before{background:var(--ds-accent)}.level-detail__stage,.level-detail__title,.level-detail__stat dd{color:var(--ds-text-primary)}.level-detail__cefr,.level-detail__description{color:var(--ds-text-secondary)}.level-detail__stat dt{color:var(--ds-text-tertiary)}.level-detail__stats{border-top-color:var(--ds-border-subtle);border-bottom-color:var(--ds-border-subtle)}.level-detail__bar{background:var(--ds-border-default)}.level-detail__bar.is-on{background:var(--ds-text-primary)}.level-detail--apex .level-detail__bar.is-on{background:var(--ds-accent)}@media (max-width:767px){.level-spine__node{border-color:var(--ds-border-subtle);background:var(--ds-surface-card)}.level-spine__node.is-active{border-color:var(--ds-text-primary);background:var(--ds-surface-card)}.level-spine__node.is-apex.is-active{border-color:var(--ds-accent)}}