.weave-hero__caption{font-size:var(--ms-text-sm);color:var(--color-text-muted)}.weave-demo__popup{position:absolute;left:-12px;top:calc(100% + 12px);z-index:3;display:block;min-width:240px;padding:10px;border:1px solid var(--color-border);border-radius:var(--ms-radius-md);background:var(--color-bg);box-shadow:0 18px 44px var(--color-shadow);opacity:0;transform:translateY(6px);animation:weave-popup 10s ease-in-out infinite}.weave-demo__popup-title{display:block;margin:2px 6px 8px;font-size:var(--ms-text-2xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.weave-demo__option{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:7px 10px;border-radius:var(--ms-radius-sm);font-size:var(--ms-text-base);color:var(--color-text)}.weave-demo__option em{font-style:normal;font-size:var(--ms-text-2xs);color:var(--color-text-muted)}.weave-demo__option--active{background:hsl(var(--color-accent-hsl) / .14);animation:weave-option 10s ease-in-out infinite}.weave-demo__option--active em,.weave-demo__option--active .weave-demo__option-label{color:var(--color-text)}@keyframes weave-popup{0%,18%{opacity:0;transform:translateY(6px);visibility:hidden}24%,56%{opacity:1;transform:translateY(0);visibility:visible}62%,to{opacity:0;transform:translateY(6px);visibility:hidden}}@keyframes weave-option{0%,42%{background:hsl(var(--color-accent-hsl) / .14)}48%,56%{background:hsl(var(--color-accent-hsl) / .32)}62%,to{background:hsl(var(--color-accent-hsl) / .14)}}@media(prefers-reduced-motion:reduce){.weave-demo__popup,.weave-demo__option--active{animation:none}.weave-demo__popup{opacity:1;transform:none;visibility:visible}}.weave-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ms-space-6);margin:var(--ms-space-10) 0 0;padding:0;list-style:none}.weave-steps__item{padding:26px;border:1px solid var(--color-border);border-radius:var(--ms-radius-md);background:var(--color-surface)}.weave-steps__number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:14px;border-radius:50%;font-size:var(--ms-text-base);font-weight:700;color:var(--color-bg);background:var(--color-accent)}.weave-steps__title{margin:0 0 var(--ms-space-2);font-size:var(--ms-text-lg);line-height:1.35;color:var(--color-text)}.weave-steps__text{margin:0;font-size:var(--ms-text-base);line-height:1.6;color:var(--color-text-muted)}.weave-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ms-space-6);margin-top:var(--ms-space-10)}.weave-compare__card{padding:30px;border-radius:var(--ms-radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.weave-compare__card--weave{border-color:hsl(var(--color-accent-hsl) / .55);background:linear-gradient(180deg,hsl(var(--color-accent-hsl) / .08),var(--color-surface))}.weave-compare__title{margin:0 0 var(--ms-space-4);font-size:var(--ms-text-xl);color:var(--color-text)}.weave-compare__list{margin:0;padding-left:22px;display:grid;gap:10px;color:var(--color-text-muted);line-height:1.55}.weave-compare__card--weave .weave-compare__list{color:var(--color-text)}.weave-compare__cta{margin-top:var(--ms-space-6)}.weave-hood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ms-space-6);margin-top:var(--ms-space-10)}.weave-hood-card .grey-paragraph{line-height:1.6}.weave-languages{margin-top:var(--ms-space-12);text-align:center}.weave-languages__title{margin:0 0 var(--ms-space-4);font-size:var(--ms-text-xl);color:var(--color-text)}.weave-languages__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 14px;padding:0;list-style:none}.weave-languages__chip{padding:7px 16px;border:1px solid var(--color-border);border-radius:var(--ms-radius-full);font-size:var(--ms-text-sm);color:var(--color-text);background:var(--color-surface)}.weave-languages__note{max-width:620px;margin:0 auto;font-size:var(--ms-text-sm);line-height:1.55;color:var(--color-text-muted)}.weave-transfer-check{max-width:720px;margin:32px auto 0;font-size:var(--ms-text-base);line-height:1.6;color:var(--color-text-muted);text-align:center}@media(max-width:991px){.weave-steps,.weave-compare,.weave-hood-grid{grid-template-columns:1fr}}@media(max-width:479px){.weave-demo__popup{left:0;min-width:200px}}.weave-play{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:1fr;gap:var(--ms-space-4);align-items:stretch;width:100%;flex:1;min-height:0;height:100%;overflow:hidden}.weave-play__level{margin-bottom:var(--ms-space-4);padding-bottom:var(--ms-space-4);border-bottom:1px solid rgb(var(--ink) / .08)}.weave-play__level-label{display:block;margin-bottom:var(--ms-space-2);font-size:var(--ms-text-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.weave-play__slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;margin:var(--ms-space-2) 0;border-radius:var(--ms-radius-full);background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) calc(var(--weave-play-fill, 33) * 1%),rgb(var(--ink) / .12) calc(var(--weave-play-fill, 33) * 1%),rgb(var(--ink) / .12) 100%);outline:none;cursor:pointer}.weave-play__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 1px 4px #00000040;cursor:pointer}.weave-play__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 1px 4px #00000040;cursor:pointer}.weave-play__slider:focus-visible{box-shadow:0 0 0 3px hsl(var(--color-accent-hsl) / .3)}.weave-play__level-ends{display:flex;justify-content:space-between;gap:var(--ms-space-3);font-size:var(--ms-text-2xs);color:var(--color-text-muted)}.weave-play__level-hint{margin:var(--ms-space-2) 0 0;font-size:var(--ms-text-xs);line-height:1.5;color:var(--color-text-muted)}.weave-play__text{margin:0;font-size:var(--ms-text-lg);line-height:1.75;color:var(--color-text)}.weave-play__slot{position:relative;display:inline-block}.weave-play__word{font:inherit;font-weight:600;color:var(--color-accent);background:none;border:none;border-bottom:2px dotted hsl(var(--color-accent-hsl) / .55);padding:0;margin:0 .05ch;cursor:pointer}.weave-play__word:hover,.weave-play__word:focus-visible{border-bottom-color:var(--color-accent)}.weave-play__word:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--ms-radius-xs)}.weave-play__word--resolved{border-bottom-style:solid;border-bottom-color:hsl(var(--color-accent-hsl) / .35)}.weave-play__word--known{color:var(--color-accent);font-weight:600;cursor:default}.weave-play__noscript{margin:var(--ms-space-3) 0 0;font-size:var(--ms-text-xs);line-height:1.5;color:var(--color-text-muted)}.weave-play-popup{z-index:1000;animation:none;opacity:1;transform:none;visibility:visible}.weave-play-popup .weave-demo__option--active{animation:none}.weave-demo__option[role=option]{width:100%;font:inherit;background:none;border:none;border-radius:var(--ms-radius-sm);text-align:left;cursor:pointer}.weave-demo__option[role=option]:hover,.weave-demo__option[role=option].is-focused{background:hsl(var(--color-accent-hsl) / .14)}.weave-demo__option[role=option]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.weave-play__empty-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--ms-space-2);text-align:left}.weave-play__nav{display:inline-flex;align-items:center;gap:.2rem}.weave-play__nav-btn{min-width:1.7em;padding-left:.4rem!important;padding-right:.4rem!important;text-align:center}.weave-play__nav-position{font-family:var(--font-ui);font-size:var(--ms-text-2xs);color:var(--color-text-muted);white-space:nowrap;min-width:2.2em;text-align:center}.weave-play__complete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ms-space-3);margin-top:var(--ms-space-2);padding:var(--ms-space-4);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:var(--ms-radius-sm);background:hsl(var(--color-accent-hsl) / .08)}.weave-play__complete-text{margin:0;flex:1 1 220px;font-size:var(--ms-text-xs);line-height:1.5;color:var(--color-text)}.weave-play__complete-btn{flex-shrink:0}@media(max-width:1024px){.weave-play{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;height:auto;overflow:visible}}@media(max-width:640px){.weave-play .tool-pane__toolbar{height:auto;flex-wrap:wrap;row-gap:var(--ms-space-2);padding:var(--ms-space-2) .85rem}.weave-play .tool-pane__counter{margin-left:0}.weave-play .tool-pane__actions{flex-wrap:wrap;width:100%}}.weave-play .tool-pane__content--editor{overflow-y:auto}