.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap}.btn:active{transform:scale(.97)}.btn--primary{background:var(--gradient-prism);color:var(--text-on-gradient);box-shadow:var(--shadow-glow);padding:var(--space-4) var(--space-10);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn--primary:hover{background:var(--gradient-prism-hover);box-shadow:var(--shadow-glow),var(--shadow-glow-accent);transform:translateY(-2px)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn--secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-light);backdrop-filter:blur(8px)}.btn--secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-accent)}.btn--ghost{background:0 0;color:var(--text-secondary);padding:var(--space-2) var(--space-4)}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);backdrop-filter:blur(16px);transition:all var(--transition-base)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.likert{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) 0}.likert__poles{display:flex;justify-content:space-between;gap:var(--space-6)}.likert__pole{flex:1;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--bg-glass);border:1px solid var(--border-subtle);font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;text-align:center;transition:all var(--transition-base)}.likert__pole--a{border-left:3px solid var(--color-primary)}.likert__pole--b{border-right:3px solid var(--color-accent)}.likert__pole.active--a{border-color:var(--color-primary);background:rgba(124,58,237,.1);color:var(--text-primary)}.likert__pole.active--b{border-color:var(--color-accent);background:rgba(6,182,212,.1);color:var(--text-primary)}.likert__scale{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.likert__label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;min-width:50px;text-align:center}.likert__label--a{color:var(--color-primary-light)}.likert__label--b{color:var(--color-accent-light)}.likert__dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-light);background:0 0;cursor:pointer;transition:all var(--transition-base);position:relative;padding:0}.likert__dot--strong-a,.likert__dot--strong-b{width:48px;height:48px}.likert__dot--lean-a,.likert__dot--lean-b{width:40px;height:40px}.likert__dot--neutral{width:32px;height:32px}.likert__dot--lean-a:hover,.likert__dot--strong-a:hover{border-color:var(--color-primary);background:rgba(124,58,237,.15);box-shadow:0 0 12px rgba(124,58,237,.3)}.likert__dot--lean-b:hover,.likert__dot--strong-b:hover{border-color:var(--color-accent);background:rgba(6,182,212,.15);box-shadow:0 0 12px rgba(6,182,212,.3)}.likert__dot--neutral:hover{border-color:var(--text-muted);background:rgba(255,255,255,.05)}.likert__dot.selected.likert__dot--strong-a{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 16px rgba(124,58,237,.5)}.likert__dot.selected.likert__dot--lean-a{background:rgba(124,58,237,.7);border-color:var(--color-primary);box-shadow:0 0 12px rgba(124,58,237,.3)}.likert__dot.selected.likert__dot--neutral{background:var(--text-muted);border-color:var(--text-muted)}.likert__dot.selected.likert__dot--lean-b{background:rgba(6,182,212,.7);border-color:var(--color-accent);box-shadow:0 0 12px rgba(6,182,212,.3)}.likert__dot.selected.likert__dot--strong-b{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 16px rgba(6,182,212,.5)}.likert__hints{display:flex;justify-content:space-between;padding:0 var(--space-2)}.likert__hint{font-size:var(--text-xs);color:var(--text-muted)}.progress-bar{width:100%;height:6px;background:var(--bg-glass);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--gradient-prism);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-bar__fill::after{content:'';position:absolute;right:0;top:0;bottom:0;width:20px;background:rgba(255,255,255,.3);filter:blur(4px)}.dimension-bar{margin-bottom:var(--space-6)}.dimension-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.dimension-bar__label{font-size:var(--text-sm);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-2)}.dimension-bar__label--active{color:var(--text-accent)}.dimension-bar__label--inactive{color:var(--text-muted)}.dimension-bar__pct{font-size:var(--text-lg);font-weight:var(--font-bold)}.dimension-bar__pct--active{color:var(--text-accent)}.dimension-bar__pct--inactive{color:var(--text-muted);font-size:var(--text-sm)}.dimension-bar__track{height:28px;background:var(--bg-glass);border-radius:var(--radius-full);position:relative;overflow:hidden;border:1px solid var(--border-subtle);display:flex}.dimension-bar__center{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:var(--text-muted);transform:translateX(-50%);z-index:2;opacity:.5}.dimension-bar__fill-a{height:100%;background:linear-gradient(90deg,rgba(124,58,237,.3),var(--color-primary));border-radius:var(--radius-full) 0 0 var(--radius-full);transition:width var(--transition-slow)}.dimension-bar__fill-b{height:100%;background:linear-gradient(270deg,rgba(6,182,212,.3),var(--color-accent));border-radius:0 var(--radius-full) var(--radius-full) 0;transition:width var(--transition-slow);margin-left:auto}.dimension-bar__desc{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.cognitive-function{padding:var(--space-4);border-left:3px solid var(--color-primary);margin-bottom:var(--space-4);background:var(--bg-glass);border-radius:0 var(--radius-md) var(--radius-md) 0}.cognitive-function__rank{font-size:var(--text-xs);color:var(--text-accent);font-weight:var(--font-semibold);text-transform:uppercase;margin-bottom:var(--space-1)}.cognitive-function__name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.cognitive-function__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.expandable-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-2);background:var(--bg-glass);border:1px solid transparent;transition:all var(--transition-base)}.expandable-item:hover{border-color:var(--border-accent)}.expandable-item__title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.expandable-item__detail{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.dynamic-insert{padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-accent);background:rgba(6,182,212,.05);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-4) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8}.dynamic-insert__label{font-size:var(--text-xs);color:var(--color-accent-light);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.result__compatible-type{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-bold);border-radius:var(--radius-lg);background:var(--gradient-prism-soft);color:var(--text-accent);border:1px solid var(--border-accent);margin:var(--space-1)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);background:var(--gradient-prism-soft);color:var(--text-accent);border:1px solid var(--border-accent)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.section-title__icon{font-size:var(--text-2xl)}.disclaimer{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:var(--space-6);border-top:1px solid var(--border-subtle);margin-top:auto;line-height:1.8}.spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{width:100%;height:1px;background:var(--gradient-prism-soft);margin:var(--space-8) 0;border:none}@media (max-width:768px){.btn--primary{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.card{padding:var(--space-6)}.likert__poles{flex-direction:column;gap:var(--space-3)}.likert__pole{text-align:center}.likert__pole--a{border-left:none;border-top:3px solid var(--color-primary)}.likert__pole--b{border-right:none;border-bottom:3px solid var(--color-accent)}.likert__dot--strong-a,.likert__dot--strong-b{width:40px;height:40px}.likert__dot--lean-a,.likert__dot--lean-b{width:34px;height:34px}.likert__dot--neutral{width:28px;height:28px}.likert__scale{gap:var(--space-2)}.dimension-bar__label{font-size:var(--text-xs)}.dimension-bar__pct{font-size:var(--text-base)}}@media (max-width:480px){.likert__dot--strong-a,.likert__dot--strong-b{width:36px;height:36px}.likert__dot--lean-a,.likert__dot--lean-b{width:30px;height:30px}.likert__dot--neutral{width:24px;height:24px}}