.toast-container[data-v-7a75611c]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast[data-v-7a75611c]{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:400px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;border-left:4px solid;transition:all .3s ease}.toast-success[data-v-7a75611c]{border-left-color:#10b981;background:#f0fdf4}.toast-error[data-v-7a75611c]{border-left-color:#ef4444;background:#fef2f2}.toast-info[data-v-7a75611c]{border-left-color:#3b82f6;background:#eff6ff}.toast-icon[data-v-7a75611c]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px}.toast-success .toast-icon[data-v-7a75611c]{background:#10b981;color:#fff}.toast-error .toast-icon[data-v-7a75611c]{background:#ef4444;color:#fff}.toast-info .toast-icon[data-v-7a75611c]{background:#3b82f6;color:#fff}.toast-content[data-v-7a75611c]{flex:1;min-width:0}.toast-title[data-v-7a75611c]{font-weight:600;font-size:14px;margin-bottom:4px;color:#1f2937}.toast-message[data-v-7a75611c]{font-size:14px;color:#4b5563;line-height:1.4;word-wrap:break-word}.toast-close[data-v-7a75611c]{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#6b7280;font-size:20px;line-height:1;cursor:pointer;padding:0;transition:color .2s}.toast-close[data-v-7a75611c]:hover{color:#1f2937}.toast-enter-active[data-v-7a75611c]{animation:toast-in-7a75611c .3s ease}.toast-leave-active[data-v-7a75611c]{animation:toast-out-7a75611c .3s ease}@keyframes toast-in-7a75611c{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out-7a75611c{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.9);opacity:0}}@media (max-width: 768px){.toast-container[data-v-7a75611c]{top:10px;right:10px;left:10px}.toast[data-v-7a75611c]{min-width:auto;max-width:none;width:100%}}.config-error[data-v-6131c0dd]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.config-error-card[data-v-6131c0dd]{background:#fff;border-radius:1rem;padding:3rem;max-width:600px;box-shadow:0 20px 60px #0000004d;text-align:center}.error-icon[data-v-6131c0dd]{font-size:4rem;margin-bottom:1rem;animation:pulse-6131c0dd 2s ease-in-out infinite}@keyframes pulse-6131c0dd{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-title[data-v-6131c0dd]{font-size:2rem;font-weight:700;color:#e53e3e;margin-bottom:1rem}.error-message[data-v-6131c0dd]{font-size:1.125rem;color:#4a5568;line-height:1.6;margin-bottom:2rem}.error-message code[data-v-6131c0dd]{background:#f7fafc;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;color:#e53e3e;font-weight:600}.error-help[data-v-6131c0dd]{text-align:left;background:#f7fafc;padding:1.5rem;border-radius:.5rem;margin-bottom:2rem;border-left:4px solid #667eea}.error-help p[data-v-6131c0dd]{font-weight:600;color:#2d3748;margin-bottom:.75rem}.error-help ol[data-v-6131c0dd]{margin:0;padding-left:1.5rem;color:#4a5568}.error-help li[data-v-6131c0dd]{margin-bottom:.5rem;line-height:1.5}.error-help code[data-v-6131c0dd]{background:#fff;padding:.125rem .375rem;border-radius:.25rem;font-family:Courier New,monospace;color:#667eea;font-weight:600;font-size:.9em}.retry-button[data-v-6131c0dd]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.retry-button[data-v-6131c0dd]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.retry-button[data-v-6131c0dd]:active{transform:translateY(0)}.app-header{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(102,126,234,.12);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a;padding:0 1.5rem}.nav{display:flex;justify-content:space-between;align-items:center;height:60px;max-width:100%;gap:1rem;min-width:0}.logo{font-size:1.25rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:.25rem;align-items:center;flex-shrink:1;min-width:0}.nav-link{text-decoration:none;color:var(--gray-700);font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;position:relative;white-space:nowrap}.nav-link:hover{color:var(--primary);background:#667eea14}.nav-link.router-link-active{color:#fff;font-weight:600;background:var(--gradient-primary);box-shadow:0 4px 12px #667eea4d}.logo-link{flex-shrink:0}.logo-link.router-link-active{background:none;box-shadow:none}.logo-link.router-link-active .logo{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-link:hover{background:none}.page-title{font-size:1.125rem;font-weight:600;color:var(--gray-800);text-align:left;padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1;flex-grow:1;max-width:fit-content}.admin-link{font-size:1.125rem;padding:.5rem .75rem}.admin-link:hover{background:#667eea1a;transform:rotate(90deg)}.admin-link.router-link-active{transform:none;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #667eea4d}.app-main{flex:1;padding:1.5rem 0;max-height:calc(100vh - 60px);overflow:hidden}@media (max-width: 1200px){.page-title{font-size:1rem;padding:0 .75rem;max-width:fit-content}.nav-link{font-size:.8rem;padding:.45rem .85rem}}@media (max-width: 1024px){.page-title{font-size:.95rem;padding:0 .65rem;max-width:fit-content}.nav-link{font-size:.75rem;padding:.4rem .75rem}}@media (max-width: 900px){.nav{gap:.75rem}.page-title{font-size:.9rem;max-width:fit-content}.nav-links{gap:.2rem}.nav-link{font-size:.7rem;padding:.4rem .65rem}}@media (max-width: 768px){.app-header{padding:.5rem .75rem}.nav{height:auto;min-height:50px;padding:.5rem 0;gap:.5rem;flex-wrap:wrap}.logo-link{flex-shrink:0;order:1}.page-title{font-size:.85rem;flex:1 1 auto;order:2;padding:0 .5rem;text-align:center;line-height:1.3;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis}.nav-links{order:3;width:100%;flex-wrap:wrap;justify-content:flex-start;gap:.4rem;margin-top:.5rem}.nav-link{font-size:.8rem;padding:.45rem .75rem;flex-shrink:0}.logo{font-size:1rem}.app-main{padding:1rem 0;max-height:calc(100vh - 90px)}}@media (max-width: 600px){.nav-link{font-size:.75rem;padding:.4rem .65rem}}@media (max-width: 480px){.app-header{padding:.5rem}.nav{gap:.4rem;padding:.4rem 0}.page-title{font-size:.75rem;padding:0 .4rem}.nav-links{gap:.3rem;margin-top:.4rem}.nav-link{font-size:.7rem;padding:.35rem .55rem}.logo{font-size:.9rem}.admin-link{font-size:1rem;padding:.35rem .5rem}.app-main{padding:.75rem 0;max-height:calc(100vh - 100px)}}@media (max-width: 360px){.page-title{font-size:.7rem}.nav-link{font-size:.65rem;padding:.3rem .45rem}.logo{font-size:.85rem}}.sliders-wrapper[data-v-afa2165f]{width:100%;max-width:600px;margin:0 auto;transition:all .3s ease-in-out}.emotion-info[data-v-afa2165f]{background:linear-gradient(135deg,#667eea26,#764ba226);padding:.625rem .875rem;border-radius:.625rem;margin-bottom:.875rem;border:1px solid rgba(102,126,234,.25);text-align:center;grid-column:1 / -1}.emotion-name[data-v-afa2165f]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;font-size:1rem;font-weight:700;line-height:1.2}.emotion-description[data-v-afa2165f]{color:var(--gray-700);font-size:.75rem;line-height:1.3;margin:0;height:1.95rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.slider-hint[data-v-afa2165f]{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:.625rem .875rem;border-radius:.625rem;margin-bottom:.75rem;border:1px solid rgba(102,126,234,.25);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.hint-content[data-v-afa2165f]{flex:1;min-width:200px}.hint-title[data-v-afa2165f]{color:var(--gray-800)}.hint-title strong[data-v-afa2165f]{display:block;font-size:.95rem;font-weight:700;color:var(--primary);margin-bottom:.25rem;line-height:1.3}.hint-title p[data-v-afa2165f]{margin:0;margin-top:.375rem;font-size:.8rem;line-height:1.4;color:var(--gray-700)}.hint-text[data-v-afa2165f]{color:var(--gray-700);font-size:.875rem;font-weight:600;display:block;line-height:1.6}.emotion-highlight[data-v-afa2165f],.situation-highlight[data-v-afa2165f]{font-weight:700;color:var(--primary)}.slider-progress[data-v-afa2165f]{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:#ffffffbf;padding:.4rem .6rem;border-radius:.4rem;border:1px solid rgba(102,126,234,.2);flex-shrink:0;min-width:auto}.progress-question[data-v-afa2165f]{font-size:.95rem;color:var(--gray-700);line-height:1.2}.progress-question strong[data-v-afa2165f]{font-weight:700;color:var(--primary);font-size:1rem}.progress-correct[data-v-afa2165f]{display:flex;flex-direction:row;align-items:baseline;gap:.3rem;margin-top:.15rem;padding-top:.25rem;border-top:1px solid rgba(102,126,234,.15);white-space:nowrap}.correct-label[data-v-afa2165f]{font-size:.7rem;color:var(--gray-600);font-weight:500;line-height:1}.correct-count[data-v-afa2165f]{font-size:1rem;font-weight:700;color:var(--success);line-height:1}.correct-count.count-zero[data-v-afa2165f]{color:var(--gray-800)}.progress-percent[data-v-afa2165f]{color:var(--gray-600);font-size:.75rem;font-weight:500}.result-card[data-v-afa2165f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;border-radius:.875rem;border:2px solid;margin:0 auto;max-width:600px;min-height:300px;height:auto;text-align:center;animation:slideIn-afa2165f .3s ease-out;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0)}.result-card-correct[data-v-afa2165f]{background:linear-gradient(135deg,#22c55e14,#16a34a14);border-color:#22c55e4d}.result-card-incorrect[data-v-afa2165f]{background:linear-gradient(135deg,#ef444414,#dc262614);border-color:#ef44444d}.result-icon[data-v-afa2165f]{font-size:4rem;line-height:1;margin-bottom:1rem}.result-card-correct .result-icon[data-v-afa2165f]{color:#22c55e}.result-card-incorrect .result-icon[data-v-afa2165f]{color:#ef4444}.result-text[data-v-afa2165f]{font-size:1.5rem;font-weight:700;line-height:1.3}.result-card-correct .result-text[data-v-afa2165f]{color:#15803d}.result-card-incorrect .result-text[data-v-afa2165f]{color:#dc2626}@keyframes slideIn-afa2165f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sliders-container[data-v-afa2165f]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:linear-gradient(135deg,#667eea08,#764ba208);border-radius:.875rem;border:1px solid rgba(102,126,234,.1);min-height:300px;height:auto;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);max-width:600px;margin:0 auto;transition:all .3s ease-in-out}.slider-group[data-v-afa2165f]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.slider-top[data-v-afa2165f]{display:flex;flex-direction:column;align-items:center;gap:.375rem;min-height:3.5rem;width:100%}.axis-title[data-v-afa2165f]{font-weight:600;font-size:.8rem;color:var(--gray-800);text-align:center;line-height:1.2;min-height:2rem;display:flex;align-items:center;justify-content:center;padding:0 .5rem}.slider-value[data-v-afa2165f]{font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:3rem;text-align:center;line-height:1}.slider-vertical-wrapper[data-v-afa2165f]{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.slider-track[data-v-afa2165f]{position:relative;display:flex;align-items:center;justify-content:center;height:130px}.slider-label-top[data-v-afa2165f],.slider-label-bottom[data-v-afa2165f]{font-size:.7rem;color:var(--gray-600);font-weight:500;text-align:center;max-width:120px;line-height:1.1;min-height:1.5rem;display:flex;align-items:center;justify-content:center}.slider-vertical[data-v-afa2165f]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:8px;height:130px;padding:0;margin:0;background:#22c55eb3;border-radius:4px;outline:none;writing-mode:bt-lr;cursor:pointer;box-shadow:none}.slider-vertical[data-v-afa2165f]::-moz-range-track{background:#22c55eb3;border-radius:4px;box-shadow:none}@supports (-moz-appearance: none){.slider-vertical[data-v-afa2165f]{-moz-appearance:none;-webkit-appearance:none;appearance:none;writing-mode:horizontal-tb;width:130px;height:8px;transform:rotate(-90deg);transform-origin:center center;margin:0}.slider-track[data-v-afa2165f]{display:flex;align-items:center;justify-content:center}}.slider-vertical[data-v-afa2165f]:disabled{opacity:.5;cursor:not-allowed}.slider-vertical[data-v-afa2165f]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border:3px solid var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 4px 8px #667eea4d;transition:all .2s cubic-bezier(.4,0,.2,1)}.slider-vertical[data-v-afa2165f]::-moz-range-thumb{width:24px;height:24px;background:#fff;border:3px solid var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 4px 8px #667eea4d;transition:all .2s cubic-bezier(.4,0,.2,1)}.slider-vertical[data-v-afa2165f]:not(:disabled)::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 12px #667eea66}.slider-vertical[data-v-afa2165f]:not(:disabled)::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 12px #667eea66}.slider-marks-vertical[data-v-afa2165f]{position:absolute;display:flex;flex-direction:column;justify-content:space-between;height:130px;left:50%;margin-left:18px;pointer-events:none;top:0}.mark[data-v-afa2165f]{font-size:.7rem;color:var(--gray-600);font-weight:600;text-align:left;line-height:1}@media (max-width: 1024px){.emotion-info[data-v-afa2165f]{padding:.5rem .625rem;margin-bottom:.75rem}.emotion-name[data-v-afa2165f]{font-size:.9rem;margin-bottom:.2rem}.emotion-description[data-v-afa2165f]{font-size:.75rem;line-height:1.3}.slider-hint[data-v-afa2165f]{padding:.5rem .625rem;gap:.75rem;margin-bottom:.625rem}.hint-content[data-v-afa2165f]{min-width:150px}.hint-title strong[data-v-afa2165f]{font-size:.85rem}.hint-title p[data-v-afa2165f]{font-size:.75rem;margin-top:.3rem}.hint-text[data-v-afa2165f]{font-size:.8rem;line-height:1.5}.slider-progress[data-v-afa2165f]{padding:.35rem .5rem;gap:.15rem}.progress-question[data-v-afa2165f]{font-size:.85rem}.progress-question strong[data-v-afa2165f]{font-size:.9rem}.progress-correct[data-v-afa2165f]{gap:.25rem;padding-top:.2rem;margin-top:.15rem}.correct-label[data-v-afa2165f]{font-size:.65rem}.correct-count[data-v-afa2165f]{font-size:.95rem}.progress-percent[data-v-afa2165f]{font-size:.7rem}.sliders-container[data-v-afa2165f]{max-width:100%;gap:.875rem;padding:.875rem}.slider-track[data-v-afa2165f],.slider-vertical[data-v-afa2165f]{height:110px}@supports (-moz-appearance: none){.slider-vertical[data-v-afa2165f]{width:110px;height:8px}}.slider-marks-vertical[data-v-afa2165f]{height:110px}.axis-title[data-v-afa2165f]{font-size:.75rem}.slider-value[data-v-afa2165f]{font-size:1.5rem}.result-card[data-v-afa2165f]{min-height:160px;height:160px;padding:1rem 1.25rem;flex-direction:row;gap:.875rem}.sliders-container[data-v-afa2165f]{min-height:160px;height:auto}.result-icon[data-v-afa2165f]{font-size:2.75rem;margin-bottom:0}.result-text[data-v-afa2165f]{font-size:1.35rem}}@media (max-width: 768px){.emotion-info[data-v-afa2165f]{padding:.375rem .5rem;margin-bottom:.5rem}.emotion-name[data-v-afa2165f]{font-size:.8rem;margin-bottom:.15rem}.emotion-description[data-v-afa2165f]{font-size:.65rem;line-height:1.2;height:1.56rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.slider-hint[data-v-afa2165f]{padding:.5rem .625rem;gap:.625rem;margin-bottom:.625rem;flex-direction:row;align-items:flex-start;flex-wrap:nowrap}.hint-content[data-v-afa2165f]{min-width:auto;flex:1 1 auto}.hint-title strong[data-v-afa2165f]{font-size:.8rem;margin-bottom:.15rem}.hint-title p[data-v-afa2165f]{font-size:.7rem;margin-top:.3rem;line-height:1.3}.hint-text[data-v-afa2165f]{font-size:.75rem;line-height:1.45}.slider-progress[data-v-afa2165f]{padding:.3rem .45rem;gap:.12rem;flex-shrink:0}.progress-question[data-v-afa2165f]{font-size:.8rem}.progress-question strong[data-v-afa2165f]{font-size:.85rem}.progress-correct[data-v-afa2165f]{gap:.2rem;padding-top:.18rem;margin-top:.12rem}.correct-label[data-v-afa2165f]{font-size:.6rem}.correct-count[data-v-afa2165f]{font-size:.9rem}.progress-percent[data-v-afa2165f]{font-size:.65rem}.sliders-container[data-v-afa2165f]{gap:.5rem;padding:.5rem;margin:0}.slider-group[data-v-afa2165f]{gap:.25rem}.slider-top[data-v-afa2165f]{min-height:2.5rem;gap:.25rem}.axis-title[data-v-afa2165f]{font-size:.65rem;min-height:1.5rem;padding:0 .25rem}.slider-value[data-v-afa2165f]{font-size:1.25rem;min-width:2rem}.slider-track[data-v-afa2165f]{height:80px}.slider-vertical[data-v-afa2165f]{height:80px;width:8px}@supports (-moz-appearance: none){.slider-vertical[data-v-afa2165f]{width:80px;height:8px}}.slider-marks-vertical[data-v-afa2165f]{height:80px;margin-left:14px}.mark[data-v-afa2165f]{font-size:.6rem}.slider-label-top[data-v-afa2165f],.slider-label-bottom[data-v-afa2165f]{font-size:.6rem;max-width:100px;min-height:1.2rem}.slider-vertical[data-v-afa2165f]::-webkit-slider-thumb{width:18px;height:18px;border-width:2px}.slider-vertical[data-v-afa2165f]::-moz-range-thumb{width:18px;height:18px;border-width:2px}.result-card[data-v-afa2165f]{min-height:120px;height:120px;padding:.875rem 1rem;flex-direction:row;gap:.75rem}.sliders-container[data-v-afa2165f]{min-height:120px;height:auto}.result-icon[data-v-afa2165f]{font-size:2.5rem;margin-bottom:0}.result-text[data-v-afa2165f]{font-size:1.15rem}}@media (max-height: 700px) and (max-width: 768px){.emotion-info[data-v-afa2165f]{padding:.3rem .4rem;margin-bottom:.4rem}.emotion-name[data-v-afa2165f]{font-size:.75rem;margin-bottom:.125rem}.emotion-description[data-v-afa2165f]{font-size:.6rem;line-height:1.15;height:1.38rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.slider-hint[data-v-afa2165f]{padding:.4rem .5rem;gap:.5rem;margin-bottom:.5rem;flex-wrap:nowrap}.hint-content[data-v-afa2165f]{flex:1 1 auto}.hint-title strong[data-v-afa2165f]{font-size:.75rem}.hint-title p[data-v-afa2165f]{font-size:.65rem;margin-top:.25rem}.hint-text[data-v-afa2165f]{font-size:.7rem;line-height:1.4}.slider-progress[data-v-afa2165f]{padding:.28rem .4rem;gap:.12rem;flex-shrink:0}.progress-question[data-v-afa2165f]{font-size:.75rem}.progress-question strong[data-v-afa2165f]{font-size:.8rem}.progress-correct[data-v-afa2165f]{gap:.18rem;padding-top:.15rem;margin-top:.12rem}.correct-label[data-v-afa2165f]{font-size:.57rem}.correct-count[data-v-afa2165f]{font-size:.85rem}.progress-percent[data-v-afa2165f]{font-size:.6rem}.sliders-container[data-v-afa2165f]{padding:.35rem;gap:.35rem}.slider-top[data-v-afa2165f]{min-height:2rem;gap:.15rem}.axis-title[data-v-afa2165f]{font-size:.6rem;min-height:1.2rem}.slider-value[data-v-afa2165f]{font-size:1.1rem}.slider-track[data-v-afa2165f]{height:65px}.slider-vertical[data-v-afa2165f]{height:65px;width:8px}@supports (-moz-appearance: none){.slider-vertical[data-v-afa2165f]{width:65px;height:8px}}.slider-marks-vertical[data-v-afa2165f]{height:65px;margin-left:12px}.slider-label-top[data-v-afa2165f],.slider-label-bottom[data-v-afa2165f]{font-size:.55rem;min-height:1rem}.mark[data-v-afa2165f]{font-size:.55rem}.slider-vertical[data-v-afa2165f]::-webkit-slider-thumb{width:16px;height:16px}.slider-vertical[data-v-afa2165f]::-moz-range-thumb{width:16px;height:16px}.result-card[data-v-afa2165f]{min-height:100px;height:100px;padding:.75rem .875rem;flex-direction:row;gap:.625rem}.sliders-container[data-v-afa2165f]{min-height:100px;height:auto}.result-icon[data-v-afa2165f]{font-size:2rem;margin-bottom:0}.result-text[data-v-afa2165f]{font-size:1rem}}@media (max-width: 480px){.slider-hint[data-v-afa2165f]{padding:.375rem .5rem;gap:.5rem;margin-bottom:.5rem;flex-wrap:nowrap;align-items:center}.hint-content[data-v-afa2165f]{flex:1 1 auto}.hint-title strong[data-v-afa2165f]{font-size:.7rem}.hint-title p[data-v-afa2165f]{font-size:.625rem;margin-top:.2rem;line-height:1.3}.hint-text[data-v-afa2165f]{font-size:.675rem;line-height:1.4}.slider-progress[data-v-afa2165f]{padding:.25rem .4rem;gap:.1rem;flex-shrink:0}.progress-question[data-v-afa2165f]{font-size:.7rem}.progress-question strong[data-v-afa2165f]{font-size:.75rem}.progress-correct[data-v-afa2165f]{gap:.15rem;padding-top:.15rem;margin-top:.1rem}.correct-label[data-v-afa2165f]{font-size:.55rem}.correct-count[data-v-afa2165f]{font-size:.8rem}.progress-percent[data-v-afa2165f]{font-size:.575rem}.axis-title[data-v-afa2165f]{font-size:.6rem}.slider-value[data-v-afa2165f]{font-size:1.1rem}}.emotion-display[data-v-f8e50271]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.75rem;overflow:hidden;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--shadow-sm);padding:.5rem;transition:all .3s ease-in-out}.image-container[data-v-f8e50271]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.image-container img[data-v-f8e50271]{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:.5rem;transition:opacity .5s ease-in-out;opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity}.image-container img.loading[data-v-f8e50271]{opacity:0;transition:none}.image-loading[data-v-f8e50271]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gray-500);font-size:.875rem}.text-fallback[data-v-f8e50271]{text-align:center;padding:1.5rem;max-width:500px}.fallback-icon[data-v-f8e50271]{font-size:4rem;margin-bottom:1rem}.text-fallback h2[data-v-f8e50271]{font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.text-fallback p[data-v-f8e50271]{font-size:.95rem;color:var(--gray-700);line-height:1.5}.vector-info[data-v-f8e50271]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200);color:var(--gray-600);font-size:.8rem}@media (max-width: 1024px){.emotion-display[data-v-f8e50271]{aspect-ratio:2 / 3;max-width:400px;margin:0 auto}.text-fallback[data-v-f8e50271]{padding:1.5rem}.fallback-icon[data-v-f8e50271]{font-size:3rem}.text-fallback h2[data-v-f8e50271]{font-size:1.25rem}}@media (max-width: 768px){.emotion-display[data-v-f8e50271]{height:100%;width:100%;aspect-ratio:auto;padding:.25rem;max-width:100%;flex:1}.image-container[data-v-f8e50271]{width:100%;height:100%}.image-container img[data-v-f8e50271]{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;transition:opacity .5s ease-in-out}.text-fallback[data-v-f8e50271]{padding:.75rem}.fallback-icon[data-v-f8e50271]{font-size:2rem;margin-bottom:.5rem}.text-fallback h2[data-v-f8e50271]{font-size:1rem;margin-bottom:.5rem}.text-fallback p[data-v-f8e50271]{font-size:.8rem;line-height:1.3}.vector-info[data-v-f8e50271]{margin-top:.5rem;padding-top:.5rem;font-size:.7rem}}@media (max-height: 700px) and (max-width: 768px){.emotion-display[data-v-f8e50271]{padding:.2rem}.text-fallback[data-v-f8e50271]{padding:.5rem}.fallback-icon[data-v-f8e50271]{font-size:1.5rem;margin-bottom:.35rem}.text-fallback h2[data-v-f8e50271]{font-size:.875rem;margin-bottom:.35rem}.text-fallback p[data-v-f8e50271]{font-size:.7rem}.vector-info[data-v-f8e50271]{margin-top:.35rem;padding-top:.35rem;font-size:.65rem}}@media (max-width: 480px){.text-fallback h2[data-v-f8e50271]{font-size:.875rem}.text-fallback p[data-v-f8e50271]{font-size:.75rem}}.demo-container[data-v-93ce6651]{height:100%;overflow:hidden}.demo-container .card[data-v-93ce6651]{height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}.demo-content[data-v-93ce6651]{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.button-row[data-v-93ce6651]{display:flex;gap:.625rem;justify-content:center;align-items:center;flex-wrap:wrap;max-width:600px;margin:0 auto;width:100%}.button-row .btn[data-v-93ce6651]{flex:1 1 auto;min-width:140px}@media (max-width: 768px){.demo-container .card[data-v-93ce6651]{height:calc(100dvh - 70px);max-height:calc(100dvh - 70px)}.demo-content[data-v-93ce6651]{height:100%}.button-row[data-v-93ce6651]{flex-direction:column;flex-wrap:nowrap;gap:.5rem;margin-top:.5rem}.button-row .btn[data-v-93ce6651]{width:100%;min-width:auto;padding:.5rem 1rem;font-size:.75rem}}@media (max-height: 700px) and (max-width: 768px){.demo-container .card[data-v-93ce6651]{height:calc(100dvh - 60px);max-height:calc(100dvh - 60px)}.button-row[data-v-93ce6651]{gap:.35rem;margin-top:.35rem}.button-row .btn[data-v-93ce6651]{padding:.4rem .875rem;font-size:.7rem}}@media (max-width: 480px){.button-row .btn[data-v-93ce6651]{font-size:.7rem;padding:.45rem .875rem}}.test-container[data-v-5d775630]{height:100%;overflow:hidden}.test-container .card[data-v-5d775630]{height:calc(100dvh - 80px);max-height:calc(100dvh - 80px);overflow:hidden;display:flex;flex-direction:column}.test-content[data-v-5d775630]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.test-completion[data-v-5d775630]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.test-already-completed[data-v-5d775630]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;overflow-y:auto}.test-already-completed-message[data-v-5d775630]{text-align:center;font-size:1rem;color:var(--gray-700);margin:1rem 0 1.5rem;line-height:1.5}.completion-content[data-v-5d775630]{max-width:500px;width:100%}.completion-title[data-v-5d775630]{text-align:center;color:var(--primary);font-size:1.75rem;margin-bottom:1.5rem;font-weight:700}.result-display[data-v-5d775630]{background:#fff;padding:1.5rem;border-radius:.875rem;box-shadow:0 2px 8px #00000014;margin-bottom:1rem}.result-label[data-v-5d775630]{font-size:.95rem;color:var(--gray-600);margin-bottom:.375rem;text-align:center}.result-score[data-v-5d775630]{font-size:2rem;font-weight:700;color:var(--primary);text-align:center;margin-bottom:1rem}.result-bar-container[data-v-5d775630]{margin-bottom:1rem}.result-bar[data-v-5d775630]{width:100%;height:20px;background:var(--gray-200);border-radius:10px;overflow:hidden;margin-bottom:.5rem;box-shadow:inset 0 1px 3px #0000001a}.result-bar-fill[data-v-5d775630]{height:100%;background:linear-gradient(90deg,var(--success) 0%,#28a745 100%);transition:width .8s ease;box-shadow:0 0 6px #28a74566}.result-percentage[data-v-5d775630]{text-align:center;font-size:1.5rem;font-weight:700;color:var(--success)}.result-text[data-v-5d775630]{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:.625rem;font-size:.95rem;line-height:1.5;color:var(--gray-800);text-align:center;border-left:3px solid var(--primary);font-weight:500}.btn-large[data-v-5d775630]{padding:.875rem 2rem;font-size:1.1rem;font-weight:600;width:100%;max-width:100%;margin:0 auto;display:block}.button-group[data-v-5d775630]{display:flex;gap:1rem;margin-top:1.5rem;width:100%}.button-group .btn-large[data-v-5d775630]{flex:1;width:auto}.mt-4[data-v-5d775630]{margin-top:1.5rem}@media (max-width: 768px){.test-container .card[data-v-5d775630]{height:calc(100dvh - 70px);max-height:calc(100dvh - 70px)}.button-controls[data-v-5d775630]{gap:.5rem;margin-top:.5rem}.button-controls .btn[data-v-5d775630]{padding:.5rem 1rem;font-size:.75rem}.result-compact[data-v-5d775630]{font-size:.7rem;padding:.375rem .5rem;min-height:30px}.test-completion[data-v-5d775630],.test-already-completed[data-v-5d775630]{padding:1rem}.completion-title[data-v-5d775630]{font-size:1.4rem;margin-bottom:1rem}.result-display[data-v-5d775630]{padding:1.25rem;margin-bottom:.875rem}.result-label[data-v-5d775630]{font-size:.875rem}.result-score[data-v-5d775630]{font-size:1.75rem;margin-bottom:.875rem}.result-percentage[data-v-5d775630]{font-size:1.3rem}.result-text[data-v-5d775630]{font-size:.9rem;padding:.875rem;margin-top:.875rem}.test-already-completed-message[data-v-5d775630]{font-size:.9rem;margin:.875rem 0 1.25rem}.btn-large[data-v-5d775630]{padding:.75rem 1.75rem;font-size:1rem}.button-group[data-v-5d775630]{flex-direction:column;gap:.75rem;margin-top:1.25rem}.mt-4[data-v-5d775630]{margin-top:1.25rem}}@media (max-height: 700px) and (max-width: 768px){.test-container .card[data-v-5d775630]{height:calc(100dvh - 60px);max-height:calc(100dvh - 60px)}.button-controls[data-v-5d775630]{gap:.35rem;margin-top:.35rem}.button-controls .btn[data-v-5d775630]{padding:.4rem .875rem;font-size:.7rem}.result-compact[data-v-5d775630]{font-size:.65rem;padding:.3rem .4rem;min-height:26px}}@media (max-width: 480px){.button-controls .btn[data-v-5d775630]{font-size:.7rem;padding:.45rem .875rem}.test-completion[data-v-5d775630],.test-already-completed[data-v-5d775630]{padding:.75rem}.completion-title[data-v-5d775630]{font-size:1.2rem;margin-bottom:.875rem}.result-display[data-v-5d775630]{padding:1rem;margin-bottom:.75rem}.result-label[data-v-5d775630]{font-size:.8rem;margin-bottom:.25rem}.result-score[data-v-5d775630]{font-size:1.5rem;margin-bottom:.75rem}.result-bar[data-v-5d775630]{height:16px;margin-bottom:.375rem}.result-percentage[data-v-5d775630]{font-size:1.1rem}.result-text[data-v-5d775630]{font-size:.85rem;padding:.75rem;line-height:1.4;margin-top:.75rem}.test-already-completed-message[data-v-5d775630]{font-size:.85rem;margin:.75rem 0 1rem}.btn-large[data-v-5d775630]{padding:.625rem 1.25rem;font-size:.95rem}.mt-4[data-v-5d775630]{margin-top:1rem}}.test-container[data-v-88c41064]{height:100%;overflow:hidden}.test-container .card[data-v-88c41064]{height:calc(100dvh - 80px);max-height:calc(100dvh - 80px);overflow:hidden;display:flex;flex-direction:column}.test-content[data-v-88c41064]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.test-content>div[data-v-88c41064]{flex:1;display:flex;flex-direction:column;min-height:0}.test-completion[data-v-88c41064],.test-already-completed[data-v-88c41064]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;overflow-y:auto}.test-already-completed-message[data-v-88c41064]{text-align:center;font-size:1rem;color:var(--gray-700);margin:1rem 0 1.5rem;line-height:1.5}.completion-content[data-v-88c41064]{max-width:500px;width:100%}.completion-title[data-v-88c41064]{text-align:center;color:var(--primary);font-size:1.75rem;margin-bottom:1.5rem;font-weight:700}.result-display[data-v-88c41064]{background:#fff;padding:1.5rem;border-radius:.875rem;box-shadow:0 2px 8px #00000014;margin-bottom:1rem}.result-label[data-v-88c41064]{font-size:.95rem;color:var(--gray-600);margin-bottom:.375rem;text-align:center}.result-score[data-v-88c41064]{font-size:2rem;font-weight:700;color:var(--primary);text-align:center;margin-bottom:1rem}.result-bar-container[data-v-88c41064]{margin-bottom:1rem}.result-bar[data-v-88c41064]{width:100%;height:20px;background:var(--gray-200);border-radius:10px;overflow:hidden;margin-bottom:.5rem;box-shadow:inset 0 1px 3px #0000001a}.result-bar-fill[data-v-88c41064]{height:100%;background:linear-gradient(90deg,var(--success) 0%,#28a745 100%);transition:width .8s ease;box-shadow:0 0 6px #28a74566}.result-percentage[data-v-88c41064]{text-align:center;font-size:1.5rem;font-weight:700;color:var(--success)}.result-text[data-v-88c41064]{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:.625rem;font-size:.95rem;line-height:1.5;color:var(--gray-800);text-align:center;border-left:3px solid var(--primary);font-weight:500}.btn-large[data-v-88c41064]{padding:.875rem 2rem;font-size:1.1rem;font-weight:600;width:100%;max-width:100%;margin:0 auto;display:block}.mt-4[data-v-88c41064]{margin-top:1.5rem}.ml-2[data-v-88c41064]{margin-left:1rem}@media (max-width: 768px){.test-container .card[data-v-88c41064]{height:calc(100dvh - 70px);max-height:calc(100dvh - 70px)}.image-column .info-box[data-v-88c41064]{padding:.4rem .5rem;font-size:.65rem;margin-bottom:.4rem;line-height:1.2}.image-column .info-box strong[data-v-88c41064]{font-size:.7rem;margin-bottom:.1rem}.image-column .info-box p[data-v-88c41064]{margin-top:.2rem}.button-controls[data-v-88c41064]{gap:.5rem;margin-top:.5rem}.button-controls .btn[data-v-88c41064]{padding:.5rem 1rem;font-size:.75rem}.result-compact[data-v-88c41064]{font-size:.7rem;padding:.375rem .5rem;min-height:30px}.ml-2[data-v-88c41064]{margin-left:0;margin-top:.5rem}.test-completion[data-v-88c41064],.test-already-completed[data-v-88c41064]{padding:1rem}.completion-title[data-v-88c41064]{font-size:1.4rem;margin-bottom:1rem}.result-display[data-v-88c41064]{padding:1.25rem;margin-bottom:.875rem}.result-label[data-v-88c41064]{font-size:.875rem}.result-score[data-v-88c41064]{font-size:1.75rem;margin-bottom:.875rem}.result-percentage[data-v-88c41064]{font-size:1.3rem}.result-text[data-v-88c41064]{font-size:.9rem;padding:.875rem;margin-top:.875rem}.test-already-completed-message[data-v-88c41064]{font-size:.9rem;margin:.875rem 0 1.25rem}.btn-large[data-v-88c41064]{padding:.75rem 1.75rem;font-size:1rem}.mt-4[data-v-88c41064]{margin-top:1.25rem}}@media (max-height: 700px) and (max-width: 768px){.test-container .card[data-v-88c41064]{height:calc(100dvh - 60px);max-height:calc(100dvh - 60px)}.image-column .info-box[data-v-88c41064]{padding:.3rem .4rem;font-size:.6rem;margin-bottom:.3rem}.image-column .info-box strong[data-v-88c41064]{font-size:.65rem;margin-bottom:.05rem}.image-column .info-box p[data-v-88c41064]{margin-top:.15rem}.button-controls[data-v-88c41064]{gap:.35rem;margin-top:.35rem}.button-controls .btn[data-v-88c41064]{padding:.4rem .875rem;font-size:.7rem}.result-compact[data-v-88c41064]{font-size:.65rem;padding:.3rem .4rem;min-height:26px}.ml-2[data-v-88c41064]{margin-top:.35rem}}@media (max-width: 480px){.button-controls .btn[data-v-88c41064]{font-size:.7rem;padding:.45rem .875rem}.image-column .info-box[data-v-88c41064]{font-size:.6rem}.image-column .info-box strong[data-v-88c41064]{font-size:.65rem}.test-completion[data-v-88c41064],.test-already-completed[data-v-88c41064]{padding:.75rem}.completion-title[data-v-88c41064]{font-size:1.2rem;margin-bottom:.875rem}.result-display[data-v-88c41064]{padding:1rem;margin-bottom:.75rem}.result-label[data-v-88c41064]{font-size:.8rem;margin-bottom:.25rem}.result-score[data-v-88c41064]{font-size:1.5rem;margin-bottom:.75rem}.result-bar[data-v-88c41064]{height:16px;margin-bottom:.375rem}.result-percentage[data-v-88c41064]{font-size:1.1rem}.result-text[data-v-88c41064]{font-size:.85rem;padding:.75rem;line-height:1.4;margin-top:.75rem}.test-already-completed-message[data-v-88c41064]{font-size:.85rem;margin:.75rem 0 1rem}.btn-large[data-v-88c41064]{padding:.625rem 1.25rem;font-size:.95rem}.mt-4[data-v-88c41064]{margin-top:1rem}}.summary-container[data-v-93d04f12]{height:100%}.summary-container .card[data-v-93d04f12]{max-height:calc(100dvh - 90px);overflow-y:auto}.summary-container .card[data-v-93d04f12]::-webkit-scrollbar{width:6px}.summary-container .card[data-v-93d04f12]::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.summary-container .card[data-v-93d04f12]::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.summary-container .card[data-v-93d04f12]::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.results-grid[data-v-93d04f12]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.result-card[data-v-93d04f12]{background:var(--gray-100);padding:1.5rem;border-radius:.75rem}.result-title[data-v-93d04f12]{color:var(--gray-600);margin-bottom:.75rem;font-size:.875rem}.result-score[data-v-93d04f12]{font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.result-percentage[data-v-93d04f12]{font-size:1.25rem;font-weight:600;color:var(--success)}.overall-score[data-v-93d04f12]{background:var(--gradient-primary);color:#fff;padding:1.5rem;border-radius:.75rem}.overall-percentage[data-v-93d04f12]{font-size:2.5rem;font-weight:700;margin-top:.75rem}@media (max-width: 768px){.results-grid[data-v-93d04f12]{grid-template-columns:1fr;gap:1rem}.result-score[data-v-93d04f12]{font-size:1.5rem}.overall-percentage[data-v-93d04f12]{font-size:2rem}}.results-container[data-v-8098d6ef]{height:100%;display:flex;flex-direction:column}.results-container .card[data-v-8098d6ef]{display:flex;flex-direction:column;max-height:calc(100dvh - 90px)}.results-content[data-v-8098d6ef]{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.25rem;margin:1rem 0}.results-content[data-v-8098d6ef]::-webkit-scrollbar{width:6px}.results-content[data-v-8098d6ef]::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.results-content[data-v-8098d6ef]::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.results-content[data-v-8098d6ef]::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.results-section[data-v-8098d6ef]{background:var(--gray-100);padding:1.25rem;border-radius:.75rem}.results-actions[data-v-8098d6ef]{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--gray-200);flex-shrink:0}.results-actions .btn[data-v-8098d6ef]{flex:1 1 auto;min-width:140px;max-width:200px}.stats-grid[data-v-8098d6ef]{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.stat-item[data-v-8098d6ef]{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.stat-item.overall[data-v-8098d6ef]{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff}.stat-label[data-v-8098d6ef]{font-weight:600;font-size:.95rem;margin-bottom:.4rem}.stat-value[data-v-8098d6ef]{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.zero-result[data-v-8098d6ef]{color:#dc3545;font-weight:900}.stat-item.overall .zero-result[data-v-8098d6ef]{color:#ffcdd2}.stat-bar[data-v-8098d6ef]{width:100%;height:16px;background:var(--gray-200);border-radius:8px;overflow:hidden;margin-bottom:.4rem}.stat-item.overall .stat-bar[data-v-8098d6ef]{background:#ffffff4d}.stat-bar-fill[data-v-8098d6ef]{height:100%;background:var(--success);transition:width .5s ease}.stat-item.overall .stat-bar-fill[data-v-8098d6ef]{background:#fff}.stat-percentage[data-v-8098d6ef]{text-align:right;font-size:1.1rem;font-weight:700}.stat-description[data-v-8098d6ef]{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200);font-size:.95rem;line-height:1.5;color:var(--gray-700)}.stat-item.overall .stat-description[data-v-8098d6ef]{border-top-color:#ffffff4d;color:#fffffff2}@media (max-width: 768px){.results-actions[data-v-8098d6ef]{flex-direction:column}.results-actions .btn[data-v-8098d6ef]{width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #667eea;--primary-hover: #5568d3;--primary-light: #f0f2ff;--secondary: #764ba2;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--gray-50: #fafbfc;--gray-100: #f7f8fa;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-bg: linear-gradient(180deg, #ffffff 0%, #f7f8fa 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--gray-900);background:var(--gradient-bg);overflow-x:hidden}#app{min-height:100dvh;display:flex;flex-direction:column;max-height:100dvh}.app-main{flex:1;display:flex;flex-direction:column;padding:.75rem 0;min-height:0}.container{max-width:100%;margin:0 auto;padding:0 1rem;width:100%;flex:1;display:flex;flex-direction:column;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;border:1px solid transparent}.btn-primary:hover:not(:disabled){box-shadow:0 8px 16px -4px #667eea66}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 8px 16px -4px #10b98166}.btn-error{background:var(--error);color:#fff}.btn-error:hover:not(:disabled){background:#dc2626}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.card{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:var(--shadow-lg);border:1px solid rgba(102,126,234,.08);display:flex;flex-direction:column;height:calc(100dvh - 80px);overflow:hidden}.card>h1,.card>.info-box,.card>.test-progress{flex-shrink:0}.test-content,.demo-content,.admin-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.test-progress{background:var(--gray-100);padding:.625rem .875rem;border-radius:.5rem;font-size:.875rem;color:var(--gray-700);margin-bottom:.75rem}.info-box{background:var(--primary-light);padding:.75rem .875rem;border-radius:.75rem;margin-bottom:.75rem;border-left:3px solid var(--primary);color:var(--gray-800);font-size:.875rem;line-height:1.5}.info-box p{margin:0;margin-top:.5rem}.info-box p:first-child{margin-top:.25rem}.info-box strong{display:block;margin-bottom:.25rem;font-size:.95rem}.result-correct{background:var(--success-light);border-left:3px solid var(--success);color:#065f46}.result-correct strong{color:#065f46}.result-incorrect{background:var(--error-light);border-left:3px solid var(--error);color:#991b1b}.result-incorrect strong{color:#991b1b}.result-banner{padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1rem;font-size:1rem;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 8px #0000001a}.result-banner>div{display:flex;flex-direction:column;gap:.5rem;width:100%}.result-banner strong{font-size:1.125rem;display:block}.result-banner .result-detail{font-size:.875rem;opacity:.9}.button-controls{display:flex;flex-direction:column;gap:.625rem;align-items:stretch;max-width:600px;width:100%;margin:0 auto;margin-top:.75rem}.result-compact{padding:.5rem .75rem;border-radius:.5rem;font-size:.813rem;font-weight:600;text-align:center;border:1px solid;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:36px;display:flex;align-items:center;justify-content:center}.result-compact.result-correct{background:var(--success-light);border-color:var(--success);color:#065f46}.result-compact.result-incorrect{background:var(--error-light);border-color:var(--error);color:#991b1b}h1{font-size:1.5rem;font-weight:700;margin-bottom:.625rem;color:var(--gray-900);line-height:1.2}h2{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--gray-800)}h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-800)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.flex.gap-2{flex-wrap:wrap}.flex.gap-2>.btn{flex:1 1 auto;min-width:140px}.loading{text-align:center;padding:2rem;color:var(--gray-600);font-size:.875rem}.json-editor::-webkit-scrollbar,.admin-content::-webkit-scrollbar{width:8px}.json-editor::-webkit-scrollbar-track,.admin-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.json-editor::-webkit-scrollbar-thumb,.admin-content::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.json-editor::-webkit-scrollbar-thumb:hover,.admin-content::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.two-column-layout{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:1.5rem;align-items:stretch;flex:1;min-height:0;overflow:hidden}.image-column{display:flex;flex-direction:column;gap:.75rem;min-height:0;height:100%;transition:all .3s ease-in-out;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.image-column .info-box{flex-shrink:0}.image-column h3{margin-bottom:.5rem;padding:.625rem .875rem;background:var(--gray-100);border-radius:.5rem;font-size:.95rem;color:var(--gray-800);flex-shrink:0}.controls-column{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;min-height:0;padding:.5rem;transition:all .3s ease-in-out}@media (min-width: 1400px){.card{height:calc(100dvh - 85px)}.two-column-layout{grid-template-columns:minmax(320px,420px) 1fr;gap:2rem}}@media (max-width: 1200px){.two-column-layout{grid-template-columns:minmax(260px,340px) 1fr;gap:1.5rem}}@media (max-width: 1024px){.two-column-layout{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1.5rem;align-items:stretch}.image-column{max-height:none;height:auto}.controls-column{width:100%;padding:0}.card{max-height:none}}@media (max-width: 768px){.container{padding:0 .5rem}.card{padding:.5rem;height:calc(100dvh - 70px);max-height:calc(100dvh - 70px)}.two-column-layout{gap:.5rem;display:flex;flex-direction:column;height:100%}.image-column{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;gap:.4rem;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.image-column .info-box{flex-shrink:0;margin-bottom:0}.image-column h3{flex-shrink:0;font-size:.75rem;padding:.375rem .5rem;margin-bottom:.25rem}.controls-column{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start}h1{font-size:1rem;margin-bottom:.375rem}.info-box{padding:.5rem;font-size:.7rem;margin-bottom:.5rem;line-height:1.3}.info-box strong{font-size:.75rem;margin-bottom:.125rem}.info-box p{margin-top:.25rem}.result-banner{padding:.5rem;font-size:.75rem;margin-bottom:.5rem}.result-banner strong{font-size:.875rem}.result-banner .result-detail{font-size:.7rem}.test-progress{padding:.375rem .5rem;font-size:.7rem;margin-bottom:.5rem}.flex.gap-2{flex-direction:column}.flex.gap-2>.btn{width:100%;min-width:auto}}@media (max-width: 480px){.card{padding:.5rem}h1{font-size:.95rem}.btn{padding:.45rem .875rem;font-size:.75rem}.info-box{padding:.4rem;font-size:.65rem}.info-box strong{font-size:.7rem}.test-progress{padding:.35rem .45rem;font-size:.65rem}}@media (max-height: 700px) and (max-width: 768px){.card{height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);padding:.4rem}.info-box{padding:.35rem .4rem;font-size:.65rem;margin-bottom:.35rem}.test-progress{padding:.3rem .4rem;font-size:.65rem;margin-bottom:.35rem}.two-column-layout{gap:.35rem}}