.next-word-demo{position:relative;margin:2rem 0 2.4rem;padding:1.2rem;border:1px solid color-mix(in srgb,var(--theme-primary-deep, var(--accent)) 16%,transparent);border-radius:var(--theme-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-paper-strong, var(--surface-strong)) 92%,white 8%),color-mix(in srgb,var(--theme-paper-soft, var(--surface-strong)) 96%,white 4%));box-shadow:0 14px 34px #121e3414}.next-word-demo__header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.next-word-demo__eyebrow{margin:0 0 .35rem;color:color-mix(in srgb,var(--theme-primary-deep, var(--accent)) 80%,var(--text) 20%);font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.next-word-demo h3{margin:0;font-family:var(--font-sans);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.1}.next-word-demo__info-button{flex:0 0 auto;width:2rem;height:2rem;border:0;border-radius:var(--theme-button-radius);background:color-mix(in srgb,var(--theme-primary, var(--accent)) 16%,white 84%);color:var(--theme-primary-deep, var(--accent));font-family:var(--font-sans);font-size:.95rem;font-weight:700;cursor:pointer}.next-word-demo__popover{position:relative;z-index:1;margin-top:.9rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--theme-primary-deep, var(--accent)) 14%,transparent);border-radius:var(--theme-radius);background:color-mix(in srgb,white 90%,var(--theme-paper-strong, var(--surface-strong)) 10%);box-shadow:0 10px 24px #121e3414}.next-word-demo__popover p{margin:0 0 .7rem;font-size:.95rem}.next-word-demo__popover pre{margin:0;max-height:14rem;font-size:.78rem;line-height:1.45}.next-word-demo__intro{margin:.9rem 0 1rem;color:color-mix(in srgb,var(--theme-ink-soft, var(--muted)) 88%,var(--text) 12%);font-size:1rem}.next-word-demo__examples{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.next-word-demo__examples button,.next-word-demo__order-picker button{border:1px solid color-mix(in srgb,var(--theme-primary-deep, var(--accent)) 14%,transparent);border-radius:var(--theme-button-radius);background:transparent;color:inherit;font:inherit;cursor:pointer}.next-word-demo__examples button{padding:.35rem .75rem}.next-word-demo__examples button.active,.next-word-demo__order-picker button.active{background:color-mix(in srgb,var(--theme-primary, var(--accent)) 12%,white 88%);color:var(--theme-primary-deep, var(--accent))}.next-word-demo__label{display:block;margin-bottom:.4rem;color:var(--muted);font-family:var(--font-sans);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.next-word-demo__input{width:100%;padding:.8rem .95rem;border:1px solid color-mix(in srgb,var(--theme-primary-deep, var(--accent)) 16%,transparent);border-radius:var(--theme-radius);background:#ffffffe6;color:var(--text);font:inherit}.next-word-demo__order-picker{display:flex;flex-wrap:wrap;gap:.55rem;margin:.85rem 0 .6rem}.next-word-demo__order-picker button{padding:.45rem .85rem}.next-word-demo__note{margin:0 0 .95rem;color:var(--muted);font-size:.95rem}.next-word-demo__panel{padding:.95rem;border:1px solid color-mix(in srgb,var(--theme-primary-deep, var(--accent)) 12%,transparent);border-radius:var(--theme-radius);background:color-mix(in srgb,white 78%,var(--theme-paper-strong, var(--surface-strong)) 22%)}.next-word-demo__panel-meta{display:flex;flex-wrap:wrap;gap:.8rem 1.25rem;margin-bottom:.85rem;color:var(--muted);font-family:var(--font-sans);font-size:.88rem}.next-word-demo__status{margin:0;color:var(--muted)}.next-word-demo__suggestions{padding:0;margin:0;list-style:none}.next-word-demo__suggestions li+li{margin-top:.7rem}.next-word-demo__suggestion-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.22rem}.next-word-demo__word{font-family:var(--font-sans);font-size:1rem;font-weight:700}.next-word-demo__count{color:var(--muted);font-family:var(--font-sans);font-size:.82rem}.next-word-demo__bar-track{height:.52rem;overflow:hidden;border-radius:var(--theme-button-radius);background:color-mix(in srgb,var(--theme-primary, var(--accent)) 10%,transparent)}.next-word-demo__bar-fill{height:100%;border-radius:var(--theme-button-radius);background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary, var(--accent)) 74%,white 26%),color-mix(in srgb,var(--theme-primary-deep, var(--accent)) 84%,black 16%))}@media(max-width:720px){.next-word-demo{padding:1rem}.next-word-demo__panel{padding:.85rem}}