@media (min-width:1024px){.vocabulary-studio .vocab-section-nav{backdrop-filter:blur(12px);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--elevation-2);gap:var(--space-2);margin:0 0 var(--space-5);padding:var(--space-2);top:calc(var(--header-h,84px) + var(--space-2));z-index:30;width:fit-content;position:sticky}.vocabulary-studio .vocab-section-nav a{box-shadow:none;background:0 0;border:0;min-height:40px;padding:6px 16px}.vocabulary-studio .vocab-section-nav a:hover{background:var(--surface-soft);color:var(--ink)}.vocabulary-studio .vocab-section-nav a[aria-current]{background:var(--blue);color:var(--surface)}.vocabulary-studio .vocab-pack-options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.vocabulary-studio :is(#vocab-route,#vocab-mindmap,#vocab-library,.vocab-learning-panel){scroll-margin-top:156px}.vocabulary-studio .vocab-topic-filter{display:none}}.vocabulary-studio :is(.vocab-level-section,.vocab-learning-panel,.vocab-section){border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--elevation-2)}.vocabulary-studio .vocab-level-section{gap:var(--space-5);padding:var(--space-5);overflow:clip}.vocabulary-studio .vocab-level-switch{gap:var(--space-2)}.vocabulary-studio .vocab-level-switch button{border-radius:var(--radius-control);box-shadow:none;min-height:56px;padding:var(--space-2)}.vocabulary-studio .vocab-level-switch button[aria-pressed=true]{box-shadow:var(--elevation-1)}.vocabulary-studio .vocab-learning-panel{padding:var(--space-5)}.vocabulary-studio .vocab-workspace{grid-template-columns:minmax(0,1fr)}.vocabulary-studio .vocab-pack-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr);max-height:none;padding:0;position:static;overflow:visible}.vocabulary-studio .vocab-pack-list>summary{cursor:pointer;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-4);justify-content:space-between;display:flex}.vocabulary-studio .vocab-pack-list>summary::marker{color:var(--blue)}.vocabulary-studio .vocab-pack-list>summary span{color:var(--ink);font-weight:700}.vocabulary-studio .vocab-pack-list>summary strong{color:var(--blue-dark);font-size:var(--text-xs);white-space:nowrap}.vocabulary-studio .vocab-pack-options{border-top:1px solid var(--line);gap:var(--space-2);padding:var(--space-3);display:grid}.vocabulary-studio .vocab-pack-search,.vocabulary-studio .vocab-pack-search-count{grid-column:1/-1}.vocabulary-studio .vocab-pack-list button{border-radius:var(--radius-card)}.vocabulary-studio .vocab-pack-list button[aria-pressed=true]{background:var(--surface);border-color:color-mix(in srgb, var(--blue) 40%, var(--line));box-shadow:inset 3px 0 0 var(--blue)}.vocabulary-studio .vocab-pack-list button>span{color:var(--blue-dark)}.vocabulary-studio .vocab-pack-list button>small{color:color-mix(in srgb, var(--muted) 80%, var(--ink))}.vocab-pack-search{background:var(--surface);border:1.5px solid var(--line);box-sizing:border-box;border-radius:999px;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 16px;display:flex}.vocab-pack-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent)}.vocab-pack-search input{box-shadow:none;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:10px 0;font-size:.88rem}.vocab-pack-search input::placeholder{color:color-mix(in srgb, var(--muted) 85%, var(--ink))}.vocab-pack-search-count{color:color-mix(in srgb, var(--muted) 80%, var(--ink));margin:2px 4px;font-size:.8125rem}.vocabulary-studio .vocab-view-switch{background:var(--surface-soft);border-radius:999px;flex-wrap:wrap;grid-template-columns:none;align-items:center;gap:6px;padding:4px;display:inline-flex}.vocabulary-studio .vocab-view-switch>*{white-space:nowrap;border-radius:999px}.vocabulary-studio .vocab-kind-switch{background:var(--surface-soft);border-radius:999px;padding:4px}.vocabulary-studio .vocab-kind-switch button{border-radius:var(--radius-pill)}.vocabulary-studio .vocab-kind-switch button:disabled{color:color-mix(in srgb, var(--muted) 75%, var(--ink));opacity:1}.vocabulary-studio :is(.vocab-kind-switch,.vocab-view-switch) :is(button,a){box-shadow:none}.vocabulary-studio .vocab-view-switch button[aria-pressed=true]{background:var(--surface);box-shadow:0 2px 8px color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.vocabulary-studio .vocab-kind-switch button[aria-pressed=true]{background:var(--surface);box-shadow:0 2px 8px color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink);font-weight:800}.vocabulary-studio .vocab-topic-filter button{border-radius:var(--radius-pill);background:var(--surface-soft);border:1.5px solid var(--line);color:var(--ink);font-weight:600}.vocabulary-studio .vocab-topic-filter button:hover{border-color:color-mix(in srgb, var(--blue) 40%, var(--line))}.vocabulary-studio .vocab-topic-filter button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:var(--surface);box-shadow:0 3px 0 color-mix(in srgb, var(--blue) 75%, var(--deep));font-weight:700}.vocab-kind-note{color:color-mix(in srgb, var(--muted) 80%, var(--ink));font-size:.8125rem}.vocabulary-studio .vocab-library-toolbar{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.vocabulary-studio .vocab-lesson-tabs{gap:var(--space-2);margin-bottom:var(--space-5)}.vocabulary-studio .vocab-lesson-tabs button{border-radius:var(--radius-control);min-height:64px;padding:var(--space-3)}.vocabulary-studio .vocab-preview>header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.vocabulary-studio .vocab-preview-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.vocabulary-studio .vocab-preview-grid article{border-radius:var(--radius-card);box-shadow:var(--elevation-1);padding:var(--space-3)}.vocabulary-studio .vocab-preview-image{aspect-ratio:4/3;border-radius:var(--radius-control);height:auto;margin-bottom:var(--space-3);position:relative;overflow:hidden}.vocabulary-studio .vocab-preview-image.has-image{background-color:var(--surface-soft)}.vocabulary-studio .vocab-preview-image img{object-fit:cover}.vocabulary-studio :is(.vocab-focus-card,.vocab-question-card){border-radius:var(--radius-card);box-shadow:var(--elevation-1)}.vocabulary-studio :is(button,select,input):focus-visible{outline:3px solid var(--blue);outline-offset:3px}.vocab-preview header .vocab-start-early{white-space:nowrap}.vocabulary-studio :is(.vocab-listen,.vocab-preview-word button){background:linear-gradient(180deg, color-mix(in srgb, var(--blue) 10%, var(--surface)), color-mix(in srgb, var(--blue) 20%, var(--surface)));border:1px solid color-mix(in srgb, var(--blue) 45%, var(--line));box-shadow:0 4px 0 color-mix(in srgb, var(--blue) 38%, var(--line)), 0 8px 14px -8px color-mix(in srgb, var(--blue) 45%, transparent);color:var(--blue)}.vocabulary-studio :is(.vocab-listen,.vocab-preview-word button):hover{background:linear-gradient(180deg, color-mix(in srgb, var(--blue) 16%, var(--surface)), color-mix(in srgb, var(--blue) 28%, var(--surface)))}.vocabulary-studio :is(.vocab-listen,.vocab-preview-word button):active{box-shadow:0 1px 0 color-mix(in srgb, var(--blue) 38%, var(--line));transform:translateY(3px)}.vocabulary-studio :is(.vocab-listen,.vocab-preview-word button):focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media (prefers-reduced-motion:reduce){.vocabulary-studio :is(.vocab-listen,.vocab-preview-word button):active{transform:none}}.vocabulary-studio .vocab-pack-search input:focus-visible{outline:none}@media (max-width:760px){.vocabulary-studio .vocab-learning-panel{border-radius:var(--radius-card);padding:var(--space-4);margin-inline:0}.vocabulary-studio .vocab-preview>header{align-items:stretch;gap:var(--space-2)}.vocabulary-studio .vocab-start-early{justify-content:center;width:100%;min-height:48px}.vocabulary-studio .vocab-preview-grid{gap:var(--space-3);grid-auto-columns:min(86vw,340px)}.vocabulary-studio .vocab-preview-grid article{padding:var(--space-3)}.vocabulary-studio .vocab-preview-image{min-height:156px}}@media (max-width:560px){.vocabulary-studio .vocab-view-switch{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.vocabulary-studio .vocab-view-switch :is(button,a){text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-height:40px;display:flex}}