.yyvt{--yyvt-primary:#7C3AED;--yyvt-primary-dark:#6D28D9;--yyvt-primary-light:#EDE9FE;--yyvt-primary-lighter:#F5F3FF;--yyvt-accent:#8B5CF6;--yyvt-text:#1F2937;--yyvt-text-light:#6B7280;--yyvt-bg:#FFFFFF;--yyvt-border:#E5E7EB;--yyvt-radius:12px;--yyvt-radius-sm:8px;--yyvt-shadow:0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--yyvt-shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);max-width:840px;margin:0 auto;padding:.5rem;font-family:inherit;color:var(--yyvt-text);line-height:1.6;-webkit-font-smoothing:antialiased;box-sizing:border-box}.yyvt *,.yyvt *::before,.yyvt *::after{box-sizing:border-box}.yyvt-card{background:var(--yyvt-bg);border:1px solid var(--yyvt-border);border-radius:var(--yyvt-radius);box-shadow:var(--yyvt-shadow);padding:1.25rem}.yyvt-card--result{padding:1.5rem}.yyvt-heading{font-family:inherit;font-size:1.35rem;font-weight:700;line-height:1.25;color:var(--yyvt-text);margin:0 0 .75rem}.yyvt-divider{height:3px;background:linear-gradient(90deg,var(--yyvt-primary),var(--yyvt-accent),var(--yyvt-primary-light));border-radius:2px;margin-bottom:1.25rem}.yyvt-instructions{font-size:.95rem;color:var(--yyvt-text-light);margin:0 0 1.75rem;line-height:1.6}.yyvt-grid{display:grid;grid-template-columns:1fr;gap:.125rem 0}.yyvt-word{display:flex;align-items:center;gap:.625rem;padding:.625rem .5rem;border-radius:var(--yyvt-radius-sm);cursor:pointer;transition:background 0.15s ease;min-height:44px;user-select:none}.yyvt-word:hover{background:var(--yyvt-primary-lighter)}.yyvt-word:active{background:var(--yyvt-primary-light)}.yyvt-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.yyvt-word__check{flex-shrink:0;width:20px;height:20px;border:2px solid var(--yyvt-border);border-radius:4px;background:var(--yyvt-bg);transition:all 0.15s ease;position:relative}.yyvt-checkbox:checked+.yyvt-word__check{background:var(--yyvt-primary);border-color:var(--yyvt-primary)}.yyvt-checkbox:checked+.yyvt-word__check::after{content:'';position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.yyvt-checkbox:focus-visible+.yyvt-word__check{outline:2px solid var(--yyvt-accent);outline-offset:2px}.yyvt-word__label{font-size:1rem;color:var(--yyvt-text)}.yyvt-word__reading{font-size:.8rem;color:var(--yyvt-text-light);margin-left:auto}.yyvt-actions{display:flex;flex-direction:column;padding-top:1.5rem;gap:.75rem}.yyvt-actions--split{flex-direction:column-reverse}.yyvt-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;border-radius:var(--yyvt-radius-sm);border:2px solid #fff0;cursor:pointer;transition:all 0.2s ease;text-decoration:none;min-height:48px;-webkit-tap-highlight-color:#fff0}.yyvt-btn--primary{background:var(--yyvt-primary);color:#fff;border-color:var(--yyvt-primary)}.yyvt-btn--primary:hover,.yyvt-btn--primary:active{background:var(--yyvt-primary-dark);border-color:var(--yyvt-primary-dark)}.yyvt-btn--primary:active{transform:scale(.98)}.yyvt-btn--secondary{background:#fff0;color:var(--yyvt-primary);border-color:var(--yyvt-primary)}.yyvt-btn--secondary:hover,.yyvt-btn--secondary:active{background:var(--yyvt-primary-light)}.yyvt-btn--secondary:active{transform:scale(.98)}.yyvt-btn:focus-visible{outline:2px solid var(--yyvt-accent);outline-offset:2px}.yyvt-result{display:flex;flex-direction:column;gap:2rem}.yyvt-result__note{font-size:.95rem;color:var(--yyvt-text-light);margin:0 0 1.5rem;line-height:1.6}.yyvt-btn--restart{margin-top:.5rem}.yyvt-result__copy{flex:1;order:2}.yyvt-result__stats{order:1;flex:1;display:flex;flex-direction:column;gap:1.25rem}.yyvt-result__range-card{background:var(--yyvt-primary-lighter);border:1px solid var(--yyvt-primary-light);border-radius:var(--yyvt-radius);padding:1.75rem;text-align:center;box-shadow:var(--yyvt-shadow)}.yyvt-result__range{display:block;font-size:1.5rem;font-weight:800;color:var(--yyvt-primary-dark);letter-spacing:-.02em;line-height:1.2}.yyvt-result__range-label{display:block;font-size:.875rem;color:var(--yyvt-text-light);margin-top:.35rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.yyvt-result__level{display:inline-block;align-self:center;background:var(--yyvt-primary);color:#fff;font-size:.95rem;font-weight:600;padding:.4rem 1.25rem;border-radius:999px;letter-spacing:.02em}.yyvt-result__bar-wrapper{padding:.5rem 0}.yyvt-result__bar{position:relative;width:100%;height:10px;background:var(--yyvt-border);border-radius:5px;overflow:visible}.yyvt-result__bar-fill{height:100%;background:linear-gradient(90deg,var(--yyvt-primary-light),var(--yyvt-primary),var(--yyvt-primary-dark));border-radius:5px;transition:width 0.6s ease}.yyvt-result__bar-indicator{position:absolute;top:-8px;width:0;height:0;margin-left:-6px;border-left:6px solid #fff0;border-right:6px solid #fff0;border-top:8px solid var(--yyvt-primary-dark);transition:left 0.6s ease}.yyvt-result__bar-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--yyvt-text-light)}.yyvt-noscript{padding:2rem;text-align:center;color:var(--yyvt-text-light)}.yyvt-error{padding:1rem;color:#991B1B;background:#FEF2F2;border:1px solid #FECACA;border-radius:var(--yyvt-radius-sm);font-size:.9rem}@media (min-width:480px){.yyvt{padding:1rem}.yyvt-card{padding:1.75rem}.yyvt-card--result{padding:2rem}.yyvt-heading{font-size:1.5rem}.yyvt-grid{grid-template-columns:repeat(2,1fr);gap:0}.yyvt-actions{flex-direction:row;justify-content:center}.yyvt-actions--split{flex-direction:row;justify-content:space-between}.yyvt-btn{width:auto}.yyvt-result__range{font-size:1.85rem}}@media (min-width:768px){.yyvt-grid{grid-template-columns:repeat(4,1fr)}.yyvt-heading{font-size:1.85rem}.yyvt-card{padding:2.5rem}.yyvt-card--result{padding:2.5rem}.yyvt-result{flex-direction:row;gap:3rem}.yyvt-result__copy{order:1}.yyvt-result__stats{order:2}.yyvt-result__range{font-size:2.1rem}}@media (min-width:1024px){.yyvt-card--result{padding:3rem}}