.app{flex:1;display:flex;flex-direction:column;max-width:min(92%,30em);margin-left:auto;margin-right:auto;width:100%;padding-top:calc(3% + var(--safe-top));padding-left:4%;padding-right:4%;padding-bottom:calc(4% + var(--safe-bottom))}.app-with-sidebar{--layout-inline-gutter: 5vw;--layout-stack-gap: 1.25vw;--trail-sidebar-width: 163px;--study-column-gutter: .5vw;--trail-sidebar-min-width: 48px;--study-deck-motion-duration: 5s;--study-deck-motion-easing: cubic-bezier(.22, 1, .36, 1);--trail-sidebar-collapse-duration: 1.5s;--trail-sidebar-collapse-easing: cubic-bezier(.16, 1, .3, 1);--trail-enter-duration: 1.6s;--study-card-expand-duration: var(--study-deck-motion-duration);--study-card-expand-easing: var(--study-deck-motion-easing);--study-side-width: 143px;--study-right-rail-width: calc(var(--study-side-width) + var(--study-column-gutter));--vocab-card-width-base: 405px;--main-content-width-extra: 0px;--trail-app-title-block: calc(var(--text-display) * 1.15 + 3.4rem);max-width:90vw;min-height:100dvh;padding-top:calc(var(--layout-stack-gap) + var(--safe-top));padding-left:var(--layout-inline-gutter);padding-right:var(--layout-inline-gutter);display:flex;flex-direction:column;position:relative;width:100%;margin:0 auto}.app-on-nature-level{--trail-sidebar-width: 161px;--study-side-width: 135px;--vocab-card-width-base: 495px;--study-card-expand: 1;--nature-side-column-width: 22vw;--nature-side-column-width-right: var(--nature-side-column-width);--nature-stage-main-pad: 1vw;--nature-carousel-slide-gap: .08vw;--side-carousel-image-opacity: .5;--side-carousel-verse-opacity: .68;--study-corridor-padding: 0%;max-width:none;width:100%;padding-left:0;padding-right:0}.app-on-nature-level>.app-header{padding-left:calc(var(--nature-side-column-width) + var(--nature-stage-main-pad));padding-right:calc(var(--nature-side-column-width-right) + var(--nature-stage-main-pad));max-width:none;margin-left:auto;margin-right:auto;width:100%}.app-on-nature-level>.app-header--trail{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:0}.study-layout{flex:1;display:grid;--trail-sidebar-scroll-width: calc( var(--trail-sidebar-width) * var(--study-chrome-opacity, 1) );grid-template-columns:var(--trail-sidebar-scroll-width) minmax(0,1fr) var(--study-right-rail-width);grid-template-rows:auto 1fr auto;gap:8px var(--study-column-gutter);min-height:0;align-items:start;transition:none;--study-chrome-opacity: 1;--lesson-morph-progress: 0;--lesson-fade-progress: 0;--lesson-dock-progress: 0;--lesson-hero-opacity: 1;--lesson-panel-opacity: 0;--lesson-banner-spacer-height: 0px}.study-layout--league-gentle .lesson-study-chrome{border-color:color-mix(in srgb,#7cb87a 48%,rgba(255,255,255,.2));background-color:#07110c;background-image:linear-gradient(165deg,color-mix(in srgb,#7cb87a 22%,transparent) 0%,transparent 48%),linear-gradient(180deg,#0a1610,#07110c)}.study-layout--league-gentle .lesson-study-chrome__quiz-progress-fill{background:color-mix(in srgb,#7cb87a 75%,#fff)}.study-layout--league-steady .lesson-study-chrome{border-color:color-mix(in srgb,#c4a35a 28%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#c4a35a 12%,transparent)}.study-layout--league-steady .lesson-study-chrome__quiz-progress-fill{background:color-mix(in srgb,#c4a35a 80%,#fff)}.study-layout .trail-sidebar-column{width:var(--trail-sidebar-scroll-width);overflow:visible;will-change:width;transition:none}.study-layout .trail-sidebar-column .trail-sidebar{max-width:100%;overflow:hidden}.study-layout--chrome-faded .trail-sidebar-column{pointer-events:none}.study-layout:not(.intro-layout){--study-deck-collapse-duration: var(--study-deck-motion-duration);--study-deck-collapse-easing: var(--study-deck-motion-easing);transition:none}.study-layout:not(.intro-layout) .trail-sidebar-column{transition:none}.study-layout:not(.intro-layout) .trail-sidebar-column .trail-sidebar{opacity:var(--study-chrome-opacity, 1);transition:width var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing),padding var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing)}.study-layout--deck-scrolled .trail-sidebar-column .trail-sidebar{pointer-events:none}.study-layout--title-faded{grid-template-columns:var(--trail-sidebar-scroll-width) minmax(0,1fr) var(--study-right-rail-width)}.study-layout--title-faded .trail-sidebar-column{width:var(--trail-sidebar-scroll-width);min-width:0;overflow:visible;pointer-events:auto}.study-layout>.trail-sidebar-column{grid-column:1;grid-row:1 / -1}.study-layout:not(:has(.study-side-stack)){grid-template-columns:var(--trail-sidebar-scroll-width) minmax(0,1fr)}.study-layout--title-faded:not(:has(.study-side-stack)){grid-template-columns:var(--trail-sidebar-scroll-width) minmax(0,1fr)}.study-layout:not(.intro-layout)>.study-main{grid-column:2;grid-row:1 / -1;min-height:0;align-self:stretch;overflow:hidden;position:relative;z-index:11}.study-layout>.study-main{grid-column:2;grid-row:1 / -1;min-height:0;align-self:stretch}.app-with-sidebar:has(.study-layout:not(.intro-layout)):not(.app-with-sidebar--study-scroll){height:100dvh;max-height:100dvh;overflow:hidden}.app-with-sidebar.app-with-sidebar--study-scroll:has(.study-layout:not(.intro-layout)){height:100dvh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:10}.app-with-sidebar.app-with-sidebar--study-scroll:has(.study-layout:not(.intro-layout))::-webkit-scrollbar{display:none}.app-with-sidebar--study-scroll .nature-stage:has(.study-layout:not(.intro-layout)){flex:none;min-height:auto;overflow:visible}.app-with-sidebar--study-scroll .nature-stage__main:has(.study-layout:not(.intro-layout)){flex:none;min-height:auto;overflow:visible}.app-with-sidebar--study-scroll .study-layout:not(.intro-layout){flex:none;min-height:auto;overflow:visible}.app-with-sidebar--study-scroll .study-layout:not(.intro-layout)>.study-main{overflow:clip;min-height:auto;z-index:125;isolation:isolate}.app-on-nature-level.app-with-sidebar--study-scroll .study-layout:not(.intro-layout)>.study-main{z-index:110}@media (min-width: 641px){.app-on-nature-level .nature-stage__main{flex:1 1 auto;width:100%;max-width:min(70vw,100%);min-width:0;box-sizing:border-box}.app-on-nature-level.app-with-sidebar--study-scroll .nature-stage__main:has(.study-layout:not(.intro-layout)){flex:0 1 auto;width:100%;max-width:min(70vw,100%);min-width:0;overflow-x:clip;overflow-y:visible}.app-on-nature-level.app-with-sidebar--study-scroll .study-layout:not(.intro-layout){width:100%;max-width:100%;min-width:0;overflow-x:clip;overflow-y:visible}.app-on-nature-level.app-with-sidebar--study-scroll .study-layout:not(.intro-layout)>.study-main{width:100%;max-width:100%;min-width:0;box-sizing:border-box}}.nature-stage:has(.study-layout:not(.intro-layout)){flex:1;min-height:0;overflow:hidden}.nature-stage__main:has(.study-layout:not(.intro-layout)){min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.study-layout:not(.intro-layout){flex:1;min-height:0;overflow:hidden}.study-layout>.study-side-stack{grid-column:3;grid-row:1 / -1}.study-layout:has(.trail-app-title-shell){grid-template-rows:auto 1fr}.study-layout:has(.trail-app-title-shell)>.trail-sidebar-column{grid-row:1 / -1;display:grid;grid-template-rows:subgrid;align-self:start}.study-layout:has(.trail-app-title-shell) .trail-app-title-shell{grid-row:1;margin-bottom:10px}.study-layout:has(.trail-app-title-shell) .trail-sidebar-column .trail-sidebar{grid-row:2;align-self:start}.study-layout:has(.trail-app-title-shell)>.study-main{grid-row:2;align-self:stretch}.study-layout:has(.trail-app-title-shell)>.study-side-stack{grid-row:2;align-self:start}.study-layout:has(.trail-app-title-shell)>.study-main>.main-content,.study-layout:has(.trail-app-title-shell)>.study-side-stack{padding-top:0;transition:none}.study-layout.intro-layout:has(.trail-app-title-shell)>.level-screen{grid-row:2;align-self:stretch;min-height:0;height:100%;max-height:100%;padding-top:4px;padding-bottom:4px;overflow:hidden}.study-layout--sidebar-minimized{--trail-sidebar-width: var(--trail-sidebar-min-width)}.study-side-stack{width:max-content;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:calc(12px + var(--safe-top) + var(--profile-hero-size, 72px) + 12px);align-self:flex-start;max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom) - var(--profile-hero-size, 72px) - 12px);overflow-y:auto;overscroll-behavior:contain}.study-layout:has(.deck-words-panel){--study-side-width: 0px;--study-right-rail-width: 0px}.app-on-nature-level .study-layout:has(.deck-words-panel){--study-side-width: 0px}.deck-words-panel{width:100%;height:100%;max-height:inherit;display:flex;flex-direction:column;gap:0;background:color-mix(in srgb,var(--bg-card, #121a16) 92%,transparent);border:1px solid color-mix(in srgb,var(--border, #2a3a32) 85%,transparent);border-radius:var(--radius, 12px);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lesson-study-chrome__dock-vocab .deck-words-panel{background:transparent;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;max-height:min(42dvh,22rem)}.deck-words-panel__header{flex-shrink:0;padding:10px 12px 8px;border-bottom:1px solid color-mix(in srgb,var(--border, #2a3a32) 80%,transparent)}.deck-words-panel__title{margin:0;font-family:var(--font-display);font-size:.92rem;font-weight:600;letter-spacing:-.01em;color:var(--text, #e8eee9)}.deck-words-panel__count{margin:2px 0 0;font-size:.68rem;color:var(--text-muted, #a8b0a4)}.deck-words-panel__section{display:flex;flex-direction:column;min-height:0;padding:8px}.deck-words-panel__section:first-of-type{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.deck-words-panel__section--learned{flex:0 1 auto;max-height:42%;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid color-mix(in srgb,var(--border, #2a3a32) 80%,transparent);background:color-mix(in srgb,var(--theme-accent, #4ade80) 4%,transparent)}.deck-words-panel__section-title{margin:0 0 6px;font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-accent, #4ade80) 80%,var(--text-muted, #a8b0a4))}.deck-words-panel__empty{margin:0;padding:6px 2px;font-size:.7rem;line-height:1.35;color:var(--text-muted, #a8b0a4)}.deck-words-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0;padding:0;list-style:none}.deck-words-panel__item{min-width:0;opacity:0;transform:translateY(10px) scale(.96)}.deck-words-panel--revealed .deck-words-panel__item{animation:deck-words-item-enter .48s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(80ms + var(--enter-i, 0) * 38ms)}@keyframes deck-words-item-enter{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.deck-words-panel__word-btn,.deck-words-panel__word-row{display:flex;align-items:center;gap:6px;min-width:0;width:100%}.deck-words-panel__word-btn{margin:0;padding:6px 7px;border:1px solid transparent;border-radius:8px;background:color-mix(in srgb,var(--bg-elevated, #1a2420) 70%,transparent);color:var(--text, #e8eee9);font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.deck-words-panel__difficulty{--card-difficulty-dot-size: .55rem;flex-shrink:0}.deck-words-panel__word{display:block;min-width:0;margin:0;padding:0;border:none;background:transparent;color:inherit;font-family:var(--font-display);font-size:.72rem;font-weight:500;line-height:1.2;letter-spacing:-.01em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-words-panel__word-btn:hover{border-color:color-mix(in srgb,var(--theme-accent, #4ade80) 28%,transparent);background:color-mix(in srgb,var(--theme-accent, #4ade80) 10%,var(--bg-elevated, #1a2420))}.deck-words-panel__item--current .deck-words-panel__word-btn,.deck-words-panel__item--current .deck-words-panel__check{border-color:color-mix(in srgb,var(--theme-accent, #4ade80) 55%,transparent);background:color-mix(in srgb,var(--theme-accent, #4ade80) 16%,var(--bg-elevated, #1a2420));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent, #4ade80) 22%,transparent);color:var(--theme-accent, #4ade80)}.deck-words-panel__check{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:5px;row-gap:2px;width:100%;margin:0;padding:5px 6px;border:1px solid transparent;border-radius:8px;cursor:pointer;box-sizing:border-box}.deck-words-panel__check .deck-words-panel__word-row{grid-column:2;grid-row:1}.deck-words-panel__checkbox{grid-column:1;grid-row:1 / -1;width:14px;height:14px;margin:0;accent-color:var(--theme-accent, #4ade80);cursor:pointer;flex-shrink:0}.deck-words-panel__got-it{grid-column:2;grid-row:2;font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-accent, #4ade80) 85%,var(--text-muted, #a8b0a4))}.deck-words-panel__check--done{cursor:default;opacity:.85}.deck-words-panel__item--learned .deck-words-panel__word{color:color-mix(in srgb,var(--theme-accent, #4ade80) 70%,var(--text, #e8eee9))}.deck-words-panel__grid--learned .deck-words-panel__check--done{padding:5px 6px;border:1px solid color-mix(in srgb,var(--theme-accent, #4ade80) 18%,transparent);background:color-mix(in srgb,var(--theme-accent, #4ade80) 8%,transparent);border-radius:8px}@media (prefers-reduced-motion: reduce){.deck-words-panel--revealed .deck-words-panel__item{animation:none;opacity:1;transform:none}}@media (max-width: 640px){.lesson-study-chrome__dock-vocab .deck-words-panel{display:none}}.trail-top-corner-actions{display:flex;flex-direction:column;gap:6px;width:100%;min-width:148px;flex-shrink:0;align-items:stretch}.trail-top-corner-actions .beginners-quiz-btn,.trail-top-corner-actions .connect-menu__trigger{width:100%;justify-content:center}.trail-top-corner-actions .beginners-quiz-btn:hover:not(:disabled){border:none}.trail-top-corner-actions .connect-menu{width:100%}.app-top-corner-cluster{--app-top-corner-width: min(260px, calc(100vw - 48px) );--app-profile-inset: 16px;position:fixed;top:calc(var(--app-profile-inset) + var(--safe-top));right:calc(var(--app-profile-inset) + env(safe-area-inset-right,0px));z-index:220;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;gap:16px;padding:0;pointer-events:none}.app-top-corner-cluster>*{pointer-events:auto}.app-profile-anchor{--profile-hero-size: clamp(60px, 14vw, 72px);--walk-together-height: 40px;position:relative;z-index:250;flex-shrink:0;width:var(--profile-hero-size);margin-top:0}.app-top-corner-rail{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.profile-btn-wrap--prominent{display:flex;width:100%;justify-content:center}.profile-btn--prominent{width:var(--profile-hero-size, clamp(60px, 14vw, 72px));height:var(--profile-hero-size, clamp(60px, 14vw, 72px));border-width:2px;border-color:#ffffff6b;border-radius:50%;padding:0;box-shadow:0 0 0 2px #0a0f0de0,0 8px 24px #0006}.profile-btn__avatar.connection-person-avatar{width:100%;height:100%;font-size:.55rem}.profile-btn--prominent .profile-btn__avatar.connection-person-avatar{font-size:1.1rem}.profile-btn-wrap--prominent .profile-btn-tooltip,.profile-btn-wrap:has(.profile-btn) .profile-btn-tooltip{top:50%;right:calc(100% + 8px);left:auto;bottom:auto;padding:2px 6px;transform:translate(4px,-50%)}.profile-btn-wrap--prominent:hover .profile-btn-tooltip,.profile-btn-wrap--prominent:focus-within .profile-btn-tooltip,.profile-btn-wrap:has(.profile-btn):hover .profile-btn-tooltip,.profile-btn-wrap:has(.profile-btn):focus-within .profile-btn-tooltip{transform:translateY(-50%)}.app-top-corner .learned-panel{width:100%;min-width:0;align-self:stretch;max-height:min(210px,calc(100dvh - 380px - var(--safe-top)));flex-shrink:0;background:#0f16126b;border-color:#ffffff14}.app-top-corner{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:10px;width:auto;max-width:none;isolation:isolate;z-index:251}.app-top-corner__connect-anchor{align-self:flex-start;flex-shrink:0}.app-top-corner__stack{display:flex;flex-direction:column;align-items:stretch;gap:10px;align-self:flex-start;min-width:0}.app-top-corner__study-progress{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:stretch}@media (min-width: 641px){.app-top-corner__stack{flex-direction:column;align-items:center;width:auto;max-width:none;gap:10px}.app-top-corner__study-progress{position:fixed;top:calc(var(--app-profile-inset) + var(--safe-top));left:calc(var(--app-profile-inset) + env(safe-area-inset-left,0px));right:auto;z-index:220;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:12px;width:min(220px,calc(100vw - var(--profile-hero-size, 72px) - 96px));max-width:min(220px,calc(100vw - var(--profile-hero-size, 72px) - 96px));pointer-events:none}.app-top-corner__study-progress>*{pointer-events:auto}.app-top-corner__stack .learned-panel{flex:1 1 0;width:auto;max-width:none;min-width:0;max-height:min(320px,calc(100dvh - 200px - var(--safe-top)));writing-mode:horizontal-tb;text-orientation:mixed;transform:none}.app-header--trail,.app-with-sidebar>.app-header{padding-right:calc(var(--profile-hero-size, 72px) + var(--app-profile-inset, 16px) + 12px)}.app-with-sidebar:has(.study-layout--lesson-docked):not(.app-on-nature-level)>.app-header,.app-with-sidebar:has(.study-layout--lesson-docked):not(.app-on-nature-level)>.app-header--trail{padding-left:calc(min(220px,28vw) + var(--app-profile-inset, 16px) + 16px);padding-right:calc(var(--profile-hero-size, 72px) + var(--app-profile-inset, 16px) + 12px)}}.app-top-corner__stack .learned-panel-header{padding:8px 10px 6px}.app-top-corner__stack .learned-panel-list{padding:4px}.app-top-corner__stack .learned-panel-word{font-size:.68rem;padding:2px 6px}@media (min-width: 641px){.app-top-corner__stack .learned-panel-header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:8px 10px 6px;border-bottom:1px solid rgba(255,255,255,.08);border-inline-end:none;min-height:0}.app-top-corner__stack .learned-panel-title{font-size:.78rem;letter-spacing:.08em;margin-bottom:0;white-space:nowrap;text-align:left}.app-top-corner__stack .learned-panel-word-progress{display:block;width:100%}.app-top-corner__stack .learned-panel-quiz-progress{display:none}.app-top-corner__stack .learned-panel-progress-label{flex-direction:row;align-items:baseline;justify-content:flex-end;gap:6px}.app-top-corner__stack .learned-panel-progress-count{font-size:.78rem}.app-top-corner__stack .learned-panel-progress-meta{font-size:.62rem}.app-top-corner__stack .learned-panel-progress-bar,.app-top-corner__stack .learned-panel-point-paths{display:none}.app-top-corner__stack .learned-panel-list,.app-top-corner .learned-panel-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;padding:4px 8px 8px;align-content:start;overflow-x:hidden;overflow-y:auto}.app-top-corner__stack .learned-panel-word,.app-top-corner .learned-panel-word{display:flex;justify-content:flex-start;align-items:center;min-width:0;width:100%;box-sizing:border-box;padding:2px 4px;white-space:nowrap}.app-top-corner__stack .learned-panel-word__label{overflow:hidden;text-overflow:ellipsis}.app-top-corner__stack .learned-panel-actions{padding:6px 8px 8px;border-top:1px solid rgba(255,255,255,.08)}.app-top-corner__stack .learned-panel-actions .btn{padding:6px 8px;font-size:.68rem;letter-spacing:.04em;white-space:nowrap}.app-top-corner__stack .learned-panel-actions .btn-ascend-icon{display:none}}.app-top-corner .connect-menu{position:relative;width:auto;flex-shrink:0;margin-right:0;align-self:flex-end}.app-top-corner .connect-menu__trigger{box-sizing:border-box;width:40px;height:40px;padding:0;gap:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:transparent;color:#e8e4dc;box-shadow:none;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s}.app-top-corner .connect-menu__trigger-icon{display:block;width:22px;height:22px;border-radius:0;overflow:visible;flex-shrink:0}.app-top-corner .connect-menu__trigger:hover:not(:disabled){color:#fff;background:transparent;border-color:#ffffff6b;transform:scale(1.04)}.app-top-corner .connect-menu__trigger--open{color:#fff;background:transparent;border:2px solid #fff;box-shadow:0 0 0 2px #7cb87a8c}.app-top-corner .connect-menu__trigger-label,.app-top-corner .connect-menu__trigger-arrow{font-size:1.2rem;font-weight:400;letter-spacing:.015em}.app-top-corner .favorites-menu .favorites-panel{right:0;left:auto}.app-top-corner .spotify-panel{width:auto;align-items:flex-end}.app-top-corner__toolbar{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;overflow:visible}.app-top-corner__toolbar-icons{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;width:auto;overflow:visible}.app-top-corner__toolbar-icons .profile-btn-wrap{position:relative;overflow:visible}.app-top-corner__toolbar-icons .profile-btn-tooltip{top:50%;bottom:auto;right:calc(100% + 8px);left:auto;z-index:260;padding:3px 7px;border-radius:5px;font-size:.58rem;letter-spacing:.02em;box-shadow:0 4px 12px #00000052;transform:translate(4px,-50%)}.app-top-corner__toolbar-icons .profile-btn-wrap:hover .profile-btn-tooltip,.app-top-corner__toolbar-icons .profile-btn-wrap:focus-within .profile-btn-tooltip{transform:translateY(-50%)}.app-top-corner__toolbar-icons .profile-btn-wrap:has(.profile-btn) .profile-btn-tooltip{top:50%;right:calc(100% + 8px);left:auto;padding:2px 6px;transform:translate(4px,-50%)}.app-top-corner__toolbar-icons .profile-btn-wrap:has(.profile-btn):hover .profile-btn-tooltip,.app-top-corner__toolbar-icons .profile-btn-wrap:has(.profile-btn):focus-within .profile-btn-tooltip{transform:translateY(-50%)}.app-top-corner__toolbar-icons .profile-btn-wrap:has(.foundations-quiz-btn) .profile-btn-tooltip{right:calc(100% + 8px);left:auto;transform:translate(4px,-50%)}.app-top-corner__toolbar-icons .profile-btn-wrap:has(.foundations-quiz-btn):hover .profile-btn-tooltip,.app-top-corner__toolbar-icons .profile-btn-wrap:has(.foundations-quiz-btn):focus-within .profile-btn-tooltip{transform:translateY(-50%)}.app-top-corner__toolbar-slot{display:flex;flex:0 0 auto;justify-content:flex-end;overflow:visible}.app-top-corner__toolbar-slot .spotify-panel__actions,.app-top-corner__toolbar-slot .inline-music-picker__actions{overflow:visible}.app-top-corner__toolbar-slot .profile-btn-wrap{position:relative;z-index:250;overflow:visible}.app-top-corner__toolbar-slot .profile-btn-tooltip{top:50%;bottom:auto;right:calc(100% + 8px);left:auto;z-index:260;padding:3px 7px;border-radius:5px;font-size:.58rem;letter-spacing:.02em;box-shadow:0 4px 12px #00000052;transform:translate(4px,-50%)}.app-top-corner__toolbar-slot .profile-btn-wrap:hover .profile-btn-tooltip,.app-top-corner__toolbar-slot .profile-btn-wrap:focus-within .profile-btn-tooltip{transform:translateY(-50%)}.app-top-corner__toolbar-slot .profile-btn-wrap:has(.profile-btn) .profile-btn-tooltip{top:50%;right:calc(100% + 8px);left:auto;padding:2px 6px;transform:translate(4px,-50%)}.app-top-corner__toolbar-slot .profile-btn-wrap:has(.profile-btn):hover .profile-btn-tooltip,.app-top-corner__toolbar-slot .profile-btn-wrap:has(.profile-btn):focus-within .profile-btn-tooltip{transform:translateY(-50%)}.app-top-corner__toolbar-slot .profile-btn-wrap:has(.foundations-quiz-btn) .profile-btn-tooltip{right:calc(100% + 8px);left:auto;transform:translate(4px,-50%)}.app-top-corner__toolbar-slot .profile-btn-wrap:has(.foundations-quiz-btn):hover .profile-btn-tooltip,.app-top-corner__toolbar-slot .profile-btn-wrap:has(.foundations-quiz-btn):focus-within .profile-btn-tooltip{transform:translateY(-50%)}.app-top-corner__toolbar-slot--music,.app-top-corner__toolbar-slot--spotify,.app-top-corner__toolbar-slot--explore,.app-top-corner__toolbar-slot--connect{position:relative}.app-top-corner__toolbar-music{width:auto;display:flex;flex-direction:column;align-items:center}.app-top-corner__toolbar-music .inline-music-picker__actions{flex:0 0 auto}.app-top-corner__toolbar-music .inline-music-box{position:absolute;top:0;right:calc(100% + 8px);z-index:300;width:var(--app-top-corner-width);min-width:60px;max-width:min(260px,calc(100vw - 72px));transform-origin:top right}.app-top-corner__toolbar-spotify.spotify-panel{position:relative;width:auto}.app-top-corner__toolbar-spotify .spotify-modal{position:absolute;top:0;right:calc(100% + 8px);left:auto;z-index:235;width:var(--app-top-corner-width);height:min(calc(100dvh - var(--safe-top) - 24px),560px);max-height:min(calc(100dvh - var(--safe-top) - 24px),560px);min-height:0;overflow:hidden;animation:spotifyPanelExpand .18s ease;transform-origin:top right}.app-top-corner__toolbar-spotify .spotify-modal.spotify-modal--sidebar{border:1px solid rgba(124,184,122,.34);box-shadow:0 18px 42px #00000094,0 0 0 1px #ffffff0a;background:#0a120ef5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-top-corner__toolbar-spotify .spotify-modal.spotify-modal--with-player{display:grid;grid-template-rows:auto minmax(0,1fr)}.app-top-corner__toolbar-spotify .spotify-modal:not(.spotify-modal--with-player){display:flex;flex-direction:column}.app-top-corner__toolbar-spotify .spotify-modal.spotify-modal--sidebar:not(.spotify-modal--with-player):not(:has(.spotify-playlist__tracks--full)){height:auto;max-height:min(calc(100dvh - var(--safe-top) - 24px),560px)}.app-top-corner__toolbar-spotify .spotify-modal.spotify-modal--sidebar:not(.spotify-modal--with-player):not(:has(.spotify-playlist__tracks--full)) .spotify-modal__stack{height:auto;min-height:0;grid-template-rows:auto}.app-top-corner__toolbar-spotify .spotify-modal.spotify-modal--sidebar:not(.spotify-modal--with-player):not(:has(.spotify-playlist__tracks--full)) .spotify-modal__body{flex:0 0 auto;min-height:0}.app-top-corner__toolbar-spotify .spotify-modal--with-player{width:var(--app-top-corner-width);max-width:var(--app-top-corner-width);height:min(calc(100dvh - var(--safe-top) - 24px),560px);max-height:min(calc(100dvh - var(--safe-top) - 24px),560px);min-height:0;flex:none;padding:0 4px 4px}.app-top-corner__toolbar-spotify .spotify-modal--with-player:has(.spotify-playlist__drawer--collapsed){height:auto}.app-top-corner__toolbar-spotify .spotify-modal__body{min-height:0;overflow:hidden}.app-top-corner__toolbar-spotify .spotify-playlist__scroll{min-height:0;overflow-y:auto;overflow-x:hidden}.app-top-corner__toolbar-spotify .spotify-playlist__scroll .spotify-playlist__tracks--full{max-height:none}.app-top-corner__toolbar-spotify .spotify-error,.app-top-corner__toolbar-spotify .spotify-note{position:absolute;top:0;right:calc(100% + 8px);left:auto;width:var(--app-top-corner-width)}.app-top-corner .spotify-panel__actions{width:auto;flex-direction:column;align-items:flex-end;gap:8px}.app-top-corner .spotify-trigger-btn{width:auto;flex:1;min-width:0}.app-top-corner:before{content:"";position:absolute;top:-8px;right:-8px;left:-8px;bottom:calc(-1 * var(--app-top-corner-backdrop-bottom, 8px));z-index:-1;border-radius:14px;background:#0c14108c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000002e;opacity:.62;transition:bottom .22s cubic-bezier(.22,1,.36,1),opacity .2s ease}.app-top-corner--music-open .inline-music-box--open{background:var(--bg-card, #121a16);border-color:#ffffff24;box-shadow:0 14px 36px #0000008c;min-width:60px;width:min(260px,calc(100vw - 72px))}.app-top-corner-cluster:has(.inline-music-box--open),.app-top-corner-cluster:has(.app-top-corner--music-open),.app-top-corner-cluster:has(.profile-btn-wrap--menu-open){z-index:300}.app-top-corner--music-open .inline-music-box--active.inline-music-box--open{border-color:#7cb87a59;box-shadow:0 14px 36px #0000008c,0 0 0 1px #7cb87a2e}.study-side-actions{display:flex;flex-direction:column;gap:6px;width:max-content;align-items:flex-start}.study-side-actions .connect-menu__trigger,.study-side-actions .beginners-quiz-btn{width:100%}.study-side-actions .inline-music-picker{width:100%;align-items:stretch}.study-side-actions .inline-music-picker__actions{justify-content:flex-start}.study-side-actions .learned-panel{width:100%;max-height:min(210px,calc(100dvh - 380px - var(--safe-top)))}.favorites-menu{position:relative;flex-shrink:0}.favorites-btn__icon{width:18px;height:18px;color:#fbbf24;flex-shrink:0}.favorites-menu .favorites-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:140;width:min(240px,calc(100vw - 32px));max-height:min(320px,calc(100dvh - 160px - var(--safe-top)));flex:none;box-shadow:var(--shadow)}.study-main{--vocab-card-width: 100%;--study-center-stack-gap: 1vw;--study-center-inset: 2%;--study-center-inset-left: 1.25%;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;gap:var(--study-center-stack-gap);padding-left:var(--study-center-inset-left);padding-right:calc(var(--study-corridor-padding, 0%) + var(--study-center-inset));box-sizing:border-box}.study-main>.study-reminder,.study-main>.vocab-deck-banner,.study-main>.main-content{width:100%;max-width:100%}.study-main>.main-content{min-height:0;flex:1}.app-on-nature-level .study-main>.study-reminder,.app-on-nature-level .study-main>.vocab-deck-banner,.app-on-nature-level .study-main>.main-content{width:100%;max-width:min(calc(var(--vocab-card-width-base) + var(--study-card-expand, 1) * min(280px,calc(100% - var(--vocab-card-width-base)))),100%);margin-left:0;margin-right:0;transition:max-width var(--study-card-expand-duration) var(--study-card-expand-easing),margin-left var(--study-card-expand-duration) var(--study-card-expand-easing)}.app-on-nature-level .study-main{--study-center-inset: 1%;--study-center-inset-left: var(--study-center-inset);padding-left:var(--study-center-inset);padding-right:var(--study-center-inset);max-width:100%;min-width:0;box-sizing:border-box}.app-on-nature-level .card-inner,.app-on-nature-level .level-core-lesson{width:100%;max-width:100%}.app-with-sidebar--study-scroll .study-main>.vocab-deck-banner{flex-shrink:0;margin-bottom:0;display:flex;flex-direction:column;gap:var(--study-center-stack-gap, 8px)}.app-with-sidebar--study-scroll .study-main>.study-reminder{flex-shrink:0}.app-with-sidebar--study-scroll .flashcard-container,.app-with-sidebar--study-scroll .flashcard-container--in-main-scroll,.app-with-sidebar--study-scroll .flashcard-scroll,.app-with-sidebar--study-scroll .flashcard-scroll--in-main-scroll{overflow:visible;flex:none;min-height:auto}.nature-stage{display:flex;flex-direction:row;align-items:stretch;flex:1;width:100%;min-height:0;gap:0}.nature-stage__main{flex:1 1 auto;min-width:0;max-width:min(70vw,100%);margin-left:auto;margin-right:auto;padding-left:var(--nature-stage-main-pad, 1vw);padding-right:var(--nature-stage-main-pad, 1vw);box-sizing:border-box}.nature-side-column{flex:0 0 var(--nature-side-column-width, 22vw);width:var(--nature-side-column-width, 22vw);overflow:hidden;position:sticky;top:0;height:100dvh;pointer-events:none;align-self:flex-start}.nature-side-column--reserved{flex-shrink:0}.nature-side-column--down{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 48%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 48%,transparent 100%)}.nature-side-column--up{flex-basis:var(--nature-side-column-width-right, var(--nature-side-column-width, 22vw));width:var(--nature-side-column-width-right, var(--nature-side-column-width, 22vw));-webkit-mask-image:linear-gradient(to left,#000 0%,#000 42%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,#000 42%,transparent 100%)}.nature-side-track{display:flex;flex-direction:column;gap:var(--nature-carousel-slide-gap, 1px);padding:0;margin:0;width:100%}.nature-side-track--down{animation:nature-side-scroll-down var(--carousel-scroll-duration-down, var(--carousel-scroll-duration, 385s)) linear infinite}.nature-side-track--up{--carousel-side-duration: var(--carousel-scroll-duration-up, var(--carousel-scroll-duration, 385s));animation:nature-side-scroll-up var(--carousel-side-duration) linear infinite;animation-delay:calc(var(--carousel-side-duration) * -.5)}.nature-side-column__scroll{width:100%;height:100%}.app-on-nature-level .nature-side-column.nature-side-column--admin-ready{pointer-events:auto}.app-on-nature-level .nature-side-column.nature-side-column--photo-select .nature-side-slide{pointer-events:auto;cursor:context-menu}.nature-side-track--paused{animation-play-state:paused!important}.app-on-nature-level .nature-side-column.nature-side-column--photo-selected{z-index:130;-webkit-mask-image:none;mask-image:none}.nature-side-slide--selected{outline:2px solid rgba(250,240,220,.92);outline-offset:-2px;box-shadow:0 0 0 1px #141c188c}.nature-side-slide--selected img{opacity:.98!important;filter:none!important}.nature-side-slide--selected:after{display:none}.nature-side-slide__actions{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:.5rem;background:#080c0a6b;pointer-events:auto}.nature-side-slide__delete,.nature-side-slide__cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,248,236,.35);border-radius:2px;padding:.4rem .75rem;font:inherit;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-width:5.5rem}.nature-side-slide__delete{color:#1a120e;background:#f8e8d6f0}.nature-side-slide__delete:hover{background:#fff6ea}.nature-side-slide__cancel{color:#f8f0e4eb;background:#121814b8}.nature-side-slide__cancel:hover{background:#121814e0}.nature-side-column__scroll--admin-browsing{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;touch-action:pan-y}.nature-side-column--admin-browsing .nature-side-track--down,.nature-side-column--admin-browsing .nature-side-track--up,.nature-side-track--admin-browsing{animation:none!important;animation-delay:0s!important;transform:none!important}.nature-side-column--admin-browsing .nature-side-slide img{opacity:.95;filter:none}.nature-side-column--admin-browsing .nature-side-slide:after{display:none}.app-on-nature-level .nature-side-column.nature-side-column--admin-browsing{z-index:130;pointer-events:auto;-webkit-mask-image:none;mask-image:none}@keyframes nature-side-scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes nature-side-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes nature-side-scroll-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}#left-carousel .nature-side-slide,#right-carousel .nature-side-slide,.nature-side-slide{flex-shrink:0;position:relative;width:100%;max-width:100%;margin:0;padding:0;line-height:0;border-radius:0;overflow:hidden;border:none;box-shadow:none;background:none;box-sizing:border-box}#left-carousel .nature-side-slide img,#right-carousel .nature-side-slide img,.nature-side-slide img{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;border:none;border-radius:0;vertical-align:bottom;object-fit:cover;opacity:var(--side-carousel-image-opacity, .5);filter:blur(.7px) contrast(1.16) saturate(.68) brightness(.88) sepia(.32) hue-rotate(-14deg)}#left-carousel .nature-side-slide:after,#right-carousel .nature-side-slide:after,.nature-side-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 35%,rgba(6,8,14,.42) 100%),linear-gradient(160deg,rgba(255,176,110,.22) 0%,transparent 45%,rgba(22,48,72,.32) 100%);mix-blend-mode:soft-light}.app-on-nature-level .study-layout{gap:8px var(--study-column-gutter)}.intro-layout{grid-template-columns:var(--trail-sidebar-width) minmax(0,1fr);gap:8px var(--study-column-gutter);min-height:0;overflow:hidden}.intro-layout>.level-screen{grid-column:2;grid-row:1 / -1;width:100%;max-width:none;min-width:0;align-self:stretch;justify-self:stretch;min-height:0;overflow:hidden}.app-with-sidebar:has(.intro-layout){min-height:100dvh;height:100dvh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}html:has(.app-with-sidebar:has(.intro-layout)),body:has(.app-with-sidebar:has(.intro-layout)){overflow:hidden;height:100%;height:100dvh;overscroll-behavior-y:none}.app-with-sidebar:has(.intro-layout) .nature-stage{flex:0 0 auto;min-height:0;height:calc(100dvh - 16px - var(--safe-top));max-height:calc(100dvh - 16px - var(--safe-top));overflow:hidden}.app-with-sidebar:has(.intro-layout) .nature-stage__main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;width:100%;max-width:100%;margin-left:0;margin-right:0;height:100%;max-height:100%;overflow:hidden}.app-with-sidebar:has(.intro-layout) .study-layout.intro-layout{flex:1 1 auto;min-width:0;width:100%;max-width:100%;min-height:0;height:100%;max-height:100%;overflow:hidden}.app-on-nature-level .study-layout .trail-sidebar-column{width:var(--trail-sidebar-scroll-width)}.app-on-nature-level .trail-sidebar{width:var(--trail-sidebar-width)}.app-on-nature-level .study-sidebar-column{width:143px}.app-on-nature-level .learned-panel{width:100%}.app-on-nature-level .nature-stage{padding-left:var(--nature-side-column-width);padding-right:var(--nature-side-column-width-right)}.app-on-nature-level .nature-side-column{position:fixed;top:0;height:calc(100dvh - var(--footer-height) + var(--footer-carousel-overlap));z-index:120;-webkit-mask-composite:source-in;mask-composite:intersect}.app-on-nature-level .nature-side-column--down{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 6%,#000 14%,#000 38%,rgba(0,0,0,.92) 52%,rgba(0,0,0,.92) 68%,#000 82%,rgba(0,0,0,.45) 92%,transparent 100%),linear-gradient(to right,#000 0%,#000 42%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 6%,#000 14%,#000 38%,rgba(0,0,0,.92) 52%,rgba(0,0,0,.92) 68%,#000 82%,rgba(0,0,0,.45) 92%,transparent 100%),linear-gradient(to right,#000 0%,#000 42%,transparent 100%)}.app-on-nature-level .nature-side-column--up{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 6%,#000 14%,#000 38%,rgba(0,0,0,.92) 52%,rgba(0,0,0,.92) 68%,#000 82%,rgba(0,0,0,.45) 92%,transparent 100%),linear-gradient(to left,#000 0%,#000 42%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 6%,#000 14%,#000 38%,rgba(0,0,0,.92) 52%,rgba(0,0,0,.92) 68%,#000 82%,rgba(0,0,0,.45) 92%,transparent 100%),linear-gradient(to left,#000 0%,#000 42%,transparent 100%)}.app-on-nature-level .nature-side-column--reserved{-webkit-mask-image:none;mask-image:none}.app-on-nature-level .nature-side-column--down{left:0}.app-on-nature-level .nature-side-column--up{right:0}.site-footer{flex-shrink:0;position:relative;z-index:140;margin-top:auto;width:100%;padding-top:calc(1.5vw + var(--footer-carousel-overlap) * .35);padding-left:var(--layout-inline-gutter, 5vw);padding-right:var(--layout-inline-gutter, 5vw);padding-bottom:calc(1.75vw + var(--safe-bottom));text-align:center;background:linear-gradient(to bottom,rgba(10,15,13,0) 0%,rgba(10,15,13,.72) calc(var(--footer-carousel-overlap) * .45),var(--bg-deep) calc(var(--footer-carousel-overlap) * .85));border-top:1px solid rgba(255,255,255,.06)}.site-footer--deck-end{margin-top:8px;padding:20px 0 calc(20px + var(--safe-bottom));background:transparent;border-top:1px solid rgba(255,255,255,.08)}.app-on-nature-level .site-footer:not(.site-footer--deck-end){padding-left:var(--layout-inline-gutter, 5vw);padding-right:var(--layout-inline-gutter, 5vw)}.flashcard-deck-end{flex-shrink:0;padding-top:0}.flashcard-deck-approach-guide{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(20px + var(--safe-bottom, 0px));left:auto;z-index:160;display:flex;flex-direction:column;align-items:center;gap:0;box-sizing:border-box;width:50px;max-width:50px;padding:6px 3px 5px;border-radius:10px;background:#0a0f0de6;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px #00000059;pointer-events:none;transform-origin:85% 100%;animation:flashcard-deck-approach-bounce 5.2s cubic-bezier(.22,1.35,.36,1) both}@keyframes flashcard-deck-approach-bounce{0%{opacity:0;transform:translateY(32px) scale(.86)}10%{opacity:1;transform:translateY(-10px) scale(1.06)}18%{transform:translateY(4px) scale(.98)}26%{transform:translateY(0) scale(1)}72%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(18px) scale(.94)}}@keyframes flashcard-deck-approach-fade-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.flashcard-deck-keymap{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.flashcard-deck-keymap--arrows{gap:5px}.flashcard-deck-keycap{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;min-width:0;animation:flashcard-deck-keycap-pulse 2.4s ease-in-out infinite}.flashcard-deck-keycap[data-direction=up]{animation-delay:0s}.flashcard-deck-keycap[data-direction=down]{animation-delay:.3s}.flashcard-deck-keycap[data-direction=left]{animation-delay:.6s}.flashcard-deck-keycap[data-direction=right]{animation-delay:.9s}.flashcard-deck-keycap__key{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#ffffffe6;box-shadow:inset 0 -1px #00000040}.flashcard-deck-keycap__key svg{width:11px;height:11px}.flashcard-deck-keycap__mark{position:absolute;right:1px;bottom:1px;width:8px!important;height:8px!important;color:#fbbf24}.flashcard-deck-keycap--favorite .flashcard-deck-keycap__key{border-color:#fbbf248c;color:#fbbf24}.flashcard-deck-keycap--known .flashcard-deck-keycap__key{border-color:#4ade8073;color:#4ade80}.flashcard-deck-keycap__label{font-size:.42rem;letter-spacing:.02em;text-transform:uppercase;color:#ffffff8c;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flashcard-deck-keycap--favorite .flashcard-deck-keycap__label{color:#fbbf24f2;font-weight:600}.flashcard-deck-keycap--known .flashcard-deck-keycap__label{color:#4ade80d9}@keyframes flashcard-deck-keycap-pulse{0%,to{opacity:.55;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}55%{opacity:.7;transform:translateY(0)}}.flashcard-deck-swipe-hint{position:fixed;left:50%;bottom:calc(18px + var(--safe-bottom, 0px));transform:translate(-50%);z-index:160;margin:0;padding:8px 14px;border-radius:999px;background:#0a0f0db8;border:1px solid rgba(255,255,255,.08);color:#ffffffb8;font-size:.68rem;letter-spacing:.02em;text-align:center;white-space:nowrap;pointer-events:none;animation:flashcard-deck-approach-fade-in .4s ease-out}.flashcard-swipe-badge{position:absolute;top:18px;z-index:4;padding:6px 10px;border-radius:8px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;transition:opacity .08s linear}.flashcard-swipe-badge--review,.flashcard-swipe-badge--favorite{left:16px;color:#fbbf24;border:1.5px solid rgba(251,191,36,.55);background:#fbbf241f;transform:rotate(-8deg)}.flashcard-swipe-badge--known{right:16px;color:#4ade80;border:1.5px solid rgba(74,222,128,.55);background:#4ade801f;transform:rotate(8deg)}.flashcard--swipeable{will-change:transform;user-select:none;-webkit-user-select:none;touch-action:pan-y}.flashcard-slot:has(.flashcard--swipeable){overflow-x:clip}.flashcard-slot--deck-nav{position:relative}.flashcard-card-nav{position:absolute;left:50%;z-index:3;width:32px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:transparent;color:#ffffff6b;cursor:pointer;transform:translate(-50%);transition:color .2s ease,background .2s ease}.flashcard-card-nav svg{width:11px;height:11px}.flashcard-card-nav--up{top:2px}.flashcard-card-nav--down{bottom:2px}.flashcard-card-nav:hover{color:#ffffffe0;background:#ffffff12}.flashcard-card-nav:active{transform:translate(-50%) scale(.94)}@media (min-width: 641px){.flashcard-deck-swipe-hint{display:none}}@media (max-width: 640px){.flashcard-deck-approach-guide{display:none}}@media (prefers-reduced-motion: reduce){.flashcard-deck-approach-guide{animation:none;opacity:1;transform:none}.flashcard-deck-swipe-hint{animation:none}.flashcard-deck-keycap{animation:none;opacity:1}.flashcard--swipeable{transition:none!important}}.app-on-nature-level:has(.study-layout:not(.intro-layout)) .nature-side-column{height:100dvh}.app-on-nature-level:has(.study-layout:not(.intro-layout)) .theme-verse-column{height:100dvh;--verse-column-height: 100dvh}.site-footer-line{font-size:.72rem;line-height:1.55;letter-spacing:.02em;color:var(--text-muted)}.site-footer-copyright{margin-bottom:4px}.site-footer-credit{opacity:.82}@media (min-width: 640px){.site-footer{display:flex;flex-direction:column;align-items:center;gap:2px}.site-footer-copyright{margin-bottom:0}}@media (max-width: 640px){.app-with-sidebar{--layout-inline-gutter: max(12px, 4vw);max-width:100%;padding-left:max(var(--layout-inline-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--layout-inline-gutter),env(safe-area-inset-right,0px));box-sizing:border-box;overflow-x:clip}.app-with-sidebar .study-layout,.app-with-sidebar .study-main,.app-with-sidebar .level-screen{max-width:100%;min-width:0}.card-actions .btn{min-height:44px;padding-inline:12px}html,body{overflow-x:clip;max-width:100%}body:has(.app-with-sidebar){--mobile-profile-screen-inset: 4px;--mobile-profile-ring-outset: 4px;--mobile-trail-top-offset: calc( var(--mobile-profile-screen-inset) + var(--safe-top) + var(--mobile-profile-ring-outset) );--mobile-profile-right-inset: calc( var(--mobile-profile-screen-inset) + var(--mobile-profile-ring-outset) + env(safe-area-inset-right, 0px) );--mobile-trail-height: 96px;--profile-hero-size: 44px;--mobile-toolbar-size: 38px;--mobile-rail-gap: 12px;--mobile-toolbar-count: 3;--mobile-lower-top-top: calc( var(--mobile-trail-top-offset) + var(--profile-hero-size) + var(--mobile-rail-gap) );--mobile-lower-top-height: calc( (var(--mobile-toolbar-count) * var(--mobile-toolbar-size)) + ((var(--mobile-toolbar-count) - 1) * var(--mobile-rail-gap)) );--mobile-trail-content-height: 40px;--mobile-verse-top: calc( var(--mobile-trail-top-offset) + var(--mobile-trail-content-height) + 10px );--mobile-verse-right: calc( var(--mobile-profile-right-inset) + var(--profile-hero-size) + 10px );--mobile-right-rail-bottom: calc( var(--mobile-lower-top-top) + var(--mobile-lower-top-height) )}.app-on-nature-level{--mobile-right-rail-bottom: calc( var(--mobile-lower-top-top) + var(--mobile-lower-top-height) );--mobile-carousel-height: calc(var(--mobile-right-rail-bottom) + 88px)}.app-on-nature-level .nature-stage{padding-left:0;padding-right:0}.app-on-nature-level>.app-header,.app-on-nature-level>.app-header--trail{padding-left:var(--layout-inline-gutter, 4%);padding-right:var(--layout-inline-gutter, 4%)}.app-on-nature-level .nature-side-column--up,.app-on-nature-level .nature-side-column--reserved{display:none}.app-on-nature-level .nature-side-column--down:not(.nature-side-column--reserved){display:block;position:fixed;top:0;left:0;right:0;width:100%;height:var(--mobile-carousel-height);margin:0;padding:0;flex:none;z-index:115;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--mobile-right-rail-bottom) - 8px),rgba(0,0,0,.72) calc(var(--mobile-right-rail-bottom) + 12px),rgba(0,0,0,.38) calc(var(--mobile-right-rail-bottom) + 40px),rgba(0,0,0,.12) calc(var(--mobile-right-rail-bottom) + 68px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--mobile-right-rail-bottom) - 8px),rgba(0,0,0,.72) calc(var(--mobile-right-rail-bottom) + 12px),rgba(0,0,0,.38) calc(var(--mobile-right-rail-bottom) + 40px),rgba(0,0,0,.12) calc(var(--mobile-right-rail-bottom) + 68px),transparent 100%)}.app-on-nature-level:has(.study-layout:not(.intro-layout)) .nature-side-column--down:not(.nature-side-column--reserved){height:var(--mobile-carousel-height)}.app-on-nature-level .nature-side-column--down:not(.nature-side-column--reserved) .nature-side-column__scroll{overflow:hidden}.app-on-nature-level .nature-side-column--down:not(.nature-side-column--reserved) .nature-side-track{flex-direction:row;align-items:stretch;width:max-content;height:100%;gap:1px}.app-on-nature-level .nature-side-column--down:not(.nature-side-column--reserved) .nature-side-track--down{animation-name:nature-side-scroll-ltr}.app-on-nature-level #left-carousel .nature-side-slide,.app-on-nature-level .nature-side-column--down:not(.nature-side-column--reserved) .nature-side-slide{width:clamp(100px,28vw,148px);height:100%;max-width:none}.app-on-nature-level #left-carousel .nature-side-slide img,.app-on-nature-level .nature-side-column--down:not(.nature-side-column--reserved) .nature-side-slide img{width:100%;height:100%;max-width:none;object-fit:cover;opacity:.52}.app-on-nature-level .nature-side-column.nature-side-column--photo-selected,.app-on-nature-level .nature-side-column.nature-side-column--admin-browsing{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--mobile-right-rail-bottom) - 8px),rgba(0,0,0,.72) calc(var(--mobile-right-rail-bottom) + 12px),rgba(0,0,0,.38) calc(var(--mobile-right-rail-bottom) + 40px),rgba(0,0,0,.12) calc(var(--mobile-right-rail-bottom) + 68px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--mobile-right-rail-bottom) - 8px),rgba(0,0,0,.72) calc(var(--mobile-right-rail-bottom) + 12px),rgba(0,0,0,.38) calc(var(--mobile-right-rail-bottom) + 40px),rgba(0,0,0,.12) calc(var(--mobile-right-rail-bottom) + 68px),transparent 100%)}}@media (prefers-reduced-motion: reduce){.nature-side-track--down,.nature-side-track--up,.theme-verse-track--down,.theme-verse-track--up{animation:none}.trail-path-line--progress{transition:none}.trail-sidebar-column,.trail-sidebar,.trail-app-title,.trail-sidebar-label,.trail-sidebar-toggle,.trail-step-content,.trail-steps,.trail-path-line--progress,.trail-step-body,.trail-step-rail-marker,.study-main>.study-reminder,.study-main>.level-core-lesson,.study-main>.main-content,.card-inner,.level-core-lesson,.study-layout,.study-side-stack{transition:none}.flashcard-slot,.card-inner{transition:none;opacity:1!important}.card-head,.card-content{opacity:1!important}.flashcard-scroll{-webkit-mask-image:none;mask-image:none}.trail-sidebar--minimized .trail-sidebar-toggle{transform:rotate(180deg)}.profile-btn-tooltip{transition:none;transform:none}.profile-btn-wrap:hover .profile-btn-tooltip,.profile-btn-wrap:focus-within .profile-btn-tooltip{transform:none}.profile-btn-wrap--prominent .profile-btn-tooltip,.profile-btn-wrap:has(.profile-btn) .profile-btn-tooltip,.profile-btn-wrap--prominent:hover .profile-btn-tooltip,.profile-btn-wrap--prominent:focus-within .profile-btn-tooltip,.profile-btn-wrap:has(.profile-btn):hover .profile-btn-tooltip,.profile-btn-wrap:has(.profile-btn):focus-within .profile-btn-tooltip{transform:translateY(-50%)}}.trail-sidebar-column{flex-shrink:0;width:var(--trail-sidebar-width);display:flex;flex-direction:column;position:sticky;top:calc(12px + var(--safe-top));align-self:flex-start;height:auto;max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));transition:width var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing)}.trail-app-title-shell{flex-shrink:0;overflow:visible;margin-bottom:10px;min-height:calc(var(--text-display) * 1.15 + 2.6rem);width:max-content;max-width:min(22rem,100%);position:relative;z-index:15;opacity:var(--trail-app-title-opacity, 1)}.study-layout:not(.intro-layout) .trail-app-title-shell{transition:none}.study-layout:not(.intro-layout).study-layout--title-faded .trail-app-title-shell{pointer-events:none}.trail-app-title-shell .app-logo-cluster{display:flex;width:max-content;max-width:min(22rem,100%)}.trail-app-title{display:inline-flex;width:max-content;max-width:none;transition:none}.trail-app-title:hover{opacity:1}.study-layout:not(.intro-layout).study-layout--title-faded .trail-app-title-shell{max-height:0;margin-bottom:0;overflow:hidden;visibility:hidden}.intro-layout .trail-app-title{transform:none}.trail-sidebar-column .trail-sidebar{position:static;top:auto;flex:0 0 auto;min-height:0;max-height:none;height:auto}.trail-sidebar{width:var(--trail-sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px 12px;position:sticky;top:calc(12px + var(--safe-top));align-self:flex-start;height:auto;max-height:calc(100dvh - 80px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:10;transition:width var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing),padding var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing)}.trail-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin-left:auto;flex-shrink:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .2s ease,background .2s ease,transform var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing)}.trail-sidebar-toggle:hover{color:var(--text-primary);background:#ffffff0f}.trail-sidebar-toggle:focus-visible{outline:2px solid var(--trail-active-accent, var(--accent, #4ade80));outline-offset:2px}.trail-sidebar-toggle-icon{width:14px;height:14px}.trail-sidebar--minimized .trail-sidebar-toggle{margin-left:0;transform:rotate(180deg)}.trail-sidebar-header{display:flex;align-items:center;margin-bottom:8px;min-height:22px;position:relative;z-index:1}.trail-sidebar-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0;margin:0;position:relative;z-index:1;flex:1;min-width:0;overflow:hidden;white-space:nowrap;transition:opacity var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing),max-height var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing)}.trail-path-layer,.trail-step-body{transition:opacity var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing),max-height var(--trail-sidebar-collapse-duration) var(--trail-sidebar-collapse-easing),visibility var(--trail-sidebar-collapse-duration)}.trail-sidebar--minimized{width:var(--trail-sidebar-min-width);padding:8px 4px 10px}.trail-sidebar--minimized .trail-sidebar-header{margin-bottom:4px;justify-content:center}.trail-sidebar--minimized .trail-sidebar-label,.trail-sidebar--minimized .trail-path-layer,.trail-sidebar--minimized .trail-step-body{opacity:0;visibility:hidden;max-height:0;overflow:hidden;margin:0;padding:0;pointer-events:none}.trail-sidebar--minimized .trail-step{justify-content:center}.trail-sidebar--minimized .trail-step-rail{width:100%}.trail-sidebar--minimized .trail-step-rail-marker{margin-top:4px;margin-bottom:4px;cursor:pointer}.trail-sidebar--minimized .trail-step-rail-marker:disabled{cursor:not-allowed}.trail-sidebar--minimized .trail-step:nth-child(odd) .trail-step-rail-marker,.trail-sidebar--minimized .trail-step:nth-child(2n) .trail-step-rail-marker{transform:none}.trail-steps-wrap{position:relative;flex:0 0 auto;min-height:0}.trail-path-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.trail-path-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-path-line--base{stroke:color-mix(in srgb,var(--border) 70%,transparent);stroke-width:1.5}.trail-path-line--progress{stroke:color-mix(in srgb,var(--trail-active-accent, var(--accent, #4ade80)) 60%,var(--text-muted));stroke-width:1.75;stroke-dasharray:var(--trail-path-length, 0);stroke-dashoffset:var(--trail-path-offset, 0);transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--trail-active-accent, var(--accent, #4ade80)) 35%,transparent))}.trail-steps{list-style:none;display:flex;flex-direction:column;gap:0;position:relative;z-index:1}.trail-step{display:flex;gap:8px;align-items:stretch}@keyframes trail-step-slam{0%{opacity:0;transform:translateY(-34px) scale(1.22);filter:blur(1.5px)}58%{opacity:1;transform:translateY(5px) scale(.86);filter:blur(0)}76%{transform:translateY(-3px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes trail-step-trickle{0%{opacity:0;transform:translateY(-14px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes trail-path-enter{0%{opacity:0}to{opacity:1}}.trail-sidebar--enter .trail-path-layer{animation:trail-path-enter .7s ease .7s both}.trail-sidebar--enter .trail-step--enter-slam{animation:trail-step-slam .95s cubic-bezier(.18,.9,.2,1.15) both}.trail-sidebar--enter .trail-step--enter-trickle{animation:trail-step-trickle .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.85s + (var(--trail-enter-index, 1) - 1) * .16s)}.trail-sidebar--enter .trail-step--enter-slam .trail-step-rail-marker{animation:trail-marker-impact .95s cubic-bezier(.18,.9,.2,1.15) both}@keyframes trail-marker-impact{0%,55%{box-shadow:none}62%{box-shadow:0 8px 14px color-mix(in srgb,var(--step-accent, #4ade80) 36%,transparent),0 0 0 3px color-mix(in srgb,var(--step-accent, #4ade80) 24%,transparent)}to{box-shadow:0 0 8px color-mix(in srgb,var(--step-accent, #4ade80) 26%,transparent)}}.profile-chrome-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:320;display:flex;flex-direction:column;gap:0;min-width:0;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0c1410f5;box-shadow:0 14px 32px #00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.profile-chrome-menu:not(.profile-chrome-menu--parked){min-width:min(260px,calc(100vw - 32px));max-width:min(280px,calc(100vw - 24px - env(safe-area-inset-right,0px)));overflow:visible;gap:6px;padding:8px;box-sizing:border-box}.profile-chrome-menu:not(.profile-chrome-menu--parked) .profile-chrome-status,.profile-chrome-menu:not(.profile-chrome-menu--parked) .profile-chrome-menu__list{max-width:100%}.profile-chrome-status{display:flex;flex-direction:column;gap:6px;padding:8px 10px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.profile-chrome-status__row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.profile-chrome-status__identity{min-width:0}.profile-chrome-status__rank{margin:0;font-family:var(--font-display);font-size:.92rem;font-weight:600;letter-spacing:-.01em;color:#f2efe8;line-height:1.2}.profile-chrome-status__elixir{margin:2px 0 0;font-size:.72rem;color:#e8e4dcb8;line-height:1.3}.profile-chrome-status__elixir-value{font-weight:600;color:color-mix(in srgb,var(--theme-accent, #4ade80) 75%,#fff)}.profile-chrome-status__league{flex-shrink:0;transform:scale(.92);transform-origin:top right}.profile-chrome-status__rank-bar{height:5px;border-radius:999px;overflow:hidden;background:#ffffff1a}.profile-chrome-status__rank-fill{height:100%;border-radius:inherit;background:color-mix(in srgb,var(--theme-accent, #4ade80) 80%,#86efac);transition:width .35s ease}.profile-chrome-status__rank-meta{margin:0;font-size:.68rem;line-height:1.35;color:#e8e4dcad}.profile-chrome-status__quiz{margin-top:2px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:5px}.profile-chrome-status__quiz-label{margin:0;font-size:.7rem;line-height:1.35;color:#e8e4dcd1}.profile-chrome-status__quiz-sep{opacity:.55}.profile-chrome-status__paths{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.profile-chrome-status__path{display:flex;justify-content:space-between;gap:8px;font-size:.66rem;line-height:1.3;color:#e8e4dc9e}.profile-chrome-status__path--active .profile-chrome-status__path-value{color:color-mix(in srgb,var(--theme-accent, #4ade80) 80%,#fff);font-weight:600}.profile-chrome-status__path--easy .profile-chrome-status__path-label{color:#86efac}.profile-chrome-status__path--medium .profile-chrome-status__path-label{color:#fcd34d}.profile-chrome-status__path--difficult .profile-chrome-status__path-label{color:#fca5a5}.profile-chrome-menu--parked{min-width:0;width:0;height:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;pointer-events:none}.profile-chrome-menu__list{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:6px;min-width:0;max-width:100%;padding:4px;flex-wrap:nowrap;box-sizing:border-box}.profile-chrome-menu__item{display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#e8e4dc;font:inherit;font-size:.88rem;font-weight:500;text-align:left;cursor:pointer;opacity:1;transition:background .15s ease,color .15s ease,opacity .2s ease,border-color .15s ease}.profile-chrome-menu__item--icon{width:42px;height:42px;flex:0 0 auto;padding:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:#ffffff0a;text-align:center;box-sizing:border-box}.profile-chrome-menu__icon{display:block;width:22px;height:22px;flex-shrink:0}.profile-chrome-menu__icon--music{width:20px;height:20px}.profile-chrome-menu__icon--spotify{width:20px;height:20px;color:#e8e4dc}.profile-chrome-menu__icon--share,.profile-chrome-menu__icon--profile{width:22px;height:22px}.profile-chrome-menu__icon--help{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1}.profile-chrome-menu__item:hover,.profile-chrome-menu__item:focus-visible{background:#ffffff14;color:#fff;outline:none}.profile-chrome-menu__item--icon:hover,.profile-chrome-menu__item--icon:focus-visible{background:#ffffff1f;border-color:#ffffff7a}.profile-chrome-menu__item--icon.profile-chrome-menu__item--active{border-color:color-mix(in srgb,var(--theme-accent, #4ade80) 65%,rgba(255,255,255,.35));background:color-mix(in srgb,var(--theme-accent, #4ade80) 14%,rgba(255,255,255,.04));color:#fff}.profile-chrome-menu__item--disabled,.profile-chrome-menu__item:disabled{opacity:.32;color:#e8e4dc;cursor:not-allowed;border-color:#ffffff1f}.profile-chrome-menu__item--disabled:hover,.profile-chrome-menu__item:disabled:hover,.profile-chrome-menu__item--disabled:focus-visible,.profile-chrome-menu__item:disabled:focus-visible{background:#ffffff0a;color:#e8e4dc;border-color:#ffffff1f;opacity:.32}.profile-chrome-menu--parked .profile-chrome-menu__list{display:none}.profile-chrome-menu__controls{position:absolute;width:0;height:0;overflow:visible;pointer-events:none}.profile-chrome-menu__controls--music-open{position:absolute;top:calc(100% + 8px);right:0;width:min(260px,calc(100vw - 24px - env(safe-area-inset-right,0px) - env(safe-area-inset-left,0px)));max-width:min(280px,calc(100vw - 24px));max-height:min(60dvh,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 120px));height:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:auto;z-index:321;box-sizing:border-box}.profile-chrome-menu--parked .inline-music-box--open{pointer-events:auto}.profile-chrome-menu .app-top-corner__toolbar-slot{position:relative;inset:auto;width:auto;height:auto;opacity:1;pointer-events:none;transform:none}.profile-chrome-menu__controls--music-open .app-top-corner__toolbar-slot--music,.profile-chrome-menu__controls--music-open .app-top-corner__toolbar-slot--spotify{pointer-events:auto;width:100%}.profile-chrome-menu .app-top-corner__toolbar-music .inline-music-box{top:calc(100% + 8px);right:0;transform-origin:top right;pointer-events:auto}.profile-chrome-menu .app-top-corner__toolbar-spotify .spotify-modal{top:calc(100% + 8px);right:0;left:auto;transform-origin:top right;pointer-events:auto}.profile-chrome-menu__controls--music-open .app-top-corner__toolbar-music .inline-music-box,.profile-chrome-menu__controls--music-open .app-top-corner__toolbar-spotify .spotify-modal{position:relative;top:auto;right:auto;left:auto;width:100%;max-width:none;transform-origin:top center}.profile-chrome-menu .inline-music-lyre-btn,.profile-chrome-menu .connect-menu__trigger{width:38px;height:38px}.profile-chrome-menu .inline-music-lyre-btn__emblem{width:18px;height:18px}.profile-chrome-menu .connect-menu__trigger-icon{width:17px;height:17px}.inline-music-picker--trigger-hidden .inline-music-picker__actions,.connect-menu--trigger-hidden>.connect-menu__trigger{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}@media (max-width: 640px){.app-top-corner-rail--chrome-enter .app-top-corner__toolbar-slot--chrome-enter-slam{animation:trail-step-slam .95s cubic-bezier(.18,.9,.2,1.15) both}.app-top-corner-rail--chrome-enter .app-top-corner__toolbar-slot--chrome-enter-trickle{animation:trail-step-trickle .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.85s + (var(--trail-enter-index, 1) - 1) * .16s)}.app-top-corner-rail--chrome-converge .app-top-corner__toolbar-slot--music,.app-top-corner-rail--chrome-converge .app-top-corner__toolbar-slot--spotify,.app-top-corner-rail--chrome-converge .app-top-corner__toolbar-slot--connect{transition:none;transform:translate(0) scale(1);opacity:1;will-change:transform,opacity}.app-top-corner-rail--chrome-converge-armed .app-top-corner__toolbar-slot--music,.app-top-corner-rail--chrome-converge-armed .app-top-corner__toolbar-slot--spotify,.app-top-corner-rail--chrome-converge-armed .app-top-corner__toolbar-slot--connect{transition:transform 1.55s cubic-bezier(.22,.08,.12,1),opacity 1.25s ease;transform:translate(var(--chrome-converge-x, 0),var(--chrome-converge-y, 0)) scale(.28);opacity:0;pointer-events:none}.app-top-corner__toolbar-slot--spotify .spotify-panel__trigger-row>.profile-btn-wrap:has(.spotify-explore-btn),.app-top-corner__toolbar-slot--spotify .spotify-explore-btn,.app-top-corner__toolbar-slot--spotify .spotify-genre-selector{display:none}.app-top-corner__toolbar-slot--spotify .spotify-panel__trigger-row{justify-content:center;width:var(--mobile-toolbar-size, 38px)}.app-top-corner__toolbar-icons{align-items:center}.app-top-corner-cluster:has(.app-top-corner-rail--chrome-converge) .app-top-corner__trail .trail-step--collapse-focus .trail-step-tile,.app-top-corner-cluster:has(.app-top-corner-rail--chrome-converge) .app-top-corner__trail .trail-step--active .trail-step-tile{transition:none;transform:translate(0) scale(1);opacity:1;will-change:transform,opacity}.app-top-corner-cluster:has(.app-top-corner-rail--chrome-converge-armed) .app-top-corner__trail .trail-step--collapse-focus .trail-step-tile,.app-top-corner-cluster:has(.app-top-corner-rail--chrome-converge-armed) .app-top-corner__trail .trail-step--active .trail-step-tile{transition:transform 1.55s cubic-bezier(.22,.08,.12,1),opacity 1.25s ease;transform:translate(var(--trail-park-x, 0),var(--trail-park-y, 0)) scale(.28);opacity:0;pointer-events:none}.app-top-corner-cluster:has(.app-top-corner-rail--chrome-settled):not(:has(.profile-btn-wrap--menu-open)) .app-top-corner__trail[data-trail-park-ready] .trail-sidebar--collapsed .trail-step--active .trail-step-tile{transform:translate(var(--trail-park-x, 0),var(--trail-park-y, 0)) scale(.28);opacity:0;pointer-events:none}.app-top-corner__trail[data-trail-reparking] .trail-sidebar--collapsed .trail-step--active .trail-step-tile{transition:transform 1.55s cubic-bezier(.22,.08,.12,1),opacity 1.25s ease;transform:translate(var(--trail-park-x, 0),var(--trail-park-y, 0)) scale(.28);opacity:0;pointer-events:none;will-change:transform,opacity}.app-profile-anchor--trail-repark-pulse,.app-top-corner-rail--chrome-converge-armed .app-profile-anchor{animation:chrome-profile-converge-pulse .5s cubic-bezier(.22,1,.36,1) both;animation-delay:1.05s;transform-origin:center center}@keyframes chrome-profile-converge-pulse{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.app-top-corner-rail--chrome-settled .app-top-corner__toolbar{position:static;top:auto;right:auto;width:auto;height:auto;margin:0;pointer-events:auto}.app-top-corner-rail--chrome-settled .app-top-corner__toolbar-icons{position:relative;width:auto;height:auto;gap:6px}.app-top-corner-rail--chrome-settled .app-top-corner__toolbar-slot--music,.app-top-corner-rail--chrome-settled .app-top-corner__toolbar-slot--spotify,.app-top-corner-rail--chrome-settled .app-top-corner__toolbar-slot--connect{position:absolute;width:0;height:0;opacity:0;pointer-events:none;overflow:visible}.app-top-corner-rail--chrome-settled .app-top-corner__toolbar-music .inline-music-box{top:calc(100% + 8px);right:0;transform-origin:top right;pointer-events:auto}.profile-chrome-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:320}.profile-chrome-menu .inline-music-lyre-btn,.profile-chrome-menu .connect-menu__trigger{width:var(--mobile-toolbar-size, 38px);height:var(--mobile-toolbar-size, 38px)}.profile-chrome-menu .inline-music-lyre-btn__emblem{width:18px;height:18px}.profile-chrome-menu .connect-menu__trigger-icon{width:17px;height:17px}.app-top-corner-rail--chrome-settled .profile-chrome-menu .app-top-corner__toolbar-music .inline-music-box{top:calc(100% + 8px);right:0;transform-origin:top right;pointer-events:auto}body.mobile-chrome-settled:has(.app-with-sidebar){--mobile-toolbar-count: 0;--mobile-lower-top-top: var(--mobile-trail-top-offset, calc(8px + var(--safe-top)));--mobile-lower-top-height: var(--profile-hero-size, 44px);--mobile-right-rail-bottom: calc( var(--mobile-trail-top-offset, calc(8px + var(--safe-top))) + var(--profile-hero-size, 44px) )}}@media (prefers-reduced-motion: reduce){.app-top-corner-rail--chrome-enter .app-top-corner__toolbar-slot--chrome-enter-slam,.app-top-corner-rail--chrome-enter .app-top-corner__toolbar-slot--chrome-enter-trickle{animation:none}.app-top-corner-rail--chrome-converge-armed .app-top-corner__toolbar-slot--music,.app-top-corner-rail--chrome-converge-armed .app-top-corner__toolbar-slot--spotify,.app-top-corner-rail--chrome-converge-armed .app-top-corner__toolbar-slot--connect{transition:none}.app-top-corner-cluster:has(.app-top-corner-rail--chrome-converge-armed) .app-top-corner__trail .trail-step--collapse-focus .trail-step-tile,.app-top-corner-cluster:has(.app-top-corner-rail--chrome-converge-armed) .app-top-corner__trail .trail-step--active .trail-step-tile,.app-top-corner__trail[data-trail-reparking] .trail-sidebar--collapsed .trail-step--active .trail-step-tile,.app-top-corner-cluster:has(.app-top-corner-rail--chrome-settled):not(:has(.profile-btn-wrap--menu-open)) .app-top-corner__trail[data-trail-park-ready] .trail-sidebar--collapsed .trail-step--active .trail-step-tile{transition:none}.app-top-corner-rail--chrome-converge-armed .app-profile-anchor,.app-profile-anchor--trail-repark-pulse{animation:none}}@media (prefers-reduced-motion: reduce){.trail-sidebar--enter .trail-path-layer,.trail-sidebar--enter .trail-step--enter-slam,.trail-sidebar--enter .trail-step--enter-trickle,.trail-sidebar--enter .trail-step--enter-slam .trail-step-rail-marker,.trail-sidebar--expand .trail-path-layer,.trail-sidebar--expand .trail-path-line--base,.trail-sidebar--expand .trail-path-line--progress,.trail-sidebar--expand .trail-step:not(.trail-step--active){animation:none}.trail-sidebar--collapse .trail-path-layer,.trail-sidebar--collapse .trail-step:not(.trail-step--collapse-focus),.trail-sidebar--collapse .trail-step--collapse-focus,.trail-sidebar--collapse.trail-sidebar--flip-armed .trail-step--collapse-focus,.trail-sidebar--expand .trail-step--active,.trail-sidebar--expand.trail-sidebar--flip-armed .trail-step--active{transition:none}}.trail-step-rail{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:34px;flex-shrink:0;align-self:stretch}.trail-step-rail-marker{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;margin-top:6px;border-radius:50%;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);color:var(--text-muted);transition:color .25s ease,opacity .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.trail-step:nth-child(odd) .trail-step-rail-marker{transform:translate(4px)}.trail-step:nth-child(2n) .trail-step-rail-marker{transform:translate(-4px)}.trail-step-rail-marker .trail-marker-icon{width:14px;height:14px}.trail-step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-size:.78rem;font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-muted)}.trail-step-heading{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:1px}.trail-step-name{display:block;flex:1;min-width:0;font-size:.92rem;font-weight:600;margin-bottom:0;color:var(--text-primary)}.trail-step--active .trail-step-number,.trail-step--passed .trail-step-number{color:var(--step-accent, #4ade80)}.trail-step--unlocked .trail-step-number{color:color-mix(in srgb,var(--step-accent, #4ade80) 70%,var(--text-muted))}.trail-step--locked .trail-step-number{opacity:.5}.trail-step--locked .trail-step-name{color:var(--text-muted)}.trail-step-body{flex:1;display:flex;min-width:0;margin-bottom:6px}.trail-step:last-child .trail-step-body{margin-bottom:0}.trail-step-card{position:relative;flex:1;display:flex;align-items:flex-start;gap:0;text-align:left;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;transition:background .25s ease,border-color .25s ease,opacity .25s ease,box-shadow .25s ease,padding .25s ease;min-width:0;width:100%;overflow:hidden}.trail-marker-icon{display:block;width:14px;height:14px;flex-shrink:0;max-width:100%;max-height:100%}.trail-step-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.trail-step--locked .trail-step-rail-marker{opacity:1;color:color-mix(in srgb,var(--text-muted) 82%,transparent);border:1.5px solid color-mix(in srgb,var(--text-muted) 48%,var(--border));background:color-mix(in srgb,var(--bg-card) 88%,rgba(255,255,255,.04));box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 55%,transparent)}.trail-step--locked .trail-step-rail-marker .trail-marker-icon{opacity:.72}.trail-step--active .trail-step-rail-marker{color:var(--step-accent, #4ade80);border-color:color-mix(in srgb,var(--step-accent, #4ade80) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--step-accent, #4ade80) 22%,transparent),0 0 8px color-mix(in srgb,var(--step-accent, #4ade80) 20%,transparent)}.trail-step--passed .trail-step-rail-marker{color:var(--step-accent, #4ade80);border-color:color-mix(in srgb,var(--step-accent, #4ade80) 40%,var(--border))}.trail-step--unlocked .trail-step-rail-marker{color:color-mix(in srgb,var(--step-accent, #4ade80) 70%,var(--text-muted));border-color:color-mix(in srgb,var(--step-accent, #4ade80) 25%,var(--border))}.trail-step--on-path .trail-step-rail-marker{color:var(--step-accent, #4ade80);border-color:color-mix(in srgb,var(--step-accent, #4ade80) 45%,var(--border))}.trail-step--on-path.trail-step--active .trail-step-rail-marker{box-shadow:0 0 0 1px color-mix(in srgb,var(--step-accent, #4ade80) 25%,transparent),0 0 8px color-mix(in srgb,var(--step-accent, #4ade80) 24%,transparent)}.trail-step--on-path.trail-step--passed .trail-step-rail-marker{box-shadow:none}.trail-step-card:disabled{opacity:.4;cursor:not-allowed}.trail-step--active .trail-step-card{background:color-mix(in srgb,var(--step-accent, #4ade80) 12%,rgba(255,255,255,.03));border-color:color-mix(in srgb,var(--step-accent, #4ade80) 28%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--step-accent, #4ade80) 12%,transparent),0 0 14px color-mix(in srgb,var(--step-accent, #4ade80) 16%,transparent);padding:8px 10px 9px}.trail-step-card:not(:disabled):hover{background:#ffffff0d;border-color:color-mix(in srgb,var(--step-accent, #4ade80) 28%,var(--border))}.trail-step--active .trail-step-card:not(:disabled):hover{border-color:color-mix(in srgb,var(--step-accent, #4ade80) 36%,transparent)}.trail-step-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;margin-top:7px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--step-accent, #4ade80) 18%,transparent)}.trail-step-detail__status{grid-column:1 / -1;font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--step-accent, #4ade80) 78%,var(--text-muted))}.trail-step-detail__words{grid-column:1 / -1;font-size:.62rem;line-height:1.3;color:var(--text-muted)}.trail-step-detail__meter{display:block;width:100%;height:3px;border-radius:999px;background:color-mix(in srgb,var(--border) 70%,transparent);overflow:hidden}.trail-step-detail__meter-fill{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--step-accent, #4ade80) 78%,#fff);box-shadow:0 0 6px color-mix(in srgb,var(--step-accent, #4ade80) 35%,transparent);transition:width .35s ease}.trail-step-detail__pct{font-size:.58rem;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--step-accent, #4ade80) 65%,var(--text-muted))}.trail-sidebar--horizontal .trail-step-detail,.trail-sidebar--minimized .trail-step-detail{display:none}.trail-step-card:not(:disabled){cursor:pointer}.intro-layout .level-screen{flex:1;width:100%;max-width:none;min-width:0;margin:0;justify-content:flex-start;padding-top:8px;padding-bottom:8px;min-height:0;overflow:hidden}.level-screen--intro{align-items:center}.intro-layout .level-screen--intro{align-items:stretch}.level-intro-main{width:100%;max-width:100%;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.level-intro-header,.level-intro-center,.level-intro-footer,.level-intro-cards{display:flex;flex-direction:column;width:100%;min-width:0}.level-intro-center{gap:0;flex:1 1 auto;min-height:0;overflow:hidden}.level-intro-cards{gap:0;width:100%}.level-intro-footer{gap:0;flex-shrink:0}.intro-layout .level-card,.intro-layout .level-lesson{width:100%;max-width:100%;box-sizing:border-box;border-radius:var(--radius)}.intro-layout .level-lesson{height:calc(5.75rem + 10px);padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 641px){.app-on-nature-level.app-with-sidebar:has(.intro-layout) .nature-stage__main{width:100%;max-width:100%;margin-left:0;margin-right:0}.app-on-nature-level.app-with-sidebar:has(.intro-layout) .study-layout.intro-layout{width:100%;max-width:100%}.intro-layout .trail-sidebar-column{align-self:start;height:auto}.intro-layout .trail-sidebar,.intro-layout .trail-sidebar-column .trail-sidebar{flex:0 0 auto;height:auto;max-height:calc(100dvh - 80px - var(--safe-top) - var(--safe-bottom));align-self:start}.intro-layout .level-intro-main,.intro-layout .level-intro-center{flex:1 1 auto;min-height:0;height:100%}.intro-layout .level-intro-cards{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.intro-layout .level-intro-header{flex:0 0 auto;margin-bottom:0}.intro-layout .level-intro-header+.level-card{margin-top:10px}.intro-layout .level-intro-footer{flex:0 0 auto;margin-top:calc(clamp(8px,1.2vh,14px) + 3px);padding-bottom:12px}.intro-layout .level-eyebrow{margin-bottom:2px;font-size:calc(.62rem + 5pt)}.intro-layout .level-title{font-size:clamp(calc(1.05rem + 13pt),calc(1.6vw + 13pt),calc(1.32rem + 13pt));line-height:1.22;margin-bottom:4px}.intro-layout .level-goal{font-size:calc(.8rem + 1pt);line-height:1.35;margin-bottom:6px}.intro-layout .level-card{flex:0 0 auto;height:auto;min-height:min-content;max-height:none;margin-bottom:0;padding:19px;display:flex;flex-direction:column;justify-content:stretch;overflow:hidden;box-sizing:border-box}.intro-layout .level-card .level-card-intro-stack{flex:1 1 auto;min-height:0;height:100%;font-size:clamp(calc(.84rem + 4pt),calc(1.1vw + 4pt),calc(1rem + 4pt));line-height:calc(1.4em + 5px);padding-block:.35em;padding-inline:6px;margin:0;gap:.85em;align-items:center;--intro-copy-max: min(100%, 58ch);--intro-coda-max: min(100%, 54ch)}.intro-layout .level-card .level-card-intro{max-width:var(--intro-copy-max);text-wrap:balance}.intro-layout .level-card .level-card-intro-coda{margin-top:0;padding:.4em calc(.65em + 34px);font-size:clamp(calc(.8125rem - 1pt),calc(.55em + .85vw - 1pt),calc(.95em - 1pt));line-height:calc(1.4em + 3px);text-align:center;white-space:normal;overflow-wrap:break-word;text-wrap:balance;max-width:var(--intro-coda-max);height:auto;min-height:min-content;max-height:none;overflow:visible}.intro-layout .level-lesson{flex:0 0 auto;height:clamp(calc(4.75rem + 10px),calc(9vh + 10px),calc(6rem + 10px));padding:8px 12px;margin-top:calc(clamp(8px,1.2vh,14px) + 4px);margin-bottom:0}.intro-layout .level-encouragement{font-size:.72rem;line-height:1.35;margin:0 auto 11px;max-width:min(100%,58ch);text-wrap:balance}.intro-layout .level-intro-footer>.btn{padding:10px 14px;font-size:.88rem}.intro-layout .level-core-lesson--intro .level-core-lesson__headline{font-size:clamp(.78rem,1.05vw,.95rem);line-height:1.3;max-width:min(100%,52ch);text-wrap:balance}.intro-layout .level-core-lesson--intro .core-lesson-attribution{font-family:var(--font);font-size:.58rem;font-weight:400;line-height:1.15;letter-spacing:.02em;margin-top:2px;max-width:min(100%,48ch);text-wrap:balance}.app-with-sidebar:has(.intro-layout) .nature-stage{height:calc(100dvh - 48px - var(--safe-top));max-height:calc(100dvh - 48px - var(--safe-top))}.app-with-sidebar:has(.intro-layout) .site-footer:not(.site-footer--deck-end){display:block;margin-top:0;padding-top:36px;padding-bottom:calc(14px + var(--safe-bottom));background:var(--bg-deep)}}.intro-layout .level-core-lesson--intro{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column}.intro-layout .level-core-lesson--intro .level-core-lesson__carousel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center}.intro-layout .level-core-lesson--intro .level-core-lesson__content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:10px 41px}.intro-layout .level-core-lesson--intro .level-core-lesson__headline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2em;min-height:0;max-height:100%;max-width:min(100%,52ch);margin-inline:auto;overflow:hidden;text-wrap:balance}.intro-layout .level-core-lesson--intro .core-lesson-quote{display:block;margin:0 auto;overflow:hidden;white-space:normal;text-wrap:balance;overflow-wrap:break-word;font-size:1em;max-width:min(100%,52ch);text-align:center}.intro-layout .level-card{border-width:2px}.intro-layout .level-lesson--glow{border-width:2px;box-shadow:none}.intro-layout .rim-glow-svg{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.intro-layout .level-lesson--glow:after{top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent, #4ade80) 28%,transparent)}.intro-layout .rim-glow-beam--bloom{stroke-width:2.5;filter:blur(1px)}.trail-step-tagline{display:block;font-size:.65rem;line-height:1.25;color:var(--text-muted)}.trail-step--active .trail-step-tagline{color:color-mix(in srgb,var(--step-accent, #4ade80) 70%,var(--text-muted))}.study-sidebar-column{width:193px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:calc(64px + var(--safe-top));align-self:flex-start;z-index:10;max-height:calc(100dvh - 80px - var(--safe-top) - var(--safe-bottom))}.study-sidebar-stack{display:flex;flex-direction:column;gap:8px;width:100%;flex:0 0 auto;align-self:flex-start;max-height:calc(100dvh - 80px - var(--safe-top) - var(--safe-bottom))}.learned-panel{width:100%;flex:0 1 auto;min-height:0;max-height:min(300px,calc(100dvh - 200px - var(--safe-top)));display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.learned-panel-header{padding:10px 12px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.learned-panel-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;margin-bottom:4px;opacity:.65}.learned-panel-quiz-progress{display:flex;flex-direction:column;gap:5px}.learned-panel-word-progress{display:none}.learned-panel-progress-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em;line-height:1.2}.learned-panel-progress-count{font-family:var(--font-display);font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:600;letter-spacing:-.02em;color:var(--theme-accent, #4ade80)}.learned-panel-progress-meta{font-size:.82rem;font-weight:500;color:var(--text-muted)}.learned-panel-progress-bar{height:7px;background:var(--bg-elevated);border-radius:999px;overflow:hidden}.learned-panel-progress-fill{height:100%;border-radius:999px;background:var(--theme-accent, #4ade80);transition:width .4s ease}.learned-panel-point-paths{display:flex;flex-wrap:wrap;gap:4px 8px;margin:6px 0 0;padding:0;list-style:none}.learned-panel-point-path{display:inline-flex;align-items:baseline;gap:4px;font-size:.62rem;letter-spacing:.04em;color:color-mix(in srgb,var(--text-muted, #a8b0a4) 92%,transparent)}.learned-panel-point-path__label{font-weight:600;text-transform:uppercase}.learned-panel-point-path__value{font-variant-numeric:tabular-nums}.learned-panel-point-path--easy .learned-panel-point-path__label{color:color-mix(in srgb,var(--rank-essentialist) 78%,#dde0d8)}.learned-panel-point-path--medium .learned-panel-point-path__label{color:color-mix(in srgb,var(--rank-pioneer) 78%,#dde0d8)}.learned-panel-point-path--difficult .learned-panel-point-path__label{color:color-mix(in srgb,var(--rank-master) 78%,#dde0d8)}.learned-panel-point-path--active{color:var(--text-primary, #ebe8e0)}.learned-panel-point-path--active .learned-panel-point-path__value{font-weight:600}.learned-panel-actions{padding:8px 12px 10px;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.learned-panel-actions .btn{padding:10px 8px;font-size:.78rem;line-height:1.25;white-space:normal}.learned-panel-actions .btn-ascend{padding:7px 8px;font-size:.72rem;line-height:1.2}.learned-panel-actions .btn-ascend .btn-ascend-icon{width:.92em;height:.92em}.learned-panel-actions .ascend-hint,.learned-panel-actions .scroll-hint{font-size:.68rem;line-height:1.35;text-align:center}.learned-panel-list{list-style:none;overflow-y:auto;flex:1;min-height:0;padding:4px 6px}.learned-panel-word{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:.78rem;border-radius:6px;color:var(--text-primary);line-height:1.15}.learned-panel-word__label{min-width:0}@media (min-width: 641px){.learned-panel-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 8px;padding:6px 8px 8px;align-content:start}.learned-panel-word{display:flex;justify-content:center;min-width:0;width:100%;box-sizing:border-box}.learned-panel-word__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.learned-panel-word__star{display:inline-flex;flex-shrink:0;animation:learned-star-pop .35s cubic-bezier(.34,1.56,.64,1)}.learned-panel-word__star-icon{width:12px;height:12px;color:#fbbf24}@keyframes learned-star-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.learned-panel-word:nth-child(odd){background:#ffffff05}.favorites-panel{width:max-content;flex:1;min-height:0;max-height:min(420px,calc(100dvh - 120px - var(--safe-top)));display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.favorites-panel-header{padding:14px 14px 12px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.favorites-panel-header__main{min-width:0}.favorites-panel__close{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#ffffff0f;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer}.favorites-panel__close:hover{background:#ffffff1a;color:var(--text-primary)}.favorites-panel-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:6px}.favorites-panel-title-icon{width:14px;height:14px;color:#fbbf24;flex-shrink:0}.favorites-panel-count{font-size:.72rem;color:var(--text-muted);line-height:1.2}.favorites-panel-empty{padding:14px;font-size:.78rem;line-height:1.5;color:var(--text-muted)}.favorites-panel-list{list-style:none;overflow-y:auto;flex:1;min-height:0;padding:8px}.favorites-panel-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;line-height:1.3}.favorites-panel-item:nth-child(odd){background:#ffffff05}.favorites-panel-section-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.favorites-panel-trail-icon{width:16px;height:16px}.favorites-panel-word{font-size:.82rem;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorites-panel-remove{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:#fbbf24;flex-shrink:0;opacity:.85}.favorites-panel-remove:hover{opacity:1;background:#fbbf241f}.favorites-panel-remove-icon{width:14px;height:14px}.favorite-btn{position:relative;top:auto;right:auto;display:inline-flex;align-items:flex-end;justify-content:center;flex-shrink:0;align-self:flex-end;margin:0 0 1px;padding:0;color:var(--text-muted);background:none;border:none;line-height:0;z-index:2;transition:color .2s ease}.favorite-btn:hover,.favorite-btn.is-favorited{color:#fbbf24}.favorite-btn-icon{width:18px;height:18px;display:block}.worldview-retake-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom))}.worldview-retake-shell{width:100%;max-width:480px;max-height:100%;overflow-y:auto}.worldview-retake-shell .worldview-quiz{justify-content:flex-start;padding-top:8px}.worldview-close{position:absolute;top:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center}.worldview-close:hover{color:var(--text-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:0;flex-shrink:0}.app-header--trail{margin-bottom:8px}.app-header--study{justify-content:flex-end}.theme-verse-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:122;pointer-events:none}body:has(.app-with-sidebar--study-scroll) .theme-verse-overlay{z-index:5}body:has(.app-with-sidebar--study-scroll) .theme-verse-overlay--mobile{z-index:221}.theme-verse-column{position:fixed;top:0;width:clamp(180px,22vw,320px);height:calc(100dvh - var(--footer-height) + var(--footer-carousel-overlap));overflow:hidden;--verse-column-height: calc(100dvh - var(--footer-height) + var(--footer-carousel-overlap))}.theme-verse-column--down{left:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(to right,#000 0%,#000 46%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(to right,#000 0%,#000 46%,transparent 100%);mask-composite:intersect}.theme-verse-column--up{right:0;width:var(--nature-side-column-width-right, calc(clamp(180px, 22vw, 320px) + 20px) );--verse-top-cutoff: calc(var(--nature-side-column-width-right, calc(clamp(180px, 22vw, 320px) + 20px) ) + var(--safe-top));-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(to left,#000 0%,#000 calc(46% - 10px),transparent 100%),linear-gradient(to bottom,transparent 0,transparent var(--verse-top-cutoff),#000 var(--verse-top-cutoff));-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(to left,#000 0%,#000 calc(46% - 10px),transparent 100%),linear-gradient(to bottom,transparent 0,transparent var(--verse-top-cutoff),#000 var(--verse-top-cutoff));mask-composite:intersect}.theme-verse-track{display:flex;flex-direction:column;gap:0;padding:0 clamp(20px,5vw,36px)}.theme-verse-track--down{animation:nature-side-scroll-down var(--verse-scroll-duration, 990s) linear infinite}.theme-verse-track--up{animation:nature-side-scroll-up var(--verse-scroll-duration, 990s) linear infinite;animation-delay:calc(var(--verse-scroll-duration, 990s) * -.5)}.theme-verse-slide{flex-shrink:0;margin:0;padding:28px 16px 24px;text-align:center;border:none;background:transparent;isolation:isolate;min-height:var(--verse-column-height, calc(100dvh - var(--footer-height) + var(--footer-carousel-overlap)));height:var(--verse-column-height, calc(100dvh - var(--footer-height) + var(--footer-carousel-overlap)));display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:var(--side-carousel-verse-opacity, .68)}.theme-verse-slide__text{font-family:var(--font);font-size:.84rem;line-height:1.6;color:#f0f5f2;font-style:italic;margin:0 0 10px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 18px rgba(0,0,0,.55);max-width:min(100%,375px)}.theme-verse-slide__reference{font-family:var(--font);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:color-mix(in srgb,var(--theme-accent, #4ade80) 72%,#e8f0ec);font-style:normal;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.45)}.theme-verse-slide__translation{text-transform:uppercase;opacity:1}@media (max-width: 900px){.app-on-nature-level{--nature-carousel-slide-gap: 1px}.theme-verse-slide{padding:20px 12px 16px}.theme-verse-slide__text{font-size:.78rem;line-height:1.55}}@media (max-width: 640px){.theme-verse-column{display:none}.theme-verse-overlay--mobile{inset:auto;top:0;left:0;width:0;height:0;overflow:visible;z-index:221;pointer-events:none}.theme-verse-mobile{position:fixed;top:var(--mobile-verse-top);height:auto;left:max(12px,3vw);right:var(--mobile-verse-right, calc(var(--mobile-profile-right-inset, 8px) + var(--profile-hero-size, 44px) + 10px));min-height:0;max-height:none;display:flex;align-items:flex-start;justify-content:center;padding:0 4px;box-sizing:border-box;pointer-events:none;opacity:0;transition:opacity 1.8s ease}.theme-verse-mobile--visible{opacity:.92}body:has(.app-with-sidebar--study-scroll):has(.study-layout--lesson-docked) .theme-verse-mobile{display:flex;right:max(var(--mobile-verse-right, calc(var(--mobile-profile-right-inset, 8px) + var(--profile-hero-size, 44px) + 10px)),calc(var(--profile-hero-size, 44px) + 14px + min(100px,28vw) + 8px))}body:has(.study-layout--lesson-docked):not(:has(.app-with-sidebar--study-scroll)) .theme-verse-mobile{display:none}.theme-verse-mobile__slide{margin:0;padding:0;border:none;background:transparent;max-width:min(100%,375px);width:100%;text-align:center;box-sizing:border-box}.theme-verse-mobile__text{font-family:var(--font);font-size:clamp(calc(1.08rem - 5pt),calc(4.8vw - 5pt),calc(1.32rem - 5pt));line-height:1.45;color:#f0f5f2f2;font-style:italic;margin:0 0 4px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 14px rgba(0,0,0,.5)}.theme-verse-mobile__reference{font-family:var(--font);font-size:clamp(.58rem,2.4vw,.68rem);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:color-mix(in srgb,var(--theme-accent, #4ade80) 72%,#e8f0ec);font-style:normal;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.4)}@media (prefers-reduced-motion: reduce){.theme-verse-mobile{transition:none;opacity:.92}}}.app-logo-cluster{display:inline-flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:6px;min-width:0;max-width:min(22rem,100%)}.app-logo{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-size:var(--text-display);font-weight:500;letter-spacing:.01em;line-height:1.15;white-space:nowrap;border:none;background:transparent;color:inherit;padding:0;margin:0;cursor:pointer;text-align:left;transition:opacity .2s ease,transform .2s ease}.app-logo-subtitle{margin:0;max-width:none;font-family:var(--font-display);font-size:clamp(.72rem,1.1vw,.86rem);font-weight:400;font-style:italic;line-height:1.3;letter-spacing:.02em;color:color-mix(in srgb,var(--text-primary) 62%,transparent);white-space:nowrap}.admin-mock-users{position:fixed;top:auto;bottom:calc(16px + var(--safe-bottom));left:max(10px,env(safe-area-inset-left,0px));z-index:275;width:min(268px,calc(100vw - 24px));max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#0a100deb;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.admin-mock-users--collapsed{width:auto;padding:4px;border-radius:999px;background:#0c0e10e0;border-color:#ffffff1a;box-shadow:0 0 0 4px #00000047,0 8px 20px #00000059}.admin-mock-users__toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:6px 8px;border:none;border-radius:8px;background:#ffffff0a;color:#ffffffd1;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.admin-mock-users--collapsed .admin-mock-users__toggle{width:auto;padding:8px 12px 8px 14px;border-radius:999px;background:transparent;color:#ffffffeb;letter-spacing:.12em;gap:8px}.admin-mock-users__toggle:hover{background:#ffffff14;color:#fff}.admin-mock-users--collapsed .admin-mock-users__toggle:hover{background:#ffffff0f}.admin-mock-users__toggle-icon{font-size:1rem;line-height:1;opacity:.8}.admin-mock-users__body{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.admin-mock-users__category{display:flex;flex-direction:column;gap:6px;min-height:0}.admin-mock-users__category-title{margin:0;padding:0 2px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff7a}.admin-mock-users__nav{display:flex;flex-direction:column;gap:4px}.admin-mock-users__action{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffe0;font-size:.72rem;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.admin-mock-users__action:hover{background:#ffffff1a;border-color:#ffffff38;color:#fff}.admin-mock-users__action--active{color:#fbbf24;border-color:#fbbf2459;background:#fbbf241a}.admin-mock-users__action--restart{color:#ffb4b4;background:#78181873;border-color:#ff787859}.admin-mock-users__action--restart:hover{background:#8c1c1ca6;border-color:#ff8c8c80;color:#ffd0d0}.admin-mock-users__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.admin-mock-users__row{position:relative;display:flex;align-items:stretch;gap:4px}.admin-mock-users__item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#ffffff08;color:#ffffffe0;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-mock-users__item:hover{background:#ffffff12;border-color:#ffffff1a}.admin-mock-users__item--active{border-color:#fbbf2473;background:#fbbf241a}.admin-mock-users__item-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name rank" "source source";gap:2px 8px;align-items:center;width:100%}.admin-mock-users__name{grid-area:name;font-size:.84rem;font-weight:600;line-height:1.25}.admin-mock-users__rank{grid-area:rank;justify-self:end;padding:2px 7px;border-radius:999px;border:1px solid transparent;font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.admin-mock-users__rank--essentialist{color:var(--rank-essentialist-soft);background:color-mix(in srgb,var(--rank-essentialist) 18%,transparent);border-color:color-mix(in srgb,var(--rank-essentialist) 48%,transparent)}.admin-mock-users__rank--pioneer{color:var(--rank-pioneer-soft);background:color-mix(in srgb,var(--rank-pioneer) 18%,transparent);border-color:color-mix(in srgb,var(--rank-pioneer) 48%,transparent)}.admin-mock-users__rank--master{color:var(--rank-master-soft);background:color-mix(in srgb,var(--rank-master) 18%,transparent);border-color:color-mix(in srgb,var(--rank-master) 48%,transparent)}.admin-mock-users__source{grid-area:source;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:.58rem;opacity:.7}.admin-mock-users__metrics{display:flex;flex-wrap:wrap;gap:6px 10px;width:100%;padding-top:2px}.admin-mock-users__score{display:inline-flex;align-items:baseline;gap:4px}.admin-mock-users__score-value{font-size:.76rem;font-weight:700;color:#ffffffeb}.admin-mock-users__score-label{font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:#ffffff7a}.admin-mock-users__trail{display:flex;align-items:center;gap:3px;width:100%;padding-top:2px}.admin-mock-users__trail-dot{width:7px;height:7px;border-radius:50%;background:#ffffff29;border:1px solid rgba(255,255,255,.12)}.admin-mock-users__trail-dot--unlocked{background:#4ade8059;border-color:#4ade8073}.admin-mock-users__trail-dot--active{background:#fbbf24;border-color:#fbbf24cc;box-shadow:0 0 0 1px #fbbf2440}.admin-mock-users__trail-dot--passed{background:#4ade80;border-color:#4ade80b3}.admin-mock-users__trail-dot--locked{background:#ffffff1a;border-color:#ffffff14}.admin-mock-users__stage{font-size:.64rem;color:color-mix(in srgb,var(--theme-accent, #4ade80) 75%,#fff)}.admin-mock-users__delete{flex-shrink:0;align-self:flex-start;width:26px;height:26px;margin-top:6px;padding:0;border:none;border-radius:6px;background:transparent;color:#ffb4b4bf;font-size:1.05rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.admin-mock-users__delete:hover{background:#78181873;color:#ffd0d0}.admin-mock-users__privacy{margin:0;padding:0 2px;font-size:.62rem;line-height:1.35;color:#ffffff8c}.admin-mock-users__privacy--status{color:#fbbf24d9}.admin-mock-users__item-wrap{position:relative;display:flex;align-items:flex-start;gap:2px;width:100%}.admin-mock-users__item-wrap--active .admin-mock-users__expand{color:#fbbf24}.admin-mock-users__expand{flex-shrink:0;width:26px;height:26px;margin-top:4px;border:none;border-radius:6px;background:transparent;color:#ffffff8c;font-size:.75rem;cursor:pointer}.admin-mock-users__expand:hover{background:#ffffff14;color:#fff}.admin-mock-users__conn-status{font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;color:#a7f3d0d9}.admin-mock-users__detail{margin:0 0 6px;padding:8px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.admin-mock-users__detail-empty{margin:0;font-size:.68rem;color:#ffffff80}.admin-mock-users__detail-grid{display:grid;gap:6px;margin:0 0 8px}.admin-mock-users__detail-grid dt{margin:0;font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;color:#ffffff73}.admin-mock-users__detail-grid dd{margin:1px 0 0;font-size:.7rem;color:#ffffffe0;line-height:1.35}.admin-mock-users__photos{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.admin-mock-users__photo{position:relative;width:40px;height:40px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.admin-mock-users__photo img{width:100%;height:100%;object-fit:cover;display:block}.admin-mock-users__photo-remove{position:absolute;top:0;right:0;width:16px;height:16px;border:none;border-radius:0 0 0 4px;background:#501010e6;color:#fff;font-size:.65rem;line-height:1;cursor:pointer}.admin-mock-users__edit-btn{width:100%;margin-top:4px;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffe0;font-size:.68rem;cursor:pointer}.admin-mock-users__edit-btn:hover{background:#ffffff1a}.admin-mock-users__edit-btn--ghost{background:transparent;color:#fff9}.admin-mock-users__editor{display:flex;flex-direction:column;gap:6px}.admin-mock-users__field{display:flex;flex-direction:column;gap:2px;font-size:.62rem;color:#ffffff8c}.admin-mock-users__field input,.admin-mock-users__field select,.admin-mock-users__field textarea{width:100%;box-sizing:border-box;padding:5px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.14);background:#00000059;color:#fff;font-size:.72rem}.admin-mock-users__fieldset{margin:0;padding:6px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.admin-mock-users__fieldset legend{padding:0 4px;font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;color:#ffffff80}.admin-mock-users__check{display:flex;align-items:flex-start;gap:6px;font-size:.68rem;color:#fffc}.admin-mock-users__editor-actions{display:flex;flex-direction:column;gap:4px}.admin-panel-encryption{margin:8px 0 0;font-size:.85rem;line-height:1.4;color:color-mix(in srgb,var(--theme-accent, #4ade80) 70%,#fff)}.admin-beliefs-tag{display:inline-flex;align-items:center;max-width:100%;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#dce6e0d1;font-size:.66rem;font-weight:600;letter-spacing:.02em;line-height:1.3;white-space:nowrap}.admin-beliefs-tag--button{cursor:pointer;transition:background .15s,border-color .15s,color .15s}.admin-beliefs-tag--button:hover{background:#ffffff1a;border-color:#ffffff47;color:#f2f5f3}.admin-beliefs-tag--not-taken{opacity:.72}.admin-beliefs-tag--skipped{border-color:#d4a85a59;background:#d4a85a1f;color:#f0d7a8}.admin-beliefs-tag--initial{border-color:#7cb87a59;background:#7cb87a1f;color:#c8ebc4}.admin-beliefs-tag--complete{border-color:#6eb4dc66;background:#6eb4dc24;color:#c8e7f7}.admin-mock-users__beliefs{margin:4px 0 0;align-self:flex-start;max-width:100%}.admin-beliefs-results-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#040806d6}.admin-beliefs-results{width:min(100%,720px);max-height:min(88dvh,860px);overflow-y:auto;padding:clamp(18px,3vw,26px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#121814;box-shadow:0 20px 48px #00000080}.admin-beliefs-results__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.admin-beliefs-results__eyebrow{margin:0 0 4px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#d2e0e68c}.admin-beliefs-results__title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:#f2f5f3}.admin-beliefs-results__close{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff0f;color:var(--text-muted);font-size:1.2rem;line-height:1;cursor:pointer}.admin-beliefs-results__note,.admin-beliefs-results__empty{margin:0 0 14px;font-size:.8rem;line-height:1.5;color:var(--text-muted)}.admin-beliefs-results__growth{margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-sm, var(--radius));border:1px solid rgba(110,180,220,.28);background:#6eb4dc14}.admin-beliefs-results__growth-label{margin:0 0 4px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#c8e6f0b3}.admin-beliefs-results__growth-value{margin:0;font-size:1.05rem;font-weight:600;color:#e8f4f8}.admin-beliefs-results__growth-delta{margin-left:8px;font-size:.88rem;font-weight:500;color:#9fd4ea}.admin-beliefs-results__growth-meta{margin:6px 0 0;font-size:.74rem;color:var(--text-muted)}.admin-beliefs-results__changes{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.admin-beliefs-results__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.admin-beliefs-results__snapshot{padding:12px;border-radius:var(--radius-sm, var(--radius));border:1px solid rgba(255,255,255,.1);background:#ffffff08}.admin-beliefs-results__snapshot-title{margin:0 0 8px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#d2e0e6a6}.admin-beliefs-results__fulfillment{margin:0 0 8px;font-size:.9rem;color:#e8f0ea}.admin-beliefs-results__summary{margin:0 0 10px;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.admin-beliefs-results__answers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.admin-beliefs-results__prompt,.admin-beliefs-results__answer,.admin-beliefs-results__shift{margin:0}.admin-beliefs-results__prompt{font-size:.72rem;line-height:1.4;color:var(--text-muted)}.admin-beliefs-results__answer,.admin-beliefs-results__shift{font-size:.78rem;line-height:1.4;color:#e4ebe6}.admin-beliefs-results__actions{margin-top:18px;display:flex;justify-content:flex-end}@media (max-width: 640px){.admin-mock-users{top:auto;bottom:calc(16px + var(--safe-bottom));left:max(8px,env(safe-area-inset-left,0px));max-height:min(48dvh,380px)}}.app-logo-wordmark{display:inline-block}.app-logo:hover{opacity:.82}.app-logo:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-accent, #4ade80) 55%,transparent);outline-offset:4px;border-radius:4px}.app-logo-wordmark span{color:color-mix(in srgb,var(--text-primary) 55%,transparent);font-weight:400}.app-about-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);padding-top:calc(max(16px,3vw) + var(--safe-top));padding-bottom:calc(max(16px,3vw) + var(--safe-bottom));background:#040807b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:app-about-fade-in .35s cubic-bezier(.4,0,.2,1)}.app-about-overlay--intro{background:#060a08}.app-about-overlay--intro .app-about-panel--wide{width:min(100%,880px);padding:clamp(16px,2vw,22px) clamp(18px,2.5vw,28px) clamp(14px,1.8vw,20px);background:#0f1612;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 48px #0000008c;overflow-y:auto;position:relative}.intro-music-picker{position:absolute;top:clamp(14px,1.8vw,20px);right:clamp(14px,2vw,24px);z-index:3;display:flex;flex-direction:column;align-items:flex-end}.intro-music-picker--inline{position:relative;top:auto;right:auto;z-index:1;align-items:flex-start;margin-top:2px}.intro-music-trigger{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;flex-shrink:0;transition:transform .2s,box-shadow .2s,opacity .2s,border-color .2s}.intro-music-trigger:hover{transform:scale(1.04);border-color:#ffffff6b}.intro-music-trigger--active{box-shadow:0 0 0 2px #7cb87a8c}.intro-music-trigger--open{box-shadow:0 0 0 2px #7cb87ab3}.intro-music-trigger--demo-pulse{animation:intro-music-demo-pulse 1.6s ease-in-out .4s 3}@keyframes intro-music-demo-pulse{0%,to{transform:scale(1);box-shadow:0 0 #7cb87a00}40%{transform:scale(1.08);box-shadow:0 0 0 3px #7cb87a59,0 0 16px #7cb87a66}70%{transform:scale(1);box-shadow:0 0 #7cb87a00}}@media (prefers-reduced-motion: reduce){.intro-music-trigger--demo-pulse{animation:none}}.intro-music-trigger__emblem{width:22px;height:22px;display:block;color:#e8e4dc;flex-shrink:0}.intro-music-picker:not(.intro-music-picker--inline) .intro-music-trigger{border:none}.intro-music-picker:not(.intro-music-picker--inline) .intro-music-trigger__emblem{width:36px;height:36px}.intro-music-trigger__emblem--muted{opacity:.72;filter:grayscale(.35)}.intro-music-picker--inline .intro-music-panel{position:relative;left:auto;bottom:auto;margin-top:8px;min-width:min(200px,100%);z-index:4}.intro-music-panel{margin-top:8px;min-width:min(240px,72vw);padding:10px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);background:#0f1612;box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;gap:6px;animation:inlineMusicExpand .18s ease}.intro-music-note{font-size:.78rem;color:var(--text-muted);line-height:1.35;margin:0;text-align:left}.intro-music-options{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.intro-music-option{width:100%;text-align:left;padding:10px 12px;font-size:.82rem;font-weight:600;line-height:1.3;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#151f1a;color:var(--text-primary);transition:background .15s,border-color .15s}.intro-music-option:hover{background:#1a2820;border-color:#7cb87a59}.intro-music-option--selected{border-color:#7cb87a73}.intro-music-option--playing{background:#7cb87a1f;border-color:#7cb87a80}.intro-music-off{width:100%;text-align:center;padding:8px 10px;font-size:.76rem;font-weight:600;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-muted);margin-bottom:2px}.intro-music-off:hover{color:var(--text-primary);border-color:#ffffff2e}.app-about-intro-header{text-align:center;margin-bottom:clamp(10px,1.5vh,14px)}.app-about-overlay--intro .app-about-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.12em;color:#7cb87a;margin-bottom:4px}.app-about-overlay--intro .app-about-title{font-size:clamp(1.35rem,3vw,1.65rem);font-weight:700;letter-spacing:-.02em;margin-bottom:0;line-height:1.15}.app-about-overlay--intro .app-about-title span{opacity:.9;font-weight:600}.app-about-overlay--intro .app-about-body--intro{display:block;margin-bottom:clamp(12px,1.8vh,16px);min-height:0}.app-about-overlay--intro .app-about-section--levels{padding:0;border:none;background:transparent;margin-bottom:0}.app-about-overlay--intro .app-about-section-title{font-size:clamp(.78rem,1.2vw,.88rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:clamp(8px,1.2vh,12px);text-align:center}.app-about-overlay--intro .app-about-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,14px)}.app-about-overlay--intro .app-about-level{padding:clamp(14px,2vw,20px) clamp(16px,2.2vw,22px);gap:14px;border:1px solid rgba(255,255,255,.14);background:#151f1a;border-radius:var(--radius-sm)}.app-about-overlay--intro .app-about-level-accent{width:5px;border-radius:3px}.app-about-overlay--intro .app-about-level-name{font-size:clamp(1.55rem,3.4vw,2.05rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text-primary)}.app-about-overlay--intro .app-about-level-tagline{font-size:clamp(1rem,1.9vw,1.2rem);font-weight:500;line-height:1.4;color:var(--text-primary);opacity:.88;margin-top:4px}.app-about-overlay--intro .app-about-level-copy{gap:0}.app-about-overlay--intro .app-about-actions--intro{max-width:min(100%,320px);gap:8px;margin-top:0}.app-about-overlay--intro .app-about-cta{font-size:.88rem;padding:11px 16px}.app-about-panel{position:relative;width:min(100%,520px);max-height:calc(100dvh - 48px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px 24px;text-align:center;box-shadow:0 24px 64px #00000059;animation:app-about-expand .42s cubic-bezier(.34,1.2,.64,1)}.app-about-panel--wide{width:min(100%,920px);max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overflow:hidden;padding:clamp(20px,2.5vw,28px) clamp(22px,3vw,36px) clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:0}.app-about-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(16px,2.5vw,28px);text-align:left;margin-bottom:clamp(14px,2vh,20px);min-height:0}.app-about-panel--wide .app-about-lead{max-width:none;margin-bottom:clamp(14px,2vh,20px);font-size:clamp(.88rem,1.4vw,.98rem);line-height:1.55}.app-about-panel--wide .app-about-title{font-size:clamp(1.45rem,3vw,1.85rem);margin-bottom:clamp(8px,1.2vh,12px)}.app-about-panel--wide .app-about-eyebrow{margin-bottom:6px}.app-about-panel--wide .app-about-section{margin-bottom:0;min-height:0}.app-about-panel--wide .app-about-section-copy{font-size:clamp(.82rem,1.2vw,.9rem);margin-bottom:10px;line-height:1.5}.app-about-panel--wide .app-about-section-title{font-size:clamp(.95rem,1.5vw,1.05rem);margin-bottom:6px}.app-about-panel--wide .app-about-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.app-about-panel--wide .app-about-level{padding:7px 10px;gap:8px}.app-about-panel--wide .app-about-level-name{font-size:clamp(.78rem,1.1vw,.84rem)}.app-about-panel--wide .app-about-level-tagline{font-size:clamp(.72rem,1vw,.76rem);line-height:1.35}.app-about-panel--wide .app-about-steps{gap:6px;font-size:clamp(.82rem,1.2vw,.9rem);line-height:1.45}.app-about-cta{flex-shrink:0;margin-top:auto}.app-about-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0;margin-top:auto;width:100%}.app-about-panel--wide .app-about-cta,.app-about-panel--wide .app-about-actions{max-width:360px;margin-left:auto;margin-right:auto}.app-about-section--full{grid-column:1 / -1}@keyframes app-about-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-about-expand{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.app-about-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.app-about-title{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2rem);font-weight:500;line-height:1.2;margin-bottom:14px}.app-about-title span{opacity:.55;font-weight:400}.app-about-lead{color:var(--text-muted);font-size:var(--text-base);line-height:1.65;max-width:38ch;margin:0 auto 24px}.app-about-section{text-align:left;margin-bottom:22px}.app-about-section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;margin-bottom:8px}.app-about-section-copy{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin-bottom:12px}.app-about-levels{list-style:none;display:flex;flex-direction:column;gap:8px}.app-about-level{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff05}.app-about-level-accent{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0;box-shadow:0 0 6px color-mix(in srgb,var(--list-accent, #4ade80) 28%,transparent)}.app-about-level-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.app-about-level-name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.app-about-level-tagline{font-size:.8rem;line-height:1.45;color:var(--text-muted)}.app-about-steps{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:.92rem;line-height:1.55}@media (max-width: 720px){.app-about-body{grid-template-columns:1fr;gap:14px}.app-about-panel--wide .app-about-levels{grid-template-columns:1fr}}@media (max-height: 720px){.app-about-panel--wide{padding:14px 18px}.app-about-panel--wide .app-about-lead{margin-bottom:10px}.app-about-panel--wide .app-about-level{padding:5px 8px}.app-about-panel--wide .app-about-steps{gap:4px}.app-about-overlay--intro .app-about-levels{grid-template-columns:1fr}.app-about-overlay--intro .app-about-panel--wide{padding:14px 16px 12px}}@media (prefers-reduced-motion: reduce){.app-about-overlay,.app-about-panel,.app-intro-flow--quiz,.app-trail-enter{animation:none}}.app-intro-flow{min-height:100dvh;max-width:none;padding-left:var(--layout-inline-gutter, 5vw);padding-right:var(--layout-inline-gutter, 5vw);background:var(--bg-deep)}.app-intro-flow--quiz{animation:intro-flow-fade-in .45s ease}.app-intro-flow--quiz .worldview-quiz{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;max-width:min(560px,100%);margin-left:auto;margin-right:auto;padding:12px 16px 20px}.app-intro-flow .app-top-corner-cluster{flex-direction:column;align-items:flex-end;gap:6px}.app-intro-flow .app-profile-anchor{margin-top:0}.app-intro-flow .app-top-corner{gap:6px}.app-intro-flow .app-top-corner-rail{align-items:center}.app-intro-flow .app-top-corner__toolbar-icons{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;width:auto}.app-intro-flow .app-top-corner__toolbar-slot{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.app-intro-flow .app-top-corner .spotify-panel__actions{flex-direction:column;align-items:center;gap:8px}.app-intro-flow .app-top-corner .spotify-panel__trigger-row{justify-content:center}.app-intro-flow .app-top-corner__toolbar-music .inline-music-box{top:0;right:calc(100% + 8px);transform-origin:top right}@keyframes intro-flow-fade-in{0%{opacity:0}to{opacity:1}}.app-trail-enter{animation:trail-enter .5s ease}@keyframes trail-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.theme-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:500;background:var(--theme-bg, var(--bg-elevated));border:1px solid var(--theme-accent, var(--border));color:var(--theme-accent, var(--text-primary))}.main-content{flex:1;display:flex;flex-direction:column;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:transform .15s ease,opacity .15s ease,background .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--theme-accent, #4ade80);color:#0a0f0d}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-begin-pulse:not(:disabled){animation:btn-begin-pulse 2.4s ease-in-out infinite;will-change:transform,filter,box-shadow}.btn-begin-pulse:not(:disabled):active{animation:none;transform:scale(.98)}@keyframes btn-begin-pulse{0%,to{transform:scale(1);filter:brightness(1);box-shadow:0 0 color-mix(in srgb,var(--theme-accent, #4ade80) 0%,transparent)}50%{transform:scale(1.03);filter:brightness(1.14);box-shadow:0 0 16px color-mix(in srgb,var(--theme-accent, #4ade80) 48%,transparent),0 0 28px color-mix(in srgb,var(--theme-accent, #4ade80) 28%,transparent)}}@media (prefers-reduced-motion: reduce){.btn-begin-pulse:not(:disabled){animation:none;box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent, #4ade80) 32%,transparent)}}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.btn-ghost{color:var(--text-muted);padding:10px 16px}.btn-block{width:100%}.btn.btn-block.btn-begin-pulse{width:calc(100% - 40px);max-width:calc(100% - 40px);margin-inline:auto;align-self:center}.action-bar{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px}.study-side-stack .action-bar{margin-top:8px;padding-top:0;flex-shrink:0;gap:8px;width:max-content;align-items:flex-start}.study-side-stack .action-bar .btn{width:auto;padding:10px 14px;font-size:.78rem;line-height:1.25;white-space:nowrap}.study-side-stack .action-bar .btn-ascend{font-size:.82rem}.study-side-stack .action-bar .ascend-hint,.study-side-stack .action-bar .scroll-hint{font-size:.68rem;line-height:1.35}.btn-ascend{font-family:var(--font-display);font-size:1rem;letter-spacing:.01em}.btn-ascend-inner{display:inline-flex;align-items:center;justify-content:center;gap:.45em}.btn-ascend-icon{position:relative;width:1.05em;height:1.05em;flex-shrink:0}.btn-ascend-icon svg{width:100%;height:100%;display:block}.btn-ascend-icon__lock,.btn-ascend-icon__unlock{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.4,.64,1)}.btn-ascend-icon__lock{opacity:1;transform:scale(1) rotate(0)}.btn-ascend-icon__unlock{opacity:0;transform:scale(.75) rotate(-12deg)}.btn-ascend--unlocked .btn-ascend-icon__lock{opacity:0;transform:scale(.75) rotate(12deg)}.btn-ascend--unlocked .btn-ascend-icon__unlock{opacity:1;transform:scale(1) rotate(0)}.btn-ascend--ready:not(:disabled){animation:btn-ascend-ready-breathe 3s ease-in-out infinite}@keyframes btn-ascend-ready-breathe{0%,to{transform:scale(1);box-shadow:0 2px 12px #0000003d,0 0 #7cb87a00}50%{transform:scale(1.035);box-shadow:0 4px 16px #00000047,0 0 18px #7cb87a6b}}@media (prefers-reduced-motion: reduce){.btn-ascend--ready:not(:disabled){animation:none;box-shadow:0 0 14px #7cb87a52}}.btn-ascend:disabled{opacity:.5;cursor:not-allowed}.ascend-hint{text-align:center;font-size:.78rem;color:var(--text-muted);margin-top:-4px}.flashcard-container{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;overflow:hidden;position:relative}.flashcard-container--in-main-scroll{overflow:visible;flex:none;min-height:auto}.flashcard-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--study-center-stack-gap, 8px)}.flashcard-scroll--in-main-scroll{overflow:visible;flex:none;min-height:auto}.vocab-deck-banner{flex-shrink:0;margin-bottom:0;display:flex;flex-direction:column;gap:var(--study-center-stack-gap, 8px);opacity:var(--core-lesson-opacity, 1)}.vocab-deck-title{text-align:center}.vocab-deck-title__logo{display:inline-block}.lesson-study-chrome-slot{position:relative;width:100%}.lesson-study-chrome-slot__spacer{height:var(--lesson-banner-spacer-height, 0px);pointer-events:none;transition:height .55s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){.lesson-study-chrome,.lesson-study-chrome__hero,.lesson-study-chrome__panel,.lesson-study-chrome__art,.lesson-study-chrome-slot__spacer,.app-with-sidebar--study-scroll .study-layout[style*=--lesson-chrome-top] .lesson-study-chrome{transition:none}}.lesson-study-chrome{position:relative;width:100%;box-sizing:border-box;display:grid;grid-template:1fr / 1fr;padding:clamp(1.35rem,2.8vw,2rem) clamp(1.1rem,2.4vw,1.75rem) clamp(1.25rem,2.4vw,1.75rem);border-radius:var(--radius);border:1.5px solid color-mix(in srgb,var(--theme-accent, #4ade80) 42%,rgba(255,255,255,.24));background-color:#07110c;background-image:linear-gradient(165deg,color-mix(in srgb,var(--theme-accent, #4ade80) 22%,transparent) 0%,transparent 46%),linear-gradient(180deg,#0a1610,#07110c 55%,#050d0a);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent, #4ade80) 26%,transparent),0 0 32px color-mix(in srgb,var(--theme-accent, #4ade80) 16%,transparent),0 18px 48px #00000094;overflow:hidden;transition:padding .55s cubic-bezier(.22,1,.36,1),background .55s ease,border-color .55s ease,box-shadow .55s ease,max-height .55s cubic-bezier(.22,1,.36,1)}@media (min-width: 641px){.app-with-sidebar--study-scroll .study-layout[style*=--lesson-chrome-top] .lesson-study-chrome{position:fixed;top:var(--lesson-chrome-top, auto);left:var(--lesson-chrome-left, auto);width:var(--lesson-chrome-width, 100%);z-index:210;margin:0;pointer-events:auto;transition:top .55s cubic-bezier(.22,1,.36,1),left .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1),background .55s ease,border-color .55s ease,box-shadow .55s ease,max-height .55s cubic-bezier(.22,1,.36,1)}}.lesson-study-chrome__hero,.lesson-study-chrome__panel{grid-area:1 / 1;min-width:0}.lesson-study-chrome__hero{opacity:var(--lesson-hero-opacity, 1);pointer-events:auto;max-height:none;overflow:hidden;transition:opacity .45s ease}@media (min-width: 641px){.study-layout--lesson-docked .lesson-study-chrome__hero{pointer-events:auto;max-height:none;opacity:1}.study-layout--lesson-docked .lesson-study-chrome__panel{display:none}.study-layout--lesson-docked .lesson-study-chrome,.app-with-sidebar--study-scroll .study-layout--lesson-docked[style*=--lesson-chrome-top] .lesson-study-chrome,.app-with-sidebar--study-scroll .study-layout.study-layout--league-gentle.study-layout--lesson-docked .lesson-study-chrome{display:grid;grid-template:1fr / 1fr;padding:1.25rem 1.15rem 1.3rem;max-height:min(56dvh,calc(100dvh - 220px - var(--safe-top)));overflow-y:auto;isolation:isolate;background-color:#07110c;background-image:linear-gradient(165deg,color-mix(in srgb,var(--theme-accent, #4ade80) 26%,transparent) 0%,transparent 52%),linear-gradient(180deg,#0c1a13,#07110c);border-color:color-mix(in srgb,var(--theme-accent, #4ade80) 58%,rgba(255,255,255,.22));border-width:1.5px;box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent, #4ade80) 34%,transparent),0 0 40px color-mix(in srgb,var(--theme-accent, #4ade80) 22%,transparent),0 22px 56px #000000ad}.study-layout--league-gentle.study-layout--lesson-docked .lesson-study-chrome{border-color:color-mix(in srgb,#7cb87a 62%,rgba(255,255,255,.2));background-color:#07110c;background-image:linear-gradient(165deg,color-mix(in srgb,#7cb87a 28%,transparent) 0%,transparent 50%),linear-gradient(180deg,#0c1a13,#07110c);box-shadow:0 0 0 1px color-mix(in srgb,#7cb87a 36%,transparent),0 0 40px color-mix(in srgb,#7cb87a 20%,transparent),0 22px 56px #000000ad}.app-with-sidebar--study-scroll .study-layout:not(.intro-layout){--lesson-trail-stack-gap: 8px;--trail-sidebar-scroll-width: var(--trail-sidebar-width)}.app-with-sidebar--study-scroll .study-layout:not(.intro-layout) .trail-sidebar-column .trail-sidebar{opacity:1}.app-with-sidebar--study-scroll .study-layout--chrome-faded:not(.intro-layout) .trail-sidebar-column,.app-with-sidebar--study-scroll .study-layout--deck-scrolled:not(.intro-layout) .trail-sidebar-column .trail-sidebar{pointer-events:auto}.app-with-sidebar--study-scroll .study-layout--title-faded:not(.intro-layout):not(.study-layout--lesson-docked){grid-template-columns:var(--trail-sidebar-scroll-width) minmax(0,1fr)}.app-with-sidebar--study-scroll .study-layout--title-faded:not(.intro-layout):not(.study-layout--lesson-docked) .trail-sidebar-column{width:var(--trail-sidebar-scroll-width);min-width:0;overflow:visible;pointer-events:auto}.app-with-sidebar--study-scroll .study-layout--lesson-docked:not(.intro-layout),.app-with-sidebar--study-scroll .study-layout--lesson-docked.study-layout--title-faded:not(.intro-layout){grid-template-columns:0 minmax(0,1fr)}.app-with-sidebar--study-scroll .study-layout[style*=--lesson-chrome-top]:not(.intro-layout)>.trail-sidebar-column{position:fixed;top:calc(var(--lesson-chrome-top) + var(--lesson-chrome-height, 0px) + var(--lesson-trail-stack-gap, 8px));left:var(--lesson-trail-left, var(--lesson-chrome-left));width:var(--lesson-trail-width, var(--lesson-chrome-width));z-index:215;max-height:calc(100dvh - var(--lesson-chrome-top) - var(--lesson-chrome-height, 0px) - var(--lesson-trail-stack-gap, 8px) - 16px - var(--safe-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;transition:top .55s cubic-bezier(.22,1,.36,1),left .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1)}.app-with-sidebar--study-scroll .study-layout--lesson-dock-right[style*=--lesson-chrome-top]:not(.intro-layout)>.trail-sidebar-column{top:var(--lesson-trail-top, 16px);left:var(--lesson-trail-left, 16px);width:var(--lesson-trail-width, var(--lesson-chrome-width));max-height:calc(100dvh - var(--lesson-trail-top, 16px) - 16px - var(--safe-bottom))}.app-with-sidebar--study-scroll .study-layout[style*=--lesson-chrome-top]:not(.intro-layout)>.trail-sidebar-column .trail-app-title-shell{display:none}.app-with-sidebar--study-scroll .study-layout[style*=--lesson-chrome-top]:not(.intro-layout)>.trail-sidebar-column .trail-sidebar{width:100%;max-width:100%;opacity:1;pointer-events:auto;max-height:none;background:linear-gradient(165deg,color-mix(in srgb,var(--theme-accent, #4ade80) 10%,transparent) 0%,transparent 48%),color-mix(in srgb,var(--bg-card) 92%,transparent);border-color:color-mix(in srgb,var(--border) 88%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent, #4ade80) 8%,transparent),0 10px 28px #00000047}.app-with-sidebar--study-scroll .study-layout--sidebar-minimized[style*=--lesson-chrome-top]:not(.intro-layout)>.trail-sidebar-column .trail-sidebar{width:var(--trail-sidebar-min-width)}.app-with-sidebar--study-scroll .study-layout--lesson-docked.study-layout--title-faded:not(.intro-layout)>.trail-sidebar-column,.app-with-sidebar--study-scroll .study-layout[style*=--lesson-chrome-top].study-layout--title-faded:not(.intro-layout)>.trail-sidebar-column{width:var(--lesson-chrome-width);min-width:0;overflow:visible;pointer-events:auto}.study-layout--lesson-docked .lesson-study-chrome__top{grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.study-layout--lesson-docked .lesson-study-chrome__art{width:var(--lesson-profile-slot-size, 3.75rem);height:var(--lesson-profile-slot-size, 3.75rem);margin-top:-.15rem;margin-right:-.15rem}.lesson-study-chrome__dock-vocab{display:none;min-width:0;opacity:0;max-height:0;overflow:hidden;pointer-events:none}.study-layout--lesson-dock-right .lesson-study-chrome__dock-vocab{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;opacity:var(--lesson-dock-progress, 0);max-height:min(42dvh,22rem);overflow:hidden;pointer-events:auto;transition:opacity .45s cubic-bezier(.22,1,.36,1),max-height .55s cubic-bezier(.22,1,.36,1)}.study-layout--lesson-dock-right .lesson-study-chrome__dock-vocab .deck-words-panel{flex:1 1 auto;min-height:0}.study-layout--lesson-dock-right .lesson-study-chrome__top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.65rem}.study-layout--lesson-dock-right .lesson-study-chrome__progress--lesson,.study-layout--lesson-dock-right .lesson-study-chrome__quiz-progress--hero,.study-layout--lesson-dock-right .lesson-study-chrome__word-list--hero,.study-layout--lesson-dock-right .lesson-study-chrome__divider,.study-layout--lesson-dock-right .lesson-study-chrome__quote{opacity:calc(1 - var(--lesson-dock-progress, 0));max-height:calc(12rem * (1 - var(--lesson-dock-progress, 0)));margin-top:0;margin-bottom:0;overflow:hidden;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),max-height .55s cubic-bezier(.22,1,.36,1)}.study-layout--lesson-dock-right .lesson-study-chrome__copy{display:none}.study-layout--lesson-dock-right .lesson-study-chrome{max-height:min(52dvh,calc(100dvh - 120px - var(--safe-top)));padding:.85rem .9rem .95rem}.study-layout--lesson-dock-right .lesson-study-chrome__art{width:var(--lesson-profile-slot-size, 4.25rem);height:var(--lesson-profile-slot-size, 4.25rem);margin-top:0;margin-right:0;flex-shrink:0;opacity:calc(.9 * (1 - var(--lesson-dock-progress, 0)));transition:opacity .4s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1)}.study-layout--lesson-dock-right .lesson-study-chrome__word-list--dock{margin:0;padding:.1rem .15rem 0;max-height:none;border-top:none;gap:.35rem}.study-layout--lesson-dock-right .lesson-study-chrome__word-list--dock .lesson-study-chrome__word{font-size:.92rem;color:#fffffff0;padding:.1rem 0}.study-layout--lesson-dock-right .lesson-study-chrome__word-list-empty{margin:0;padding:.35rem .1rem;font-size:.78rem;line-height:1.4;color:#ffffff8c}.study-layout--lesson-docked .lesson-study-chrome__title{font-size:1.55rem;margin-bottom:.45rem;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 28px color-mix(in srgb,var(--theme-accent, #4ade80) 28%,transparent)}.study-layout--lesson-docked .lesson-study-chrome__objective{font-size:.9rem;line-height:1.5;max-width:none;color:#fffffff0}.study-layout--lesson-docked .lesson-study-chrome__eyebrow{font-size:.7rem;margin-bottom:.4rem;font-weight:650;letter-spacing:.12em;color:color-mix(in srgb,var(--theme-accent, #4ade80) 92%,#fff)}.study-layout--lesson-docked .lesson-study-chrome__quiz-progress--hero{margin-top:.85rem}.study-layout--lesson-docked .lesson-study-chrome__point-paths{display:flex;flex-direction:column;gap:2px}.study-layout--lesson-docked .lesson-study-chrome__quote .core-lesson-quote{font-size:.84rem}.study-layout--lesson-docked .lesson-study-chrome__divider{margin:.75rem 0 .65rem}@media (prefers-reduced-motion: reduce){.app-with-sidebar--study-scroll .study-layout[style*=--lesson-chrome-top]:not(.intro-layout)>.trail-sidebar-column{transition:none}}}.lesson-study-chrome__panel{display:flex;flex-direction:column;min-height:0;opacity:var(--lesson-panel-opacity, 0);pointer-events:none;transition:opacity .45s ease}.study-layout--lesson-docked .lesson-study-chrome__panel{pointer-events:auto}@media (max-width: 640px){.study-layout--lesson-docked .lesson-study-chrome{display:flex;flex-direction:column;padding:0;max-height:min(320px,calc(100dvh - 200px - var(--safe-top)));background-color:#07110c;background-image:linear-gradient(165deg,color-mix(in srgb,var(--theme-accent, #4ade80) 22%,transparent) 0%,transparent 50%),linear-gradient(180deg,#0c1a13,#07110c);border-color:color-mix(in srgb,var(--theme-accent, #4ade80) 48%,rgba(255,255,255,.18));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent, #4ade80) 26%,transparent),0 14px 36px #0000008c}.study-layout--lesson-docked .lesson-study-chrome__hero{pointer-events:none;max-height:calc(640px * (1 - var(--lesson-dock-progress, 0)))}}.lesson-study-chrome__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(.75rem,2vw,1.5rem);align-items:start}.lesson-study-chrome__dock-vocab{display:none}.lesson-study-chrome__word-list-empty{margin:0;padding:4px 8px 8px;font-size:.72rem;line-height:1.4;color:#ffffff80}.lesson-study-chrome__copy{min-width:0;padding-top:.15rem}.lesson-study-chrome__eyebrow,.lesson-study-chrome__panel-eyebrow{margin:0 0 .45rem;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-accent, #4ade80) 78%,#fff);text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.45)}.lesson-study-chrome__panel-eyebrow{margin:0 0 .2rem;font-size:.62rem}.lesson-study-chrome__eyebrow-sep{letter-spacing:.08em;opacity:.7}.lesson-study-chrome__title{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(1.55rem,3.2vw,2.05rem);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 14px rgba(0,0,0,.65)}.lesson-study-chrome__panel-title{margin:0;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.02em;line-height:1.2;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-study-chrome__objective{margin:0;max-width:42ch;font-size:clamp(.88rem,1.5vw,.98rem);line-height:1.55;color:#fffffff5;text-wrap:pretty;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.55)}.lesson-study-chrome__art{width:clamp(5.5rem,12vw,7.25rem);height:clamp(5.5rem,12vw,7.25rem);flex-shrink:0;margin-top:-.35rem;margin-right:-.35rem;opacity:.9;pointer-events:none}.lesson-study-chrome__progress--lesson{display:flex;align-items:center;gap:clamp(.85rem,2vw,1.25rem);margin-top:clamp(1.15rem,2.4vw,1.55rem)}.lesson-study-chrome__progress--panel{display:block;width:100%}@media (min-width: 641px){.lesson-study-chrome__progress--lesson{display:none}}.lesson-study-chrome__panel-header{flex-shrink:0;padding:8px 10px 6px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.lesson-study-chrome__quiz-progress{display:flex;flex-direction:column;gap:5px}.lesson-study-chrome__quiz-progress--hero{margin-top:clamp(1rem,2vw,1.35rem)}.lesson-study-chrome__quiz-progress--hero .lesson-study-chrome__point-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}.lesson-study-chrome__quiz-progress--hero .lesson-study-chrome__point-path{flex-direction:column;align-items:flex-start;gap:1px}@media (min-width: 641px){.study-layout--lesson-docked .lesson-study-chrome__quiz-progress--hero .lesson-study-chrome__point-paths{display:flex;flex-direction:column;gap:2px}.study-layout--lesson-docked .lesson-study-chrome__quiz-progress--hero .lesson-study-chrome__point-path{flex-direction:row;align-items:baseline;justify-content:space-between;width:100%}}.lesson-study-chrome__quiz-progress-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em;line-height:1.2;margin:0}.lesson-study-chrome__quiz-progress-count{font-family:var(--font-display);font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:600;letter-spacing:-.02em;color:color-mix(in srgb,var(--theme-accent, #4ade80) 70%,#fff);text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.5)}.study-layout--lesson-docked .lesson-study-chrome__quiz-progress-count{font-size:.78rem}.lesson-study-chrome__quiz-progress-bar{height:7px;background:#ffffff29;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.lesson-study-chrome__quiz-progress-fill{height:100%;border-radius:999px;background:var(--theme-accent, #4ade80);transition:width .4s ease}.lesson-study-chrome__quiz-hint{margin:.45rem 0 0;font-size:.78rem;line-height:1.35;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.55)}.lesson-study-chrome__quiz-hint--ready{color:color-mix(in srgb,var(--theme-accent, #4ade80) 75%,#fff)}.lesson-study-chrome__point-paths{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.lesson-study-chrome__point-path{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--text-muted)}.lesson-study-chrome__point-path--active .lesson-study-chrome__point-path-value{color:var(--theme-accent, #4ade80);font-weight:600}.lesson-study-chrome__point-path--easy .lesson-study-chrome__point-path-label{color:#86efac}.lesson-study-chrome__point-path--medium .lesson-study-chrome__point-path-label{color:#fcd34d}.lesson-study-chrome__point-path--difficult .lesson-study-chrome__point-path-label{color:#fca5a5}.lesson-study-chrome__word-list{list-style:none;margin:0;padding:4px 8px 8px;display:flex;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;flex:1 1 auto;min-height:0}.lesson-study-chrome__word-list--hero{margin-top:.75rem;padding:.35rem 0 0;max-height:min(14rem,32dvh);flex:0 1 auto;border-top:1px solid rgba(255,255,255,.1)}.lesson-study-chrome__word-list--hero .lesson-study-chrome__word{font-size:.78rem;color:#ffffffe0;text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.45)}.lesson-study-chrome__word-list--hero .lesson-study-chrome__word--learned .lesson-study-chrome__word-label{color:color-mix(in srgb,var(--theme-accent, #4ade80) 70%,#fff)}.lesson-study-chrome__word{display:flex;justify-content:flex-start;align-items:center;gap:4px;min-width:0;padding:2px 4px;font-size:.68rem;white-space:nowrap}.lesson-study-chrome__word--learned .lesson-study-chrome__word-label{color:color-mix(in srgb,var(--theme-accent, #4ade80) 55%,var(--text-muted, #9ca3af))}.lesson-study-chrome__word-label{overflow:hidden;text-overflow:ellipsis}.lesson-study-chrome__word-star{flex-shrink:0}.lesson-study-chrome__word-star-icon{width:.75rem;height:.75rem}.lesson-study-chrome__actions{flex-shrink:0;padding:6px 8px 8px;border-top:1px solid rgba(255,255,255,.08)}.study-layout--lesson-docked .lesson-study-chrome__actions .btn{padding:6px 8px;font-size:.68rem;letter-spacing:.04em;white-space:nowrap}.study-layout--lesson-docked .lesson-study-chrome__actions .btn-ascend-icon{display:none}.word-learned-progress{display:flex;align-items:center;gap:clamp(.85rem,2vw,1.25rem);min-width:0}.word-learned-progress--panel{gap:.65rem;width:100%}.word-learned-progress__ring{position:relative;flex-shrink:0;width:3.5rem;height:3.5rem}.word-learned-progress--panel .word-learned-progress__ring{width:3rem;height:3rem}.word-learned-progress__ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.word-learned-progress__ring-track,.word-learned-progress__ring-fill{fill:none;stroke-width:3.25}.word-learned-progress__ring-track{stroke:color-mix(in srgb,var(--border) 85%,transparent)}.word-learned-progress__ring-fill{stroke:color-mix(in srgb,var(--theme-accent, #4ade80) 82%,#fff);stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--theme-accent, #4ade80) 35%,transparent));transition:stroke-dashoffset .45s ease}.word-learned-progress__ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:color-mix(in srgb,var(--theme-accent, #4ade80) 70%,var(--text-primary))}.word-learned-progress--panel .word-learned-progress__ring-label{font-size:.62rem}.word-learned-progress__stats{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.word-learned-progress--panel .word-learned-progress__stats{gap:.3rem}.word-learned-progress__words{margin:0;font-size:.82rem;line-height:1.35;color:var(--text-muted)}.word-learned-progress--panel .word-learned-progress__words{font-size:.72rem;line-height:1.3}.word-learned-progress__words-count{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.word-learned-progress__meter{display:block;width:100%;max-width:16rem;height:3px;border-radius:999px;background:color-mix(in srgb,var(--border) 70%,transparent);overflow:hidden;position:relative}.word-learned-progress--batch .word-learned-progress__meter{overflow:visible}.word-learned-progress__marker{position:absolute;top:50%;width:2px;height:10px;margin-left:-1px;transform:translateY(-50%);border-radius:1px;background:color-mix(in srgb,#c4a35a 55%,transparent);pointer-events:none}.word-learned-progress__marker--reached{background:#c4a35a;box-shadow:0 0 6px color-mix(in srgb,#c4a35a 45%,transparent)}.word-learned-progress--panel .word-learned-progress__meter{max-width:none;height:4px}.word-learned-progress__meter-fill{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--theme-accent, #4ade80) 78%,#fff);box-shadow:0 0 6px color-mix(in srgb,var(--theme-accent, #4ade80) 35%,transparent);transition:width .45s ease}.word-learned-progress--batch .word-learned-progress__meter-fill{background:color-mix(in srgb,#c4a35a 82%,#fff);box-shadow:0 0 6px color-mix(in srgb,#c4a35a 35%,transparent)}.word-learned-progress__eta{margin:0;font-size:.72rem;letter-spacing:.01em;color:color-mix(in srgb,var(--text-muted) 88%,transparent)}.word-learned-progress--panel .word-learned-progress__eta{font-size:.64rem;line-height:1.25}.lesson-study-chrome__divider{height:1px;margin:clamp(1.05rem,2.2vw,1.35rem) 0 clamp(.85rem,1.8vw,1.1rem);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--theme-accent, #4ade80) 22%,var(--border)) 18%,color-mix(in srgb,var(--border) 90%,transparent) 55%,transparent 100%)}.lesson-study-chrome__quote{margin:0;max-width:40ch}.lesson-study-chrome__quote .core-lesson-quote{margin:0;font-family:var(--font-display);font-size:clamp(.92rem,1.6vw,1.05rem);font-weight:400;font-style:italic;line-height:1.45;color:#fffffff5;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.55)}.lesson-study-chrome__quote .core-lesson-attribution{margin:.35rem 0 0;font-family:var(--font);font-size:.7rem;font-style:normal;font-weight:400;letter-spacing:.04em;color:#ffffffc7;text-shadow:0 1px 2px rgba(0,0,0,.85)}@media (max-width: 640px){.lesson-study-chrome{padding:1.15rem 1rem 1.2rem}.study-layout--lesson-docked .lesson-study-chrome{position:sticky;top:calc(var(--safe-top) + var(--mobile-trail-height, 48px));z-index:40;padding:0;max-height:min(42vh,280px)}.lesson-study-chrome__top{grid-template-columns:minmax(0,1fr);gap:.35rem}.lesson-study-chrome__art{position:absolute;top:.35rem;right:.15rem;width:4.75rem;height:4.75rem;margin:0;opacity:.55}.lesson-study-chrome__copy{padding-right:3.75rem}.lesson-study-chrome__title{font-size:clamp(1.4rem,7vw,1.7rem)}.lesson-study-chrome__objective{font-size:.84rem;line-height:1.5}.lesson-study-chrome__progress--lesson{display:flex;margin-top:1.05rem;gap:.75rem}.word-learned-progress--lesson{gap:.75rem}.word-learned-progress--lesson .word-learned-progress__ring{width:3.15rem;height:3.15rem}.lesson-study-chrome__quote{max-width:none}.lesson-study-chrome__quote .core-lesson-quote{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.word-learned-progress__ring-fill,.word-learned-progress__meter-fill{transition:none}}.flashcard-scroll::-webkit-scrollbar{display:none}.flashcard-slot{flex-shrink:0;contain:layout style}.flashcard-lesson-cta__inner{display:flex;align-items:center;justify-content:center;min-height:min(42vh,320px);padding:28px 24px;text-align:center}.flashcard-lesson-cta__content{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:28rem;margin:0 auto}.flashcard-lesson-cta__message{font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:500;line-height:1.45;color:var(--text-primary);margin:0}.flashcard-lesson-cta__content .btn{padding:14px 20px;font-size:1rem}.flashcard{display:flex;flex-direction:column;justify-content:flex-start;padding:0}.card-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden;width:100%;max-width:100%;margin:0;box-sizing:border-box;transition:max-width var(--study-card-expand-duration) var(--study-card-expand-easing)}.card-inner:before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:2px;background:var(--theme-accent, #4ade80)}@media (min-width: 641px){.card-inner:before{top:0;bottom:0;border-radius:0}}.card-word{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;margin-bottom:0;line-height:1.2;padding-right:0}.card-head__title-row{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:8px;margin-bottom:6px;padding-right:6.5rem;min-width:0}.card-head__title-row .card-word{min-width:0}.card-difficulty{--card-difficulty-height: 1.75rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--card-difficulty-height);min-height:var(--card-difficulty-height);max-height:var(--card-difficulty-height);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;padding:0 12px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.card-difficulty--corner{position:absolute;top:18px;right:18px;z-index:2;margin:0}.card-difficulty--easy{color:var(--rank-essentialist-soft);background:color-mix(in srgb,var(--rank-essentialist) 18%,transparent);border-color:color-mix(in srgb,var(--rank-essentialist) 48%,transparent);box-shadow:0 0 5px color-mix(in srgb,var(--rank-essentialist) 12%,transparent)}.card-difficulty--medium{color:var(--rank-pioneer-soft);background:color-mix(in srgb,var(--rank-pioneer) 18%,transparent);border-color:color-mix(in srgb,var(--rank-pioneer) 48%,transparent);box-shadow:0 0 5px color-mix(in srgb,var(--rank-pioneer) 12%,transparent)}.card-difficulty--difficult{color:var(--rank-master-soft);background:color-mix(in srgb,var(--rank-master) 18%,transparent);border-color:color-mix(in srgb,var(--rank-master) 48%,transparent);box-shadow:0 0 5px color-mix(in srgb,var(--rank-master) 12%,transparent)}.card-difficulty-dot{--card-difficulty-dot-size: .72rem;flex-shrink:0;display:inline-block;box-sizing:border-box;width:var(--card-difficulty-dot-size);height:var(--card-difficulty-dot-size);border-radius:50%;border:1px solid transparent}.card-difficulty-dot--corner{position:absolute;top:20px;right:20px;z-index:2;margin:0;--card-difficulty-dot-size: .85rem}.card-difficulty-dot--easy{background:var(--rank-essentialist);border-color:color-mix(in srgb,var(--rank-essentialist) 70%,#fff);box-shadow:0 0 6px color-mix(in srgb,var(--rank-essentialist) 35%,transparent)}.card-difficulty-dot--medium{background:var(--rank-pioneer);border-color:color-mix(in srgb,var(--rank-pioneer) 70%,#fff);box-shadow:0 0 6px color-mix(in srgb,var(--rank-pioneer) 35%,transparent)}.card-difficulty-dot--difficult{background:var(--rank-master);border-color:color-mix(in srgb,var(--rank-master) 70%,#fff);box-shadow:0 0 6px color-mix(in srgb,var(--rank-master) 35%,transparent)}.card-pos{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-accent, #4ade80);margin-bottom:12px}.card-phonetic{font-size:.82rem;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.audio-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem}.audio-btn .speaker-icon{width:14px;height:14px;display:block}.card-definition{font-size:var(--text-base);line-height:1.65;margin:0 0 12px}.card-definition-block{margin-bottom:14px}.card-definition-block .card-definition{margin-bottom:0}.card-definition-label{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-accent, #4ade80) 78%,var(--text-primary))}.card-takeaway{margin:14px 0 0;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--theme-accent, #4ade80) 35%,var(--border));background:color-mix(in srgb,var(--theme-accent, #4ade80) 8%,var(--bg-elevated));font-size:var(--text-sm);line-height:1.6;color:var(--text-primary)}.card-takeaway__label{font-weight:700;color:color-mix(in srgb,var(--theme-accent, #4ade80) 85%,var(--text-primary))}.card-example{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;padding-left:10px;border-left:2px solid var(--theme-accent, #4ade80)}.card-theme-connections{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.card-theme-connections-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}.card-theme-connections-title{font-family:var(--font-display);font-size:.92rem;font-weight:500;letter-spacing:.02em;margin:0;color:var(--text-primary);flex:0 0 auto}.card-theme-connections-lead{font-size:.78rem;color:var(--text-muted);line-height:1.45;margin:0}.card-theme-connections-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 1 auto;min-width:0}.card-theme-connections-list>li{flex:0 0 auto;width:fit-content;max-width:100%}.card-theme-connection{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;margin:0;padding:4px 8px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--connection-accent, #4ade80) 10%,rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--connection-accent, #4ade80) 35%,rgba(255,255,255,.08));color:var(--connection-accent, #4ade80);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.card-theme-connection__icon{width:11px;height:11px;flex-shrink:0;display:block}.card-theme-connection-panel__label{display:flex;align-items:center;gap:5px;margin:0 0 8px;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--connection-accent, #4ade80)}.card-theme-connection-panel__text{margin:0;font-size:inherit;line-height:inherit;color:inherit}.card-theme-connection:hover,.card-theme-connection:focus-visible,.card-theme-connection--open{background:color-mix(in srgb,var(--connection-accent, #4ade80) 18%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--connection-accent, #4ade80) 55%,rgba(255,255,255,.1));color:var(--connection-accent, #4ade80);outline:none}.card-theme-connection-panel{display:block;margin:10px 0 0;padding:10px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--connection-accent, #4ade80) 8%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--connection-accent, #4ade80) 30%,rgba(255,255,255,.08));font-size:.82rem;line-height:1.55;color:var(--text-muted);animation:trailConnectionIn .18s ease}@keyframes trailConnectionIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.card-theme-connection-panel{animation:none}}.card-synonyms-box{display:inline-flex;flex-direction:row;align-items:baseline;gap:.55em;margin-top:12px;padding:8px 14px;max-width:100%;border:1px solid color-mix(in srgb,var(--theme-accent, #4ade80) 28%,transparent);border-radius:10px;background:color-mix(in srgb,var(--theme-accent, #4ade80) 8%,transparent)}.card-synonyms-box__label{flex-shrink:0;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--theme-accent, #4ade80);opacity:.75;line-height:1.3}.card-synonyms-box__word-slot{position:relative;display:inline-block;min-width:0;max-width:100%;overflow:hidden;vertical-align:baseline;transition:width 1.2s ease-in-out}.card-synonyms-box__measure,.card-synonyms-box__word{font-size:.9rem;font-weight:500;letter-spacing:.01em;line-height:1.3;white-space:nowrap}.card-synonyms-box__measure{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}.card-synonyms-box__word{display:block;color:var(--theme-accent, #4ade80);opacity:0;transition:opacity 1.4s ease-in-out}.card-synonyms-box__word.is-visible{opacity:1}@media (prefers-reduced-motion: reduce){.card-synonyms-box__word-slot,.card-synonyms-box__word{transition:none}.card-synonyms-box__word{opacity:1}}.card-source{margin-top:12px;font-size:.65rem;color:var(--text-muted);opacity:.7}.card-actions{display:flex;gap:8px;margin-top:16px}.card-actions .btn{flex:1;padding:10px;font-size:.8rem}.btn-known{background:#4ade8026;color:var(--theme-accent, #4ade80);border:1px solid rgba(74,222,128,.3)}.btn-review{background:var(--bg-elevated);border:1px solid var(--border)}.scroll-hint{text-align:center;font-size:.75rem;color:var(--text-muted);padding:12px 0;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.quiz-container{flex:1;display:flex;flex-direction:column;position:relative;width:100%;max-width:min(560px,100%);margin-left:auto;margin-right:auto;padding:0 16px}.quiz-container--timed .quiz-header{display:grid;gap:8px}.quiz-timer{display:inline-flex;align-items:baseline;gap:10px;margin:0;padding:8px 12px;width:fit-content;border-radius:10px;border:1px solid color-mix(in srgb,#c4a35a 35%,transparent);background:color-mix(in srgb,#c4a35a 10%,transparent);color:#e8dcc8}.quiz-timer__label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,#e8dcc8 70%,transparent)}.quiz-timer__value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600;letter-spacing:.02em}.quiz-timer--urgent{border-color:color-mix(in srgb,#b87a6a 50%,transparent);background:color-mix(in srgb,#b87a6a 14%,transparent);color:#f0d4cc;animation:quiz-timer-pulse 1s ease-in-out infinite}@keyframes quiz-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.quiz-timer--urgent{animation:none}}.batch-review-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);background:#060a08b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:batch-review-fade-in .35s ease}.batch-review-panel{position:relative;width:min(100%,440px);max-height:min(88dvh,640px);overflow:auto;padding:28px 24px 24px;border-radius:16px;border:1px solid color-mix(in srgb,#c4a35a 32%,transparent);background:linear-gradient(165deg,color-mix(in srgb,#c4a35a 12%,#121a16),#0f1612);box-shadow:0 24px 48px #00000073;animation:batch-review-rise .42s cubic-bezier(.22,1.15,.36,1)}.batch-review-eyebrow{margin:0 0 8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,#c4a35a 88%,#fff)}.batch-review-title{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.65rem);line-height:1.2;color:#f2ebe0}.batch-review-copy{margin:0 0 18px;font-size:.92rem;line-height:1.55;color:color-mix(in srgb,#e8e4dc 78%,transparent)}.batch-review-words{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.batch-review-word{padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,#c4a35a 28%,transparent);background:color-mix(in srgb,#c4a35a 10%,transparent);font-size:.82rem;color:#f0e6d4}@keyframes batch-review-fade-in{0%{opacity:0}to{opacity:1}}@keyframes batch-review-rise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.batch-review-overlay,.batch-review-panel{animation:none}}.quiz-back-btn{align-self:flex-start;padding:10px 6px;margin-bottom:16px;font-size:1rem;font-weight:500;color:var(--text-muted);transition:color .15s ease}.quiz-back-btn:hover{color:var(--text-primary)}.worldview-quiz .quiz-back-btn{position:relative;z-index:2;margin-bottom:16px}.quiz-header{text-align:center;margin-bottom:28px}.quiz-header h2{font-family:var(--font-display);font-size:clamp(1.65rem,3.5vw,2rem);margin-bottom:8px}.quiz-progress{font-size:1rem;color:var(--text-muted)}.quiz-question{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;margin-bottom:24px}.quiz-sentence{font-size:clamp(1.2rem,2.5vw,1.45rem);line-height:1.65;margin-bottom:24px}.quiz-blank{display:inline-block;min-width:120px;border-bottom:2px dashed var(--theme-accent, #4ade80);margin:0 4px;vertical-align:baseline}.quiz-blank-tail{white-space:nowrap}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{padding:18px 20px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);text-align:left;font-size:clamp(1rem,2vw,1.12rem);line-height:1.5;transition:border-color .15s,background .15s}.quiz-option:hover:not(:disabled){border-color:var(--theme-accent, #4ade80)}.quiz-option.selected{border-color:var(--theme-accent, #4ade80);background:#4ade801a}.quiz-option.correct{border-color:#4ade80;background:#4ade8033}.quiz-option.incorrect{border-color:#f87171;background:#f8717126}.quiz-skip-btn{margin-top:18px;font-size:.92rem;opacity:.85}.quiz-result{text-align:center;padding:40px 20px}.quiz-result-icon{font-size:3.5rem;margin-bottom:20px}.quiz-result h2{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:500;margin-bottom:10px}.quiz-score{font-size:clamp(2.75rem,6vw,3.25rem);font-weight:700;color:var(--theme-accent, #4ade80);margin:20px 0}.quiz-mastery-gains{margin:0 auto 24px;max-width:320px}.quiz-mastery-gains__label{font-size:.82rem;color:var(--text-muted);margin-bottom:10px}.quiz-progress-elixir{color:var(--theme-accent, #4ade80);font-weight:600}.quiz-bonus-elixir{margin-top:28px;padding-top:24px;border-top:1px solid var(--border);animation:quiz-bonus-in .35s ease-out}@keyframes quiz-bonus-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-bonus-elixir__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.quiz-bonus-elixir__title{font-family:var(--font-display);font-size:1.15rem;font-weight:500;margin:0;color:var(--text-primary)}.quiz-bonus-elixir__points{font-size:.85rem;font-weight:700;color:var(--theme-accent, #4ade80);letter-spacing:.02em}.quiz-bonus-elixir__link{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px}.quiz-bonus-elixir__prompt{font-size:1.02rem;line-height:1.55;color:var(--text-primary);margin:0 0 16px}.quiz-bonus-elixir__label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:6px}.quiz-bonus-elixir__input{width:100%;resize:vertical;min-height:72px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-size:.98rem;line-height:1.45;margin-bottom:14px}.quiz-bonus-elixir__input:focus{outline:2px solid color-mix(in srgb,var(--theme-accent, #4ade80) 55%,transparent);outline-offset:1px;border-color:var(--theme-accent, #4ade80)}.quiz-bonus-elixir__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.quiz-bonus-elixir__actions .btn{flex:1 1 auto;min-width:140px}.quiz-elixir-gains{margin:0 auto 20px;max-width:320px;padding:16px 18px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--theme-accent, #4ade80) 35%,var(--border));background:color-mix(in srgb,var(--theme-accent, #4ade80) 8%,transparent)}.quiz-elixir-gains__label{font-size:.82rem;color:var(--text-muted);margin:0 0 4px}.quiz-elixir-gains__value{font-size:1.75rem;font-weight:700;color:var(--theme-accent, #4ade80);margin:0 0 6px}.quiz-elixir-gains__rank{font-size:.85rem;color:var(--text-muted);margin:0}.quiz-elixir-gains__league{display:flex;justify-content:center;margin-top:10px}.difficulty-mastery-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.difficulty-mastery-chips .card-difficulty{font-size:.72rem}.connection-shared-chips.difficulty-mastery-chips{justify-content:flex-start}.quiz-container .btn,.worldview-quiz .btn,.connection-panel .btn{padding:16px 28px;font-size:1.05rem}.theme-grid{display:grid;gap:12px;margin-bottom:20px}.theme-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);text-align:left;transition:border-color .15s,opacity .15s}.theme-card.active{border-color:var(--card-accent, #4ade80)}.theme-card.locked{opacity:.45}.theme-card-icon{font-size:1.8rem;width:44px;text-align:center}.theme-card-info h3{font-size:1rem;font-weight:600;margin-bottom:2px}.theme-card-info p{font-size:.8rem;color:var(--text-muted)}.theme-card-status{margin-left:auto;font-size:.75rem;color:var(--text-muted)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom))}.onboarding-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:400px;width:100%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.onboarding-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;margin-bottom:10px}.onboarding-card p{color:var(--text-muted);font-size:var(--text-base);margin-bottom:20px;line-height:1.65}.onboarding-actions{display:flex;gap:10px;align-items:stretch}.onboarding-back-btn,.onboarding-next-btn{flex:1;min-width:0}.onboarding-back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.28);color:var(--text-primary)}.onboarding-back-btn:hover:not(:disabled){background:#ffffff29;border-color:#ffffff6b}.onboarding-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.onboarding-header-spacer{flex-shrink:0;width:72px}.onboarding-header-back{flex-shrink:0;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff1a;color:var(--text-primary);font-size:.82rem;font-weight:600;line-height:1.2;transition:background .2s,border-color .2s}.onboarding-header-back:hover{background:#ffffff29;border-color:#ffffff6b}.onboarding-steps{display:flex;gap:6px;margin-bottom:0;margin-left:auto}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.onboarding-dot.active{background:var(--theme-accent, #4ade80);width:20px;border-radius:4px}.onboarding-help-btn{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(180,155,120,.35);background:#0f1612d9;color:var(--text-muted);transition:background .2s,border-color .2s,color .2s}.onboarding-help-btn svg{width:20px;height:20px}.onboarding-help-btn:hover{background:#1a2820;border-color:#b49b788c;color:var(--text-primary)}.app-top-corner-help{flex-shrink:0}.study-side-stack .action-bar .onboarding-help-btn{width:36px;height:36px;padding:0;align-self:flex-start}.app-header-actions .onboarding-help-btn{width:36px;height:36px;background:#ffffff0a;border-color:#ffffff1f}.app-header-actions .onboarding-help-btn svg{width:18px;height:18px}.welcome-banner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);padding-top:calc(max(16px,3vw) + var(--safe-top));padding-bottom:calc(max(16px,3vw) + var(--safe-bottom));background:#060a08;animation:app-about-fade-in .35s cubic-bezier(.4,0,.2,1)}.welcome-banner-panel{--welcome-glow-duration: 2.6s;position:relative;width:min(100%,420px);padding:clamp(40px,7vw,56px);padding-bottom:clamp(56px,9vw,72px);border-radius:var(--radius);background:#0f1612;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 48px #0000008c;text-align:center;animation:app-about-expand .42s cubic-bezier(.34,1.2,.64,1)}.welcome-banner-panel--slides{display:flex;flex-direction:column;box-sizing:border-box;width:min(100%,400px);height:fit-content;max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overflow:hidden;overscroll-behavior:contain;text-align:left;padding:24px;animation:slideUp .3s ease}.welcome-banner-slide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin-bottom:20px}.welcome-banner-slide-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;animation:welcome-slide-fade .28s ease}@keyframes welcome-slide-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-banner-slide-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;margin:0 0 10px;line-height:1.25;color:var(--text-primary)}.welcome-banner-slide-content{color:var(--text-muted);font-size:var(--text-base);line-height:1.65}.welcome-banner-slide-content>p{margin:0 0 16px}.welcome-banner-slide-content>p:last-child{margin-bottom:0}.welcome-banner-slide-actions{margin-top:20px;flex-shrink:0;padding-top:4px;background:#0f1612}.welcome-banner-slide-next{display:inline-flex;align-items:center;justify-content:center;gap:6px}.welcome-banner-slide-music{display:flex;flex-direction:column;gap:16px}.welcome-banner-music-triggers{display:flex;align-items:flex-start;gap:10px}.welcome-banner-music-triggers .intro-music-picker--inline{margin-top:0}.intro-spotify-trigger{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;border-radius:50%;overflow:hidden}.intro-spotify-trigger__icon{width:36px;height:36px;display:block;object-fit:cover;border-radius:50%}.welcome-banner-slide-quiz{display:flex;flex-direction:column;gap:12px}.welcome-banner-slide-quiz .welcome-banner-actions{margin-top:4px}.welcome-banner-panel--slides .welcome-banner-trail-chart--slides{display:flex;flex-direction:column;grid-template-rows:none;height:auto;flex:none;min-height:0;margin:4px 0 0;gap:0}.welcome-banner-panel--slides .welcome-banner-trail-chart-item{height:auto;padding:8px 2px;gap:10px;border-bottom:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(-10px);animation:welcome-trail-cascade .45s ease both;animation-delay:calc(.05s + var(--trail-wave, 0) * .08s)}@media (max-width: 480px){.welcome-banner-overlay{padding:max(10px,2vw);padding-top:calc(max(10px,2vw) + var(--safe-top));padding-bottom:calc(max(10px,2vw) + var(--safe-bottom))}.welcome-banner-panel--slides{padding:14px 16px 16px;max-height:calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom))}.welcome-banner-slide-header{margin-bottom:10px}.welcome-banner-slide-title{font-size:var(--text-base);margin-bottom:6px}.welcome-banner-slide-content{font-size:.9rem;line-height:1.45}.welcome-banner-slide-content>p{margin-bottom:10px}.welcome-banner-panel--slides .welcome-banner-trail-chart--slides{margin-top:0}.welcome-banner-panel--slides .welcome-banner-trail-chart-item{padding:4px 2px;gap:8px}.welcome-banner-panel--slides .welcome-banner-trail-chart-num{width:22px;height:22px;font-size:.7rem}.welcome-banner-panel--slides .welcome-banner-trail-chart-name{font-size:.86rem;line-height:1.2}.welcome-banner-panel--slides .welcome-banner-trail-chart-tagline{font-size:.68rem;line-height:1.25}.welcome-banner-slide-actions{margin-top:12px}.welcome-banner-panel--slides .welcome-banner-progress-steps{gap:8px;margin-top:0}.welcome-banner-panel--slides .welcome-banner-progress-steps>li{column-gap:8px;row-gap:4px}.welcome-banner-panel--slides .welcome-banner-progress-step-num{width:1.2rem;height:1.2rem;font-size:.62rem}.welcome-banner-panel--slides .welcome-banner-progress-step-text{font-size:.84rem;line-height:1.25}.welcome-banner-panel--slides .welcome-banner-progress-pace-list{gap:4px;margin-top:4px}.welcome-banner-panel--slides .welcome-banner-progress-pace-item{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:5px 10px;border-radius:10px}.welcome-banner-panel--slides .welcome-banner-progress-pace-label{font-size:.62rem;letter-spacing:.06em;line-height:1.2}.welcome-banner-panel--slides .welcome-banner-progress-pace-desc{font-size:.68rem;line-height:1.3}.welcome-banner-panel--slides .welcome-banner-progress-difficulty-dots{gap:8px;margin:2px 0 0}.welcome-banner-panel--slides .welcome-banner-progress-difficulty-dots .card-difficulty-dot{--card-difficulty-dot-size: .72rem}.welcome-banner-panel--slides .welcome-banner-progress-step-note{font-size:.68rem;line-height:1.3;margin-top:2px}.welcome-banner-panel--slides .welcome-banner-progress-elixir-tile{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:8px;padding:6px 8px}.welcome-banner-panel--slides .welcome-banner-progress-elixir-tile-title{margin-bottom:0;font-size:.72rem}.welcome-banner-panel--slides .welcome-banner-progress-elixir-tile-desc{font-size:.62rem;line-height:1.3}}@keyframes welcome-trail-cascade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.welcome-banner-panel--slides .welcome-banner-trail-chart-item:last-child{border-bottom:none}.welcome-banner-panel--slides .welcome-banner-trail-chart-num{width:28px;height:28px;font-size:.78rem}.welcome-banner-panel--slides .welcome-banner-trail-chart-name{font-size:.95rem}.welcome-banner-panel--slides .welcome-banner-trail-chart-tagline{font-size:.72rem}.welcome-banner-panel--slides .welcome-banner-progress-steps{margin:0;gap:14px;padding-left:0;list-style:none;flex:none}.welcome-banner-panel--slides .welcome-banner-progress-elixir-tile{margin-top:14px}.welcome-banner-panel--slides .welcome-banner-rank-share-tag{display:inline-flex;margin-bottom:12px}.welcome-banner-panel--slides .welcome-banner-rank-share-purpose,.welcome-banner-panel--slides .welcome-banner-rank-share-unlock,.welcome-banner-panel--slides .welcome-banner-rank-share-copy,.welcome-banner-panel--slides .welcome-banner-rank-share-principle{font-size:var(--text-base);line-height:1.65}.welcome-banner-panel--slides .welcome-banner-rank-share-unlock{font-weight:400;letter-spacing:normal;text-transform:none;color:var(--text-muted)}.welcome-banner-panel--slides .welcome-banner-rank-share-copy{font-style:normal;color:var(--text-muted)}.welcome-banner-panel--slides .welcome-banner-slide-next .welcome-banner-skip-arrow{margin-left:.2em}.welcome-banner-panel--slides .welcome-banner-slide-next:hover .welcome-banner-skip-arrow{transform:translate(3px)}.welcome-banner-box{opacity:0;transform:translateY(18px) scale(.96);animation:welcome-box-pop .58s cubic-bezier(.22,1.15,.36,1) both;animation-delay:calc(.08s + var(--welcome-pop-i, 0) * .1s);will-change:transform,opacity}.welcome-banner-rank-tile--pop{opacity:0;transform:translateY(10px) scale(.94);animation:welcome-box-pop .48s cubic-bezier(.22,1.2,.36,1) both;animation-delay:calc(.08s + 4 * .1s + .12s + var(--welcome-tile-i, 0) * .08s);will-change:transform,opacity}@keyframes welcome-box-pop{0%{opacity:0;transform:translateY(18px) scale(.96)}70%{opacity:1;transform:translateY(-2px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-banner-overlay--review{background:#060a08eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.welcome-banner-layout{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,2.05fr);gap:12px 16px;align-items:stretch;flex:1 1 auto;min-height:0}.welcome-banner-trail{min-width:0;min-height:0;display:flex;flex-direction:column;height:100%}.welcome-banner-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;min-height:0;height:100%;align-items:stretch}.welcome-banner-progress{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:12px 14px;gap:12px;border-radius:14px;background:linear-gradient(135deg,#b48c5a1f,#b48c5a08);border:none;box-shadow:none;min-width:0;min-height:0;height:100%;overflow:hidden;justify-content:flex-start}.welcome-banner-pillar.welcome-banner-pillar--share{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:12px 14px;gap:6px;border-radius:14px;border:none;background:linear-gradient(135deg,#7aa3b824,#7aa3b808);box-shadow:none;min-width:0;min-height:0;height:auto;flex:0 0 auto;overflow:visible;justify-content:flex-start}.welcome-banner-music{display:flex;flex-direction:column;gap:8px;box-sizing:border-box;width:100%;min-width:0;min-height:0;height:auto;padding:12px 14px;border-radius:14px;background:#ffffff08;border:1px solid rgba(122,158,106,.32);animation:welcome-music-glow var(--welcome-glow-duration) ease-in-out infinite;overflow:hidden;justify-content:flex-start}.welcome-banner-pillar.welcome-banner-pillar--quiz{flex:none;box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:0;height:auto;padding:10px 12px 12px;gap:6px;border-radius:14px;border:none;background:linear-gradient(135deg,#7aa3b824,#7aa3b808);box-shadow:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:hidden;justify-content:flex-start;isolation:isolate}.welcome-banner-pillar--difficulty{flex:1 1 auto;width:100%;max-width:none;margin:0;padding:12px 14px 14px;gap:12px;border-radius:14px;border-color:#a0a59666;background:linear-gradient(135deg,#a0a59624,#a0a59608);box-shadow:0 0 0 1px #a0a5960d;min-height:0}.welcome-banner-side-row{display:none}.welcome-banner-col{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;height:100%;align-self:stretch}.welcome-banner-trail-frame{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;border:1px solid rgba(180,160,130,.22);border-radius:14px;overflow:visible;background:#ffffff05}.welcome-banner-trail-chart-head{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 14px;border-bottom:1px solid rgba(180,160,130,.2);background:linear-gradient(180deg,#ffffff09,#ffffff03)}.welcome-banner-trail-chart-title,.welcome-banner-trail-copy{margin:0}.welcome-banner-panel--expanded .welcome-banner-actions{text-align:left}.welcome-banner-header{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.5vw,24px);margin-bottom:clamp(22px,3vw,32px);text-align:center}.welcome-banner-panel--expanded .welcome-banner-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px 20px;margin-bottom:clamp(10px,1.4vw,14px);text-align:left;flex:0 0 auto}.welcome-banner-pillar{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 14px;border-radius:14px;background:#ffffff08;border:1px solid rgba(180,160,130,.18)}.welcome-banner-pillar--quiz{gap:6px;width:100%;max-width:none;min-width:0;padding:10px 12px 12px;border-radius:14px;border:none;background:linear-gradient(135deg,#7aa3b824,#7aa3b808);box-shadow:none}.welcome-banner-pillar-optional{margin:0;font-size:clamp(.62rem,.95vw,.7rem);font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;color:color-mix(in srgb,#b8c8d0 78%,transparent)}.welcome-banner-share-list{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none}.welcome-banner-share-list li{position:relative;padding-left:12px;font-size:clamp(.72rem,1.1vw,.8rem);line-height:1.35;color:#e8dcc8}.welcome-banner-share-list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#b48c5abf}.welcome-banner-pillar-title{margin:0;font-family:var(--font-display);font-size:clamp(.95rem,1.5vw,1.12rem);font-weight:600;letter-spacing:.01em;line-height:1.25;color:var(--text-primary)}.welcome-banner-pillar--quiz .welcome-banner-pillar-title{margin:0;color:#d2e0e6;font-size:clamp(.95rem,1.5vw,1.12rem)}.welcome-banner-pillar--difficulty .welcome-banner-pillar-title{color:#dde0d8;font-size:clamp(.95rem,1.4vw,1.1rem)}.welcome-banner-rankings-block{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0}.welcome-banner-rankings-title{display:flex;align-items:center;justify-content:center;gap:.85rem;width:100%;margin:0;font-family:var(--font-display);font-size:clamp(.82rem,1.25vw,.95rem);font-weight:600;letter-spacing:.015em;line-height:1.25;text-align:center;color:#dde0d8}.welcome-banner-rankings-title:before,.welcome-banner-rankings-title:after{content:"";flex:1 1 0;height:1px;min-width:1.25rem;max-width:none}.welcome-banner-rankings-title:before{background:linear-gradient(to left,rgba(160,165,150,.38),rgba(160,165,150,.12) 55%,transparent)}.welcome-banner-rankings-title:after{background:linear-gradient(to right,rgba(160,165,150,.38),rgba(160,165,150,.12) 55%,transparent)}.welcome-banner-pillar-copy{margin:0;font-size:clamp(.72rem,1.15vw,.8rem);line-height:1.45;color:color-mix(in srgb,#e8e4dc 82%,transparent);text-wrap:pretty}.welcome-banner-pillar--quiz .welcome-banner-pillar-optional{margin:0}.welcome-banner-pillar--quiz .welcome-banner-pillar-copy{margin:0;font-size:clamp(.72rem,1.15vw,.8rem);line-height:1.45}.welcome-banner-rank-share{display:flex;flex-direction:column;gap:8px;padding-bottom:0}.welcome-banner-rank-share-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 10px;margin-bottom:2px}.welcome-banner-rank-share-title{margin:0;color:#e8dcc8;flex:1 1 auto;min-width:0}.welcome-banner-rank-share-tag{flex:0 1 auto;max-width:100%;margin:1px 0 0 auto;padding:.22em .55em;border-radius:999px;border:1px solid color-mix(in srgb,#c8b8a0 32%,transparent);background:color-mix(in srgb,#e8e4dc 8%,transparent);font-size:clamp(.52rem,.85vw,.6rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.25;color:color-mix(in srgb,#e8dcc8 78%,transparent);white-space:nowrap;text-align:center}.welcome-banner-panel--expanded .welcome-banner-rank-share-title.onboarding-overview-section-title{margin-bottom:0;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;letter-spacing:-.02em;line-height:1.2}.welcome-banner-rank-share-unlock{margin:0;font-size:clamp(.62rem,.95vw,.7rem);font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;color:color-mix(in srgb,#b8c8d0 78%,transparent);text-wrap:pretty}.welcome-banner-rank-share-purpose{margin:0;font-size:clamp(.72rem,1.1vw,.82rem);font-weight:400;line-height:1.45;color:color-mix(in srgb,#e8e4dc 88%,transparent);text-wrap:pretty}.welcome-banner-rank-share-copy{margin:0;font-size:clamp(.7rem,1.05vw,.78rem);font-style:italic;line-height:1.4;color:color-mix(in srgb,#e8e4dc 82%,transparent);text-wrap:pretty}.welcome-banner-rank-share-divider{width:100%;max-width:7.5rem;margin:2px 0 0;border:none;border-top:1px solid color-mix(in srgb,#c8b8a0 28%,transparent)}.welcome-banner-rank-share-principle{margin:0;font-size:clamp(.58rem,.9vw,.66rem);font-weight:400;line-height:1.4;letter-spacing:.01em;color:color-mix(in srgb,#e8e4dc 65%,transparent);text-wrap:pretty}.welcome-banner-dev-note{margin-top:10px;padding:10px 12px;border-radius:10px;border:.5px solid color-mix(in srgb,#c8b8a0 36%,transparent);background:linear-gradient(165deg,color-mix(in srgb,#c8b8a0 14%,transparent),color-mix(in srgb,#fff 2%,transparent))}.welcome-banner-dev-note-title{margin:0 0 4px;font-family:var(--font-display);font-size:clamp(.68rem,1vw,.76rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;color:#e8dcc8}.welcome-banner-dev-note-body{margin:0;font-size:clamp(.68rem,1.05vw,.78rem);line-height:1.5;color:color-mix(in srgb,#e8dcc8 82%,transparent);text-wrap:pretty}.welcome-banner-panel--slides .welcome-banner-dev-note{margin-top:14px}.welcome-banner-panel--slides .welcome-banner-dev-note-body{font-size:var(--text-base);line-height:1.55}.welcome-banner-rank-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;align-items:stretch;justify-items:stretch;flex:0 0 auto;min-height:0}.welcome-banner-rank-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0;height:100%;padding:10px 8px 12px;border-radius:12px;border:.5px solid transparent;background:#ffffff08}.welcome-banner-rank-tile--core{border-color:color-mix(in srgb,var(--rank-essentialist) 32%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--rank-essentialist) 14%,transparent),#ffffff05);box-shadow:0 0 4px color-mix(in srgb,var(--rank-essentialist) 6%,transparent)}.welcome-banner-rank-tile--core .welcome-banner-rank-tile-title{color:var(--rank-essentialist-soft)}.welcome-banner-rank-tile--evolving{border-color:color-mix(in srgb,var(--rank-pioneer) 32%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--rank-pioneer) 14%,transparent),#ffffff05);box-shadow:0 0 4px color-mix(in srgb,var(--rank-pioneer) 6%,transparent)}.welcome-banner-rank-tile--evolving .welcome-banner-rank-tile-title{color:var(--rank-pioneer-soft)}.welcome-banner-rank-tile--advanced{border-color:color-mix(in srgb,var(--rank-master) 32%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--rank-master) 14%,transparent),#ffffff05);box-shadow:0 0 4px color-mix(in srgb,var(--rank-master) 6%,transparent)}.welcome-banner-rank-tile--advanced .welcome-banner-rank-tile-title{color:var(--rank-master-soft)}.welcome-banner-rank-tile-title{margin:0;font-family:var(--font-display);font-size:clamp(.82rem,1.25vw,.95rem);font-weight:600;letter-spacing:.02em;line-height:1.2;color:#ebe8e0}.welcome-banner-rank-tile-desc{margin:0;flex:1 1 auto;font-size:clamp(.62rem,.95vw,.7rem);line-height:1.4;color:color-mix(in srgb,#e8e4dc 78%,transparent);text-wrap:pretty}.welcome-banner-rank-tile-label{margin-top:2px;font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,#dde0d8 62%,transparent)}.welcome-banner-rank-tile .card-difficulty{margin-top:2px;width:fit-content;max-width:100%;padding:0 14px;border-radius:999px;font-size:.66rem;letter-spacing:.14em}.welcome-banner-rank-note{margin:0;padding-top:8px;border-top:1px solid rgba(160,165,150,.22);font-size:clamp(.64rem,.98vw,.72rem);line-height:1.45;color:color-mix(in srgb,#dde0d8 78%,transparent);text-wrap:pretty}.welcome-banner-brand{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:40rem;margin:0 auto}.welcome-banner-panel--expanded .welcome-banner-brand{align-items:flex-start;gap:0;width:auto;max-width:min(100%,42rem);margin:0;flex:1 1 auto;min-width:0;text-align:left}.welcome-banner-title-block{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:1.1rem;row-gap:.2rem}.welcome-banner-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:500;letter-spacing:.01em;margin:0;line-height:1.05;color:var(--text-primary)}.welcome-banner-panel--expanded .welcome-banner-title{font-size:clamp(3.7rem,6.4vw,4.9rem)}.welcome-banner-title span{color:color-mix(in srgb,var(--text-primary) 55%,transparent);font-weight:400;opacity:1}.welcome-banner-subtitle{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,1.9vw,1.4rem);font-weight:400;font-style:italic;letter-spacing:.02em;line-height:1.35;color:color-mix(in srgb,#e8e4dc 72%,transparent);white-space:normal;text-wrap:pretty;max-width:100%}.welcome-banner-lead{margin:0;max-width:34rem;font-size:clamp(.95rem,1.8vw,1.1rem);font-weight:400;line-height:1.55;letter-spacing:-.01em;color:color-mix(in srgb,#e8e4dc 82%,transparent);text-wrap:pretty}.welcome-banner-panel--expanded .welcome-banner-lead{font-size:clamp(.86rem,1.4vw,.98rem);line-height:1.45;max-width:26rem}.welcome-compass{--compass-ink: color-mix(in srgb, #e8e4dc 78%, transparent);--compass-accent: #b85c52;position:relative;flex:0 0 auto;display:block;width:clamp(156px,28vw,232px);height:clamp(156px,28vw,232px);margin:0;color:var(--compass-ink);border-radius:50%;background:#ffffff08;border:1px solid rgba(180,160,130,.18);box-shadow:0 0 18px #b4a0820f}.welcome-banner-panel--expanded .welcome-compass{width:clamp(61px,7.25vw,85px);height:clamp(61px,7.25vw,85px);align-self:center;margin-left:auto}.welcome-compass__dial,.welcome-compass__needle{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none;-webkit-user-select:none;user-select:none}.welcome-compass__dial{z-index:0}.welcome-compass__needle{z-index:1;transform-origin:50% 50%;will-change:transform;animation:welcome-compass-seek-north 3.4s cubic-bezier(.12,.75,.18,1) both}.welcome-compass__ring,.welcome-compass__ticks line,.welcome-compass__needle path,.welcome-compass__needle line,.welcome-compass__hub{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.welcome-compass__ring{stroke-width:1.05;opacity:.42}.welcome-compass__ticks line{stroke-width:1;opacity:.32}.welcome-compass__needle path,.welcome-compass__needle line{stroke-width:1.1}.welcome-compass__needle .welcome-compass__axis{opacity:.42}.welcome-compass__needle .welcome-compass__south{fill:none;opacity:.5}.welcome-compass__needle .welcome-compass__north-tip{fill:transparent;stroke:currentColor;stroke-width:1.1;opacity:.72;transition:fill .45s ease,stroke .45s ease,opacity .45s ease,filter .45s ease}.welcome-compass--aligned .welcome-compass__needle .welcome-compass__north-tip{fill:color-mix(in srgb,var(--compass-accent) 40%,transparent);stroke:color-mix(in srgb,var(--compass-accent) 86%,#e8e4dc);opacity:1;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--compass-accent) 30%,transparent))}.welcome-compass__hub{stroke-width:1.1;opacity:.65}.welcome-compass__hub-dot{fill:currentColor;stroke:none;opacity:.5}.welcome-compass__label{fill:currentColor;font-family:var(--font-display);font-size:12.5px;font-weight:500;letter-spacing:.06em;opacity:.55;-webkit-user-select:none;user-select:none}.welcome-compass__label--north{opacity:.72;transition:fill .45s ease,opacity .45s ease,filter .45s ease}.welcome-compass--aligned .welcome-compass__label--north{fill:color-mix(in srgb,var(--compass-accent) 88%,#e8e4dc);opacity:.9;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--compass-accent) 26%,transparent))}@keyframes welcome-compass-seek-north{0%{transform:rotate(-210deg)}to{transform:rotate(720deg)}}@media (prefers-reduced-motion: reduce){.welcome-compass__needle{animation:none;opacity:1;transform:none}}.welcome-banner-music.welcome-banner-box{animation:welcome-box-pop .58s cubic-bezier(.22,1.15,.36,1) both,welcome-music-glow var(--welcome-glow-duration) ease-in-out infinite;animation-delay:calc(.08s + var(--welcome-pop-i, 0) * .1s),calc(.08s + var(--welcome-pop-i, 0) * .1s + .55s)}@keyframes welcome-music-glow{0%,to{border-color:#7a9e6a47;box-shadow:0 0 0 1px #7a9e6a14,0 0 12px #7a9e6a1a}50%{border-color:#7a9e6a7a;box-shadow:0 0 0 1px #7a9e6a29,0 0 18px #7a9e6a2e}}.welcome-banner-music-title{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffb8;line-height:1.3}.welcome-banner-music-copy{margin:0;font-size:.7rem;line-height:1.4;color:var(--text-muted);text-wrap:pretty}.welcome-banner-music-options{display:flex;flex-direction:column;gap:8px;margin-top:0;padding-left:0;list-style:none}.welcome-banner-music-options li{padding:0;border:none;border-radius:0;background:transparent;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.welcome-banner-music-options strong{color:var(--text-primary);font-weight:600}.welcome-banner-trail-chart{list-style:none;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;flex:1 1 auto;min-height:0;height:100%}.welcome-banner-trail-chart-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:clamp(10px,1.2vw,14px);padding:clamp(6px,.9vh,10px) 14px;border-right:none;border-bottom:1px solid rgba(180,160,130,.2);opacity:0;transform:translateY(8px);animation:welcome-trail-wave .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.28s + var(--trail-wave, 0) * .09s);min-height:0;height:100%;box-sizing:border-box;text-align:left}.welcome-banner-trail-chart-item--media{position:relative;overflow:hidden;isolation:isolate}.welcome-banner-trail-chart-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.45;background-color:color-mix(in srgb,var(--list-accent, #4ade80) 18%,#0c1410);background-image:var(--trail-media-still);background-size:cover;background-position:center;transform:scaleX(-1)}.welcome-banner-trail-chart-media-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.welcome-banner-trail-chart-media-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#080e0cc7,#0a120e9e 48%,#0c16107a)}.welcome-banner-trail-chart-item--media .welcome-banner-trail-chart-num,.welcome-banner-trail-chart-item--media .welcome-banner-trail-chart-copy{position:relative;z-index:1}.welcome-banner-trail-chart-item--media .welcome-banner-trail-chart-name{color:#f8f6f0f5;text-shadow:0 1px 10px rgba(0,0,0,.35)}.welcome-banner-trail-chart-item--media .welcome-banner-trail-chart-tagline{color:#dce4d8d1;text-shadow:0 1px 8px rgba(0,0,0,.3)}.welcome-banner-trail-chart-item:nth-child(2n){border-right:none}.welcome-banner-trail-chart-item:last-child{border-bottom:none}@keyframes welcome-trail-wave{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-banner-trail-chart-num{flex-shrink:0;width:clamp(2.2rem,2.8vw,2.75rem);height:clamp(2.2rem,2.8vw,2.75rem);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:clamp(1.05rem,1.35vw,1.25rem);font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,color-mix(in srgb,var(--list-accent, #4ade80) 82%,#fff) 62%,transparent);background:color-mix(in srgb,var(--list-accent, #4ade80) 20%,transparent);border:1px solid color-mix(in srgb,var(--list-accent, #4ade80) 52%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--list-accent, #4ade80) 22%,transparent);cursor:default;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.welcome-banner-trail-chart-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;width:100%;transform-origin:left center;transition:transform .22s ease}.welcome-banner-trail-chart-num:hover{transform:scale(1.06);background:color-mix(in srgb,var(--list-accent, #4ade80) 28%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--list-accent, #4ade80) 30%,transparent)}.welcome-banner-trail-chart-num:hover+.welcome-banner-trail-chart-copy{transform:scale(1.045)}.welcome-banner-trail-chart-name{font-family:var(--font-display);font-size:clamp(.82rem,1.25vw,.95rem);font-weight:600;line-height:1.2;letter-spacing:.01em;color:var(--text-primary);text-align:left}.welcome-banner-trail-chart-tagline{font-size:.62rem;line-height:1.3;color:var(--text-muted);text-align:left;max-width:16ch}.welcome-banner-trail-list{list-style:none;display:flex;flex-direction:column;gap:2px;margin:6px 0 0;padding:0;flex:1 1 auto;min-height:0}.welcome-banner-trail-list-item{display:flex;align-items:baseline;gap:10px;padding:5px 0;opacity:0;transform:translateY(10px);animation:welcome-trail-wave 1.1s cubic-bezier(.16,1,.3,1) both}.welcome-banner-trail-list-item:nth-child(1){animation-delay:.28s}.welcome-banner-trail-list-item:nth-child(2){animation-delay:.42s}.welcome-banner-trail-list-item:nth-child(3){animation-delay:.56s}.welcome-banner-trail-list-item:nth-child(4){animation-delay:.7s}.welcome-banner-trail-list-item:nth-child(5){animation-delay:.84s}.welcome-banner-trail-list-item:nth-child(6){animation-delay:.98s}.welcome-banner-trail-list-accent{flex-shrink:0;width:7px;height:7px;margin-top:.4em;border-radius:50%;box-shadow:0 0 6px color-mix(in srgb,var(--list-accent, #4ade80) 32%,transparent)}.welcome-banner-trail-list-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.welcome-banner-trail-list-name{font-family:var(--font-display);font-size:clamp(.92rem,1.45vw,1.08rem);font-weight:600;line-height:1.2;letter-spacing:.01em;color:var(--text-primary)}.welcome-banner-trail-list-tagline{font-size:.64rem;line-height:1.3;color:var(--text-muted)}.welcome-banner-panel--expanded .onboarding-overview-section-title{margin-bottom:4px;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;letter-spacing:-.02em;line-height:1.2}.welcome-banner-panel--expanded .welcome-banner-trail-chart-title{margin-bottom:0}.welcome-banner-panel--expanded .onboarding-overview-section-copy{font-size:.74rem;line-height:1.4}.welcome-banner-panel--expanded .welcome-banner-trail-copy{font-size:.7rem;line-height:1.35;color:var(--text-muted)}.welcome-banner-progress .onboarding-overview-section-title{color:#e8dcc8;flex:0 0 auto}.welcome-banner-panel--expanded .welcome-banner-progress .onboarding-overview-steps,.welcome-banner-progress-steps{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;margin-top:8px;margin-bottom:0;padding-left:0;list-style:none;min-height:0;overflow-x:hidden;overflow-y:auto}.welcome-banner-progress-steps>li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);column-gap:12px;row-gap:8px;align-items:start;padding:0;margin:0}.welcome-banner-progress-step-num{grid-column:1;justify-self:center;flex-shrink:0;box-sizing:border-box;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.72rem;font-weight:700;letter-spacing:.02em;line-height:1;color:#f0e6d4;background:color-mix(in srgb,rgba(180,140,90,.2) 55%,transparent);border:1px solid rgba(180,140,90,.55);box-shadow:0 0 6px #b48c5a1f}.welcome-banner-progress-step-text{grid-column:2;font-family:var(--font-display);font-size:clamp(.82rem,1.25vw,.95rem);font-weight:400;line-height:1.45;letter-spacing:.01em;color:var(--text-primary);min-width:0}.welcome-banner-progress-step-content{grid-column:2;display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}.welcome-banner-progress-step-content .welcome-banner-progress-step-text{grid-column:auto}.welcome-banner-progress-step--types{align-items:start}.welcome-banner-progress-step--types .welcome-banner-progress-step-num{margin-top:.1em}.welcome-banner-progress-step-body{grid-column:2;display:flex;flex-direction:column;gap:0;min-width:0;width:100%;margin:0;padding:0}.welcome-banner-progress-pace-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none}.welcome-banner-progress-pace-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;box-sizing:border-box;min-width:0;width:100%;padding:10px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--league-accent, #e8dcc8) 48%,transparent);background:color-mix(in srgb,var(--league-accent, #e8dcc8) 12%,transparent)}.welcome-banner-progress-pace-label{display:block;margin:0;padding:0;border:none;background:transparent;height:auto;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.08em;line-height:1.25;text-transform:uppercase;white-space:nowrap;color:var(--league-accent, #e8dcc8)}.welcome-banner-progress-pace-desc{display:block;width:100%;min-width:0;font-size:clamp(.68rem,1vw,.78rem);font-weight:500;line-height:1.45;letter-spacing:.01em;color:color-mix(in srgb,#e8e4dc 78%,transparent);text-wrap:pretty;overflow-wrap:anywhere}.welcome-banner-progress-difficulty-dots{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;margin:2px 0 0}.welcome-banner-progress-difficulty-dots .card-difficulty-dot{--card-difficulty-dot-size: .9rem}.welcome-banner-progress-step-note{margin:0;max-width:36rem;font-size:clamp(.72rem,1.1vw,.82rem);font-weight:500;line-height:1.45;letter-spacing:.01em;color:color-mix(in srgb,#e8e4dc 68%,transparent);text-wrap:pretty}.welcome-banner-progress-elixir-tile{flex:0 0 auto;width:100%;margin-top:auto;padding:8px 10px;border-radius:10px;border:.5px solid rgba(180,140,90,.35);background:linear-gradient(165deg,#b48c5a1f,#ffffff05);position:relative;z-index:0}.welcome-banner-progress-elixir-tile-title{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(.72rem,1.1vw,.82rem);font-weight:600;letter-spacing:.02em;line-height:1.3;color:#e8dcc8}.welcome-banner-progress-elixir-tile-desc{margin:0;font-size:clamp(.62rem,.95vw,.7rem);line-height:1.55;color:color-mix(in srgb,#e8dcc8 78%,transparent);text-wrap:pretty}.welcome-banner-panel--expanded .welcome-banner-actions{margin-top:auto;justify-content:flex-start}.welcome-banner-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 16px;flex:0 0 auto;width:100%;box-sizing:border-box;margin-top:14px;padding-top:4px}.welcome-banner-panel--expanded .welcome-banner-music{padding:12px 14px}.welcome-banner-panel--expanded .welcome-banner-music-options li{font-size:.72rem;line-height:1.4}.welcome-banner-panel--expanded .welcome-banner-music-title{margin-bottom:0;font-size:.7rem}.welcome-banner-pillar--quiz .welcome-banner-actions{margin-top:6px;margin-left:0;justify-content:flex-start}.welcome-banner-pillar--quiz .welcome-banner-cta{padding:8px 16px;font-size:.8rem}@media (max-width: 820px){.welcome-banner-overlay{align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-top:calc(clamp(16px,4vw,24px) + env(safe-area-inset-top,0px));padding-right:calc(clamp(16px,4vw,24px) + env(safe-area-inset-right,0px));padding-bottom:calc(clamp(16px,4vw,24px) + env(safe-area-inset-bottom,0px));padding-left:calc(clamp(16px,4vw,24px) + env(safe-area-inset-left,0px))}.welcome-banner-panel--expanded{box-sizing:border-box;width:100%;max-width:min(720px,100%);max-height:none;min-height:0;height:auto;margin:0 auto;overflow:visible;padding:clamp(16px,4vw,24px);gap:0}.welcome-banner-layout{display:flex;flex-direction:column;gap:16px;flex:0 0 auto;min-height:0;height:auto;width:100%;box-sizing:border-box}.welcome-banner-main-grid{display:flex;flex-direction:column;gap:16px;height:auto;min-height:0;width:100%;box-sizing:border-box}.welcome-banner-trail,.welcome-banner-main-grid,.welcome-banner-col,.welcome-banner-progress,.welcome-banner-pillar--share,.welcome-banner-music,.welcome-banner-pillar--quiz,.welcome-banner-pillar--difficulty{box-sizing:border-box;width:100%;height:auto;min-height:0;max-width:none;overflow:visible}.welcome-banner-header,.welcome-banner-panel--expanded .welcome-banner-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:16px;width:100%;box-sizing:border-box;padding-right:clamp(56px,16vw,80px)}.welcome-banner-brand{width:100%;max-width:100%;gap:0;box-sizing:border-box}.welcome-banner-title-block{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;row-gap:.35rem;width:100%;max-width:100%}.welcome-banner-title,.welcome-banner-panel--expanded .welcome-banner-title{font-size:clamp(1.75rem,8vw,2.4rem);line-height:1.1;max-width:100%;overflow-wrap:anywhere}.welcome-banner-subtitle{font-size:clamp(.9rem,3.5vw,1.1rem);white-space:normal;max-width:100%}.welcome-banner-lead,.welcome-banner-panel--expanded .welcome-banner-lead{font-size:clamp(.9rem,3.2vw,1.02rem)}.welcome-compass,.welcome-banner-panel--expanded .welcome-compass{width:clamp(48px,12vw,64px);height:clamp(48px,12vw,64px);align-self:flex-start;margin-left:0;flex-shrink:0}.welcome-banner-trail{flex:none}.welcome-banner-trail-frame{flex:none;overflow:visible}.welcome-banner-trail-chart{flex:none;height:auto;grid-template-rows:repeat(6,auto)}.welcome-banner-trail-chart-head{padding:12px 14px}.welcome-banner-trail-chart-item{align-items:flex-start;padding:12px 14px;gap:12px;min-height:0;height:auto}.welcome-banner-trail-chart-num{width:2.25rem;height:2.25rem;font-size:1rem;margin-top:.1em}.welcome-banner-trail-chart-tagline{display:block}.welcome-banner-progress,.welcome-banner-pillar--share,.welcome-banner-pillar--quiz,.welcome-banner-music,.welcome-banner-pillar--difficulty{flex:none;justify-content:flex-start;padding:16px}.welcome-banner-progress-steps{gap:20px;margin-top:12px}.welcome-banner-progress-steps>li{grid-template-columns:1.75rem minmax(0,1fr);column-gap:12px;row-gap:10px}.welcome-banner-progress-step-num{width:1.75rem;height:1.75rem;font-size:.78rem}.welcome-banner-progress-step-text{font-size:clamp(.88rem,3.4vw,1rem);line-height:1.5}.welcome-banner-progress-pace-list{gap:10px}.welcome-banner-progress-pace-item{gap:4px;padding:12px 14px}.welcome-banner-progress-difficulty-dots{gap:12px}.welcome-banner-progress-elixir-tile{margin-top:16px;padding:14px}.welcome-banner-rank-share-header{flex-wrap:wrap;gap:8px}.welcome-banner-rank-share-tag{white-space:normal}.welcome-banner-rank-tiles{grid-template-columns:1fr;gap:10px}.welcome-banner-pillar{padding:16px}.welcome-banner-footer{justify-content:flex-start;gap:12px;margin-top:20px;padding-top:8px;padding-bottom:0}.welcome-banner-skip{position:static;margin-left:auto;font-size:.85rem}.admin-popup-close.admin-popup-close--welcome{position:static;inset:auto}.welcome-banner-overlay .admin-popup-close.admin-popup-close--welcome{display:inline-flex!important}.app-intro-flow .app-top-corner-cluster{z-index:230}}@media (max-width: 560px){.welcome-banner-overlay{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding-left:calc(16px + env(safe-area-inset-left,0px))}.welcome-banner-panel--expanded{max-width:100%;border-radius:16px}.welcome-banner-header,.welcome-banner-panel--expanded .welcome-banner-header{padding-right:clamp(52px,18vw,72px)}.welcome-banner-progress-difficulty-dots{gap:10px}.welcome-banner-progress-pace-item{padding:12px 14px}}.welcome-banner-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7cb87a;margin-bottom:6px}.welcome-banner-actions{display:flex;justify-content:center}.welcome-banner-cta{width:auto;padding:8px 18px;font-size:.82rem}.welcome-banner-help{position:absolute;top:clamp(18px,3.5vw,24px);right:clamp(18px,3.5vw,24px);z-index:1;width:28px;height:28px}.welcome-banner-help svg{width:14px;height:14px}.welcome-banner-skip{position:static;margin:0;padding:0;border:none;background:none;font-size:.78rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s;opacity:0;animation:welcome-box-pop .5s cubic-bezier(.22,1.15,.36,1) both;animation-delay:.78s}.welcome-banner-skip:hover{color:var(--text-primary)}.welcome-banner-skip-arrow{display:inline-block;margin-left:.35em;transition:transform .2s ease}.welcome-banner-skip:hover .welcome-banner-skip-arrow{transform:translate(3px)}.admin-popup-close.admin-popup-close--welcome{position:static;inset:auto;width:36px;height:36px;flex-shrink:0;z-index:auto}.core-beliefs-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#060a08eb;animation:app-about-fade-in .35s cubic-bezier(.4,0,.2,1)}.core-beliefs-prompt-panel{width:min(100%,420px);max-height:min(100%,calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom)));margin:auto;padding:clamp(22px,4vw,28px);border-radius:var(--radius);background:#1a1f1c;border:.5px solid rgba(255,255,255,.12);box-shadow:0 20px 48px #0000008c;animation:slideUp .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.core-beliefs-prompt-back{margin:-6px 0 10px;padding:6px 0}.core-beliefs-prompt-title{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,3vw,1.35rem);font-weight:600;letter-spacing:-.02em;color:#f2f5f3;text-wrap:balance}.core-beliefs-prompt-optional{margin:10px 0 0;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#d2e0e68c}.core-beliefs-prompt-body{display:flex;flex-direction:column;gap:14px;margin-top:14px}.core-beliefs-prompt-copy{margin:0;font-size:.88rem;line-height:1.55;color:#d2e0e6c7;text-wrap:pretty}.core-beliefs-prompt-copy--emphasis{color:#e8eeeaeb;font-weight:500}.core-beliefs-prompt-rules{margin:0;padding:0 0 0 1.15em;display:flex;flex-direction:column;gap:12px;font-size:.88rem;line-height:1.55;color:#d2e0e6c7}.core-beliefs-prompt-rules li{padding-left:.15em;text-wrap:pretty}.core-beliefs-prompt-rules li::marker{color:#d2e0e666}.core-beliefs-prompt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:22px}.core-beliefs-prompt-cta{padding:10px 18px;font-size:.88rem;border-radius:999px}.core-beliefs-prompt-skip{padding:0;border:none;background:none;font-size:.82rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s;text-align:left;line-height:1.35}.core-beliefs-prompt-skip:hover{color:var(--text-primary)}.core-beliefs-prompt-confirm{display:flex;flex-direction:column;gap:0}.core-beliefs-prompt-confirm-copy{margin:14px 0 0;font-size:.88rem;line-height:1.55;color:#d2e0e6c7;text-wrap:pretty}.core-beliefs-prompt-confirm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:22px}.core-beliefs-prompt-confirm-actions .btn{min-width:8.5rem}@media (max-width: 420px){.core-beliefs-prompt-actions,.core-beliefs-prompt-confirm-actions{flex-direction:column;align-items:stretch}.core-beliefs-prompt-confirm-actions .btn,.core-beliefs-prompt-cta{width:100%}.core-beliefs-prompt-skip{text-align:center;padding:6px 0}}.profile-setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);padding-top:calc(max(16px,3vw) + var(--safe-top));padding-bottom:calc(max(16px,3vw) + var(--safe-bottom));background:#060a08;animation:app-about-fade-in .35s cubic-bezier(.4,0,.2,1)}.profile-setup-panel{width:min(100%,360px);padding:clamp(26px,5vw,34px);border-radius:var(--radius);background:#0f1612;border:.5px solid rgba(255,255,255,.14);box-shadow:0 20px 48px #0000008c;animation:app-about-expand .42s cubic-bezier(.34,1.2,.64,1)}.profile-setup-panel--extended{width:min(100%,440px);max-height:min(92vh,900px);overflow-y:auto}.profile-setup-lead{margin:0 0 18px;font-size:.86rem;line-height:1.45;color:var(--text-muted);text-align:center}.profile-setup-eyebrow{font-size:.62rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#7cb87a;margin-bottom:10px;text-align:center}.profile-setup-title{font-size:clamp(1.2rem,3.5vw,1.45rem);font-weight:400;letter-spacing:-.02em;margin-bottom:20px;line-height:1.15;text-align:center}.profile-setup-form{display:flex;flex-direction:column;gap:30px;margin-bottom:24px;padding-top:4px}.profile-setup-field{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;margin:0;padding:22px 18px 20px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);background:#111a158c;box-sizing:border-box;min-inline-size:0}.profile-setup-field--name{width:100%}.profile-setup-field--name .profile-setup-input{width:min(100%,280px);margin-inline:auto;border:1.5px solid rgba(124,184,122,.55);box-shadow:0 0 0 1px #7cb87a38,0 0 14px #7cb87a47,0 0 28px #7cb87a1f}.profile-setup-label{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 28px);margin:0;padding:0 10px;border:none;background:#0f1612;font-size:.72rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;text-align:center;line-height:1.2;white-space:nowrap;float:unset;z-index:1}.profile-setup-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid transparent;background:#111a15;color:var(--text-primary);font-size:.92rem;font-weight:300;transition:border-color .15s ease,box-shadow .15s ease}.profile-setup-input::placeholder{font-weight:300;color:#8fa396b8}.profile-setup-input:hover{border-color:#7cb87a73}.profile-setup-field--name .profile-setup-input:hover,.profile-setup-field--name .profile-setup-input:focus{outline:none;border-color:#7cb87abf;box-shadow:0 0 0 1px #7cb87a52,0 0 18px #7cb87a5c,0 0 32px #7cb87a29}.profile-setup-input:focus{outline:none;border-color:#7cb87a8c;box-shadow:none}.profile-setup-gender{text-align:center}.profile-setup-gender-options{display:flex;justify-content:center;gap:24px}.profile-setup-gender-btn{position:relative;width:96px;height:96px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:18px;border:1px solid transparent;background:transparent;cursor:pointer;overflow:hidden;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.profile-setup-gender-icon{width:100%;height:100%;object-fit:contain;display:block;transition:filter .22s ease}.profile-setup-gender-btn--female .profile-setup-gender-icon{filter:grayscale(1) sepia(.55) hue-rotate(48deg) saturate(1.65) brightness(.92)}.profile-setup-gender-btn--male .profile-setup-gender-icon{filter:grayscale(1) sepia(.5) hue-rotate(78deg) saturate(1.55) brightness(.88)}.profile-setup-gender-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;letter-spacing:.04em;color:#fffffff5;text-shadow:0 1px 8px rgba(0,0,0,.45);pointer-events:none;opacity:0;transition:opacity .22s ease}.profile-setup-gender-btn:hover,.profile-setup-gender-btn:focus-visible{border-color:#7cb87a73}.profile-setup-gender-btn--female:hover .profile-setup-gender-icon,.profile-setup-gender-btn--female:focus-visible .profile-setup-gender-icon{filter:grayscale(1) sepia(.55) hue-rotate(48deg) saturate(1.65) brightness(.92) blur(4px)}.profile-setup-gender-btn--male:hover .profile-setup-gender-icon,.profile-setup-gender-btn--male:focus-visible .profile-setup-gender-icon{filter:grayscale(1) sepia(.5) hue-rotate(78deg) saturate(1.55) brightness(.88) blur(4px)}.profile-setup-gender-btn:hover .profile-setup-gender-label,.profile-setup-gender-btn:focus-visible .profile-setup-gender-label{opacity:1}.profile-setup-gender-btn--selected{border-color:#7cb87abf;background:#7cb87a14;box-shadow:0 0 0 1px #7cb87a33}.profile-setup-photo{text-align:center}.profile-setup-photo-trigger{display:inline-flex;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:box-shadow .15s ease,transform .15s ease}.profile-setup-photo-trigger:hover{transform:scale(1.08)}.profile-setup-photo-trigger:focus-visible{outline:none;box-shadow:0 0 0 1.5px #7cb87a73}.profile-setup-photo-preview.connection-person-avatar-lg{width:96px;height:96px;font-size:2rem}.profile-setup-photo-preview.connection-person-avatar-lg.profile-avatar--person{background:transparent}.profile-setup-photo-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-setup-photo-note{font-size:.78rem;line-height:1.45;color:var(--text-muted);margin:0;max-width:280px}.profile-setup-error{margin:0;font-size:.8rem;line-height:1.4;color:#f0a8a0;text-align:center}.profile-setup-field--age .profile-setup-input{max-width:120px}.profile-setup-gallery{width:100%}.profile-setup-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;width:100%}.profile-setup-gallery-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:.5px solid rgba(255,255,255,.16)}.profile-setup-gallery-thumb{width:100%;height:100%;object-fit:cover;display:block}.profile-setup-gallery-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:9999px;background:#000000a6;color:#fff;font-size:.9rem;line-height:1;cursor:pointer}.profile-setup-gallery-add{aspect-ratio:1;border-radius:10px;border:.5px dashed rgba(255,255,255,.28);background:#ffffff08;color:var(--text-muted);font-size:.72rem;font-weight:500;cursor:pointer;display:grid;place-items:center;padding:8px;text-align:center}.profile-setup-gallery-add:hover{border-color:#ffffff73;color:var(--text-primary)}.profile-setup-preferences{width:100%}.profile-setup-preference-options{display:flex;flex-direction:column;gap:8px;width:100%}.profile-setup-preference-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;border-radius:12px;border:.5px solid rgba(255,255,255,.16);background:#ffffff08;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.profile-setup-preference-btn:hover,.profile-setup-preference-btn:focus-visible{border-color:#7cb87a8c;background:#7cb87a14}.profile-setup-preference-btn--selected{border-color:#7cb87ad9;background:#7cb87a24}.profile-setup-preference-btn__label{font-size:.86rem;font-weight:600;line-height:1.3}.profile-setup-preference-btn__desc{font-size:.74rem;line-height:1.4;color:var(--text-muted)}.profile-setup-continue{display:flex;width:auto;min-width:0;margin-inline:auto;padding:6px 18px;border-radius:9999px;font-size:.78rem;font-weight:500;letter-spacing:.02em}.profile-setup-continue:disabled{opacity:.45;cursor:not-allowed}.profile-setup-skip{display:block;margin:14px auto 0;padding:0;border:none;background:none;font-size:.78rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s}.profile-setup-skip:hover{color:var(--text-primary)}.profile-setup-skip-note{margin:8px 0 0;text-align:center;font-size:.72rem;line-height:1.4;color:#ffffff73}.onboarding-overview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);padding-top:calc(max(16px,3vw) + var(--safe-top));padding-bottom:calc(max(16px,3vw) + var(--safe-bottom));background:#040807c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:app-about-fade-in .3s ease}.onboarding-overview-panel{width:min(100%,640px);max-height:min(88dvh,760px);overflow-y:auto;padding:clamp(20px,3vw,28px);border-radius:var(--radius);background:#0f1612;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 48px #0000008c;animation:app-about-expand .35s cubic-bezier(.34,1.2,.64,1)}.onboarding-overview-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7cb87a;margin-bottom:4px}.onboarding-overview-title{font-size:clamp(1.25rem,3vw,1.55rem);font-weight:700;letter-spacing:-.02em;margin-bottom:8px;line-height:1.2}.onboarding-overview-title span{opacity:.55;font-weight:400}.onboarding-overview-lead{margin:0 0 20px;font-family:var(--font-display);font-size:clamp(1rem,1.6vw,1.2rem);font-weight:400;font-style:italic;letter-spacing:.02em;line-height:1.3;color:color-mix(in srgb,var(--text-primary) 72%,transparent);white-space:nowrap}.onboarding-overview-body{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.onboarding-overview-section{padding-top:2px}.onboarding-overview-section-title{font-size:.88rem;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.onboarding-overview-section-copy{font-size:.86rem;line-height:1.6;color:var(--text-muted);margin:0}.onboarding-overview-levels{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:10px 0 0;padding:0}.onboarding-overview-level{position:relative;display:flex;align-items:stretch;gap:10px;padding:12px 14px 12px 16px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);overflow:hidden}.onboarding-overview-level-accent{position:absolute;top:0;bottom:0;left:0;width:4px;height:auto;border-radius:0;flex-shrink:0;pointer-events:none;box-shadow:0 0 6px color-mix(in srgb,var(--list-accent, #4ade80) 28%,transparent)}.onboarding-overview-level-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.onboarding-overview-level-name{font-family:var(--font-display);font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:600;line-height:1.15;letter-spacing:.01em;color:var(--text-primary)}.onboarding-overview-level-tagline{font-size:.72rem;line-height:1.35;color:var(--text-muted)}.onboarding-overview-steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:6px;font-size:.86rem;line-height:1.55;color:var(--text-muted)}.onboarding-overview-music-options{margin:8px 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:10px;font-size:.86rem;line-height:1.55;color:var(--text-muted)}.onboarding-overview-music-options strong{color:var(--text-primary);font-weight:600}.onboarding-overview-close{margin-top:4px}@media (max-width: 480px){.onboarding-overview-levels{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.welcome-banner-overlay,.welcome-banner-panel,.welcome-banner-slide-body,.welcome-banner-box,.welcome-banner-rank-tile--pop,.welcome-banner-trail-list-item,.welcome-banner-trail-chart-item,.welcome-banner-music,.welcome-banner-skip,.onboarding-overview-overlay,.onboarding-overview-panel{animation:none}.welcome-banner-box,.welcome-banner-rank-tile--pop,.welcome-banner-trail-list-item,.welcome-banner-trail-chart-item,.welcome-banner-skip{opacity:1;transform:none}.welcome-banner-trail-chart-num,.welcome-banner-trail-chart-copy{transition:none}.welcome-banner-trail-chart-num:hover,.welcome-banner-trail-chart-num:hover+.welcome-banner-trail-chart-copy{transform:none}.welcome-banner-music{border-color:#ffffff14;box-shadow:none}.welcome-banner-trail-chart-media-video{display:none}}.unlock-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:420px;margin-left:auto;margin-right:auto;padding:24px 12px}.unlock-icon{font-size:4rem;margin-bottom:20px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.unlock-screen h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;margin-bottom:10px}.unlock-screen p{color:var(--text-muted);margin-bottom:28px;max-width:300px}.loading-card{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:.9rem}@media (min-width: 481px){.app{padding-top:calc(3vw + var(--safe-top))}.app-with-sidebar{--layout-inline-gutter: 4.5vw;--layout-stack-gap: 1.1vw;padding-top:calc(var(--layout-stack-gap) + var(--safe-top))}}@media (max-width: 380px){.app-with-sidebar{--layout-inline-gutter: 4%;--layout-stack-gap: 2.5%;--study-column-gutter: 1%}.app-on-nature-level{--nature-side-column-width: 0%;--nature-side-column-width-right: 0%;--nature-stage-main-pad: 0%}.study-main{--study-center-inset: 4%;--study-center-inset-left: var(--study-center-inset)}}@media (min-width: 381px) and (max-width: 640px){.app-with-sidebar{--layout-inline-gutter: 3.5%;--layout-stack-gap: 2%;--study-column-gutter: 1%}.study-main{--study-center-inset: 3.5%;--study-center-inset-left: var(--study-center-inset)}}@media (min-width: 641px) and (max-width: 1024px){.app-with-sidebar{--layout-inline-gutter: 3.5vw;--layout-stack-gap: 1.25vw}.app-on-nature-level{--nature-side-column-width: 20vw;--nature-side-column-width-right: var(--nature-side-column-width);--nature-stage-main-pad: 1.25vw}.app-on-nature-level .study-main{--study-center-inset: 1.5%;--study-center-inset-left: var(--study-center-inset)}.app-on-nature-level .nature-stage__main{max-width:min(58vw,100%)}}@media (min-width: 1025px) and (max-width: 1440px){.app-with-sidebar{--layout-inline-gutter: 4vw;--layout-stack-gap: 1vw}.app-on-nature-level{--nature-side-column-width: 22vw;--nature-side-column-width-right: var(--nature-side-column-width);--nature-stage-main-pad: 1vw}.app-on-nature-level .nature-stage__main{max-width:min(54vw,100%)}}@media (min-width: 1441px){.app-with-sidebar{--layout-inline-gutter: 5vw;--layout-stack-gap: 1vw;max-width:88vw}.app-on-nature-level{--nature-side-column-width: 20vw;--nature-side-column-width-right: var(--nature-side-column-width);--nature-stage-main-pad: .85vw}.app-on-nature-level .nature-stage__main{max-width:min(50vw,100%)}}@media (max-width: 720px){.app-with-sidebar{max-width:100%;--study-side-width: 95px;--trail-sidebar-width: 123px;--vocab-card-width-base: 360px}.study-layout{gap:8px var(--study-column-gutter);grid-template-columns:var(--trail-sidebar-scroll-width) minmax(0,1fr) var(--study-right-rail-width)}.study-layout>.study-main{grid-column:2;grid-row:1 / 3}.study-layout>.study-side-stack{grid-column:3;grid-row:1 / 3}.app-top-corner .learned-panel{max-height:min(160px,calc(100dvh - 480px - var(--safe-top)))}.favorites-menu .favorites-panel{max-height:min(260px,calc(100dvh - 200px - var(--safe-top)))}.trail-sidebar-column{width:var(--trail-sidebar-scroll-width, var(--trail-sidebar-width))}.trail-sidebar{width:var(--trail-sidebar-width)}.trail-sidebar{padding:8px 6px 10px}.trail-step-name{font-size:.86rem}.trail-step-tagline{font-size:.6rem}.trail-step-card{padding:6px 8px}.app-top-corner .learned-panel-title{font-size:.75rem}.app-top-corner .learned-panel-progress-count{font-size:.9rem}.app-top-corner .learned-panel-progress-meta{font-size:.72rem}.intro-layout .level-screen{padding:12px 20px}.study-sidebar-column{width:120px}.beginners-quiz-btn{font-size:.72rem;padding:8px 10px}}@media (max-width: 640px){.app-with-sidebar{--trail-sidebar-width: 0px;--study-side-width: 0;--study-right-rail-width: 0;--study-column-gutter: 4px;--vocab-card-width-base: 100%;--mobile-trail-top-offset: calc( var(--mobile-profile-screen-inset, 4px) + var(--safe-top) + var(--mobile-profile-ring-outset, 4px) );--mobile-trail-height: 96px;--mobile-share-profile-width: 118px;--mobile-content-top-gap: 28px;--mobile-verse-band: calc( var(--mobile-right-rail-bottom, 0px) - var(--mobile-trail-top-offset) - var(--mobile-trail-height) );padding-left:var(--layout-inline-gutter, 4%);padding-right:var(--layout-inline-gutter, 4%)}.app-on-nature-level{--trail-sidebar-width: 0px;--study-corridor-padding: 0%;--nature-stage-main-pad: 0%}.app-on-nature-level.app-with-sidebar{padding-top:0}.nature-stage__main{max-width:100%;padding-left:var(--nature-stage-main-pad, 0%);padding-right:var(--nature-stage-main-pad, 0%)}.app-on-nature-level .study-main{--study-center-inset: 0%;--study-center-inset-left: 0%;padding-left:var(--study-center-inset);padding-right:var(--study-center-inset)}.app-on-nature-level .study-main>.study-reminder,.app-on-nature-level .study-main>.vocab-deck-banner,.app-on-nature-level .study-main>.main-content{width:100%;max-width:100%;margin-left:0;margin-right:0}.app-with-sidebar--study-scroll .study-main>.main-content{position:relative;z-index:1}.study-layout,.study-layout:not(:has(.study-side-stack)),.study-layout--title-faded,.study-layout--title-faded:not(:has(.study-side-stack)),.study-layout--sidebar-minimized{--trail-sidebar-scroll-width: 0px;grid-template-columns:minmax(0,1fr)}.study-layout>.study-main,.study-layout.intro-layout>.level-screen,.study-layout:has(.trail-app-title-shell)>.study-main,.study-layout.intro-layout:has(.trail-app-title-shell)>.level-screen{grid-column:1;grid-row:auto}.app-top-corner__trail{grid-area:trail-space;min-width:0;width:100%;padding-right:calc(var(--profile-hero-size, 44px) + 28px);box-sizing:border-box;min-height:var(--mobile-trail-height);align-self:stretch;pointer-events:auto}.trail-sidebar-column--mobile-top{position:static;top:auto;left:auto;right:auto;width:100%;max-width:none;max-height:none;overflow:visible;z-index:auto}.trail-sidebar-column--mobile-top .trail-sidebar{width:100%;max-width:none;max-height:none;position:static;overflow:visible;padding:2px 2px 0;opacity:1;background:transparent;border:none;box-shadow:none;border-radius:0}.trail-sidebar-header{display:none}.trail-steps-wrap{min-height:0;flex:none}.trail-steps{flex-direction:row;align-items:center;justify-content:space-between;gap:2px}.trail-path-layer{display:none}.trail-step{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:0}.trail-step-tile{display:flex;align-items:center;justify-content:center;width:auto;max-width:100%;margin:0;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.trail-step-tile:disabled{cursor:default}.trail-step-rail,.trail-step-rail-marker,.trail-step-body{display:none}.trail-sidebar--collapse .trail-path-layer{opacity:0;transition:opacity .45s ease}.trail-sidebar--collapse .trail-step:not(.trail-step--collapse-focus){opacity:0;transform:translate(24px) scale(.72);filter:blur(1.5px);pointer-events:none;transition:opacity .5s ease,transform .85s cubic-bezier(.22,1,.36,1),filter .5s ease}.trail-sidebar--collapse .trail-step--collapse-focus{transform:translate(var(--trail-collapse-x, 0px));transition:none;z-index:2}.trail-sidebar--collapse.trail-sidebar--flip-armed .trail-step--collapse-focus{transition:transform .95s cubic-bezier(.22,1,.36,1)}.trail-sidebar--collapsed .trail-path-layer{opacity:0;visibility:hidden;pointer-events:none}.trail-sidebar--collapsed .trail-steps{position:relative;justify-content:flex-end}.trail-sidebar--collapsed .trail-step:not(.trail-step--active){flex:0 0 0;width:0;min-width:0;max-width:0;margin:0;padding:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden}.trail-sidebar--collapsed .trail-step--active{flex:0 0 auto;width:auto;min-width:0;transform:none}.trail-sidebar--expand .trail-path-layer{opacity:0;visibility:visible;animation:trail-path-fade-in 1.05s ease .95s both}.trail-sidebar--expand .trail-path-line--base,.trail-sidebar--expand .trail-path-line--progress{stroke-opacity:0;animation:trail-path-stroke-fade 1.05s ease .95s both}.trail-sidebar--expand .trail-step--active{transform:translate(var(--trail-collapse-x, 0px));transition:none;z-index:2}.trail-sidebar--expand.trail-sidebar--flip-armed .trail-step--active{transition:transform .95s cubic-bezier(.22,1,.36,1)}.trail-sidebar--expand .trail-step:not(.trail-step--active){animation:trail-step-expand-in .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.12s + (5 - var(--trail-enter-index, 0)) * .11s)}@keyframes trail-step-expand-in{0%{opacity:0;transform:translate(22px) scale(.78);filter:blur(1.5px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes trail-path-fade-in{0%{opacity:0}to{opacity:1}}@keyframes trail-path-stroke-fade{0%{stroke-opacity:0}to{stroke-opacity:1}}.trail-sidebar--expanded .trail-path-layer{opacity:1;visibility:visible}.trail-sidebar--expanded .trail-path-line--base,.trail-sidebar--expanded .trail-path-line--progress{stroke-opacity:1}.trail-step-heading{flex-direction:column;align-items:center;justify-content:center;gap:0;margin-bottom:0}.trail-step-number,.trail-step-tagline{display:none}.trail-step-card{width:auto;max-width:100%;align-self:center;padding:0;justify-content:center;text-align:center;overflow:visible;background:transparent;border-color:transparent;box-shadow:none}.trail-step--active .trail-step-card{background:transparent;border-color:transparent;border-width:0;box-shadow:none;padding:0}.trail-step-detail{display:none}.trail-step-name{display:block;flex:none;width:fit-content;max-width:100%;box-sizing:border-box;font-size:.58rem;line-height:1.15;text-align:center;font-weight:500;padding:4px 7px;border-radius:999px;border:1.5px solid transparent;background:#060a086b;color:#f8faf8eb;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.55)}.trail-step-name--stacked{display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:normal}.trail-step-name__line{display:block}.trail-step--passed .trail-step-name,.trail-step--unlocked .trail-step-name{border-color:color-mix(in srgb,var(--step-accent, #4ade80) 35%,transparent);background:color-mix(in srgb,var(--step-accent, #4ade80) 8%,rgba(6,10,8,.4))}.trail-step--active .trail-step-name{border:2px solid var(--step-accent, #4ade80);background:color-mix(in srgb,var(--step-accent, #4ade80) 10%,rgba(6,10,8,.38));box-shadow:0 0 0 1px color-mix(in srgb,var(--step-accent, #4ade80) 25%,transparent),0 0 12px color-mix(in srgb,var(--step-accent, #4ade80) 18%,transparent)}.trail-step--locked .trail-step-card:disabled,.trail-step--locked .trail-step-tile:disabled{opacity:1}.trail-step--locked .trail-step-name{color:#f8faf8e0;font-weight:500;border-color:#ffffff14;background:#060a0873;box-shadow:0 1px 6px #00000059;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.65)}.admin-popup-close{display:none!important}.welcome-banner-overlay .admin-popup-close.admin-popup-close--welcome{display:inline-flex!important}.trail-step-content{align-items:center;width:auto;max-width:100%}.study-layout,.study-layout:not(.intro-layout),.study-layout.intro-layout{padding-top:calc(var(--mobile-trail-top-offset) + var(--mobile-trail-height) + var(--mobile-content-top-gap, 28px))}.app-with-sidebar:not(:has(.app-top-corner .learned-panel)) .study-layout,.app-with-sidebar:not(:has(.app-top-corner .learned-panel)) .study-layout:not(.intro-layout),.app-with-sidebar:not(:has(.app-top-corner .learned-panel)) .study-layout.intro-layout{padding-top:calc(var(--mobile-trail-top-offset) + var(--mobile-trail-height) + var(--mobile-content-top-gap, 28px))}.app-with-sidebar--study-scroll .study-layout:not(.intro-layout){padding-top:calc(var(--mobile-trail-top-offset) + var(--mobile-trail-height) + var(--mobile-verse-band, 44px) + var(--mobile-content-top-gap, 28px))}.app-with-sidebar.app-with-sidebar--study-scroll:has(.study-layout:not(.intro-layout)){scroll-snap-type:y mandatory;scroll-padding-top:calc(var(--mobile-trail-top-offset) + var(--mobile-trail-height) + var(--mobile-verse-band, 44px) + 12px);scroll-padding-bottom:calc(24px + var(--safe-bottom))}.app-with-sidebar--study-scroll .flashcard-slot{scroll-snap-align:start;scroll-snap-stop:always}.app-with-sidebar--study-scroll .vocab-deck-banner,.app-with-sidebar--study-scroll .study-reminder,.app-with-sidebar--study-scroll .flashcard-deck-end{scroll-snap-align:none}.intro-layout .level-screen,.study-layout.intro-layout>.level-screen{justify-content:center;padding-top:0}html:has(.app-with-sidebar:has(.intro-layout)),body:has(.app-with-sidebar:has(.intro-layout)){overflow:hidden;height:100%;height:100dvh;overscroll-behavior:none}.app-with-sidebar:has(.intro-layout){--intro-mobile-gutter: 20px;--intro-mobile-stack-gap: 14px;--intro-mobile-header-gap: 4px;--intro-mobile-footer-gap: 10px;--intro-mobile-card-padding: 16px;--intro-mobile-lesson-padding-block: 10px;--intro-mobile-lesson-padding-inline: 14px;--intro-mobile-btn-padding-block: 11px;height:100dvh;max-height:100dvh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding-left:var(--intro-mobile-gutter);padding-right:var(--intro-mobile-gutter)}.app-with-sidebar:has(.intro-layout)>.app-header{display:none}.app-with-sidebar:has(.intro-layout) .nature-stage{flex:0 0 auto;min-height:100dvh;height:auto;max-height:none;overflow:visible}.app-with-sidebar:has(.intro-layout) .site-footer:not(.site-footer--deck-end){position:relative;flex-shrink:0;display:block;margin-top:0;padding-top:16px;padding-bottom:calc(16px + var(--safe-bottom));background:var(--bg-deep)}.app-with-sidebar:has(.intro-layout) .nature-stage__main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto;max-width:100%;overflow:visible}.app-with-sidebar:has(.intro-layout) .study-layout.intro-layout{flex:1 1 auto;min-height:0;height:auto;overflow:visible;padding-top:calc(var(--mobile-right-rail-bottom, 160px) + 5px);padding-bottom:calc(10px + var(--safe-bottom));display:flex;flex-direction:column}.app-with-sidebar:has(.intro-layout) .intro-layout .level-screen,.app-with-sidebar:has(.intro-layout) .study-layout.intro-layout>.level-screen,.app-with-sidebar:has(.intro-layout) .level-screen--intro{flex:1 1 auto;min-height:0;height:auto;max-height:none;align-self:stretch;overflow:visible;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;gap:0;padding:0;margin:0;position:relative}.app-with-sidebar:has(.intro-layout) .level-intro-main{width:100%;max-width:100%;position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto;max-height:none;overflow:visible;justify-content:flex-start;gap:0}.app-with-sidebar:has(.intro-layout) .level-intro-center{position:static;top:auto;left:auto;right:auto;z-index:auto;width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:stretch;overflow:visible}.app-with-sidebar:has(.intro-layout) .level-intro-cards{position:static;transform:none;gap:var(--intro-mobile-stack-gap);flex:0 0 auto;min-height:0;max-height:none;overflow:visible;display:flex;flex-direction:column;justify-content:flex-start;--intro-center-card-height: 30dvh}.app-with-sidebar:has(.intro-layout) .level-intro-header{position:static;left:auto;right:auto;bottom:auto;z-index:auto;gap:var(--intro-mobile-header-gap);flex:0 0 auto}.app-with-sidebar:has(.intro-layout) .level-intro-footer{position:static;left:auto;right:auto;top:auto;z-index:auto;gap:var(--intro-mobile-footer-gap);margin-top:0;flex:0 0 auto}.app-with-sidebar:has(.intro-layout) .level-eyebrow{margin-bottom:0;font-size:.58rem;flex-shrink:0}.app-with-sidebar:has(.intro-layout) .level-title{font-size:clamp(calc(1rem + 10pt),calc(2.6vh + .4rem + 10pt),calc(1.28rem + 10pt));line-height:1.25;margin-bottom:0;padding-inline:0;flex-shrink:0}.app-with-sidebar:has(.intro-layout) .level-goal{font-size:clamp(.66rem,1.5vh + .35rem,.78rem);line-height:1.35;margin-bottom:0;padding-inline:0;flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.app-with-sidebar:has(.intro-layout) .level-card{flex:0 0 auto;height:auto;min-height:0;max-height:var(--intro-center-card-height, 30dvh);margin-top:0;margin-bottom:0;margin-inline:0;padding:var(--intro-mobile-card-padding);border-width:1px;display:flex;flex-direction:column;justify-content:stretch;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-stack{flex:1 1 auto;min-height:0;height:100%;font-size:clamp(.85rem,4vw,1.15rem);font-weight:200;line-height:calc(1.35em + 3px);padding-block:.2em;padding-inline:0;margin:0;gap:.7em;box-sizing:border-box;max-width:none;width:100%;max-height:none;overflow:visible;text-align:center;text-wrap:balance;display:flex;flex-direction:column;justify-content:space-between;align-items:center;--intro-copy-max: min(100%, 52ch);--intro-coda-max: min(100%, 50ch)}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro,.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-coda{margin:0 auto;padding:0;font-weight:inherit;text-align:center;box-sizing:border-box;width:100%;max-height:none;overflow:visible;display:block;-webkit-line-clamp:unset;text-wrap:balance;overflow-wrap:break-word}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro{font-size:inherit;line-height:inherit;max-width:var(--intro-copy-max)}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-coda{margin-top:0;padding:.4em calc(.55em + 30px);font-size:clamp(calc(.8125rem - 1pt),calc(.55em + 1.6vw - 1pt),calc(.95em - 1pt));line-height:calc(1.4em + 3px);text-align:center;white-space:normal;overflow-wrap:break-word;text-wrap:balance;max-width:var(--intro-coda-max);height:auto;min-height:min-content;max-height:none;overflow:visible}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro strong,.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-coda strong,.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro .intro-wave-phrase,.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-coda .intro-wave-phrase{font-weight:700}.app-with-sidebar:has(.intro-layout) .level-card .intro-wave-phrase-block{display:block}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-coda .intro-wave-phrase-block{display:inline}.app-with-sidebar:has(.intro-layout) .level-card .intro-wave-phrase-block .intro-wave-phrase{white-space:nowrap}.app-with-sidebar:has(.intro-layout) .level-card .intro-wave-phrase{white-space:normal}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-coda .intro-wave-phrase{white-space:normal}.app-with-sidebar:has(.intro-layout) .level-card-audio-btn{top:auto;bottom:var(--intro-mobile-card-padding);right:var(--intro-mobile-card-padding);width:22px;height:22px}.app-with-sidebar:has(.intro-layout) .level-card-audio-btn .speaker-icon{width:11px;height:11px}.app-with-sidebar:has(.intro-layout) .level-lesson{flex:0 0 auto;margin-top:0;margin-bottom:0;margin-inline:0;padding:var(--intro-mobile-lesson-padding-block) var(--intro-mobile-lesson-padding-inline);height:auto;min-height:3.5rem;max-height:none;box-sizing:border-box;opacity:.92;display:flex;flex-direction:column;overflow:visible}.app-with-sidebar:has(.intro-layout) .level-core-lesson--intro{flex:0 0 auto;min-height:0;height:auto;display:flex;flex-direction:column}.app-with-sidebar:has(.intro-layout) .level-core-lesson--intro .level-core-lesson__carousel{flex:0 0 auto;min-height:0;height:auto;display:flex;flex-direction:column;justify-content:center}.app-with-sidebar:has(.intro-layout) .level-core-lesson--intro .level-lesson-label{margin-bottom:2px;flex-shrink:0;padding:3px}.app-with-sidebar:has(.intro-layout) .level-core-lesson--intro .level-core-lesson__content{flex:0 0 auto;min-height:0;height:auto;display:flex;flex-direction:column;justify-content:center;overflow:visible;padding:6px 28px}.app-with-sidebar:has(.intro-layout) .level-lesson--glow{border-width:1px;box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent, #4ade80) 14%,transparent),0 0 10px color-mix(in srgb,var(--theme-accent, #4ade80) 10%,transparent)}.app-with-sidebar:has(.intro-layout) .level-lesson--glow:after{top:-4px;right:-4px;bottom:-4px;left:-4px;box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent, #4ade80) 22%,transparent)}.app-with-sidebar:has(.intro-layout) .rim-glow-beam{stroke-width:1}.app-with-sidebar:has(.intro-layout) .rim-glow-beam--bloom{stroke-width:1.75;filter:blur(.8px)}.app-with-sidebar:has(.intro-layout) .level-core-lesson--intro .level-core-lesson__content{padding:4px 28px}.app-with-sidebar:has(.intro-layout) .level-core-lesson--intro .level-core-lesson__headline{font-size:clamp(.72rem,3.4vw,1.05rem);line-height:1.28;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12em;min-height:0;max-height:none;max-width:min(100%,52ch);width:100%;overflow:visible;padding:0;text-wrap:balance}.app-with-sidebar:has(.intro-layout) .level-core-lesson--intro .core-lesson-quote{display:block;margin:0 auto;padding:0;overflow:visible;white-space:normal;text-wrap:balance;overflow-wrap:break-word;font-size:1em;max-width:min(100%,52ch);text-align:center}.app-with-sidebar:has(.intro-layout) .level-core-lesson__label{margin-bottom:4px;font-size:.55rem;padding:3px}.app-with-sidebar:has(.intro-layout) .core-lesson-attribution{flex-shrink:0;margin-top:2px;padding:0;font-family:var(--font);font-size:.55rem;font-weight:400;line-height:1.15}.app-with-sidebar:has(.intro-layout) .level-encouragement{flex-shrink:0;font-size:.66rem;line-height:1.35;margin-top:0;margin-bottom:0;margin-inline:auto;padding-inline:0;max-width:min(100%,56ch);text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.app-with-sidebar:has(.intro-layout) .level-screen>.btn,.app-with-sidebar:has(.intro-layout) .level-intro-main>.btn,.app-with-sidebar:has(.intro-layout) .level-intro-footer>.btn{flex-shrink:0;margin-top:0;margin-inline:0;padding-top:var(--intro-mobile-btn-padding-block);padding-bottom:var(--intro-mobile-btn-padding-block)}.app-with-sidebar:has(.intro-layout) .level-intro-footer>.btn.btn-begin-pulse{width:100%;max-width:100%;margin-inline:0}@media (max-height: 700px){.app-with-sidebar:has(.intro-layout) .study-layout.intro-layout{padding-top:calc(var(--mobile-right-rail-bottom, 160px) + 5px);padding-bottom:calc(10px + var(--safe-bottom))}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-stack{font-size:clamp(.8rem,3.8vw,1.05rem);font-weight:200;line-height:calc(1.3em + 3px);padding-block:.15em;padding-inline:0;gap:.6em;box-sizing:border-box;max-width:none;width:100%;max-height:none;overflow:visible;text-wrap:balance;display:flex;flex-direction:column;justify-content:space-between;align-items:center;--intro-copy-max: min(100%, 50ch);--intro-coda-max: min(100%, 48ch)}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro,.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-coda{font-weight:inherit;padding:0;box-sizing:border-box;width:100%;max-height:none;overflow:visible;text-wrap:balance;text-align:center;display:block;-webkit-line-clamp:unset;overflow-wrap:break-word}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro{font-size:inherit;line-height:inherit;max-width:var(--intro-copy-max)}.app-with-sidebar:has(.intro-layout) .level-card .level-card-intro-coda{margin-top:0;padding:.35em calc(.5em + 28px);font-size:clamp(calc(.8125rem - 1pt),calc(.55em + 1.8vw - 1pt),calc(.92em - 1pt));line-height:calc(1.35em + 3px);text-align:center;white-space:normal;overflow-wrap:break-word;text-wrap:balance;max-width:var(--intro-coda-max);height:auto;min-height:min-content;max-height:none;overflow:visible}.app-with-sidebar:has(.intro-layout) .level-core-lesson--intro .level-core-lesson__headline{font-size:clamp(.64rem,3vw,.92rem);line-height:1.25;max-height:none;max-width:min(100%,50ch);overflow:visible;text-wrap:balance}.app-with-sidebar:has(.intro-layout) .core-lesson-attribution{font-family:var(--font);font-size:.55rem;font-weight:400;line-height:1.15}.app-with-sidebar:has(.intro-layout) .level-title{font-size:clamp(calc(.92rem + 10pt),calc(2.2vh + .35rem + 10pt),calc(1.1rem + 10pt))}.app-with-sidebar:has(.intro-layout) .level-goal{font-size:.64rem;-webkit-line-clamp:2}.app-with-sidebar:has(.intro-layout) .level-encouragement{margin-top:0;font-size:.58rem}}.study-main{--study-center-inset: 6px;--study-center-inset-left: 2px}.app-on-nature-level .study-main{--study-center-inset: 0px;--study-center-inset-left: 0px}.trail-app-title-shell{margin-bottom:6px;min-height:auto}.trail-app-title,.app-logo.trail-app-title{font-size:clamp(1.05rem,4.8vw,1.3rem)}.app-logo-subtitle{font-size:.68rem;white-space:nowrap}.level-core-lesson{padding:40px}.level-core-lesson:not(.level-core-lesson--intro) .level-core-lesson__carousel{width:100%;margin-left:0;margin-right:0}.level-core-lesson:not(.level-core-lesson--intro) .level-core-lesson__content{padding:0}.level-core-lesson__headline{font-size:1.25rem}.card-inner{padding:16px 12px}.card-word{font-size:clamp(1.3rem,5.8vw,1.7rem)}.card-head__title-row{padding-right:4.75rem}.card-actions{gap:10px;margin-top:14px}.card-difficulty--corner{top:14px;right:14px}.card-difficulty-dot--corner{top:16px;right:16px}.app-top-corner-cluster{--app-top-corner-width: min(260px, calc(100vw - max(20px, 6vw)) );--mobile-toolbar-size: 38px;--profile-hero-size: 44px;position:fixed;top:0;left:0;right:0;z-index:220;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"trail-space" "learned";gap:8px;align-items:start;grid-template-rows:minmax(var(--mobile-trail-height),auto) auto;padding:var(--mobile-trail-top-offset, calc(8px + var(--safe-top))) var(--mobile-profile-right-inset, 8px) 10px;background:linear-gradient(to bottom,#0a0f0d8c,#0a0f0d47 62%,#0a0f0d00);border-bottom:none;box-shadow:none;pointer-events:none}.app-top-corner-cluster:has(.learned-panel){background:transparent;border-bottom:none;box-shadow:none}.app-top-corner-cluster:not(:has(.learned-panel)){grid-template-areas:"trail-space";grid-template-rows:minmax(var(--mobile-trail-height),auto)}.app-top-corner{display:contents}.app-top-corner__connect-anchor{grid-area:unset;width:auto;min-width:0;align-self:center;justify-self:center;margin-right:0}.app-top-corner .connect-menu{width:auto;position:relative}.app-top-corner .connect-menu__trigger{width:var(--mobile-toolbar-size, 38px);height:var(--mobile-toolbar-size, 38px);justify-content:center;padding:0;border-radius:50%;gap:0}.app-top-corner .connect-menu__trigger-icon{width:17px;height:17px;border-radius:0}.app-top-corner__stack{display:contents;width:auto!important;max-width:none!important}.app-top-corner__study-progress{display:contents}.app-top-corner .learned-panel{grid-area:learned;width:auto;min-width:72px;max-width:min(100px,calc(100vw - var(--profile-hero-size, 44px) - 48px));max-height:none;justify-self:end;margin-top:-55px;margin-right:calc(var(--profile-hero-size, 44px) - 1px);pointer-events:auto;background:#121a16f5;border-color:#ffffff1a;writing-mode:horizontal-tb;text-orientation:mixed;transform:none}.app-top-corner .learned-panel-header{padding:8px 10px 6px;border-bottom:none}.app-top-corner .learned-panel-title{font-size:.72rem;margin-bottom:2px}.app-top-corner .learned-panel-progress-count{font-size:.95rem}.app-top-corner .learned-panel-progress-bar{height:5px}.app-top-corner .learned-panel-list{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;overflow-y:hidden;max-height:none;flex:none;padding:0 8px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-top-corner .learned-panel-list::-webkit-scrollbar{display:none}.app-top-corner .learned-panel-word{flex-shrink:0}.app-top-corner .learned-panel-actions{padding:0 8px 8px;border-top:none}.app-top-corner .learned-panel-actions .btn{padding:8px 10px;font-size:.72rem}.app-top-corner-rail{position:fixed;top:var(--mobile-trail-top-offset, calc(8px + var(--safe-top)));right:var(--mobile-profile-right-inset, 8px);z-index:260;display:flex;flex-direction:column;align-items:center;gap:var(--mobile-rail-gap, 12px);pointer-events:auto;background:transparent;box-shadow:none;border:none}.app-profile-anchor{--profile-hero-size: 44px;--walk-together-height: 32px;margin-top:0;width:var(--profile-hero-size);align-self:center;grid-area:unset;z-index:10;pointer-events:auto}.app-top-corner__stack{pointer-events:auto}.app-top-corner__toolbar{position:static;top:auto;right:auto;grid-area:unset;width:auto;margin-top:0;z-index:auto;pointer-events:auto;background:transparent}.app-top-corner__toolbar-icons{width:auto;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:6px;background:transparent}.app-top-corner__toolbar-slot{flex:0 0 auto;justify-content:center;background:transparent}.app-top-corner__toolbar-slot--music,.app-top-corner__toolbar-slot--spotify,.app-top-corner__toolbar-slot--connect{width:var(--mobile-toolbar-size, 38px);min-width:var(--mobile-toolbar-size, 38px);max-width:var(--mobile-toolbar-size, 38px);justify-content:center;align-items:center;box-sizing:border-box}.app-top-corner__toolbar-slot--music .app-top-corner__toolbar-music,.app-top-corner__toolbar-slot--music .inline-music-picker,.app-top-corner__toolbar-slot--music .inline-music-picker__actions,.app-top-corner__toolbar-slot--spotify .spotify-panel,.app-top-corner__toolbar-slot--spotify .spotify-panel__actions,.app-top-corner__toolbar-slot--spotify .spotify-panel__trigger-row,.app-top-corner__toolbar-slot--connect .connect-menu{width:var(--mobile-toolbar-size, 38px);max-width:var(--mobile-toolbar-size, 38px);margin:0;padding:0;align-items:center;justify-content:center;box-sizing:border-box}.app-top-corner__toolbar-slot--spotify .spotify-panel__trigger-row{gap:0}.app-top-corner__toolbar-icons .settings-btn--icon:not(.profile-btn--prominent){width:var(--mobile-toolbar-size, 38px);height:var(--mobile-toolbar-size, 38px)}.app-top-corner__toolbar-icons .profile-btn.settings-btn--icon:not(.profile-btn--prominent){width:var(--mobile-toolbar-size, 38px);height:var(--mobile-toolbar-size, 38px)}.app-top-corner__toolbar-icons .inline-music-lyre-btn,.app-top-corner__toolbar-icons .spotify-playlist-btn,.app-top-corner__toolbar-icons .spotify-explore-btn,.app-top-corner__toolbar-icons .connect-menu__trigger{width:var(--mobile-toolbar-size, 38px);height:var(--mobile-toolbar-size, 38px);margin:0;padding:0;box-sizing:border-box}.app-top-corner__toolbar-icons .spotify-playlist-btn,.app-top-corner__toolbar-icons .spotify-playlist-btn--active{transform:none}.app-top-corner__toolbar-icons .spotify-playlist-btn:hover,.app-top-corner__toolbar-icons .spotify-playlist-btn--active:hover{transform:scale(1.04)}.app-top-corner__toolbar-icons .inline-music-lyre-btn__emblem{width:18px;height:18px}.app-top-corner__toolbar-icons .spotify-playlist-btn__icon{width:100%;height:100%}.app-top-corner-rail--chrome-settled .app-top-corner__toolbar-slot--music,.app-top-corner-rail--chrome-settled .app-top-corner__toolbar-slot--spotify,.app-top-corner-rail--chrome-settled .app-top-corner__toolbar-slot--connect{width:0;min-width:0;max-width:0;height:0}.foundations-quiz-btn{margin-left:0}.app-top-corner:before{display:none}.worldview-quiz{padding:8px 0 16px}.worldview-panel{padding:18px 16px 22px}.app-intro-flow .app-top-corner-cluster{position:fixed;top:calc(16px + var(--safe-top));left:auto;right:0;bottom:auto;display:flex;flex-direction:column;align-items:flex-end;width:auto;max-width:none;grid-template-columns:unset;grid-template-areas:none;background:transparent;border-bottom:none;box-shadow:none;padding:0 10px;gap:6px}.app-intro-flow .app-top-corner{display:flex;flex-direction:row;width:auto;gap:6px}.app-intro-flow .app-top-corner__stack{display:flex;flex-direction:column;align-items:flex-end;width:auto!important;max-width:none!important}.app-intro-flow .app-top-corner-rail{position:static;top:auto;right:auto}.app-intro-flow .app-top-corner__toolbar{position:static;top:auto;right:auto;width:auto;margin-top:0;grid-area:unset;z-index:auto}.app-intro-flow .app-top-corner__connect-anchor{margin-right:0}.app-intro-flow .connect-menu__trigger-label-full{display:inline}.app-intro-flow .connect-menu__trigger-label-short{display:none}}@media (max-width: 400px){.profile-chrome-menu__item--icon{width:38px;height:38px}.profile-chrome-menu__icon,.profile-chrome-menu__icon--music,.profile-chrome-menu__icon--spotify,.profile-chrome-menu__icon--share,.profile-chrome-menu__icon--profile,.profile-chrome-menu__icon--help{width:18px;height:18px}.app-with-sidebar{--trail-sidebar-width: 0px;--mobile-share-profile-width: 108px;--mobile-trail-height: 92px;--mobile-content-top-gap: 24px}body:has(.app-with-sidebar){--mobile-trail-height: 92px;--mobile-trail-content-height: 38px;--mobile-verse-top: calc( var(--mobile-trail-top-offset) + var(--mobile-trail-content-height) + 10px );--profile-hero-size: 40px;--mobile-toolbar-size: 36px;--mobile-verse-right: calc( var(--mobile-profile-right-inset, 8px) + var(--profile-hero-size) + 10px )}.app-on-nature-level{--trail-sidebar-width: 0px}.app-top-corner-cluster{--app-top-corner-width: min(260px, calc(100vw - 20px) );--profile-hero-size: 40px;--mobile-toolbar-size: 36px;padding-left:10px;padding-right:10px}.app-profile-anchor{--profile-hero-size: 40px}.trail-step-name{font-size:.52rem}.app-top-corner .connect-menu__trigger{width:var(--mobile-toolbar-size, 36px);height:var(--mobile-toolbar-size, 36px);padding:0}.app-top-corner .connect-menu__trigger-icon{width:16px;height:16px}.app-top-corner__toolbar-icons .settings-btn--icon:not(.profile-btn--prominent){width:var(--mobile-toolbar-size, 36px);height:var(--mobile-toolbar-size, 36px)}.app-top-corner__toolbar-icons .profile-btn.settings-btn--icon:not(.profile-btn--prominent){width:var(--mobile-toolbar-size, 36px);height:var(--mobile-toolbar-size, 36px)}.app-top-corner__toolbar-icons .inline-music-lyre-btn__emblem{width:17px;height:17px}}.app-worldview{min-height:100dvh;padding-left:var(--layout-inline-gutter, 5vw);padding-right:var(--layout-inline-gutter, 5vw)}.worldview-quiz{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;max-width:min(560px,100%);margin-left:auto;margin-right:auto;padding:12px 16px 20px}.worldview-trail-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;color:#7cb87a}.worldview-trail-path{position:absolute;bottom:12%;left:-10%;width:120%;height:120px}.worldview-panel{position:relative;z-index:1;padding:clamp(20px,4vw,28px) clamp(18px,3.5vw,24px);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--border) 80%,rgba(124,184,122,.18));background:var(--bg-card);box-shadow:var(--shadow);animation:worldviewFadeIn .35s ease;transition:opacity .22s ease,transform .22s ease}.worldview-retake-overlay .worldview-panel{background:var(--bg-deep);border-color:var(--border);box-shadow:0 16px 48px #0000008c}.worldview-panel.fading{opacity:0;transform:translateY(8px)}@keyframes worldviewFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.worldview-eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#9bb89a;margin-bottom:12px}.worldview-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.35rem);font-weight:500;letter-spacing:-.01em;line-height:1.25;margin-bottom:16px;color:#e8f0ea}.worldview-lead{font-size:clamp(1.05rem,2vw,1.15rem);line-height:1.65;color:var(--text-primary);margin-bottom:14px}.worldview-note{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.6;color:var(--text-muted);margin-bottom:14px}.worldview-note--emphasis{margin-bottom:32px}.worldview-note:last-of-type{margin-bottom:32px}.worldview-question{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.65rem);font-weight:500;line-height:1.45;margin-bottom:26px;color:#e8f0ea}.worldview-progress{margin-bottom:28px}.worldview-progress-label{display:flex;justify-content:space-between;font-size:.92rem;color:var(--text-muted);margin-bottom:10px}.worldview-progress-track{height:6px;background:#7cb87a26;border-radius:999px;overflow:hidden}.worldview-progress-fill{height:100%;background:linear-gradient(90deg,#5a9a58,#7cb87a);border-radius:999px;transition:width .4s ease}.worldview-options{display:flex;flex-direction:column;gap:12px}.worldview-option{padding:20px 22px;border-radius:var(--radius-sm);background:#121a16d9;border:1px solid rgba(124,184,122,.18);text-align:left;font-size:clamp(1rem,2vw,1.12rem);line-height:1.55;color:var(--text-primary);transition:border-color .18s ease,background .18s ease,transform .15s ease}.worldview-option:hover:not(:disabled){border-color:#7cb87a73;background:#1a2620f2}.worldview-option.selected{border-color:#7cb87a;background:#7cb87a1f}.worldview-option:active:not(:disabled){transform:scale(.99)}.worldview-scale-hint{font-size:.95rem;color:var(--text-muted);margin-bottom:28px}.worldview-scale{text-align:center;margin-bottom:24px;padding:24px 20px;background:#121a16b3;border:1px solid rgba(124,184,122,.15);border-radius:var(--radius)}.worldview-scale-value{display:block;font-family:var(--font-display);font-size:clamp(2.75rem,6vw,3.25rem);font-weight:600;color:#7cb87a;margin-bottom:18px}.worldview-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#7cb87a33;border-radius:999px;outline:none;margin-bottom:8px}.worldview-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#7cb87a;border:2px solid #0a0f0d;cursor:pointer;box-shadow:0 2px 8px #0000004d}.worldview-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#7cb87a;border:2px solid #0a0f0d;cursor:pointer}.worldview-scale-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.worldview-scale-buttons{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:32px}.worldview-scale-btn{aspect-ratio:1;border-radius:10px;font-size:.95rem;font-weight:600;background:#121a16b3;border:1px solid rgba(124,184,122,.15);color:var(--text-muted);transition:border-color .15s,background .15s,color .15s}.worldview-scale-btn.active{background:#7cb87a33;border-color:#7cb87a;color:#e8f0ea}.worldview-summary-card{background:#121a16d9;border:1px solid rgba(124,184,122,.2);border-radius:var(--radius);padding:28px 24px;margin-bottom:20px;position:relative;overflow:hidden}.worldview-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5a9a58,#7cb87a)}.worldview-summary-card p{font-size:clamp(1rem,2vw,1.1rem);line-height:1.7;color:var(--text-primary)}.worldview-unlock-note{font-size:clamp(.95rem,1.8vw,1.05rem);color:#9bb89a;margin-bottom:28px;text-align:center}.worldview-growth{display:flex;flex-direction:column;gap:12px;margin:0 0 20px;padding:16px 18px;border-radius:var(--radius);border:1px solid rgba(124,184,122,.22);background:#121a16b8}.worldview-growth-label{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9bb89ad9}.worldview-growth-fulfillment{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:.95rem;color:var(--text-primary)}.worldview-growth-delta{color:#9bb89a;font-size:.85rem}.worldview-growth-changes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.worldview-growth-prompt{margin:0 0 4px;font-size:.82rem;color:#d2e0e6b8}.worldview-growth-shift{margin:0;font-size:.9rem;line-height:1.45;color:var(--text-primary)}.worldview-cta{background:#7cb87a;color:#0a0f0d}.worldview-skip-trail{position:relative;z-index:2;align-self:center;margin-top:18px;padding:0;border:none;background:none;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s}.worldview-skip-trail:hover{color:var(--text-primary)}.worldview-skip-confirm{position:relative;z-index:2;padding:clamp(24px,4vw,32px) clamp(18px,3.5vw,24px);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--border) 80%,rgba(124,184,122,.18));background:var(--bg-card);box-shadow:var(--shadow);text-align:center;animation:worldviewFadeIn .28s ease}.worldview-skip-confirm-title{font-family:var(--font-display);font-size:clamp(1.45rem,3.2vw,1.85rem);font-weight:500;letter-spacing:-.01em;color:#e8f0ea;margin-bottom:12px}.worldview-skip-confirm-copy{font-size:clamp(.98rem,1.9vw,1.08rem);line-height:1.55;color:var(--text-muted);margin:0 auto 24px;max-width:28ch}.worldview-skip-confirm-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.worldview-skip-confirm-actions .btn{min-width:9.5rem}.worldview-summary-panel .worldview-title{font-size:clamp(1.65rem,3.5vw,2rem);margin-bottom:20px}.level-screen{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:420px;margin-left:auto;margin-right:auto;padding:8px 12px 24px;animation:worldviewFadeIn .35s ease}.trail-quiz-gate{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:28px 20px;animation:worldviewFadeIn .35s ease}.trail-quiz-gate-card{width:100%;max-width:min(560px,100%);padding:32px 24px;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000059}.trail-quiz-gate .level-goal{margin-bottom:20px}.level-screen--reflection{max-width:min(640px,100%);padding:16px 20px 32px}.level-screen--reflection .level-eyebrow{font-size:.8rem;margin-bottom:12px}.level-screen--reflection .level-title{font-size:clamp(1.75rem,4vw,2.35rem);margin-bottom:20px}.level-screen--reflection .level-card{padding:28px 24px;margin-bottom:20px}.level-screen--reflection .level-card p{font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.75}.level-screen--reflection .level-goal{font-size:clamp(1rem,1.8vw,1.1rem);margin-bottom:24px}.level-screen--reflection .btn{padding:18px 28px;font-size:1.05rem}.level-screen-header{margin-bottom:12px}.level-back-btn{font-size:.85rem;color:var(--text-muted);padding:6px 0;transition:color .15s}.level-back-btn:hover{color:var(--text-primary)}.level-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.level-eyebrow-back{position:relative;display:inline-block;margin:0;padding:0;border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .15s ease}.level-eyebrow-back:hover,.level-eyebrow-back:focus-visible{color:var(--text-primary)}.level-eyebrow-back:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-accent, #4ade80) 55%,transparent);outline-offset:3px;border-radius:3px}.level-eyebrow-tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:6;padding:6px 10px;border-radius:7px;border:1px solid rgba(180,155,120,.28);background:#0c120ff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 22px #00000061;font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:none;color:#e8f0eceb;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.level-eyebrow-back:hover .level-eyebrow-tooltip,.level-eyebrow-back:focus-visible .level-eyebrow-tooltip{opacity:1;transform:translateY(0)}.level-eyebrow-sep{color:inherit}.level-title{font-family:var(--font-display);font-size:clamp(calc(1.45rem + 3pt),calc(3.6vw + 3pt),calc(1.85rem + 3pt));font-weight:500;line-height:1.3;margin-bottom:12px}.level-title--enter{animation:level-title-enter .85s cubic-bezier(.22,1,.36,1) both}@keyframes level-title-enter{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.level-title--enter{animation:none}}.level-goal{font-size:var(--text-base);line-height:1.6;color:var(--text-muted);margin-bottom:16px}.level-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;margin-bottom:16px;position:relative;overflow:hidden}.level-card-audio-btn{position:absolute;top:auto;bottom:12px;right:12px;z-index:1;width:26px;height:26px;border:1px solid var(--border);opacity:.85;transition:opacity .15s ease,background .15s ease,color .15s ease}.level-card-audio-btn .speaker-icon{width:12px;height:12px}.level-card-audio-btn:hover:not(:disabled){opacity:1;color:var(--text-primary)}.level-card-audio-btn:disabled{opacity:.55;cursor:wait}.level-card:before{content:"";position:absolute;top:0;bottom:0;left:0;right:auto;width:3px;height:auto;border-radius:0;background:var(--theme-accent, #4ade80)}.level-card p{font-size:.95rem;line-height:calc(1.7em + 3px)}.level-card .level-card-intro-stack{--intro-line-count: 1;--intro-reveal-total: var(--trail-enter-duration, 1.6s);--intro-reveal-start: .1s;--intro-wave-overlap: .48;--intro-wave-duration: calc( (var(--intro-reveal-total) - var(--intro-reveal-start)) / (1 + (var(--intro-line-count) - 1) * var(--intro-wave-overlap)) );--intro-wave-stagger: calc(var(--intro-wave-duration) * var(--intro-wave-overlap));--intro-copy-max: min(100%, 56ch);--intro-coda-max: min(100%, 52ch);font-size:clamp(calc(1.12rem + 4pt),calc(2.4vw + 4pt),calc(1.28rem + 4pt));line-height:calc(1.7em + 3px);text-align:center;font-weight:200;padding-block:.4em;padding-inline:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.85em;box-sizing:border-box;width:100%;min-height:0}.level-card .level-card-intro,.level-card .level-card-intro-coda{margin:0;text-align:center;font-weight:inherit;padding-inline:0;flex:0 0 auto;align-self:center;box-sizing:border-box;width:100%;text-wrap:balance;overflow-wrap:break-word;white-space:normal}.level-card .level-card-intro{font-size:inherit;line-height:inherit;max-width:var(--intro-copy-max)}.level-card-intro .level-card-intro-line{display:block;width:100%;max-width:100%;box-sizing:border-box;text-align:center;text-wrap:balance;overflow-wrap:break-word}.level-card-intro-line{--line-i: 0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 1.4em),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 1.4em),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:0% 100%;mask-size:0% 100%;animation:level-intro-line-wave var(--intro-wave-duration, .7s) cubic-bezier(.22,.82,.28,1) both;animation-delay:calc(var(--intro-reveal-start, .1s) + var(--line-i) * var(--intro-wave-stagger, .34s))}@keyframes level-intro-line-wave{0%{-webkit-mask-size:0% 100%;mask-size:0% 100%}to{-webkit-mask-size:135% 100%;mask-size:135% 100%}}@media (prefers-reduced-motion: reduce){.level-card-intro-line{-webkit-mask-image:none;mask-image:none;-webkit-mask-size:auto;mask-size:auto;animation:none}}.level-card-intro-coda{margin-top:0;padding:.45em calc(.75em + 34px);border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-elevated) 72%,transparent);box-sizing:border-box;width:100%;max-width:var(--intro-coda-max, min(100%, 52ch));height:auto;min-height:min-content;max-height:none;overflow:visible;font-size:clamp(calc(.8125rem - 1pt),calc(.55em + .9vw - 1pt),calc(.95em - 1pt));line-height:calc(1.4em + 3px);text-align:center;white-space:normal;overflow-wrap:break-word;text-wrap:balance}.level-card-intro-coda .intro-wave-phrase-block{display:inline}.level-card-intro-coda .intro-wave-phrase{white-space:normal}.level-card-intro strong,.level-card-intro-coda strong{font-weight:700}.intro-wave-phrase{font-weight:700;cursor:default;white-space:nowrap}.intro-wave-phrase-block{display:block}.intro-wave-phrase-block .intro-wave-phrase{display:inline-block;white-space:nowrap}.intro-wave-letter{display:inline-block}.intro-wave-phrase:hover .intro-wave-letter{animation:intro-letter-wave .55s ease both;animation-delay:calc(var(--wave-i) * 45ms)}@keyframes intro-letter-wave{0%,to{transform:translateY(0)}40%{transform:translateY(-.22em)}70%{transform:translateY(.06em)}}.level-card-intro-bullets{list-style:disc;margin:12px auto 0;padding-left:1.35em;max-width:min(100%,32rem);text-align:left}.level-card-intro-bullets li{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.55;font-weight:400}.level-card-intro-bullets li+li{margin-top:6px}.level-lesson{position:relative;isolation:isolate;padding:16px 18px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border);margin-bottom:14px}.level-lesson--glow{border:2px solid color-mix(in srgb,var(--theme-accent, #4ade80) 55%,var(--border));background:color-mix(in srgb,var(--theme-accent, #4ade80) 10%,rgba(255,255,255,.03));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent, #4ade80) 25%,transparent),0 0 16px color-mix(in srgb,var(--theme-accent, #4ade80) 14%,transparent);overflow:visible}.level-lesson--glow>*:not(.rim-glow-svg){position:relative;z-index:1}.rim-glow-svg{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;z-index:0}.rim-glow-beam{fill:none;stroke:color-mix(in srgb,var(--rim-glow-accent, var(--theme-accent, #4ade80)) 55%,white);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16 84;vector-effect:non-scaling-stroke;animation:rim-glow-trace 11s linear infinite}.rim-glow-beam--bloom{stroke:var(--rim-glow-accent, var(--theme-accent, #4ade80));stroke-width:3.5;stroke-opacity:.45;filter:blur(1.5px);stroke-dasharray:18 82}.level-lesson--glow:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--radius-sm) + 6px);background:transparent;box-shadow:0 0 28px color-mix(in srgb,var(--theme-accent, #4ade80) 42%,transparent);pointer-events:none;z-index:-1}@keyframes rim-glow-trace{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@media (prefers-reduced-motion: reduce){.rim-glow-beam{animation:none;stroke-dasharray:none;stroke:var(--rim-glow-accent, var(--theme-accent, #4ade80));stroke-opacity:.85}.rim-glow-beam--bloom{display:none}}.level-lesson-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-accent, #4ade80);margin-bottom:6px;text-align:center}.level-lesson p:last-child{font-family:var(--font-display);font-size:1rem;line-height:1.5;white-space:pre-line}.level-encouragement{font-size:.88rem;line-height:1.6;color:#9bb89a;margin-top:0;margin-bottom:0;margin-inline:auto;padding-inline:14px;font-style:italic;text-align:center;max-width:min(100%,56ch);text-wrap:balance;overflow-wrap:break-word}.level-screen>.btn.btn-block{width:auto;align-self:stretch;margin-inline:14px}.level-core-lesson{width:100%;padding:40px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--theme-accent, #4ade80);box-sizing:border-box;text-align:center;transition:max-width .35s cubic-bezier(.4,0,.2,1)}.level-core-lesson__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-accent, #4ade80);margin:0 0 10px;text-align:center}.level-core-lesson__carousel{position:relative;width:100%;box-sizing:border-box}.level-core-lesson:not(.level-core-lesson--intro) .level-core-lesson__carousel{width:100%;margin-left:0;margin-right:0;min-height:5.5rem;max-height:7.5rem;height:6.25rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.level-core-lesson__content{min-width:0;width:100%;padding:0;text-align:center;animation:coreLessonFadeIn .28s ease;box-sizing:border-box}.level-core-lesson:not(.level-core-lesson--intro) .level-core-lesson__content{padding:0}.level-core-lesson--intro{padding:0;border:none;border-left:none;background:transparent;text-align:center}.level-core-lesson--intro .level-core-lesson__headline{font-size:1rem;text-align:center}.core-lesson-nav{position:absolute;top:50%;z-index:1;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid color-mix(in srgb,var(--theme-accent, #4ade80) 35%,var(--border));border-radius:999px;background:#ffffff14;color:var(--text-primary);cursor:pointer;line-height:0;transform:translateY(-50%);transition:color .15s ease,background .15s ease,border-color .15s ease}.core-lesson-nav--prev{left:10px}.core-lesson-nav--next{right:10px}@media (min-width: 641px){.core-lesson-nav--prev{left:6px}.core-lesson-nav--next{right:6px}}.level-core-lesson__carousel:has(.core-lesson-nav) .level-core-lesson__content{padding-inline:36px}.level-core-lesson--intro .level-core-lesson__content{padding:5px 41px}.level-core-lesson--intro .level-lesson-label{margin-bottom:8px}.core-lesson-nav svg{width:11px;height:11px;display:block;flex-shrink:0}.core-lesson-nav:hover{color:var(--text-primary);background:#ffffff14;border-color:color-mix(in srgb,var(--theme-accent, #4ade80) 45%,var(--border))}.core-lesson-nav:active{transform:translateY(-50%) scale(.94)}@keyframes coreLessonFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.level-core-lesson__content{animation:none}}.vocab-deck-banner .level-core-lesson{margin-bottom:0;background:var(--bg-card)}.level-core-lesson__headline{font-family:var(--font-display);font-size:1.55rem;font-weight:400;line-height:1.25;color:var(--text-primary);margin:0 auto;letter-spacing:-.025em;text-align:center;max-width:min(100%,52ch);box-sizing:border-box;text-wrap:balance;overflow-wrap:break-word}.level-core-lesson__headline.core-lesson-quote,.level-core-lesson__headline>.core-lesson-quote{font-family:inherit;font-size:1em;font-weight:inherit;font-style:italic;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0 auto;text-align:center;max-width:min(100%,52ch);text-wrap:balance;overflow-wrap:break-word}.core-lesson-quote{font-size:1em;font-style:italic;text-align:center;max-width:min(100%,52ch);margin-inline:auto;text-wrap:balance;overflow-wrap:break-word}.core-lesson-attribution{display:block;margin:.35em auto 0;font-size:.72em;font-style:normal;font-weight:400;letter-spacing:.02em;text-align:center;color:var(--text-muted, inherit);max-width:min(100%,48ch);text-wrap:balance}.level-core-lesson__note{margin-top:var(--study-center-stack-gap, 8px);padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);border-left:2px solid color-mix(in srgb,var(--theme-accent, #4ade80) 55%,var(--border));text-align:center;max-width:100%;overflow:hidden}.level-core-lesson__note p{font-family:var(--font-lesson-note);font-size:calc(clamp(.68rem,2vw,.875rem) - 2pt);font-weight:400;font-style:italic;line-height:1.35;color:var(--theme-accent, #4ade80);margin:0;letter-spacing:-.015em;white-space:normal;text-align:center}.study-reminder{font-size:.82rem;line-height:1.5;color:#9bb89a;margin-bottom:0;font-style:italic}.practice-mode{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:420px;margin-left:auto;margin-right:auto;padding:0 12px}.practice-banner{margin-bottom:12px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border)}.practice-banner h2{font-family:var(--font-display);font-size:1.1rem;margin-bottom:4px}.practice-banner p{font-size:.85rem;color:var(--text-muted)}.trail-complete-screen .trail-complete-card p{font-family:var(--font-display);font-size:1rem;line-height:1.75}.trail-complete-beliefs{width:min(100%,420px);margin:20px auto 0;padding:18px 18px 16px;border-radius:var(--radius);border:1px solid rgba(124,184,122,.22);background:#121a168c;text-align:left}.trail-complete-beliefs-title{margin:0 0 8px;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary)}.trail-complete-beliefs-copy{margin:0 0 14px;font-size:.88rem;line-height:1.5;color:var(--text-muted)}.trail-complete-beliefs .btn{margin-top:4px}.app-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.beginners-quiz-btn{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:10px 14px;font-size:.82rem;font-weight:600;border-radius:999px;white-space:nowrap;transition:background .2s,border-color .2s}.connect-menu{width:100%;position:relative}.connect-menu--text{width:auto;align-self:flex-end;position:relative}.connect-menu__trigger{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;margin:0;padding:0;border:1px solid rgba(255,255,255,.28);background:transparent;border-radius:50%;box-shadow:none;overflow:visible;line-height:0;cursor:pointer;color:#e8e4dc;transition:color .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease}.connect-menu__trigger:hover:not(:disabled){color:#fff;background:transparent;border-color:#ffffff6b;transform:scale(1.04)}.connect-menu__trigger--open{color:#fff;background:transparent;border:2px solid #fff;box-shadow:0 0 0 2px #7cb87a8c}.connect-menu__trigger-icon{display:block;flex-shrink:0;width:22px;height:22px;border-radius:0;overflow:visible}.connect-menu__trigger-label{font-family:var(--font);font-size:.82rem;font-weight:500;line-height:1.2;color:currentColor;white-space:nowrap}.connect-menu__trigger-label-short{display:none}.connect-menu__trigger-arrow{flex-shrink:0;font-size:.82rem;font-weight:500;line-height:1;color:currentColor;opacity:.85}.connect-mode-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:292;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);padding-top:calc(max(16px,3vw) + var(--safe-top));padding-bottom:calc(max(16px,3vw) + var(--safe-bottom));background:#040807c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:app-about-fade-in .3s ease}.connect-mode-popup{position:relative;width:min(100%,420px);max-height:min(88dvh,720px);overflow-y:auto;padding:clamp(22px,4vw,28px);border-radius:var(--radius);background:#0f1612;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 48px #0000008c;animation:app-about-expand .35s cubic-bezier(.34,1.2,.64,1)}.connect-mode-popup__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text-muted);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,background .15s ease}.connect-mode-popup__close:hover{color:var(--text-primary);background:#ffffff1a}.connect-mode-popup__back{position:absolute;top:12px;left:12px;z-index:1;margin:0}.connect-mode-popup__eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7cb87a;margin:28px 0 6px}.connect-mode-popup__title{font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.65rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#e8f0ea;margin:0 0 10px;padding-right:36px}.connect-mode-popup--virtue-gate .btn{margin-top:4px}.connect-mode-popup__section{margin:0 0 18px}.connect-mode-popup__section:last-child{margin-bottom:0}.connect-mode-popup__section-title{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);margin:0 0 10px}.connect-mode-popup__requirements{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.connect-mode-popup__requirements li{position:relative;padding:10px 12px 10px 28px;border-radius:var(--radius-sm);border:1px solid rgba(180,155,120,.2);background:#785f4614;font-size:.82rem;line-height:1.45;color:var(--text-muted)}.connect-mode-popup__requirements li:before{content:"✓";position:absolute;left:10px;top:10px;color:#7cb87a;font-size:.72rem;font-weight:700}.connect-mode-popup__options{display:flex;flex-direction:column;gap:8px}.connect-menu__option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .2s,border-color .2s}.connect-menu__option--partners,.connect-menu__option--with-icon{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.connect-menu__option--partners{border-color:#c88ca059}.connect-menu__option-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1}.connect-menu__option-icon{flex-shrink:0;display:block;width:36px;height:36px;object-fit:contain;pointer-events:none}.connect-menu__option-icon--partners,.connect-menu__option-icon--friends{width:36px;height:36px;min-width:36px;min-height:36px}.connect-menu__option:hover{background:#ffffff14}.connect-menu__option--friends{border-color:#7cb87a59}.connect-menu__option--account{border-color:#8caac84d}.connect-menu__option-label{font-size:.9rem;font-weight:600}.connect-menu__option-desc{font-size:.75rem;line-height:1.35;color:var(--text-muted)}.account-auth{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:20px;background:linear-gradient(180deg,#0f1410,#141c17 40%,#0a0f0d)}.account-auth__panel{width:100%;max-width:420px;padding:8px 0 24px}.account-auth__tabs{display:flex;gap:8px;margin-bottom:16px}.account-auth__tab{flex:1;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:600}.account-auth__tab.active{border-color:#7cb87a80;background:#7cb87a29;color:#dff0dc}.account-auth__form{display:flex;flex-direction:column;gap:12px}.account-auth__field{display:flex;flex-direction:column;gap:6px;font-size:.72rem;color:var(--text-muted)}.account-auth__field input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-sans);font-size:.88rem}.account-auth__error{margin:0;font-size:.76rem;color:#f0a08a}.challenge-results__scores{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}.challenge-results__score{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a}.challenge-results__score--winner{border-color:#7cb87a8c;background:#7cb87a1f}.challenge-results__name{font-size:.72rem;color:var(--text-muted)}.challenge-results__score strong{font-size:1.4rem}.challenge-results__vs{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.connection-option--highlight{border-color:#7cb87a8c;background:#7cb87a1a}.beginners-quiz-btn{border:1px solid rgba(124,184,122,.5);color:#e8f0ea;background:#7cb87a33}.beginners-quiz-btn:hover:not(:disabled){background:#7cb87a52;border-color:#7cb87ab3}.connection-mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;background:var(--bg-deep);overflow-y:auto}.connection-mode-shell{min-height:100dvh;background:linear-gradient(180deg,#0f1410,#141c17 40%,#0a0f0d)}.connection-quiz{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;max-width:min(560px,100%);margin:0 auto;min-height:100dvh;padding:20px max(20px,6vw) calc(28px + var(--safe-bottom));box-sizing:border-box}.connection-quiz .quiz-back-btn{position:relative;z-index:2;margin-bottom:16px}.connection-quiz-trail-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;color:#b49b7873}.connection-quiz-trail-path{position:absolute;bottom:12%;left:-10%;width:120%;height:120px}.connection-quiz-panel{position:relative;z-index:1;padding:clamp(20px,4vw,28px) clamp(18px,3.5vw,24px);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--border) 80%,rgba(180,155,120,.18));background:var(--bg-card);box-shadow:var(--shadow);animation:worldviewFadeIn .35s ease}.connection-quiz-progress{margin-bottom:28px}.connection-quiz-progress-label{display:flex;justify-content:space-between;font-size:.92rem;color:var(--text-muted);margin-bottom:10px}.connection-quiz-progress-track{height:6px;background:#b49b7826;border-radius:999px;overflow:hidden}.connection-quiz-progress-fill{height:100%;background:linear-gradient(90deg,#8a7355,#b49b78);border-radius:999px;transition:width .4s ease}.connection-quiz-question{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.65rem);font-weight:500;line-height:1.45;margin:0 0 14px;color:#e8f0ea}.connection-quiz-lead{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.6;color:var(--text-muted);margin:0 0 26px}.connection-quiz-options{display:flex;flex-direction:column;gap:12px}.connection-quiz-option{padding:20px 22px;border-radius:var(--radius-sm);background:#121a16d9;border:1px solid rgba(180,155,120,.18);text-align:left;font-size:clamp(1rem,2vw,1.12rem);line-height:1.55;color:var(--text-primary);transition:border-color .18s ease,background .18s ease,transform .15s ease}.connection-quiz-option:hover:not(:disabled){border-color:#b49b7873;background:#1a2620f2}.connection-quiz-option:active:not(:disabled){transform:scale(.99)}.connection-screen{min-height:100dvh;display:flex;flex-direction:column;max-width:min(960px,100%);margin:0 auto;padding:20px 20px calc(28px + var(--safe-bottom));position:relative}.connection-screen-scroll{justify-content:flex-start}.connection-trail-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#b49b7859;overflow:hidden}.connection-trail-path{width:100%;height:120px;margin-top:40px}.connection-panel{flex:1;display:flex;flex-direction:column;animation:worldviewFadeIn .35s ease;position:relative;z-index:1}.connection-panel.fading{opacity:.5;transition:opacity .2s}.connection-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#a89070;margin-bottom:8px}.connection-hero{display:flex;align-items:flex-start;gap:clamp(16px,4vw,28px);margin-bottom:16px}.connection-hero__main{flex:1 1 280px;min-width:0}.connection-hero__aside{flex:0 1 min(300px,42%);margin:0;margin-top:1.35rem;margin-bottom:0;display:flex;flex-direction:column;gap:14px}.connection-lead--aside{margin-bottom:0;font-size:.88rem}@media (max-width: 560px){.connection-hero{flex-direction:column;gap:12px}.connection-hero__aside{flex:none;max-width:none;margin-top:0}}.connection-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.3;margin-bottom:0;color:#f0ebe3}.connection-lead{font-size:var(--text-base);line-height:1.65;color:var(--text-muted);margin-bottom:16px}.connection-note{font-size:.82rem;color:var(--text-muted);margin-bottom:14px;line-height:1.55}.connection-card-highlight{background:#785f461f;border:1px solid rgba(180,155,120,.2);border-radius:var(--radius);padding:18px;margin-bottom:16px}.connection-quote{font-family:var(--font-display);font-size:1rem;line-height:1.65;color:#e8dfd0;font-style:italic}.connection-values-list{list-style:none;margin-bottom:18px}.connection-values-list li{font-size:.9rem;color:var(--text-muted);padding:8px 0 8px 20px;position:relative;border-bottom:1px solid var(--border)}.connection-values-list li:before{content:"◦";position:absolute;left:0;color:#a89070}.connection-panel--opt-in{width:100%;max-width:min(540px,100%);margin:0 auto;align-items:center;gap:0}.connection-opt-in-header{width:100%;text-align:center;margin-bottom:22px}.connection-opt-in-header .connection-title{margin-bottom:0}.connection-opt-in-card{width:100%;padding:20px 22px;border-radius:var(--radius);border:1px solid rgba(180,155,120,.22);border-left:3px solid rgba(180,155,120,.55);background:#785f461a;margin-bottom:20px;text-align:center}.connection-opt-in-quote{margin:0 0 14px;padding:0;border:none;font-family:var(--font-display);font-size:clamp(1rem,2.4vw,1.12rem);line-height:1.6;color:#e8dfd0;font-style:italic}.connection-opt-in-lead{margin:0;font-size:.88rem;line-height:1.65;color:var(--text-muted)}.connection-opt-in-values{list-style:none;width:100%;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connection-opt-in-value{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);font-size:.84rem;line-height:1.45;color:var(--text-muted);text-align:center}.connection-opt-in-note{width:100%;margin:0 0 20px;font-size:.8rem;line-height:1.55;color:var(--text-muted);text-align:center}.connection-opt-in-actions{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}@media (max-width: 480px){.connection-opt-in-values{grid-template-columns:1fr}.connection-opt-in-card{padding:16px 18px}}.connection-form{display:flex;flex-direction:column;gap:18px}.connection-form--narrow{max-width:min(360px,100%)}.connection-form--age-gate{width:25%;min-width:160px;max-width:240px;align-self:flex-start}.connection-form__error{margin:0;font-size:.78rem;line-height:1.45}.connection-label{font-size:clamp(1rem,2.2vw,1.12rem);font-weight:600;color:var(--text-primary);margin-top:0;line-height:1.4}.connection-input,.connection-textarea{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:clamp(1rem,2vw,1.05rem)}.connection-textarea{resize:vertical;min-height:100px;line-height:1.55;font-size:clamp(1rem,2vw,1.05rem)}.connection-input:focus,.connection-textarea:focus,.connection-field:focus{outline:none;border-color:#b49b78b8;background:color-mix(in srgb,var(--bg-card) 88%,rgba(180,155,120,.18));box-shadow:0 0 0 3px #b49b7838,inset 0 0 0 1px #b49b7859}.connection-error{font-size:.85rem;color:#e8a090}.connection-options{display:flex;flex-direction:column;gap:12px}.connection-option{text-align:left;padding:18px 20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);font-size:clamp(1rem,2vw,1.1rem);line-height:1.5;transition:border-color .2s,background .2s}.connection-option:hover:not(:disabled){border-color:#b49b7866;background:var(--bg-elevated)}.connection-option.selected{border-color:#b49b7899;background:#785f4626}.connection-progress{margin-bottom:22px}.connection-progress-label{font-size:.92rem;color:var(--text-muted);display:block;margin-bottom:8px}.connection-progress-track{height:6px;background:var(--border);border-radius:2px;overflow:hidden}.connection-progress-fill{height:100%;background:linear-gradient(90deg,#8a7355,#b49b78);border-radius:2px;transition:width .3s ease}.connection-question{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.55rem);line-height:1.45;margin-bottom:24px}.connection-scale-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px}.connection-scale-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);font-size:1rem;font-weight:600;transition:all .2s}.connection-scale-btn:hover:not(:disabled){border-color:#b49b7880;background:#785f4633}.connection-scale-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.connection-virtue-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:4px}@media (min-width: 480px){.connection-virtue-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 640px){.connection-virtue-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}.connection-chip{padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);font-size:.95rem;transition:all .2s}.connection-virtue-chips .connection-chip{width:100%;text-align:center}.connection-chip.active{border-color:#b49b7899;background:#785f4633;color:#e8dfd0}.profile-heart-field{border:none;margin:0;padding:0;min-width:0}.profile-heart-field>.connection-label{margin-bottom:6px;padding:0;float:none}.profile-heart-field__hint{margin:0 0 10px;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.profile-heart-field__custom-label{margin-top:4px;font-size:.82rem;color:var(--text-muted)}.profile-heart-field__composer{display:flex;flex-direction:column;gap:10px;width:100%;padding:10px 12px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.profile-heart-field__composer:focus-within{outline:none;border-color:#b49b78b8;background:color-mix(in srgb,var(--bg-card) 88%,rgba(180,155,120,.18));box-shadow:0 0 0 3px #b49b7838,inset 0 0 0 1px #b49b7859}.profile-heart-field__tags{display:flex;flex-wrap:wrap;gap:6px}.profile-heart-field__tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-family:inherit;font-size:.68rem;line-height:1.3;text-align:left;transition:border-color .2s ease,background .2s ease,color .2s ease}.profile-heart-field__tag:hover{border-color:#b49b7873;color:var(--text-primary)}.profile-heart-field__tag--selected{border-color:#b49b788c;background:#785f4638;color:#e8dfd0}.profile-heart-field__tag-sign{flex-shrink:0;width:.75em;font-size:.95em;font-weight:700;line-height:1;text-align:center}.profile-heart-field__tag-label{min-width:0;white-space:normal}.profile-heart-field__textarea{width:100%;min-height:72px;padding:0;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:clamp(.92rem,1.8vw,1rem);line-height:1.55;resize:vertical}.profile-heart-field__textarea:focus{outline:none;box-shadow:none}.profile-heart-field__textarea::placeholder{color:var(--text-muted);opacity:.85}.profile-suggestions{margin:0 0 10px}.profile-suggestions__label{margin:0 0 6px;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.profile-suggestions__chips{display:flex;flex-wrap:wrap;gap:6px}.profile-suggestion-chip{max-width:100%;padding:6px 10px;border-radius:999px;border:1px solid rgba(180,155,120,.35);background:#785f4624;color:#e8dfd0;font-size:.72rem;line-height:1.35;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-suggestion-chip:hover{background:#785f463d}.profile-draft-status{color:#9bb89a;font-style:italic}.connection-visibility-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.connection-visibility-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.88rem;cursor:pointer}.connection-visibility-row span:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.connection-visibility-row--disabled{opacity:.72;cursor:not-allowed}.connection-visibility-row--disabled input{cursor:not-allowed}.connection-pref-hint{font-size:.75rem;line-height:1.35;color:var(--text-muted);font-weight:400}.connection-age-display{margin:0 0 4px;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.connection-field-block{margin-bottom:14px}.connection-visibility-row input{width:18px;height:18px;flex-shrink:0;accent-color:#a89070}.connection-tag-mentor{border-color:color-mix(in srgb,#7a9e7e 55%,transparent);color:#b7c9b4}.connection-tag-student{border-color:color-mix(in srgb,#9a8a6a 55%,transparent);color:#c4b89a}.connection-photo-preview{display:flex;gap:8px;flex-wrap:wrap}.connection-photo-preview__item{position:relative}.connection-photo-preview__select{display:block;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:none;cursor:pointer}.connection-photo-preview__select--active{border-color:#b49b78bf;box-shadow:0 0 0 1px #b49b7859}.connection-photo-thumb-wrap{position:relative;display:block;width:64px;height:64px;overflow:hidden;border-radius:var(--radius-sm)}.connection-photo-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.connection-photo-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border:none;border-radius:999px;background:#0a0f0deb;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer}.connection-photo-remove:hover{color:var(--text-primary);background:#1e2823fa}.connection-photo-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);display:block}.profile-photo-filter-picker{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(180,155,120,.18);background:#0a0f0d59}.profile-photo-filter-picker--compact{padding:10px}.profile-photo-filter-picker__lead{margin:0;font-size:.78rem;color:var(--text-muted)}.profile-photo-filter-picker__lead strong{color:var(--text-primary);font-weight:600}.profile-photo-filter-picker__swatches{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.profile-photo-filter-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;padding:0;border:none;background:none;cursor:pointer;color:var(--text-muted)}.profile-photo-filter-swatch--active .profile-photo-filter-swatch__preview{outline:2px solid rgba(180,155,120,.85);outline-offset:1px}.profile-photo-filter-swatch__preview{position:relative;width:52px;height:52px;overflow:hidden;border-radius:8px;border:1px solid var(--border)}.profile-photo-filter-swatch__photo{width:100%;height:100%;object-fit:cover;display:block}.profile-photo-filter-swatch__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.profile-photo-filter-swatch__label{font-size:.62rem;line-height:1.1;max-width:52px;text-align:center}.profile-photo-filter-swatch--active .profile-photo-filter-swatch__label{color:var(--text-primary)}.profile-photo-filter-swatch__preview--custom{display:flex;align-items:center;justify-content:center}.profile-photo-filter-swatch__spectrum{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,red,#f80 16%,#ff0,#0f0 50%,#08f 66%,#40f,#f0f)}.profile-photo-filter-swatch__custom-cover{position:relative;z-index:1;padding:4px;font-size:.48rem;line-height:1.15;font-weight:600;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85)}.profile-photo-filter-picker__color-chip{display:inline-block;width:.75rem;height:.75rem;border-radius:999px;vertical-align:-.1em;border:1px solid rgba(255,255,255,.35)}.profile-photo-custom-color{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius-sm);border:1px solid rgba(180,155,120,.2);background:#080c0a8c}.profile-photo-custom-color__label{margin:0;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.profile-photo-custom-color__controls{display:flex;align-items:center;gap:10px}.profile-photo-custom-color__input{width:100%;height:36px;padding:0;border:1px solid var(--border);border-radius:8px;background:transparent;cursor:pointer}.profile-photo-custom-color__value{flex:0 0 auto;font-size:.72rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.profile-photo-custom-color__input--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-photo-change-color-prompt{position:fixed;z-index:10000;transform:translate(12px,10px);padding:7px 12px;border-radius:999px;border:1px solid rgba(180,155,120,.55);background:#121815f5;color:var(--text-primary);font-size:.72rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 8px 24px #00000059;white-space:nowrap}.profile-photo-change-color-prompt:hover{border-color:#b49b78d9;background:#18201cfa}.profile-photo-contrast,.profile-photo-adjustment{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid rgba(180,155,120,.16)}.profile-photo-contrast__label,.profile-photo-adjustment__label{margin:0;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.profile-photo-contrast__slider,.profile-photo-adjustment__slider{width:100%;height:6px;margin:0;accent-color:var(--theme-accent, #7cb87a);cursor:pointer}.profile-photo-contrast__range-labels,.profile-photo-adjustment__range-labels{display:flex;justify-content:space-between;font-size:.62rem;color:var(--text-muted)}.connection-screen--profile-editor{max-width:min(100%,100vw)}.connection-profile-editor-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(24px,4vw,40px);align-items:start}.connection-profile-editor-main{min-width:0}.connection-profile-preview-column{position:sticky;top:calc(12px + var(--safe-top));width:100%;min-width:0;max-height:calc(100dvh - 24px - var(--safe-top));display:flex;flex-direction:column}.connection-profile-preview-heading{flex-shrink:0;margin-bottom:12px}.connection-profile-preview{flex:1;min-height:0;width:100%;padding:24px 28px;border-radius:var(--radius);border:1px solid rgba(180,155,120,.22);background:#785f4614;min-height:min(60dvh,560px);overflow-y:auto}.connection-profile-preview .connection-tag{font-size:.82rem;font-weight:700;padding:6px 14px;border-width:1.5px;background:#b49b781f;color:#e8d4b4}.connection-profile-preview .connection-tag-intention{border-color:#b49b788c;color:#f0e2c8}.connection-profile-preview .connection-shared-chip{font-size:.82rem;font-weight:700;padding:6px 14px;border-width:1.5px;background:#785f463d;border-color:#b49b787a;color:#f0e2c8}.connection-shared-chip.card-difficulty--easy,.connection-profile-preview .connection-shared-chip.card-difficulty--easy{color:var(--rank-essentialist-soft);background:color-mix(in srgb,var(--rank-essentialist) 18%,transparent);border-color:color-mix(in srgb,var(--rank-essentialist) 48%,transparent);box-shadow:0 0 5px color-mix(in srgb,var(--rank-essentialist) 12%,transparent)}.connection-shared-chip.card-difficulty--medium,.connection-profile-preview .connection-shared-chip.card-difficulty--medium{color:var(--rank-pioneer-soft);background:color-mix(in srgb,var(--rank-pioneer) 18%,transparent);border-color:color-mix(in srgb,var(--rank-pioneer) 48%,transparent);box-shadow:0 0 5px color-mix(in srgb,var(--rank-pioneer) 12%,transparent)}.connection-shared-chip.card-difficulty--difficult,.connection-profile-preview .connection-shared-chip.card-difficulty--difficult{color:var(--rank-master-soft);background:color-mix(in srgb,var(--rank-master) 18%,transparent);border-color:color-mix(in srgb,var(--rank-master) 48%,transparent);box-shadow:0 0 5px color-mix(in srgb,var(--rank-master) 12%,transparent)}.profile-level-tag{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 16px;border-radius:12px;background:#7cb87a33;border:1.5px solid rgba(152,220,150,.85);box-shadow:0 0 18px #7cb87a47}.profile-level-tag__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c4f4c2fa}.profile-level-tag__value{font-size:.92rem;font-weight:700;line-height:1.2;color:#e8ffe7}.connection-profile-preview__title{margin:0 0 6px;font-family:var(--font-display);font-size:1rem;color:#f0ebe3}.connection-profile-preview__note{margin:0;font-size:.78rem;line-height:1.5;color:var(--text-muted)}.connection-profile-preview__photos{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.connection-profile-preview__photo{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.connection-profile-preview__header{margin-bottom:16px}.connection-profile-preview__header .profile-card-header__main{gap:20px;align-items:center}.connection-profile-preview__header .connection-person-avatar-lg{width:120px;height:120px;font-size:2.6rem}.connection-profile-preview__header .connection-person-name{font-size:clamp(1.85rem,3.4vw,2.5rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0 0 8px}.connection-profile-preview__header .connection-person-meta{font-size:1.02rem;margin:0 0 10px}.connection-profile-preview__header .connection-tag-intention{font-size:.82rem;padding:6px 14px}.connection-profile-preview__bio{margin:0 0 14px;font-size:.88rem;line-height:1.55;color:var(--text-muted)}@media (max-width: 860px){.connection-profile-editor-layout{grid-template-columns:1fr}.connection-profile-preview-column,.connection-profile-preview{position:static;max-height:none}}.connection-file{font-size:.82rem;color:var(--text-muted)}.connection-browse-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.connection-settings-btn{font-size:.82rem;padding:8px 12px}.connection-browse-panel{padding-top:0}.connection-tabs{display:flex;gap:8px;margin-bottom:18px}.connection-tab{flex:1;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);font-size:.85rem;font-weight:600;transition:all .2s}.connection-tab.active{border-color:#b49b7880;background:#785f4633;color:#e8dfd0}.connection-card-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.connection-person-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.connection-person-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8a7355,#b49b78)}.connection-person-card:hover{border-color:#b49b7859;transform:translateY(-1px)}.connection-person-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-card-header__main{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}.profile-on-trail-badge{margin:0;flex-shrink:0;align-self:flex-start;max-width:46%}.profile-header-badges{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:8px;flex-shrink:0;max-width:min(52%,320px)}.profile-header-badges .profile-on-trail-badge,.profile-header-badges .profile-favorite-level-badge{max-width:none}.connection-person-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3d3228,#5c4a38);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:#e8dfd0;flex-shrink:0}.connection-person-avatar-lg{width:64px;height:64px;font-size:1.5rem}.profile-avatar--photo{position:relative;overflow:hidden;padding:0;background:#2a2218}.profile-avatar--compact{width:52px;height:52px;font-size:1.1rem}.profile-avatar--person{color:#e8dfd0e0;background:transparent}.profile-avatar__person-icon{width:92%;height:92%;display:block}.profile-avatar__photo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.2s ease}.profile-avatar__photo-wrap--active{opacity:1}.profile-avatar__photo{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar__photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.connection-person-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.connection-person-meta{font-size:.82rem;color:var(--text-muted)}.connection-person-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.connection-tag{font-size:.72rem;padding:4px 10px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted)}.connection-tag-intention{border-color:#b49b784d;color:#c9b89a}.connection-person-quote{font-family:var(--font-display);font-size:.92rem;line-height:1.6;color:#d4c9b8;font-style:italic;margin-bottom:12px;padding-left:12px;border-left:2px solid rgba(180,155,120,.35)}.connection-shared{margin-bottom:10px}.connection-shared-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);display:block;margin-bottom:6px}.connection-shared-chips{display:flex;flex-wrap:wrap;gap:6px}.connection-shared-chip{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#785f4626;border:1px solid rgba(180,155,120,.25);color:#c9b89a}.connection-warm-summary{font-size:.88rem;line-height:1.55;color:#b8a890;margin-bottom:14px}.connection-card-cta{pointer-events:none}.connection-privacy-reminder{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-top:8px}.connection-privacy-reminder p{font-size:.82rem;color:var(--text-muted);line-height:1.55}.connection-status-bar{background:#785f461a;border:1px solid rgba(180,155,120,.2);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px}.connection-status-msg{font-size:.85rem;color:#c9b89a;line-height:1.5}.connection-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;width:100%}.connection-detail-section{margin-bottom:18px}.connection-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#a89070;margin-bottom:6px}.connection-detail-section p{font-size:.92rem;line-height:1.65;color:var(--text-muted)}.connection-mutual-banner{background:#785f461f;border:1px solid rgba(180,155,120,.25);border-radius:var(--radius-sm);padding:14px;margin-bottom:12px;text-align:center}.connection-mutual-banner p{font-size:.88rem;color:#c9b89a;line-height:1.5}.connection-safety-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.connection-settings-section{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.connection-settings-profile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.connection-settings-profile-header .connection-section-title{margin:0}.connection-settings-section--profile .connection-profile-preview-column{margin-top:0}.settings-profile-edit-btn{margin-top:4px}.settings-btn{flex-shrink:0;padding:10px 14px;font-size:.82rem;font-weight:600;border-radius:999px;white-space:nowrap;border:1px solid rgba(180,155,120,.35);color:#e8e4dc;background:#50463c40;transition:background .2s,border-color .2s}.settings-btn--icon{padding:0;display:inline-flex;align-items:center;justify-content:center}.settings-btn--icon:not(.profile-btn--prominent){width:40px;height:40px}.settings-btn__icon{width:18px;height:18px;flex-shrink:0}.foundations-quiz-btn .settings-btn__icon{width:22px;height:22px;object-fit:contain}.app-top-corner__toolbar-icons .foundations-quiz-btn,.app-top-corner__toolbar-icons .spotify-playlist-btn,.app-top-corner__toolbar-icons .spotify-explore-btn{box-sizing:border-box;border:1px solid rgba(255,255,255,.28);box-shadow:none}.app-top-corner__toolbar-icons .app-top-corner__toolbar-btn--active,.app-top-corner__toolbar-icons .spotify-playlist-btn--active,.app-top-corner__toolbar-icons .spotify-explore-btn--active{border:2px solid #fff;box-shadow:0 0 0 2px #7cb87a8c}.foundations-quiz-btn{margin-left:0}.foundations-quiz-btn:hover:not(:disabled){border-color:#ffffff6b}.settings-btn:hover:not(:disabled){background:#50463c6b;border-color:#b49b788c}.settings-btn--active{border-color:#7cb87a8c;color:#dff0dc;background:#7cb87a2e}.profile-btn-wrap{position:relative;display:inline-flex;flex-shrink:0}.profile-btn-wrap--has-level{overflow:visible}.profile-btn.settings-btn--icon{position:relative;border-radius:50%;overflow:hidden;padding:0}.profile-btn.settings-btn--icon.profile-btn--has-level-ring,.profile-btn--prominent.profile-btn--has-level-ring{overflow:visible;background:transparent}.profile-btn__media{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.profile-level-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;pointer-events:none;z-index:1;border:2px solid color-mix(in srgb,var(--profile-level-accent, #4ade80) 78%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--profile-level-accent, #4ade80) 28%,transparent),0 0 8px color-mix(in srgb,var(--profile-level-accent, #4ade80) 38%,transparent),0 0 16px color-mix(in srgb,var(--profile-level-accent, #4ade80) 22%,transparent),inset 0 0 8px color-mix(in srgb,var(--profile-level-accent, #4ade80) 14%,transparent)}.profile-btn--prominent .profile-level-ring{top:-4px;right:-4px;bottom:-4px;left:-4px;border-width:2.5px;box-shadow:0 0 0 1px color-mix(in srgb,var(--profile-level-accent, #4ade80) 30%,transparent),0 0 9px color-mix(in srgb,var(--profile-level-accent, #4ade80) 40%,transparent),0 0 18px color-mix(in srgb,var(--profile-level-accent, #4ade80) 24%,transparent),inset 0 0 9px color-mix(in srgb,var(--profile-level-accent, #4ade80) 16%,transparent)}.app-top-corner__toolbar-icons .profile-btn.settings-btn--icon:not(.profile-btn--prominent){width:40px;height:40px}.profile-btn.settings-btn--icon.profile-btn--prominent{width:var(--profile-hero-size, clamp(60px, 14vw, 72px));height:var(--profile-hero-size, clamp(60px, 14vw, 72px));min-width:var(--profile-hero-size, clamp(60px, 14vw, 72px));min-height:var(--profile-hero-size, clamp(60px, 14vw, 72px))}.profile-btn-tooltip{position:absolute;top:calc(100% + 10px);right:0;z-index:2;padding:7px 12px;border-radius:8px;border:1px solid rgba(180,155,120,.28);background:#0c120ff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000061;font-size:.72rem;font-weight:500;letter-spacing:.04em;color:#e8f0eceb;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .22s ease,transform .22s ease}.profile-btn-wrap:hover .profile-btn-tooltip,.profile-btn-wrap:focus-within .profile-btn-tooltip{opacity:1;transform:translateY(0)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;background:#04080752;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:calc(40px + var(--safe-top)) max(48px,7vw) calc(40px + var(--safe-bottom));overflow:hidden;animation:app-about-fade-in .28s ease}.settings-shell{width:min(100%,720px);max-height:calc(100dvh - 80px - var(--safe-top) - var(--safe-bottom));position:relative;margin:0;padding:clamp(16px,2.2vw,22px);padding-top:clamp(40px,4.5vw,48px);border-radius:var(--radius);background:#0f1612f5;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 48px #00000073;overflow:hidden;display:flex;flex-direction:column;min-height:0}.settings-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#ffffff14;border:1px solid var(--border);color:var(--text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer}.settings-close:hover{color:var(--text-primary);background:#ffffff1f}@media (max-width: 720px){.settings-overlay{align-items:stretch;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom))}.settings-shell{width:100%;max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));padding-top:44px}.settings-panel{gap:12px}.settings-title{font-size:clamp(1.2rem,5.5vw,1.4rem)}}.settings-panel{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1 1 auto;overflow:hidden;animation:worldviewFadeIn .35s ease}.settings-header{flex-shrink:0;padding-right:36px}.settings-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:max(28px,calc(16px + var(--safe-bottom)))}.settings-eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.settings-title{font-family:var(--font-display);font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:500;margin-bottom:0;line-height:1.25}.settings-lead{color:var(--text-muted);font-size:.88rem;line-height:1.5;margin-bottom:0;max-width:52rem}.settings-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"profile account" "voice voice" "league-simplified league-simplified" "spotify spotify" "legal legal";gap:14px;align-items:start;width:100%;height:auto;min-height:0;overflow:visible}.settings-columns:not(:has(.settings-column--account)){grid-template-areas:"profile profile" "voice voice" "league-simplified league-simplified" "spotify spotify" "legal legal"}.settings-columns:not(:has(.settings-column--spotify)){grid-template-areas:"profile account" "voice voice" "league-simplified league-simplified" "legal legal"}.settings-columns:not(:has(.settings-column--account)):not(:has(.settings-column--spotify)){grid-template-areas:"profile profile" "voice voice" "league-simplified league-simplified" "legal legal"}.settings-column{display:flex;flex-direction:column;gap:12px;min-width:0;height:auto}.settings-category{display:flex;flex-direction:column;gap:8px;height:auto;min-height:0;padding:12px 12px 14px;border:1px solid var(--border);border-radius:12px;background:#ffffff09;box-shadow:0 1px #ffffff0a inset}.settings-category .settings-section-title{margin-bottom:0}.settings-category .settings-section-title--spaced{margin-top:0}.settings-note--under-toggle{margin-top:0;margin-bottom:0}.settings-column--profile{grid-area:profile}.settings-column--account{grid-area:account}.settings-column--voice{grid-area:voice}.settings-column--league-simplified{grid-area:league-simplified}.settings-column--spotify{grid-area:spotify}.settings-column--legal{grid-area:legal}.settings-prefs-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;min-width:0;width:100%}.settings-prefs-row>.settings-category{min-width:0;height:auto}.settings-spotify-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-spotify-disconnect,.settings-spotify-connect{flex-shrink:0;padding:4px 8px;font-size:.72rem}@media (max-width: 720px){.settings-columns{grid-template-columns:1fr;grid-template-areas:"profile" "account" "voice" "league-simplified" "spotify" "legal";gap:12px}.settings-columns:not(:has(.settings-column--account)){grid-template-areas:"profile" "voice" "league-simplified" "spotify" "legal"}.settings-columns:not(:has(.settings-column--spotify)){grid-template-areas:"profile" "account" "voice" "league-simplified" "legal"}.settings-columns:not(:has(.settings-column--account)):not(:has(.settings-column--spotify)){grid-template-areas:"profile" "voice" "league-simplified" "legal"}.settings-column{gap:12px;padding:0;border-bottom:none}.settings-prefs-row{grid-template-columns:1fr;gap:12px}.settings-column:first-child{padding-top:0}.settings-column:last-child{padding-bottom:0;border-bottom:none}.settings-column--profile .settings-section-title,.settings-column--voice .settings-section-title,.settings-column--league-simplified .settings-section-title,.settings-column--spotify .settings-section-title,.settings-column--legal .settings-section-title{font-size:.9rem;margin-bottom:2px}.settings-profile-compact{padding:10px 12px;gap:10px}.settings-profile-photo-card .settings-profile-compact__meta{font-size:.8rem}.settings-profile-compact__header{flex-direction:row;align-items:center;gap:10px}.settings-profile-compact .profile-on-trail-badge{max-width:none}.settings-profile-compact .settings-profile-compact__avatar,.settings-profile-compact__photo,.settings-profile-compact__avatar{width:64px;height:64px;font-size:1.5rem}.settings-profile-compact__name{font-size:clamp(1.05rem,4.5vw,1.25rem)}.settings-personal-info{margin-top:0;padding:0;gap:8px}.settings-personal-info__header{flex-wrap:wrap}.settings-personal-info__sign-out{align-self:stretch;justify-content:center}.settings-voice-list{gap:6px;margin-bottom:0}.settings-voice-card{flex-direction:row;align-items:stretch}.settings-voice-card__preview{align-self:center;margin:0 6px 0 0;min-width:32px;width:32px;height:32px;border-top:none;border-radius:8px;padding:0}.settings-profile-edit-btn{margin-top:2px}}.settings-section{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.settings-section-title{font-size:.9rem;font-weight:600;margin-bottom:6px}.settings-section-title--spaced{margin-top:18px}.settings-note{margin-top:0;font-size:.78rem;color:var(--text-muted);line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.settings-note--tight{margin-bottom:4px}.settings-toggle{display:inline-flex;align-items:center;gap:10px;margin:2px 0 0;padding:0;border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;text-align:left}.settings-toggle:focus-visible{outline:2px solid rgba(124,184,122,.55);outline-offset:3px;border-radius:8px}.settings-toggle__track{position:relative;width:42px;height:24px;flex-shrink:0;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);transition:background .2s ease,border-color .2s ease}.settings-toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#e8f0eceb;box-shadow:0 1px 4px #00000059;transition:transform .2s ease}.settings-toggle--on .settings-toggle__track{background:#7cb87a59;border-color:#7cb87a8c}.settings-toggle--on .settings-toggle__thumb{transform:translate(18px);background:#c8e6c4}.settings-toggle__label{min-width:1.75rem}.defined-term{position:relative;display:inline}.defined-term__trigger{display:inline;margin:0;padding:0;border:none;background:none;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;cursor:help;border-bottom:1px dotted currentColor;border-radius:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.defined-term__trigger:focus-visible{outline:2px solid rgba(124,184,122,.55);outline-offset:2px;border-radius:3px}.defined-term__tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:8;width:max-content;max-width:min(280px,70vw);padding:8px 11px;border-radius:8px;border:1px solid rgba(180,155,120,.28);background:#0c120ff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000061;font-family:var(--font-body, inherit);font-size:.72rem;font-weight:500;line-height:1.45;letter-spacing:.01em;color:#e8f0ecf0;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.defined-term--open .defined-term__tooltip,.defined-term:focus-within .defined-term__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media (hover: hover) and (pointer: fine){.defined-term:hover .defined-term__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}}.settings-note-warn{color:#d4a574}.settings-volume-row{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--text-muted)}.settings-volume-row input[type=range]{flex:1;accent-color:var(--theme-accent, #7cb87a)}.settings-theme-list{display:flex;flex-direction:column;gap:14px;margin-top:14px}.settings-theme-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:#ffffff05}.settings-theme-card--active{border-color:#7cb87a73;background:#7cb87a0f}.settings-theme-card--locked{opacity:.88}.settings-theme-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.settings-theme-icon{font-size:1.25rem;line-height:1}.settings-theme-label{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-theme-badge{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#7cb87a33;color:#b8ddb5}.settings-theme-status{font-size:.78rem;color:var(--text-muted);margin-top:2px}.settings-style-list{display:flex;flex-direction:column;gap:10px;margin-top:4px;flex:1}.settings-style-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border);border-radius:12px;background:#ffffff05;text-align:left;transition:border-color .15s,background .15s;flex:1}.settings-style-card:hover{border-color:#ffffff29}.settings-style-card--active{border-color:#7cb87a73;background:#7cb87a0f}.settings-style-preview{border-radius:10px;padding:10px;background:var(--style-preview-bg);color:var(--style-preview-color);min-height:64px;display:flex;flex-direction:column;gap:4px;justify-content:center}.settings-style-preview__heading{font-family:var(--style-preview-heading),serif;font-size:1.15rem;font-weight:700;line-height:1.2}.settings-style-card[data-style-id=classic] .settings-style-preview__heading{font-weight:400}.settings-style-preview__body{font-family:var(--style-preview-body),sans-serif;font-size:.72rem;line-height:1.45}.settings-style-card__label{font-weight:600;font-size:.82rem}.settings-style-card__desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.settings-style-card__badge{position:absolute;top:8px;right:8px;font-size:.58rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:#7cb87a33;color:#b8ddb5}.settings-voice-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:0}.settings-voice-card{display:flex;align-items:stretch;gap:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#080c0a73;overflow:hidden;min-width:0}.settings-voice-card--active{border-color:#7cb87a73;background:#7cb87a14}.settings-voice-card__select{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 8px 8px 10px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;position:relative;min-width:0}.settings-voice-card__label{font-size:.72rem;font-weight:600;color:var(--text-primary);line-height:1.25}.settings-voice-card__desc{display:none}.settings-voice-card__badge{margin-top:2px;font-size:.54rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1px 5px;border-radius:999px;background:#7cb87a33;color:#b8ddb5}.settings-voice-card__preview{flex-shrink:0;align-self:center;margin-right:6px;min-width:32px;width:32px;height:32px;padding:0;font-size:.7rem;border-radius:8px}.settings-profile-compact__edit-photo{width:auto;padding:3px 9px;font-size:.6rem;font-weight:500;line-height:1.2;white-space:nowrap;border-radius:999px;background:transparent;border:1px solid rgba(255,255,255,.22);color:#ffffffd1}.settings-profile-compact__edit-photo:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff57}.settings-profile-compact__photo-error{font-size:.72rem;line-height:1.4;color:var(--text-muted);margin:0;max-width:120px;text-align:center}.profile-photo-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);padding-top:calc(max(16px,3vw) + var(--safe-top));padding-bottom:calc(max(16px,3vw) + var(--safe-bottom));background:#000000d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.profile-photo-crop-modal{width:min(100%,360px);padding:20px;border-radius:var(--radius);border:1px solid var(--border);background:#0a0f0d;box-shadow:0 24px 56px #0000008c}.profile-photo-crop-modal__title{margin:0 0 6px;font-size:1rem;color:var(--text-primary)}.profile-photo-crop-modal__lead{margin:0 0 16px;font-size:.8rem;line-height:1.5;color:var(--text-muted)}.profile-photo-crop-viewport{position:relative;width:280px;height:280px;margin:0;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.18);background:#141a16;touch-action:none;cursor:grab}.profile-photo-crop-stage{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.profile-photo-crop-nudge{display:grid;grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px;gap:6px;justify-content:center}.profile-photo-crop-nudge__spacer{width:40px;height:40px}.profile-photo-crop-nudge__center{width:40px;height:40px;border-radius:50%;border:1px dashed rgba(255,255,255,.14)}.profile-photo-crop-nudge__btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text-primary);font-size:1rem;line-height:1;cursor:pointer}.profile-photo-crop-nudge__btn:hover{background:#ffffff1a;border-color:#7cb87a59}.profile-photo-crop-viewport:active{cursor:grabbing}.profile-photo-crop-viewport--loading{background:linear-gradient(135deg,#1a221c,#101512)}.profile-photo-crop-viewport__image{position:absolute;top:50%;left:50%;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform}.profile-photo-crop-zoom{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.78rem;color:var(--text-muted)}.profile-photo-crop-zoom input[type=range]{flex:1;accent-color:var(--theme-accent, #7cb87a)}.profile-photo-crop-modal__actions{display:flex;gap:10px;justify-content:flex-end}.profile-photo-crop-modal__actions .btn{flex:1}.settings-profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.settings-profile-compact{display:flex;flex-direction:column;gap:10px;padding:12px 12px 10px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border);flex-shrink:0}.settings-column:has(.settings-profile-compact) .settings-section-title{font-size:.95rem;margin-bottom:4px}.settings-profile-compact__header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.settings-profile-compact .profile-card-header__main{align-items:center;gap:12px}.settings-profile-compact__avatar-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.settings-profile-compact__photo-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-profile-compact .settings-profile-compact__avatar,.settings-profile-compact__photo,.settings-profile-compact__avatar{width:68px;height:68px;border-radius:50%;flex-shrink:0;object-fit:cover;font-size:1.6rem}.settings-profile-compact__avatar{display:flex;align-items:center;justify-content:center;background:#7cb87a2e;color:#dff0dc;font-weight:600}.settings-profile-compact__identity{min-width:0}.settings-profile-compact__name{margin:0 0 2px;font-family:var(--font-display);font-weight:600;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.2;letter-spacing:-.02em}.settings-profile-compact__meta,.settings-profile-compact__bio{margin:0;font-size:.8rem;line-height:1.35;color:var(--text-muted)}.settings-profile-compact__badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}.settings-profile-compact__bio{display:block;overflow:visible;-webkit-line-clamp:unset}.settings-profile-compact .connection-tag{display:inline-flex;margin-top:4px;font-size:.72rem;padding:4px 10px}.settings-profile-compact .profile-on-trail-badge{max-width:38%}.settings-profile-compact .profile-level-tag__label{font-size:.62rem}.settings-profile-compact .profile-level-tag__value{font-size:.82rem}.settings-profile-compact__chips{display:flex;flex-wrap:wrap;gap:10px}.settings-profile-compact__chips .connection-shared-chip{font-size:.98rem;padding:8px 16px}.settings-personal-info{display:flex;flex-direction:column;gap:6px;padding:0;border-radius:0;background:transparent;border:none;flex-shrink:0;position:relative;z-index:1;margin-top:0}.settings-column--account>.settings-category:first-child{flex:0 0 auto;height:auto}.settings-personal-info__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-personal-info__edit{flex-shrink:0;padding:5px 10px;font-size:.72rem;white-space:nowrap}.settings-personal-info__title{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.settings-personal-info__list{margin:0;display:flex;flex-direction:column;gap:8px}.settings-personal-info__row{display:flex;flex-direction:column;gap:2px}.settings-personal-info__row dt{font-size:.68rem;color:var(--text-muted)}.settings-personal-info__row dd{margin:0;font-size:.82rem;line-height:1.4;word-break:break-word}.settings-personal-info__sign-out{margin-top:auto;align-self:flex-start;padding-inline:0;font-size:.78rem}.settings-profile-edit-btn{padding:10px 14px;font-size:.88rem}.settings-panel .connection-profile-preview-column{margin-top:12px}.settings-soundscape-group--compact{margin-top:8px;flex:1;min-height:0;display:flex;flex-direction:column}.settings-soundscape-options--compact{flex:1;min-height:0}.settings-soundscape-option--compact{min-height:0}.settings-soundscape-option--compact .settings-soundscape-main{padding:8px 10px}.settings-soundscape-option--compact .settings-soundscape-label{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-soundscape-options{display:flex;flex-direction:column;gap:6px}.settings-soundscape-option{display:flex;align-items:stretch;gap:8px;padding:0;border-radius:8px;border:1px solid transparent;transition:background .15s,border-color .15s;overflow:hidden}.settings-soundscape-option--selected{border-color:#7cb87a59;background:#7cb87a14}.settings-soundscape-option--active{box-shadow:inset 0 0 0 1px #7cb87a38}.settings-soundscape-main{flex:1;min-width:0;display:flex;align-items:center;padding:8px 10px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.settings-soundscape-main:hover{background:#ffffff08}.settings-soundscape-group{margin-top:16px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.settings-soundscape-group+.settings-soundscape-group{margin-top:12px}.settings-soundscape-group:first-of-type{margin-top:12px}.settings-soundscape-group-title{font-size:.88rem;font-weight:600;margin-bottom:4px}.settings-soundscape-group-lead{font-size:.78rem;color:var(--text-muted);line-height:1.4;margin-bottom:8px}.settings-soundscape-option input{display:none}.settings-soundscape-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-soundscape-label{font-size:.88rem;font-weight:600}.settings-soundscape-desc{font-size:.76rem;color:var(--text-muted);line-height:1.35}.settings-preview-btn{flex-shrink:0;align-self:center;margin-right:8px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:.65rem;display:flex;align-items:center;justify-content:center}.settings-preview-btn:hover{color:var(--text-primary);border-color:#7cb87a73}.inline-music-picker{width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.inline-music-picker__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.inline-music-box{width:100%;border-radius:var(--radius);border:1px solid transparent;background:transparent;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,background .2s}.inline-music-box--open{border-color:var(--border);background:var(--bg-card, #121a16);animation:inlineMusicExpand .18s ease;transform-origin:top center;isolation:isolate}.inline-music-box--active.inline-music-box--open{border-color:#7cb87a59;box-shadow:0 0 0 1px #7cb87a2e}.inline-music-box__header{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 10px 6px}.inline-music-seek-row{display:flex;align-items:center;width:100%;min-height:18px}.inline-music-seek{position:relative;flex:1;width:100%;height:18px;border-radius:999px;background:transparent;overflow:visible;touch-action:none}.inline-music-seek:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:3px;border-radius:999px;background:#ffffff2e;pointer-events:none}.inline-music-seek--seekable{cursor:pointer}.inline-music-seek__fill{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;height:3px;border-radius:inherit;background:#9fd49af2;pointer-events:none}.inline-music-seek--dragging .inline-music-seek__fill{transition:none}.inline-music-seek__thumb{position:absolute;top:50%;width:11px;height:11px;margin:0;padding:0;border:none;border-radius:50%;background:#e8f5e6;box-shadow:0 1px 4px #00000059;transform:translate(-50%,-50%);pointer-events:none;transition:transform .15s ease,box-shadow .15s ease}.inline-music-seek--seekable:hover .inline-music-seek__thumb,.inline-music-seek--dragging .inline-music-seek__thumb{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 1px 6px #00000073}.inline-music-transport{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;width:100%;padding:0 2px 2px}.inline-music-transport__center{display:flex;align-items:center;justify-content:center;gap:14px;justify-self:center}.inline-music-transport__balance{width:36px;height:36px;flex-shrink:0}.inline-music-transport-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:none;background:transparent;color:var(--text-primary);flex-shrink:0;transition:background .2s,color .2s,transform .2s,opacity .2s}.inline-music-transport-btn svg{display:block;width:20px;height:20px;flex-shrink:0}.inline-music-transport-btn--play{width:44px;height:44px;background:#ffffff24;color:#f4f7f4}.inline-music-transport-btn--play svg{width:24px;height:24px}.inline-music-transport-btn:hover:not(:disabled){color:#fff;transform:scale(1.05)}.inline-music-transport-btn--play:hover:not(:disabled){background:#ffffff38}.inline-music-transport-btn:disabled{opacity:.45;cursor:not-allowed}.inline-music-box__footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:2px 6px 8px}@media (max-width: 360px){.inline-music-transport{grid-template-columns:32px 1fr 32px}.inline-music-transport__center{gap:10px}.inline-music-transport__balance,.inline-music-transport-btn{width:32px;height:32px}.inline-music-transport-btn svg{width:18px;height:18px}.inline-music-transport-btn--play{width:40px;height:40px}.inline-music-transport-btn--play svg{width:22px;height:22px}}.inline-music-power-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0f1612d9;color:var(--text-primary);flex-shrink:0;transition:background .2s,border-color .2s,color .2s,transform .2s}.inline-music-power-icon{display:block;width:18px;height:18px;flex-shrink:0}.inline-music-power-btn:hover{background:#1a2820;border-color:#7cb87a73;transform:scale(1.04)}.inline-music-power-btn--on{border-color:#7cb87a73;color:#9fd49a;background:#7cb87a1f}.inline-music-lyre-btn{box-sizing:border-box;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:#e8e4dc;flex-shrink:0;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s}.inline-music-lyre-btn:hover{color:#fff;border-color:#ffffff6b;transform:scale(1.04)}.inline-music-lyre-btn--open,.inline-music-lyre-btn.app-top-corner__toolbar-btn--active{color:#fff;border:2px solid #fff;box-shadow:0 0 0 2px #7cb87a8c}.inline-music-lyre-btn__emblem{width:22px;height:22px;display:block;color:inherit;flex-shrink:0}.inline-music-shuffle-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0f1612d9;color:var(--text-primary);flex-shrink:0;transition:background .2s,border-color .2s,color .2s,transform .2s}.music-shuffle-icon{display:block;width:18px;height:18px;flex-shrink:0}.spotify-now-playing-card__control--shuffle .music-shuffle-icon{width:18px;height:18px}.inline-music-shuffle-btn:hover:not(:disabled){background:#1a2820;border-color:#7cb87a73;transform:scale(1.04)}.inline-music-shuffle-btn:disabled{opacity:.45;cursor:not-allowed}.inline-music-body{padding:4px 8px 6px;display:flex;flex-direction:column;gap:8px}@keyframes inlineMusicExpand{0%{opacity:0;transform:scaleY(.92)}to{opacity:1;transform:scaleY(1)}}.inline-music-note{font-size:.72rem;color:#d4a574;line-height:1.35;margin:0}.inline-music-options{list-style:none;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.inline-music-option{width:100%;text-align:left;padding:8px 10px;font-size:.78rem;font-weight:500;line-height:1.3;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text-primary);transition:background .15s,border-color .15s}.inline-music-option:hover{background:#ffffff0d}.inline-music-option--selected{border-color:#7cb87a59;background:#7cb87a1a}.inline-music-option--playing{box-shadow:inset 0 0 0 1px #7cb87a38}@media (prefers-reduced-motion: reduce){.inline-music-box--open,.app-top-corner__toolbar-spotify .spotify-modal{animation:none}}.inline-music-volume{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-muted)}.inline-music-volume input[type=range]{flex:1;accent-color:var(--theme-accent, #7cb87a)}.inline-music-toggle{width:100%;padding:6px 8px;font-size:.72rem;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted)}.inline-music-toggle:hover{color:var(--text-primary);border-color:#7cb87a59}.spotify-panel{width:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:0;flex-shrink:0}.spotify-panel__actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.spotify-panel__trigger-row{display:flex;align-items:center;gap:6px}.spotify-panel--trigger-hidden>.spotify-panel__actions{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.spotify-genre-selector{display:inline-flex;align-items:center;gap:4px;padding:2px;border-radius:999px;border:1px solid rgba(124,184,122,.28);background:#0a120eb8;box-shadow:0 0 0 1px #1ed76014}.spotify-genre-selector--panel{margin-right:2px}.spotify-genre-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:4px 8px;font-size:.58rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#e8e4dcb8;background:transparent;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.spotify-genre-chip:hover:not(:disabled){color:#f4f1ea;background:#7cb87a24}.spotify-genre-chip--active{color:#0b1510;background:linear-gradient(180deg,#9be7a8,#4ade80);box-shadow:0 0 12px #4ade8059}.spotify-genre-chip:disabled{opacity:.55;cursor:wait}.spotify-connect-prompt{display:flex;flex-direction:column;gap:10px;padding:10px 8px 8px}.spotify-connect-prompt__copy{margin:0;font-size:.78rem;line-height:1.45;color:#e8e4dce6}.spotify-like-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#00000038;color:#e8e4dce0;cursor:pointer;transition:transform .16s ease,color .16s ease,border-color .16s ease,background .16s ease}.spotify-like-btn svg{width:15px;height:15px;display:block}.spotify-like-btn:hover:not(:disabled){transform:scale(1.06);border-color:#4ade8073;color:#b8f5c6}.spotify-like-btn--liked{color:#4ade80;border-color:#4ade808c;background:#4ade8024;box-shadow:0 0 10px #4ade8047}.spotify-like-btn--locked{opacity:.72}.spotify-like-btn:disabled{opacity:.5;cursor:wait}.spotify-now-playing-card__like-wrap{flex-shrink:0;margin-top:2px}.spotify-now-playing-card__like-feedback{margin:-2px 0 0;font-size:.62rem;letter-spacing:.03em;color:#9be7a8;text-align:center}.spotify-panel__mobile-toggle{display:none}@media (max-width: 640px){.spotify-panel__trigger-row>.profile-btn-wrap:has(.spotify-explore-btn),.spotify-panel__trigger-row .spotify-explore-btn,.spotify-panel__trigger-row .spotify-genre-selector{display:none}.spotify-panel__trigger-row{justify-content:center}.spotify-panel__mobile-toggle{display:inline-flex}.app-top-corner__toolbar-spotify .spotify-modal:not(.spotify-modal--connect){width:min(168px,calc(100vw - 48px))}.spotify-panel:not(.spotify-panel--mobile-expanded) .spotify-panel__body{display:none}.spotify-panel:not(.spotify-panel--mobile-expanded) .spotify-modal{height:auto;max-height:none;grid-template-rows:auto}.spotify-panel:not(.spotify-panel--mobile-expanded) .spotify-genre-selector--panel{display:none}.spotify-panel--mobile-expanded .spotify-modal--with-player{height:auto;max-height:min(70dvh,420px)}}.spotify-playlist-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:transparent;color:#e8e4dc;flex-shrink:0;overflow:hidden;transform:rotate(4deg);transition:transform .2s,border-color .2s,box-shadow .2s}.spotify-playlist-btn:hover{transform:rotate(4deg) scale(1.04)}.app-top-corner__toolbar-icons .spotify-playlist-btn--active{transform:rotate(4deg)}.app-top-corner__toolbar-icons .spotify-playlist-btn--active:hover{transform:rotate(4deg) scale(1.04)}.spotify-playlist-btn__icon{width:40px;height:40px;display:block;flex-shrink:0;color:inherit}.spotify-explore-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:transparent;color:#e8e4dc;flex-shrink:0;transition:transform .2s,border-color .2s,box-shadow .2s}.spotify-explore-btn:hover{transform:scale(1.04)}.app-top-corner__toolbar-icons .spotify-explore-btn--active{transform:none}.app-top-corner__toolbar-icons .spotify-explore-btn--active:hover{transform:scale(1.04)}.spotify-explore-btn--playing{box-shadow:0 0 0 1px #1ed76059}.spotify-explore-btn__icon{width:15px;height:15px;display:block;flex-shrink:0}.spotify-trigger-btn{width:100%;padding:8px 10px;font-size:.68rem;line-height:1.25;border-color:#1ed76073;background:#1ed7601f;color:#d7ffe3}.spotify-trigger-btn:hover:not(:disabled){background:#1ed76033;border-color:#1ed760a6}.spotify-trigger-btn--active{background:#1ed7603d;border-color:#1ed760b3}.spotify-trigger-btn--playing{box-shadow:0 0 0 1px #1ed76059}@keyframes spotifyPanelExpand{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.spotify-modal{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius);border:1px solid rgba(30,215,96,.22);background:#0a0f0df5;box-shadow:var(--shadow);max-height:min(85dvh,720px);overflow:hidden}.spotify-modal--with-player{width:min(196px,calc(100vw - 48px));gap:8px;padding:0 4px 4px;border:none;background:transparent;box-shadow:none;height:min(calc(100dvh - var(--safe-top) - 24px),560px);max-height:min(calc(100dvh - var(--safe-top) - 24px),560px);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.spotify-modal--with-player .spotify-modal__header{padding:4px 0 0;flex-shrink:0}.spotify-modal--with-player:has(.spotify-playlist__drawer--collapsed){height:auto;grid-template-rows:auto auto;align-content:start}.spotify-modal__stack{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;overflow:hidden;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1)}.spotify-modal__stack:has(.spotify-playlist__drawer:not(.spotify-playlist__drawer--collapsed)){grid-template-rows:auto minmax(0,1fr)}.spotify-modal__stack:has(.spotify-playlist__drawer--collapsed){grid-template-rows:auto;align-content:start;height:auto}.spotify-modal__player-block{display:flex;flex-direction:column;gap:4px;min-width:0}.spotify-modal__player-block .spotify-playlist__toolbar{min-height:0;padding-top:0}.spotify-modal__stack:not(:has(.spotify-modal__player-shell)){grid-template-rows:minmax(0,1fr)}.spotify-modal__stack:not(:has(.spotify-modal__player-shell)):has(.spotify-playlist__drawer){grid-template-rows:auto minmax(0,1fr)}.spotify-modal__stack:not(:has(.spotify-modal__player-shell)):has(.spotify-playlist__drawer--collapsed){grid-template-rows:auto 0fr}.spotify-modal__player-shell{min-width:0}.spotify-modal--with-player .spotify-modal__body{display:flex;flex-direction:column;gap:8px;min-height:0;padding:8px;overflow:hidden;border-radius:12px;background:#0a0f0dfa}.app-top-corner__toolbar-spotify .spotify-modal--with-player .spotify-modal__body{border:1px solid rgba(30,215,96,.14)}.spotify-playlist__toolbar{display:flex;justify-content:flex-end;flex-shrink:0;min-height:24px}.spotify-playlist__drawer{--spotify-playlist-collapse-duration: .35s;--spotify-playlist-collapse-easing: cubic-bezier(.16, 1, .3, 1);min-height:0;overflow:hidden;transition:opacity var(--spotify-playlist-collapse-duration) var(--spotify-playlist-collapse-easing),border-color .25s ease,background-color .25s ease,padding .35s cubic-bezier(.16,1,.3,1)}.spotify-modal--with-player .spotify-modal__body.spotify-playlist__drawer--collapsed{display:none;min-height:0;max-height:0;padding:0;border:none;overflow:hidden;pointer-events:none}.spotify-playlist__drawer-inner{display:flex;flex-direction:column;gap:8px;min-height:0;height:100%;overflow:hidden}.spotify-playlist__drawer-inner .spotify-playlist__scroll{flex:1 1 auto;min-height:0}.spotify-modal--with-player .spotify-now-playing-card{flex-shrink:0;margin-bottom:0;opacity:1;overflow:hidden}@media (prefers-reduced-motion: reduce){.spotify-modal--with-player .spotify-now-playing-card{transition:none}}.spotify-modal__body{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow:hidden}.spotify-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);padding-top:calc(max(16px,3vw) + var(--safe-top));padding-bottom:calc(max(16px,3vw) + var(--safe-bottom));background:#040807b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.spotify-modal--centered{width:min(100%,720px);min-height:min(72dvh,680px);max-height:min(92dvh,900px);padding:22px 24px;gap:14px;overflow-y:auto;box-shadow:0 24px 56px #00000094}.spotify-modal--centered .spotify-modal__title{font-size:.88rem}.spotify-modal--centered .spotify-modal__close{width:32px;height:32px;font-size:1.25rem}.spotify-modal--centered .spotify-search-input{padding:7px 10px;font-size:.78rem;border-radius:6px}.spotify-modal--centered .spotify-search-columns{max-width:480px;margin-inline:auto;gap:14px}.spotify-modal--centered .spotify-search-column{gap:6px}.spotify-search-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.spotify-search-column{display:flex;flex-direction:column;gap:8px;min-width:0}.spotify-modal--centered .spotify-search-results{max-height:min(34dvh,360px)}.spotify-artist-result{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-bottom:1px solid rgba(255,255,255,.05)}.spotify-artist-result:last-child{border-bottom:none}.spotify-artist-result__info{display:flex;align-items:center;gap:10px;min-width:0}.spotify-artist-result__art{flex-shrink:0;width:44px;height:44px;border-radius:50%;object-fit:cover}.spotify-artist-result__art--placeholder{display:block;background:#ffffff14}.spotify-artist-result__text{display:flex;flex-direction:column;gap:2px;min-width:0}.spotify-artist-result__name{font-size:.78rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-artist-result__genres{font-size:.66rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-shuffle-artist-btn{width:100%;padding:7px 10px;font-size:.66rem;line-height:1.25;border-color:#1ed76073;background:#1ed7601f;color:#d7ffe3}.spotify-shuffle-artist-btn:hover:not(:disabled){background:#1ed76033;border-color:#1ed760a6}.spotify-shuffle-artist-btn:disabled{opacity:.7;cursor:wait}@media (max-width: 640px){.spotify-search-columns{grid-template-columns:1fr}}.spotify-modal--centered .spotify-playlist__tracks--build{max-height:min(42dvh,460px)}.spotify-modal--centered .spotify-playlist-preview__label{font-size:.72rem}.spotify-modal__header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;overflow:visible}.spotify-modal__header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;overflow:visible}.spotify-modal__header-actions .profile-btn-tooltip{top:calc(100% + 6px);bottom:auto;right:0;z-index:12;padding:3px 6px;border-radius:5px;font-size:.58rem;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 12px #00000052;transform:translateY(-4px)}.spotify-modal__header-actions .profile-btn-wrap:hover .profile-btn-tooltip,.spotify-modal__header-actions .profile-btn-wrap:focus-within .profile-btn-tooltip{transform:translateY(0)}.spotify-modal__title{margin:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8fe8a8;font-weight:600}.spotify-modal__close{flex-shrink:0;width:24px;height:24px;border:none;border-radius:999px;background:#ffffff0f;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.spotify-modal__close:hover{color:var(--text-primary);background:#ffffff1f}.spotify-modal__collapse{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;padding:0}.spotify-modal__collapse svg{width:14px;height:14px}.spotify-modal__collapse:hover{color:var(--text-primary);border-color:#ffffff38;background:#ffffff0f}@media (prefers-reduced-motion: reduce){.spotify-playlist__drawer,.spotify-modal__stack{transition:none}}.spotify-modal__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.spotify-modal__actions .spotify-trigger-btn{width:100%}.spotify-connect-btn{width:100%;padding:8px 10px;font-size:.68rem;line-height:1.25;border-color:#1ed76073;background:#1ed7601f;color:#d7ffe3}.spotify-connect-btn:hover:not(:disabled){background:#1ed76033;border-color:#1ed760a6}.spotify-connected{display:flex;flex-direction:column;gap:8px;min-height:0}.spotify-connected__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.spotify-connected__status{font-size:.64rem;letter-spacing:.04em;text-transform:uppercase;color:#8fe8a8}.spotify-search-results{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);max-height:220px;overflow-y:auto}.spotify-search-results__status{padding:8px 10px;font-size:.72rem;color:var(--text-muted)}.spotify-search-result{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(255,255,255,.05)}.spotify-search-result:last-child{border-bottom:none}.spotify-search-result__info{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.spotify-search-result__art{flex-shrink:0;width:44px;height:44px;border-radius:4px;object-fit:cover}.spotify-search-result__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.spotify-search-result__title{font-size:.8rem;line-height:1.35;white-space:normal;word-break:break-word}.spotify-search-result__artist{font-size:.72rem;color:var(--text-muted);white-space:normal;word-break:break-word}.spotify-search-result__actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.spotify-search-result__like{width:34px;height:34px}.spotify-search-result__like svg{width:16px;height:16px}.spotify-search-hint{margin:0 0 12px;padding:0 4px}.spotify-search-columns--single{grid-template-columns:1fr}.spotify-panel__study-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px 12px}.spotify-panel__study-count{margin:0;text-align:center}.spotify-add-btn-wrap{flex-shrink:0;overflow:visible}.spotify-add-btn-tooltip{top:50%;bottom:auto;right:calc(100% + 6px);left:auto;z-index:12;padding:3px 6px;border-radius:5px;font-size:.58rem;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 12px #00000052;white-space:nowrap;transform:translateY(-50%) translate(4px)}.spotify-add-btn-wrap:hover .spotify-add-btn-tooltip,.spotify-add-btn-wrap:focus-within .spotify-add-btn-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.spotify-now-playing-card__meta,.spotify-now-playing-card__add-wrap,.spotify-playlist__add-wrap,.spotify-playlist__item--current{overflow:visible}.spotify-add-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:500;line-height:1;border-radius:50%;border:1px solid rgba(30,215,96,.45);background:#1ed76024;color:#d7ffe3;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.spotify-add-btn:hover:not(:disabled){background:#1ed7603d;border-color:#1ed760a6}.spotify-add-btn:active:not(:disabled){transform:scale(.94)}.spotify-add-btn:disabled,.spotify-add-btn--added{opacity:.5;cursor:default}.spotify-add-toast{position:fixed;bottom:calc(18px + var(--safe-bottom, 0px));left:50%;z-index:10050;max-width:min(92vw,360px);padding:10px 16px;border-radius:10px;border:1px solid rgba(30,215,96,.35);background:#0c120ff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000061;font-size:.78rem;font-weight:500;line-height:1.35;color:#e8f0eceb;text-align:center;transform:translate(-50%);animation:spotify-add-toast-in .28s cubic-bezier(.16,1,.3,1);pointer-events:none}@keyframes spotify-add-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (prefers-reduced-motion: reduce){.spotify-add-toast{animation:none}}@media (max-width: 640px){.spotify-add-btn-wrap .profile-btn-tooltip{display:none}}.spotify-draft{display:flex;flex-direction:column;gap:6px}.spotify-draft__label{margin:0;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.spotify-complete-btn{width:100%;padding:8px 10px;font-size:.68rem;border-color:#1ed7608c;background:#1ed76038;color:#d7ffe3}.spotify-complete-btn:disabled{opacity:.45}.spotify-playback-controls{display:flex;align-items:center;justify-content:center;gap:12px}.spotify-playback-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(30,215,96,.35);border-radius:999px;background:#1ed7601f;color:#d7ffe3;cursor:pointer}.spotify-playback-btn svg{width:16px;height:16px}.spotify-playback-btn:hover:not(:disabled){background:#1ed76038}.spotify-playback-btn:disabled{opacity:.45}.spotify-now-playing-card{position:relative;flex-shrink:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#12241afa,#163020f5 48%,#0c1812fa);border:1px solid rgba(124,184,122,.28);box-shadow:0 6px 20px #00000061,0 0 18px #4ade8014}.spotify-now-playing-card__content{display:flex;flex-direction:column;gap:10px;padding:12px 10px 10px;background:linear-gradient(180deg,#ffffff0f,#00000038)}.spotify-now-playing-card__art-wrap{display:flex;justify-content:center;padding-top:6px}.spotify-now-playing-card__art{width:64px;aspect-ratio:1;border-radius:8px;object-fit:cover;box-shadow:0 6px 18px #00000059}.spotify-now-playing-card__art--placeholder{background:#ffffff1a}.spotify-now-playing-card__meta{display:flex;align-items:flex-start;gap:8px}.spotify-now-playing-card__save-actions{display:inline-flex;align-items:flex-start;gap:6px;flex-shrink:0}.spotify-now-playing-card__add-wrap,.spotify-now-playing-card__like-wrap{flex-shrink:0;margin-top:2px}.spotify-now-playing-card__add{width:30px;height:30px;font-size:1.05rem}.spotify-now-playing-card__text{min-width:0;flex:1;width:100%}.spotify-now-playing-card__title-carousel{position:relative;overflow:hidden;width:100%;min-width:0}.spotify-now-playing-card__title-carousel--scroll{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.spotify-now-playing-card__title-measure{position:absolute;visibility:hidden;height:0;overflow:hidden;pointer-events:none;white-space:nowrap}.spotify-now-playing-card__title-carousel-track{display:flex;align-items:baseline;justify-content:flex-start;gap:clamp(1.25rem,5vw,2.25rem);width:max-content;max-width:none;margin:0;white-space:nowrap}.spotify-now-playing-card__title-carousel-track:not(.spotify-now-playing-card__title-carousel-track--scroll){width:100%;max-width:100%;justify-content:center}.spotify-now-playing-card__title-carousel-track:not(.spotify-now-playing-card__title-carousel-track--scroll) .spotify-now-playing-card__title--current{overflow:visible;text-overflow:clip;max-width:none}.spotify-now-playing-card__title-carousel-track--scroll{display:inline-flex;margin:0;animation:spotify-title-marquee var(--marquee-duration, 12s) linear infinite}.spotify-now-playing-card__title-carousel-track--scroll.spotify-now-playing-card__title-carousel-track--paused{animation-play-state:paused}.spotify-now-playing-card__title-carousel-track--scroll .spotify-now-playing-card__title--current{padding-right:clamp(1.25rem,5vw,2.25rem)}@keyframes spotify-title-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.spotify-now-playing-card__title{margin:0;font-family:var(--font-sans);font-size:.72rem;font-weight:400;font-style:normal;line-height:1.35;color:#fff;white-space:nowrap}.spotify-now-playing-card__title--current{flex-shrink:0}.spotify-now-playing-card__title--adjacent{flex-shrink:0;color:#ffffffb8}.spotify-now-playing-card__artist{margin:2px 0 0;font-family:var(--font-sans);font-size:.64rem;font-style:normal;font-weight:400;line-height:1.35;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-now-playing-card__progress{display:flex;flex-direction:column;gap:6px}.spotify-now-playing-card__progress-bar{position:relative;height:16px;margin:-6px 0;border-radius:999px;background:transparent;overflow:visible;touch-action:none}.spotify-now-playing-card__progress-bar:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;border-radius:999px;background:#ffffff38;pointer-events:none}.spotify-now-playing-card__progress-bar--seekable{cursor:pointer}.spotify-now-playing-card__progress-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;height:4px;border-radius:inherit;background:#ffffffeb;transition:width .35s linear;pointer-events:none}.spotify-now-playing-card__progress-bar--dragging .spotify-now-playing-card__progress-fill{transition:none}.spotify-now-playing-card__progress-thumb{position:absolute;top:50%;width:12px;height:12px;margin:0;padding:0;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000059;transform:translate(-50%,-50%);pointer-events:none;transition:transform .15s ease,box-shadow .15s ease}.spotify-now-playing-card__progress-bar--seekable:hover .spotify-now-playing-card__progress-thumb,.spotify-now-playing-card__progress-bar--dragging .spotify-now-playing-card__progress-thumb{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 1px 6px #00000073}.spotify-now-playing-card__times{display:flex;justify-content:space-between;gap:8px;font-size:.68rem;font-variant-numeric:tabular-nums;color:#ffffffb8}.spotify-now-playing-card__controls{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2px;box-sizing:border-box}.spotify-now-playing-card__control--play{margin:0}.spotify-now-playing-card__control--skip-previous,.spotify-now-playing-card__control--skip-next{width:34px;height:34px;margin:0;opacity:.92}.spotify-now-playing-card__control--skip-previous svg,.spotify-now-playing-card__control--skip-next svg{width:24px;height:24px}.spotify-now-playing-card__control{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;flex-shrink:0}.spotify-now-playing-card__control svg{width:22px;height:22px}.spotify-now-playing-card__control--play svg{width:30px;height:30px}.spotify-now-playing-card__control--loop{margin:0;width:34px;height:34px;opacity:.88}.spotify-now-playing-card__control--loop svg{width:18px;height:18px}.spotify-now-playing-card__control--loop-active{color:#1ed760;opacity:1}.spotify-now-playing-card__control--shuffle{margin:0;width:34px;height:34px;opacity:.88}.spotify-now-playing-card__control:hover:not(:disabled){transform:scale(1.05)}.spotify-now-playing-card__control:disabled{opacity:.45;cursor:not-allowed}.spotify-now-playing{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:8px;background:#1ed76014}.spotify-now-playing__label{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.spotify-now-playing__track{font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-modal__body>.spotify-playlist__scroll{min-height:0}.spotify-playlist__scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;overflow-anchor:none;-webkit-overflow-scrolling:touch}.spotify-modal__body .spotify-playlist__scroll .spotify-playlist__tracks.spotify-playlist__tracks--full{overflow:visible;max-height:none;flex:none;height:auto;-webkit-overflow-scrolling:auto}.spotify-playlist__tracks--full{flex:1 1 auto;min-height:0}.spotify-playlist__tracks--build{max-height:220px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-anchor:none}.spotify-playlist__art{flex-shrink:0;width:44px;height:44px;border-radius:4px;object-fit:cover}.spotify-playlist__art--placeholder{display:block;background:#ffffff0f}.spotify-playlist__art-btn{flex-shrink:0;padding:0;border:none;background:none;border-radius:4px;cursor:pointer;overflow:hidden}.spotify-playlist__art-btn:hover:not(:disabled){opacity:.85}.spotify-playlist__art-btn:disabled{opacity:.45;cursor:not-allowed}.spotify-playlist-preview{display:flex;flex-direction:column;gap:6px}.spotify-playlist-preview__label{margin:0;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.spotify-search-label{font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.spotify-search-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-sans);font-size:.78rem}.spotify-search-input:focus{outline:2px solid rgba(30,215,96,.35);outline-offset:1px}.spotify-suggestions{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);max-height:180px;overflow-y:auto}.spotify-suggestions__status{padding:8px 10px;font-size:.72rem;color:var(--text-muted)}.spotify-suggestion{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:none;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.spotify-suggestion:last-child{border-bottom:none}.spotify-suggestion:hover{background:#1ed76014}.spotify-suggestion__title{font-size:.76rem;line-height:1.3}.spotify-suggestion__artist{font-size:.68rem;color:var(--text-muted)}.spotify-playlist{display:flex;flex-direction:column;gap:6px;min-height:0}.spotify-playlist__label{font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.spotify-playlist__tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.spotify-playlist__tracks:not(.spotify-playlist__tracks--full):not(.spotify-playlist__tracks--build){max-height:140px;overflow-y:auto}.spotify-playlist__item{display:flex;align-items:center;gap:6px;overflow:visible}.spotify-playlist__item--current{padding:4px 6px;margin:0 -6px;border-radius:10px;background:#1ed76014;box-shadow:inset 0 0 0 1px #1ed7602e}.spotify-playlist__add-wrap{flex-shrink:0}.spotify-playlist__add{width:28px;height:28px;font-size:1rem}.spotify-playlist__track{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.spotify-playlist__track-name,.spotify-playlist__track-artist{white-space:normal;word-break:break-word;line-height:1.35}.spotify-playlist__track-name{font-size:.72rem}.spotify-playlist__track-artist{font-size:.64rem;color:var(--text-muted)}.spotify-playlist__remove{flex-shrink:0;margin-left:auto;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0f;color:#ffffffb8;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.spotify-playlist__remove svg{width:12px;height:12px}.spotify-playlist__remove:hover{color:#fff;border-color:#ffffff38;background:#ffffff24}.spotify-error,.spotify-note{font-size:.66rem;line-height:1.35;margin:0}.spotify-error{color:#f0a08a}.spotify-modal__player-error{margin-top:6px;text-align:center}.spotify-note{color:var(--text-muted)}.trail-sidebar-spotify{margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.trail-sidebar-explore-btn{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid rgba(30,215,96,.35);background:#1ed7601a;color:#c8f5d4;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.trail-sidebar-explore-btn:hover{background:#1ed7602e;border-color:#1ed7608c}.trail-sidebar-explore-btn--active{background:#1ed7603d;border-color:#1ed760a6}.trail-sidebar--minimized .trail-sidebar-explore-btn{padding:8px 0;font-size:.95rem}.spotify-sidebar-player{display:flex;flex-direction:column;gap:6px}.spotify-sidebar-player__label{margin:0;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.spotify-sidebar-player__playlist,.spotify-sidebar-player__track{margin:0;font-size:.72rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-sidebar-player__playlist{font-weight:600;color:#c8f5d4}.spotify-sidebar-player__track{color:var(--text-muted)}.spotify-sidebar-player__controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.spotify-sidebar-player__control{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:30px;padding:4px 0;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-primary);font-size:.72rem;cursor:pointer}.spotify-sidebar-player__control svg{width:14px;height:14px}.spotify-sidebar-player__control--play svg{width:16px;height:16px}.spotify-sidebar-player__control--loop-active{color:#1ed760;border-color:#1ed76059}.spotify-sidebar-player__control:hover:not(:disabled){background:#ffffff1a}.spotify-sidebar-player__control:disabled{opacity:.45;cursor:not-allowed}.spotify-sidebar-player--minimized .spotify-sidebar-player__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.spotify-explore-modal__connect{display:flex;flex-direction:column;gap:10px;padding:8px 0 4px}.spotify-explore-modal{max-width:min(560px,92vw);max-height:min(82dvh,760px);overflow-y:auto}.spotify-explore-modal__lead{margin:0 0 12px;font-size:.78rem;line-height:1.5;color:var(--text-muted);text-wrap:pretty}.spotify-explore-modal__heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.spotify-explore-modal__back{padding:0;border:none;background:none;font-size:.72rem;font-weight:500;color:var(--text-muted);cursor:pointer}.spotify-explore-modal__back:hover{color:var(--text-primary)}.spotify-explore-modal__genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.spotify-explore-detail{display:flex;flex-direction:column;gap:14px;min-height:0}.spotify-explore-detail__hero{display:flex;gap:12px;align-items:flex-start}.spotify-explore-detail__art{width:72px;height:72px;border-radius:8px;object-fit:cover;flex-shrink:0}.spotify-explore-detail__art--placeholder{display:block;background:#ffffff14}.spotify-explore-detail__meta{min-width:0;display:flex;flex-direction:column;gap:6px}.spotify-explore-detail__description{margin:0;font-size:.78rem;line-height:1.45;color:#d2e0e6d1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}.spotify-explore-detail__owner{margin:0;font-size:.68rem;color:#c8f5d4bf}.spotify-explore-detail__actions{display:flex;flex-wrap:wrap;gap:8px}.spotify-explore-detail__play,.spotify-explore-detail__open{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:.78rem}.spotify-explore-detail__play-icon,.spotify-explore-detail__open-icon{width:14px;height:14px;flex-shrink:0}.spotify-explore-detail__transport{display:flex;align-items:center;justify-content:center;gap:10px}.spotify-explore-transport-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e8f0ea;cursor:pointer}.spotify-explore-transport-btn svg{width:16px;height:16px}.spotify-explore-transport-btn--primary{width:42px;height:42px;border-color:#1ed76073;background:#1ed76029}.spotify-explore-transport-btn:disabled{opacity:.55;cursor:wait}.spotify-explore-detail__tracks{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:min(38dvh,320px)}.spotify-explore-tracks{list-style:none;margin:0;padding:0 4px 0 0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;scrollbar-width:thin}.spotify-explore-track{display:flex;align-items:center;gap:6px;border-radius:var(--radius-sm);border:1px solid transparent;background:#ffffff08}.spotify-explore-track--active{border-color:#1ed76066;background:#1ed7601a}.spotify-explore-track__main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border:none;background:none;color:inherit;text-align:left;cursor:pointer}.spotify-explore-track__art{width:36px;height:36px;border-radius:5px;object-fit:cover;flex-shrink:0}.spotify-explore-track__art--placeholder{display:block;background:#ffffff14}.spotify-explore-track__text{min-width:0;display:flex;flex-direction:column;gap:2px}.spotify-explore-track__name{font-size:.78rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-explore-track__artist{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-explore-track__duration{margin-left:auto;font-size:.66rem;color:var(--text-muted);flex-shrink:0}.spotify-explore-track__like{width:30px;height:30px;margin-right:6px;flex-shrink:0}.spotify-explore-track__like svg{width:14px;height:14px}.spotify-explore-genre{padding:6px 12px;border-radius:999px;border:1px solid rgba(30,215,96,.28);background:#1ed76014;color:#d7ffe3;font-size:.72rem;font-weight:600;cursor:pointer}.spotify-explore-genre--active{background:#1ed76038;border-color:#1ed7609e}.spotify-explore-modal__results{display:flex;flex-direction:column;min-height:0;max-height:min(42dvh,360px)}.spotify-explore-modal__results .spotify-explore-playlists{overflow-y:auto;padding-right:4px;scrollbar-width:thin}.spotify-explore-modal__results-title{margin:0 0 8px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.spotify-explore-modal__status{margin:0;font-size:.76rem;color:var(--text-muted)}.spotify-explore-playlists{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.spotify-explore-playlist{width:100%;display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;text-align:left;cursor:pointer}.spotify-explore-playlist:hover:not(:disabled){background:#ffffff12}.spotify-explore-playlist--active{border-color:#1ed76073;background:#1ed7601a}.spotify-explore-playlist:disabled{opacity:.6;cursor:wait}.spotify-explore-playlist__art{width:52px;height:52px;border-radius:6px;object-fit:cover;flex-shrink:0}.spotify-explore-playlist__art--placeholder{display:block;background:#ffffff14}.spotify-explore-playlist__text{min-width:0;display:flex;flex-direction:column;gap:3px}.spotify-explore-playlist__name{font-size:.82rem;font-weight:600;line-height:1.35}.spotify-explore-playlist__description{font-size:.72rem;line-height:1.4;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spotify-explore-playlist__meta{font-size:.66rem;color:#c8f5d4bf}.soundscape-tile{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:10px;border-radius:12px;border:1px solid rgba(180,155,120,.28);background:#50463c38;color:var(--text-primary);text-align:left;transition:background .2s,border-color .2s}.soundscape-tile:hover{background:#50463c59;border-color:#b49b7873}.soundscape-tile-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;background:#7cb87a26;border:1px solid rgba(124,184,122,.3)}.soundscape-tile-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.soundscape-tile-label{font-size:.88rem;font-weight:600}.soundscape-tile-detail{font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundscape-tile-action{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}@media (max-width: 520px){.app-header-actions{flex-direction:column;align-items:flex-end;gap:6px}.beginners-quiz-btn,.settings-btn{font-size:.72rem;padding:8px 10px}.settings-style-list{flex-direction:row}.settings-style-card{flex:1}}.admin-popup-close{position:fixed;top:auto;bottom:calc(16px + var(--safe-bottom));left:max(12px,4vw);right:auto;z-index:300;width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid var(--border);color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.admin-popup-close:hover{color:var(--text-primary);background:#ffffff24}.admin-popup-close--panel{position:absolute;top:12px;right:12px;z-index:2}.site-footer-admin-link{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:inherit;opacity:.45;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:opacity .15s ease}.site-footer-admin-link:hover{opacity:.75}.site-footer-restart-btn{margin-top:10px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,120,120,.35);background:#78181838;color:#ffb4b4;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.site-footer-restart-btn:hover{background:#8c1c1c57;border-color:#ff8c8c80;transform:translateY(-1px)}.admin-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;background:#050a08d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin-login-card{width:min(360px,100%);padding:28px 24px;background:var(--bg-deep);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 50px #00000073}.admin-login-title{margin:0 0 8px;font-size:1.15rem}.admin-login-hint{margin:0 0 16px;font-size:.85rem;color:var(--text-muted)}.admin-login-input{width:100%;padding:10px 12px;font-size:.95rem;color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin-bottom:12px}.admin-login-error{margin:0 0 12px;font-size:.82rem;color:#f87171}.admin-login-actions{display:flex;justify-content:flex-end;gap:8px}.admin-panel{flex:1;overflow-y:auto;padding:24px max(20px,6vw) calc(24px + var(--footer-height))}.admin-panel-header{margin-bottom:24px}.admin-panel-title{margin:0 0 6px;font-size:1.35rem}.admin-panel-subtitle{margin:0;font-size:.88rem;color:var(--text-muted)}.admin-users-table-wrap{overflow-x:auto;margin-bottom:24px}.admin-users-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-users-table th,.admin-users-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.admin-users-table th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.admin-user-name{display:block;font-weight:600}.admin-user-meta{display:block;font-size:.72rem;color:var(--text-muted);margin-top:2px}.admin-user-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;background:#fbbf241f;border-radius:3px}.admin-phase-badge{display:inline-block;padding:2px 8px;font-size:.72rem;border-radius:4px}.admin-phase-badge--active{color:#4ade80;background:#4ade801f}.admin-phase-badge--paused{color:#fbbf24;background:#fbbf241f}.admin-phase-badge--profile-incomplete,.admin-phase-badge--quiz-incomplete,.admin-phase-badge--opted-in{color:var(--text-muted);background:#ffffff0f}.admin-user-cards{display:none}.admin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:32px}.admin-metric-card{display:flex;flex-direction:column;gap:4px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.admin-metric-value{font-size:1.5rem;font-weight:700;color:var(--theme-accent, #7cb87a)}.admin-metric-label{font-size:.72rem;color:var(--text-muted);line-height:1.4}.admin-metrics-section{margin-bottom:28px}.admin-metrics-section-title{margin:0 0 14px;font-size:1rem}.admin-stage-bars{display:flex;flex-direction:column;gap:10px}.admin-stage-bar-row{display:grid;grid-template-columns:110px 1fr 32px;align-items:center;gap:10px}.admin-stage-bar-label{font-size:.78rem;color:var(--text-muted)}.admin-stage-bar-track{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.admin-stage-bar-fill{height:100%;background:var(--theme-accent, #7cb87a);border-radius:4px;min-width:2px}.admin-stage-bar-count{font-size:.78rem;font-weight:600;text-align:right}.admin-timing-table-wrap{overflow-x:auto}.admin-timing-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-timing-table th,.admin-timing-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.admin-timing-table th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}@media (max-width: 768px){.admin-users-table-wrap{display:none}.admin-user-cards{display:flex;flex-direction:column;gap:12px}.admin-user-card{padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.admin-user-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.admin-user-card-header h3{margin:0;font-size:1rem}.admin-user-card-details{margin:0;display:grid;gap:8px}.admin-user-card-details div{display:grid;grid-template-columns:110px 1fr;gap:8px}.admin-user-card-details dt{font-size:.72rem;color:var(--text-muted)}.admin-user-card-details dd{margin:0;font-size:.82rem}.admin-stage-bar-row{grid-template-columns:90px 1fr 28px}}.legal-doc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);padding-top:calc(max(16px,3vw) + var(--safe-top));padding-bottom:calc(max(16px,3vw) + var(--safe-bottom));background:#040807c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:app-about-fade-in .3s cubic-bezier(.4,0,.2,1)}.legal-doc-panel{width:min(100%,560px);max-height:min(88dvh,820px);display:flex;flex-direction:column;padding:clamp(18px,2.5vw,26px) clamp(18px,2.8vw,28px) clamp(14px,2vw,20px);border-radius:var(--radius);border:1px solid rgba(180,155,120,.28);background:#0f1612;box-shadow:0 20px 48px #0000008c;color:#e8dfd0;position:relative}.legal-doc-header{flex-shrink:0;margin-bottom:14px;padding-right:36px}.legal-doc-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#a89070;margin:0 0 8px}.legal-doc-title{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.7rem);font-weight:500;line-height:1.25;color:#f0ebe3;margin:0 0 8px}.legal-doc-meta{margin:0;font-size:.78rem;color:var(--text-muted)}.legal-doc-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;margin-bottom:14px;-webkit-overflow-scrolling:touch}.legal-doc-intro,.legal-doc-section p,.legal-doc-section li{font-size:.88rem;line-height:1.65;color:var(--text-muted)}.legal-doc-intro{margin:0 0 18px}.legal-doc-section{margin-bottom:16px}.legal-doc-section-title{font-family:var(--font-display);font-size:1rem;font-weight:500;color:#e8dfd0;margin:0 0 8px}.legal-doc-section ul{margin:0 0 10px;padding-left:1.15rem}.legal-doc-section li{margin-bottom:6px}.legal-doc-section strong{color:#e8dfd0;font-weight:600}.legal-doc-footer{flex-shrink:0;padding-top:4px}.legal-acceptance{width:100%;margin:0 0 18px;padding:16px 18px;border-radius:var(--radius);border:1px solid rgba(180,155,120,.22);background:#785f4614;text-align:left}.legal-acceptance-lead{margin:0 0 14px;font-size:.86rem;line-height:1.55;color:var(--text-muted)}.legal-acceptance-checks{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.legal-acceptance-row{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.45;color:#e8dfd0;cursor:pointer}.legal-acceptance-row input{margin-top:3px;flex-shrink:0;accent-color:#a89070}.legal-acceptance-note{margin:0;font-size:.76rem;line-height:1.5;color:var(--text-muted)}.legal-acceptance-link{display:inline;padding:0;border:none;background:none;color:#c4a882;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.legal-acceptance-link:hover{color:#e0c9a8}.legal-doc-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;font-size:.78rem;color:var(--text-muted)}.legal-doc-links-sep{opacity:.55}.legal-doc-links--settings{justify-content:flex-start;margin-top:8px}.legal-doc-links--connect-menu{margin-top:18px;padding-top:14px;border-top:1px solid rgba(180,155,120,.18)}.legal-doc-links--welcome{margin-top:10px;opacity:.85}.connection-opt-in-actions .btn:disabled{opacity:.45;cursor:not-allowed}.settings-legal-item{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 14px;border-radius:calc(var(--radius) - 2px);border:1px solid rgba(180,155,120,.28);background:#0f1c14b8;color:#e8dfd0;font:inherit;text-align:left;cursor:pointer;flex-shrink:0;transition:border-color .2s ease,background .2s ease}.settings-column--legal .settings-category{gap:10px}.settings-legal-item:hover{border-color:#c8af8c73;background:#14241ae6}.settings-legal-item__icon{flex-shrink:0;color:#a89070}.settings-legal-item__label{flex:1;font-size:.95rem;font-weight:500;color:#f0ebe3}.settings-legal-item__meta{flex-shrink:0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.legal-doc-status{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:calc(var(--radius) - 4px);border:1px solid rgba(180,155,120,.25);background:#080e0b8c}.legal-doc-status--signed{border-color:#4ade8059;color:#b7f0c8}.legal-doc-status--unsigned{border-color:#e8b46459;color:#e8c894}.legal-doc-status__icon{flex-shrink:0;display:flex;margin-top:1px}.legal-doc-status__text{font-size:.84rem;line-height:1.45}.legal-doc-body--must-scroll{box-shadow:inset 0 -18px 16px -16px #00000073}.legal-doc-footer-stack{display:flex;flex-direction:column;gap:10px;width:100%}.legal-doc-scroll-hint{margin:0;font-size:.78rem;line-height:1.4;color:#e8c894;text-align:center}.legal-doc-agree{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:.86rem;line-height:1.45;color:#e8dfd0;cursor:pointer}.legal-doc-agree--disabled{opacity:.45;cursor:not-allowed}.legal-doc-agree input{margin-top:3px;flex-shrink:0;accent-color:#a89070}.legal-doc-footer-stack .btn:disabled{opacity:.45;cursor:not-allowed}.connection-home-panel{display:flex;flex-direction:column;gap:18px}.connection-home-section{display:flex;flex-direction:column;gap:10px;padding-top:4px}.connection-home-section__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.connection-home-section--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connection-safety-note{padding:10px 12px;border-radius:10px;border:1px solid rgba(124,184,122,.22);background:#7cb87a0f}.connection-trail-match-card{display:flex;flex-direction:column;gap:10px}.connection-trail-match-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.connection-intention-badges{display:flex;flex-wrap:wrap;gap:6px}.connection-trust-stage{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08}.connection-trust-stage__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.connection-trust-stage__label{font-weight:600}.connection-trust-stage__badge{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.connection-empty-section{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;border:1px dashed rgba(255,255,255,.12)}.connection-encouragement-picker{display:flex;flex-wrap:wrap;gap:6px}.connection-encouragement-btn{font-size:.72rem;padding:6px 10px}.connection-chat-log{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding:10px;border-radius:10px;border:1px solid var(--border);background:#ffffff05}.connection-chat-message{margin:0;padding:8px 10px;border-radius:10px;background:#ffffff0d;max-width:85%}.connection-chat-message--self{align-self:flex-end;background:#7cb87a1f}.connection-quiz-option__label{display:block;font-weight:600}.connection-quiz-option__desc{display:block;margin-top:4px;font-size:.78rem;color:var(--text-muted)}@media (max-width: 720px){.connection-home-section--grid,.connection-trail-match-actions{grid-template-columns:1fr}}.league-select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#060a08eb;animation:app-about-fade-in .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}.league-select-panel{width:min(100%,920px);margin:auto;padding:clamp(22px,4vw,32px);border-radius:var(--radius);background:#0f1612;border:.5px solid rgba(255,255,255,.14);box-shadow:0 20px 48px #0000008c;animation:slideUp .3s ease}.league-select-back{margin:-6px 0 8px;padding:6px 0}.league-select-eyebrow{font-size:.62rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#7cb87a;margin-bottom:10px;text-align:center}.league-select-title{font-family:var(--font-display);font-size:clamp(1.25rem,3.5vw,1.55rem);font-weight:500;letter-spacing:-.02em;text-align:center;margin-bottom:10px;line-height:1.2}.league-select-subtitle{color:var(--text-muted);font-size:var(--text-base);line-height:1.55;text-align:center;max-width:40rem;margin:0 auto 14px}.league-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.league-select-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 16px 16px;border-radius:var(--radius-sm, var(--radius));border:1px solid rgba(255,255,255,.14);background:#111a15b8;color:inherit;text-align:center;cursor:pointer;overflow:visible;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease,background .35s ease}.league-select-card__emblem{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--league-accent, #7cb87a);background:color-mix(in srgb,var(--league-accent, #7cb87a) 18%,transparent);border:1px solid color-mix(in srgb,var(--league-accent, #7cb87a) 40%,transparent);transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.league-select-card--gentle,.league-select-card--gentle .league-select-card__emblem{transition-duration:.55s;transition-timing-function:cubic-bezier(.33,.9,.4,1)}.league-select-card--gentle:hover{border-color:color-mix(in srgb,var(--league-accent, #7cb87a) 50%,rgba(255,255,255,.18));background:color-mix(in srgb,var(--league-accent, #7cb87a) 10%,rgba(17,26,21,.78));transform:translateY(-3px) scale(1.015);box-shadow:0 10px 28px #00000047,0 0 22px color-mix(in srgb,var(--league-accent, #7cb87a) 22%,transparent)}.league-select-card--gentle:hover .league-select-card__emblem{transform:scale(1.06);animation:league-gentle-breathe 2.4s ease-in-out infinite}.league-select-card--steady,.league-select-card--steady .league-select-card__emblem{transition-duration:.22s;transition-timing-function:cubic-bezier(.25,.1,.25,1)}.league-select-card--steady:hover{border-color:color-mix(in srgb,var(--league-accent, #c4a35a) 70%,rgba(255,255,255,.15));background:color-mix(in srgb,var(--league-accent, #c4a35a) 14%,rgba(17,26,21,.88));transform:translateY(-1px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--league-accent, #c4a35a) 28%,transparent),0 6px 16px #00000052}.league-select-card--steady:hover .league-select-card__emblem{transform:translateY(-1px);background:color-mix(in srgb,var(--league-accent, #c4a35a) 28%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--league-accent, #c4a35a) 35%,transparent)}.league-select-card--intense,.league-select-card--intense .league-select-card__emblem{transition-duration:.14s;transition-timing-function:cubic-bezier(.2,.9,.3,1.15)}.league-select-card--intense:hover{border-color:color-mix(in srgb,var(--league-accent, #c47a5a) 80%,#fff 10%);background:color-mix(in srgb,var(--league-accent, #c47a5a) 18%,rgba(17,26,21,.9));transform:translateY(-4px) scale(1.035);box-shadow:0 14px 32px #0006,0 0 28px color-mix(in srgb,var(--league-accent, #c47a5a) 38%,transparent);animation:league-intense-pulse .9s ease-in-out infinite}.league-select-card--intense:hover .league-select-card__emblem{transform:scale(1.12) rotate(-3deg);animation:league-intense-emblem .55s ease-in-out infinite alternate;box-shadow:0 0 18px color-mix(in srgb,var(--league-accent, #c47a5a) 45%,transparent)}.league-select-card--selected{border:2px solid color-mix(in srgb,var(--league-accent, #7cb87a) 55%,rgba(255,255,255,.14));background:color-mix(in srgb,var(--league-accent, #7cb87a) 12%,rgba(17,26,21,.85));box-shadow:0 0 0 1px color-mix(in srgb,var(--league-accent, #7cb87a) 25%,transparent),0 0 16px color-mix(in srgb,var(--league-accent, #7cb87a) 14%,transparent)}.league-select-card--selected>*:not(.rim-glow-svg){position:relative;z-index:1}.league-select-card--selected:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--radius-sm, var(--radius)) + 6px);background:transparent;box-shadow:0 0 28px color-mix(in srgb,var(--league-accent, #7cb87a) 42%,transparent);pointer-events:none;z-index:-1}.league-select-card__icon{display:block;width:26px;height:26px}.league-select-card__name{font-family:var(--font-display);font-size:1.05rem;font-weight:500;margin:0}.league-select-card__description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0;flex:1;width:100%}@keyframes league-gentle-breathe{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--league-accent, #7cb87a) 18%,transparent)}50%{box-shadow:0 0 22px color-mix(in srgb,var(--league-accent, #7cb87a) 42%,transparent)}}@keyframes league-intense-pulse{0%,to{box-shadow:0 14px 32px #0006,0 0 22px color-mix(in srgb,var(--league-accent, #c47a5a) 34%,transparent)}50%{box-shadow:0 16px 36px #00000073,0 0 36px color-mix(in srgb,var(--league-accent, #c47a5a) 55%,transparent)}}@keyframes league-intense-emblem{0%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1.16) rotate(3deg)}}@media (prefers-reduced-motion: reduce){.league-select-card,.league-select-card__emblem{transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important}.league-select-card--gentle:hover,.league-select-card--steady:hover,.league-select-card--intense:hover,.league-select-card--gentle:hover .league-select-card__emblem,.league-select-card--steady:hover .league-select-card__emblem,.league-select-card--intense:hover .league-select-card__emblem{transform:none;animation:none}}.league-select-clarification{margin:0 auto 22px;max-width:40rem;padding:14px 16px;border-radius:var(--radius-sm, var(--radius));border:1px solid rgba(255,255,255,.12);background:#7cb87a14;color:var(--text-primary);font-size:.92rem;line-height:1.55;text-align:center}.league-select-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.league-select-actions .btn{flex:1;min-width:120px}.league-select-actions .btn:disabled{opacity:.45;cursor:not-allowed}.league-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:330;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b8}.league-confirm-panel{width:min(100%,440px);padding:24px;border-radius:var(--radius);background:#0f1612;border:1px solid rgba(255,255,255,.16);animation:slideUp .25s ease;max-height:min(90vh,640px);overflow-y:auto}.league-confirm-title{font-family:var(--font-display);font-size:1.15rem;margin:0 0 12px;text-align:center}.league-confirm-body{color:var(--text-muted);font-size:.92rem;line-height:1.55;margin:0 0 10px;text-align:center}.league-confirm-list{margin:0 0 16px;padding-left:1.15rem;color:var(--text-primary);font-size:.9rem;line-height:1.5}.league-confirm-list li+li{margin-top:4px}.league-confirm-list--preserve{color:#9ec89c}.league-confirm-actions{display:flex;gap:10px}.league-confirm-actions .btn{flex:1}.settings-league-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.league-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--league-accent, #7cb87a) 45%,rgba(255,255,255,.15));background:color-mix(in srgb,var(--league-accent, #7cb87a) 14%,transparent);font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.league-badge__emblem{display:inline-flex;align-items:center;justify-content:center;color:var(--league-accent, #7cb87a);line-height:1}.league-badge__icon{display:block;width:14px;height:14px}.connection-person-header__badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.connection-league-self{display:flex;align-items:center;gap:10px;margin-bottom:12px}.connection-league-filters{display:flex;flex-wrap:wrap;gap:8px}.connection-league-filter{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.connection-league-filter--on{border-color:color-mix(in srgb,var(--league-accent, #7cb87a) 55%,rgba(255,255,255,.25));background:color-mix(in srgb,var(--league-accent, #7cb87a) 16%,transparent)}.connection-league-filter__emblem{display:inline-flex;align-items:center;justify-content:center;color:var(--league-accent, #7cb87a);line-height:1}.connection-league-filter__icon{display:block;width:14px;height:14px}@media (max-width: 800px){.league-select-grid{grid-template-columns:1fr}}:root{--bg-deep: #0a0f0d;--bg-card: #121a16;--bg-elevated: #1a2620;--text-primary: #f0f5f2;--text-muted: #8fa396;--border: rgba(255, 255, 255, .08);--radius: 16px;--radius-sm: 10px;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--rank-essentialist: #5e9e96;--rank-essentialist-soft: #a8d4ce;--rank-pioneer: #b8923a;--rank-pioneer-soft: #e0c77a;--rank-master: #8e3a52;--rank-master-soft: #d4a0b0;--font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-lesson-note: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--heading-weight: 600;--text-xs: clamp(.7rem, .68rem + .1vw, .75rem);--text-sm: clamp(.8rem, .78rem + .12vw, .875rem);--text-base: clamp(1rem, .96rem + .2vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--text-xl: clamp(1.35rem, 1.2rem + .75vw, 1.65rem);--text-2xl: clamp(1.65rem, 1.45rem + 1vw, 2rem);--text-3xl: clamp(2rem, 1.7rem + 1.5vw, 2.75rem);--text-display: clamp(2.75rem, 5vw + 1rem, 3.75rem);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--footer-height: 76px;--footer-carousel-overlap: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:clamp(16px,15px + .25vw,17px)}body{font-family:var(--font);font-size:var(--text-base);font-weight:400;background:var(--bg-deep);color:var(--text-primary);line-height:1.6;letter-spacing:.005em;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--heading-weight, 500);line-height:1.3;letter-spacing:.01em}#root{min-height:100dvh;display:flex;flex-direction:column;width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}