.vt-page{max-width: 1440px;width: 100%;margin: 0 auto}.vt-back-link{color: var(--vocabtr-teal-700);font-weight: 600}.vt-hero{position: relative;flex-shrink: 0;border-radius: var(--vocabtr-radius-xl);padding: 2.5rem 2.25rem 2rem;overflow: hidden;background: radial-gradient(circle at 12% 10%,rgba(94,200,196,0.22),transparent 42%),radial-gradient(circle at 100% 100%,rgba(94,200,196,0.1),transparent 55%),linear-gradient(135deg,var(--vocabtr-hero-start) 0%,var(--vocabtr-hero-mid) 55%,var(--vocabtr-hero-end) 100%);box-shadow: var(--lumo-box-shadow-l);color: #fff}.vt-hero::after{content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,0.14) 1px,transparent 1px);background-size: 22px 22px;opacity: 0.35;mix-blend-mode: overlay;pointer-events: none}.vt-hero-kicker{position: relative;display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: rgba(255,255,255,0.75);margin-bottom: 0.55rem}.vt-hero-kicker iron-icon,.vt-hero-kicker vaadin-icon{width: 14px;height: 14px;color: var(--vocabtr-teal-400)}.vt-hero-title{position: relative;margin: 0 0 0.55rem;font-size: clamp(1.6rem,2.4vw,2.15rem);font-weight: 800;letter-spacing: -0.02em;line-height: 1.15;color: #fff}.vt-hero-desc{position: relative;margin: 0 0 1.35rem;max-width: 62ch;color: rgba(255,255,255,0.82);font-size: 1rem;line-height: 1.6}.vt-badge-row{position: relative;display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 0.5rem}.vt-badge{display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.3rem 0.6rem;border-radius: 0.4rem;font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;background: transparent;border: 1px solid rgba(255,255,255,0.3);color: rgba(255,255,255,0.82)}.vt-badge-public{border-color: rgba(94,200,196,0.55);color: var(--vocabtr-teal-400)}.vt-toolbar{position: relative;display: flex;flex-wrap: wrap;gap: 0.6rem;align-items: center}.vt-section-title{font-size: 1.05rem;font-weight: 750;letter-spacing: -0.01em;color: var(--lumo-header-text-color);margin: 0}.vt-card{width: 100%;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-s);padding: 1.75rem}.vt-card-head{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.1rem}.vt-card-title{display: flex;align-items: center;gap: 0.6rem;font-size: 1.05rem;font-weight: 750;letter-spacing: -0.01em;margin: 0}.vt-icon-chip{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;border-radius: 0.65rem;background: linear-gradient(135deg,var(--vocabtr-teal-500),var(--vocabtr-teal-400));color: #fff;flex-shrink: 0}.vt-icon-chip-plum{background: linear-gradient(135deg,var(--vocabtr-plum-500),var(--vocabtr-plum-600))}.vt-stat-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.9rem;margin-bottom: 1.4rem}@media (max-width: 720px){.vt-stat-grid{grid-template-columns: 1fr}}.vt-stat-tile{display: flex;align-items: center;gap: 0.75rem;background: var(--vocabtr-surface-muted);border: 1px solid var(--lumo-contrast-10pct);border-left: 4px solid var(--vocabtr-teal-500);border-radius: var(--lumo-border-radius-m);padding: 0.85rem 1rem}.vt-stat-tile-accent{border-left-color: var(--vocabtr-teal-400)}.vt-stat-tile-plum{border-left-color: var(--vocabtr-plum-500)}.vt-stat-icon{display: flex;align-items: center;justify-content: center;width: 2.1rem;height: 2.1rem;flex-shrink: 0;border-radius: 50%;background: var(--vocabtr-teal-100);color: var(--vocabtr-teal-700)}.vt-stat-tile-plum .vt-stat-icon{background: var(--vocabtr-plum-100);color: var(--vocabtr-plum-600)}.vt-stat-body{min-width: 0}.vt-stat-label{font-size: 0.7rem;font-weight: 650;text-transform: uppercase;letter-spacing: 0.05em;color: var(--lumo-secondary-text-color);margin-bottom: 0.2rem}.vt-stat-value{font-size: 1.4rem;font-weight: 800;letter-spacing: -0.02em;color: var(--lumo-header-text-color)}.vt-stat-value-teal{color: var(--vocabtr-teal-600)}.vt-stat-value-plum{color: var(--vocabtr-plum-600)}.vt-highlight-count{margin: 0;font-size: 3rem;font-weight: 800;line-height: 1;color: var(--vocabtr-teal-600)}.vt-progress-track{width: 100%;height: 10px;border-radius: 999px;background: var(--lumo-contrast-10pct);overflow: hidden}.vt-progress-fill{height: 100%;border-radius: 999px;background: linear-gradient(90deg,var(--vocabtr-teal-500),var(--vocabtr-teal-400));transition: width 0.4s ease}.vt-progress-caption{display: flex;justify-content: space-between;font-size: 0.8rem;color: var(--lumo-secondary-text-color);margin-top: 0.5rem}.vt-term-row-simple{padding: 0.8rem 0.25rem;border-bottom: 1px solid var(--lumo-contrast-10pct)}.vt-term-row-simple:last-child{border-bottom: none}.vt-term-index{width: 1.6rem;height: 1.6rem;flex-shrink: 0;border-radius: 0.5rem;background: var(--vocabtr-teal-50);color: var(--vocabtr-teal-700);font-size: 0.72rem;font-weight: 700;display: flex;align-items: center;justify-content: center}.vt-term-row-name{font-weight: 700;color: var(--lumo-header-text-color);flex: 1;min-width: 0;overflow-wrap: anywhere}.vt-term-row-meaning{color: var(--lumo-secondary-text-color);font-weight: 500;background: var(--vocabtr-surface-muted);padding: 0.25rem 0.65rem;border-radius: 999px;font-size: 0.85rem;min-width: 0;overflow-wrap: anywhere}.vt-info-banner{display: flex;align-items: flex-start;gap: 0.6rem;background: var(--vocabtr-teal-50);border: 1px solid var(--vocabtr-teal-100);border-radius: var(--lumo-border-radius-s);padding: 0.7rem 0.9rem;margin: 0.85rem 0 1rem;font-size: 0.85rem;color: var(--vocabtr-teal-700);line-height: 1.5}.vt-share-card{background: linear-gradient(135deg,var(--vocabtr-plum-50),var(--lumo-base-color));border: 1px solid var(--vocabtr-plum-100)}.vt-share-card .vt-info-banner{background: var(--lumo-base-color);border-color: var(--vocabtr-plum-100);color: var(--vocabtr-plum-600)}.vt-share-url-row{display: flex;align-items: center;gap: 0.6rem;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-s);padding: 0.7rem 0.9rem;font-family: var(--lumo-font-family-monospace,monospace);font-size: 0.82rem;color: var(--lumo-body-text-color);overflow-x: auto;margin: 0.85rem 0 1rem;word-break: break-all}.vt-terms-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.vt-term-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem}.vt-show-more{margin-top: 0.5rem}@media (max-width: 720px){.vt-term-grid{grid-template-columns: 1fr}}.vt-term-card{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);box-shadow: var(--lumo-box-shadow-xs);padding: 1.25rem 1.35rem;transition: box-shadow 0.15s ease,transform 0.15s ease,border-color 0.15s ease}.vt-term-card:hover{box-shadow: var(--lumo-box-shadow-s);transform: translateY(-2px);border-color: var(--vocabtr-teal-100)}.vt-term-card-head{display: flex;flex-direction: column;gap: 0.2rem;margin-bottom: 0.35rem}.vt-term-card-name{font-size: 1.15rem;font-weight: 750;color: var(--lumo-header-text-color);letter-spacing: -0.01em;min-width: 0;overflow-wrap: anywhere}.vt-term-card-primary{font-size: 0.95rem;font-weight: 650;color: var(--vocabtr-teal-600);min-width: 0;overflow-wrap: anywhere}.vt-term-card-secondary{margin: 0.5rem 0 0;font-size: 0.85rem;color: var(--lumo-secondary-text-color)}.vt-term-card-example{margin: 0.65rem 0 0;font-size: 0.84rem;font-style: italic;color: var(--lumo-secondary-text-color);padding-left: 0.7rem;border-left: 2px solid var(--vocabtr-teal-400)}.vt-term-card-actions{display: flex;gap: 0.4rem;margin-top: 0.9rem;opacity: 0;transform: translateY(2px);transition: opacity 0.15s ease,transform 0.15s ease}.vt-term-card:hover .vt-term-card-actions{opacity: 1;transform: translateY(0)}@media (hover: none),(pointer: coarse){.vt-term-card-actions{opacity: 1;transform: none}}.vt-empty-state{text-align: center;padding: 3.5rem 1.5rem;border: 1.5px dashed var(--vocabtr-teal-100);border-radius: var(--lumo-border-radius-l);background: var(--vocabtr-teal-50)}.vt-empty-state .vt-icon-chip{width: 3.25rem;height: 3.25rem;margin: 0 auto 1rem;border-radius: 1rem}.vt-practice-header{width: 100%;max-width: 640px}.vt-practice-progress-label{font-weight: 600;color: var(--lumo-secondary-text-color)}.vt-practice-hint{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.vt-practice-card{width: 100%;max-width: 640px;padding: 2rem 1.5rem;border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);background: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-xs);text-align: center}.vt-practice-prompt{margin: 0;color: var(--lumo-header-text-color)}.vt-practice-answer{margin-top: 1.1rem;font-size: 2rem;font-weight: 700;color: var(--vocabtr-teal-600)}.vt-practice-secondary,.vt-practice-example{margin-top: 0.5rem;font-size: 1.1rem;color: var(--lumo-secondary-text-color)}.vt-practice-example{font-style: italic}.vt-practice-verdict-correct{font-weight: 700;color: var(--lumo-success-text-color)}.vt-practice-verdict-wrong{font-weight: 700;color: var(--lumo-error-text-color)}.vt-practice-missed{width: 100%;padding: 0.75rem 1rem;border-radius: var(--lumo-border-radius-m);background: var(--vocabtr-surface-muted);text-align: left}.vt-practice-summary{width: 100%;max-width: 640px;text-align: center}.vt-auth-page{min-height: 100vh;width: 100%;background: radial-gradient(circle at 15% 20%,var(--vocabtr-teal-50),transparent 45%),radial-gradient(circle at 85% 80%,var(--vocabtr-plum-50),transparent 45%)}.vt-auth-card{width: 100%;max-width: 420px;text-align: center}