:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-purple: #8b5cf6;--color-cyan: #06b6d4;--color-pink: #ec4899;--color-bg: #0f172a;--color-bg-card: #1e293b;--color-bg-hover: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-border: #334155;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--transition: .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}.ei-quiz{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh}.ei-quiz.intro{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ei-quiz.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.ei-quiz h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2rem}.intro-content{max-width:600px;text-align:left;margin-bottom:2rem}.intro-content p{margin-bottom:1rem;color:var(--color-text-muted)}.intro-content strong{color:var(--color-text)}.warning-box{background:#f59e0b1a;border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:1rem;margin:1.5rem 0;color:var(--color-warning)}.progress-bar{height:4px;background:var(--color-border);border-radius:2px;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-purple));border-radius:2px;transition:width .3s ease}.question-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-number{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.maslow-badge{font-size:.75rem;padding:.25rem .75rem;background:var(--color-purple);color:#fff;border-radius:999px;font-weight:500}.question-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--color-text)}.question-context{color:var(--color-text-muted);margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:var(--radius-md);border-left:3px solid var(--color-primary);transition:opacity var(--transition)}.question-context.faded{opacity:.5}.reading-phase{margin-top:1.5rem}.models-preview{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.model{padding:1rem;border-radius:var(--radius-md);background:#ffffff08}.model h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.model-a{border:1px solid var(--color-danger)}.model-a h4{color:var(--color-danger)}.model-b{border:1px solid var(--color-success)}.model-b h4{color:var(--color-success)}.model p{font-size:.875rem;color:var(--color-text-muted)}.reading-timer{text-align:center;font-size:.875rem;color:var(--color-text-dim);margin-bottom:1rem}.deciding-phase{margin-top:1.5rem}.slider-section{margin-bottom:2rem}.slider-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.pain-slider{position:relative}.pain-slider.disabled{opacity:.5;pointer-events:none}.slider-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.label-left{color:var(--color-danger);font-weight:500}.label-right{color:var(--color-success);font-weight:500}.slider-container{position:relative;padding:.5rem 0}.slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--color-danger),var(--color-warning),var(--color-success));outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:3px solid var(--color-primary);transition:transform var(--transition)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:3px solid var(--color-primary)}.slider-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;background:var(--color-bg-card);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-muted)}.lock-icon{font-size:1rem}.slider-value{text-align:center;font-size:1.25rem;font-weight:700;color:var(--color-text);margin-top:.5rem}.cant-decide{display:block;width:100%;margin-top:1rem;padding:.75rem;text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition)}.cant-decide:hover{border-color:var(--color-warning);color:var(--color-warning);background:#f59e0b1a}.awareness-section{margin-bottom:2rem;padding:1.5rem;background:#8b5cf61a;border-radius:var(--radius-md);border:1px solid var(--color-purple)}.awareness-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-purple)}.awareness-options{display:flex;flex-direction:column;gap:.75rem}.awareness-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-card);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition)}.awareness-option:hover{background:var(--color-bg-hover)}.awareness-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-purple)}.awareness-option span{font-size:.875rem;color:var(--color-text-muted)}.awareness-option:has(input:checked){background:#8b5cf633}.awareness-option:has(input:checked) span{color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text)}.submit-btn{width:100%;margin-top:1rem}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.results-container{max-width:800px;margin:0 auto;padding:2rem}.results-container h1{text-align:center;margin-bottom:2rem}.archetype-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem;border:2px solid;text-align:center}.archetype-card h2{font-size:2rem;margin-bottom:1rem}.diagnosis{color:var(--color-text-muted);line-height:1.8;white-space:pre-line}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem}.metric-card.warning{border:1px solid var(--color-danger)}.metric-value{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.metric-label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.75rem}.metric-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.metric-fill{height:100%;border-radius:4px;transition:width .5s ease}.metric-scale{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-dim)}.warnings-section{background:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.warnings-section h3{color:var(--color-danger);margin-bottom:1rem}.warning-item{padding:.75rem;background:var(--color-bg-card);border-radius:var(--radius-md);margin-bottom:.5rem;font-size:.875rem;color:var(--color-text-muted)}.warning-item:last-child{margin-bottom:0}.maslow-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.maslow-section h3{margin-bottom:1rem;color:var(--color-text)}.maslow-chart{display:flex;flex-direction:column;gap:.75rem}.maslow-bar{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:1rem}.maslow-label{font-size:.875rem;color:var(--color-text-muted)}.maslow-track{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.maslow-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-purple));border-radius:4px;transition:width .5s ease}.maslow-value{font-size:.875rem;font-weight:600;color:var(--color-text);text-align:right}.biometric-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.biometric-section h3{margin-bottom:.5rem;color:var(--color-text)}.biometric-section p{color:var(--color-text-muted)}.biometric-section strong{color:var(--color-cyan)}@media (max-width: 768px){.ei-quiz{padding:1rem}.ei-quiz h1{font-size:1.75rem}.question-card{padding:1.5rem}.question-title{font-size:1.25rem}.models-preview,.metrics-grid{grid-template-columns:1fr}.maslow-bar{grid-template-columns:80px 1fr 35px}}@media (max-width: 480px){.slider-labels{font-size:.75rem}.metric-value{font-size:2rem}}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #252542;--bg-card: #1e1e32;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-success: #22c55e;--accent-warning: #f59e0b;--accent-danger: #ef4444;--border-color: #2a2a4a;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--container-max: 1200px;--container-narrow: 800px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}img{max-width:100%;height:auto}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-container{max-width:var(--container-max);margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.logo:hover{color:var(--text-primary)}.logo-icon{font-size:1.5rem}.nav{display:flex;gap:1.5rem}.nav-link{color:var(--text-secondary);font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 1.5rem;margin-top:4rem}.footer-container{max-width:var(--container-max);margin:0 auto;text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.footer-tagline{color:var(--text-muted);font-style:italic;margin-bottom:1.5rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer-links a{color:var(--text-secondary)}.footer-copy{color:var(--text-muted);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f166;color:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--text-primary)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.hero{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:6rem 1.5rem;text-align:center}.hero-content{max-width:var(--container-narrow);margin:0 auto}.hero-icon{font-size:4rem;display:block;margin-bottom:1rem}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:var(--accent-primary);font-weight:600;margin-bottom:.5rem}.hero-tagline{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.manifest{padding:5rem 1.5rem}.manifest-container{max-width:var(--container-narrow);margin:0 auto}.section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.manifest-intro{font-size:1.25rem;text-align:center;margin-bottom:2rem}.manifest-content p{color:var(--text-secondary);margin-bottom:1.5rem}.manifest-rules{margin-top:2rem}.manifest-rules h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--accent-primary)}.rule{display:flex;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;margin-bottom:1rem;border-left:4px solid var(--accent-primary)}.rule-number{font-size:2rem;font-weight:800;color:var(--accent-primary);min-width:2rem}.rule-content h4{font-size:1.125rem;margin-bottom:.5rem}.rule-content p{color:var(--text-secondary);margin:0}.ei-section{background:var(--bg-secondary);padding:5rem 1.5rem}.ei-container{max-width:var(--container-narrow);margin:0 auto;text-align:center}.ei-intro{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.ei-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.ei-feature{padding:1.5rem;background:var(--bg-card);border-radius:12px}.feature-icon{font-size:2rem;display:block;margin-bottom:.5rem}.ei-feature h4{font-size:1.25rem;margin-bottom:.25rem}.ei-feature p{color:var(--text-muted);font-size:.875rem}.author-section{padding:5rem 1.5rem}.author-container{max-width:var(--container-narrow);margin:0 auto}.author-content{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border-color)}.author-info h3{font-size:1.5rem;margin-bottom:.25rem}.author-title{color:var(--accent-primary);font-weight:500;margin-bottom:1.5rem}.author-info p{color:var(--text-secondary);margin-bottom:1rem}.author-note{padding:1rem;background:var(--bg-tertiary);border-radius:8px;margin-top:1.5rem}.articles-page{max-width:var(--container-max);margin:0 auto;padding:2rem 1.5rem}.articles-header{text-align:center;margin-bottom:2rem}.articles-header h1{font-size:2.5rem;margin-bottom:.5rem}.articles-intro{color:var(--text-secondary);font-size:1.125rem}.articles-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.filter-btn{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover,.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.article-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);transition:all var(--transition-normal);display:flex;flex-direction:column}.article-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.article-card-category{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.article-card-title{font-size:1.25rem;margin-bottom:.5rem;line-height:1.3}.article-card-title a{color:var(--text-primary)}.article-card-title a:hover{color:var(--accent-primary)}.article-card-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;flex:1}.article-card-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.article-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px}.article-card-link{font-weight:600;font-size:.9rem}.no-articles{text-align:center;padding:3rem;color:var(--text-muted)}.article-page{max-width:var(--container-narrow);margin:0 auto;padding:2rem 1.5rem}.article{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border-color)}.article-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.article-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.back-link{font-size:.875rem;color:var(--text-muted)}.article-category{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:4px}.article-title{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.article-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem}.article-meta{display:flex;gap:2rem;color:var(--text-muted);font-size:.9rem}.author-location{color:var(--text-muted);font-weight:400}.article-content{line-height:1.8}.article-content h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.article-content h3{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}.article-content p{margin-bottom:1.25rem;color:var(--text-secondary)}.article-content strong{color:var(--text-primary);font-weight:600}.article-content em{font-style:italic}.article-content ul,.article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem;color:var(--text-secondary)}.article-content blockquote{border-left:4px solid var(--accent-primary);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--text-muted)}.article-content hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.article-content th,.article-content td{padding:.75rem 1rem;text-align:left;border:1px solid var(--border-color)}.article-content th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.article-content td{background:var(--bg-secondary);color:var(--text-secondary)}.article-content tr:hover td{background:var(--bg-tertiary)}.article-cta{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:12px;padding:2rem;text-align:center;margin:2rem 0}.article-cta p{color:#fff;font-size:1.125rem;margin-bottom:1rem}.article-cta .btn{background:#fff;color:var(--accent-primary)}.article-cta .btn:hover{background:var(--bg-primary);color:#fff}.article-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.article-share{display:flex;align-items:center;gap:1rem}.article-share span{color:var(--text-muted)}.share-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:6px;font-size:.875rem;color:var(--text-secondary)}.share-btn:hover{background:var(--accent-primary);color:#fff}.article-nav{display:flex;justify-content:space-between;margin-top:2rem}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted)}.error-page{text-align:center;padding:4rem 1.5rem}.error-page h1{margin-bottom:1rem}.error-page p{color:var(--text-muted);margin-bottom:2rem}.error-banner{background:#ef44441a;border:1px solid var(--accent-danger);color:var(--accent-danger);padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem}.nav{gap:1rem}.hero{padding:4rem 1.5rem}.hero-title{font-size:2rem}.hero-cta{flex-direction:column}.rule{flex-direction:column;gap:1rem}.articles-grid{grid-template-columns:1fr}.article{padding:1.5rem}.article-title{font-size:1.5rem}.article-meta{flex-direction:column;gap:.5rem}.article-nav{flex-direction:column;gap:1rem}}