*{margin:0;padding:0;box-sizing:border-box}:root{--coral: #FF6B6B;--indigo: #5B5EA6;--yellow: #FFBE0B;--teal: #2EC4B6;--cream: #FFF8E7;--ink: #1A1A2E;--border: #1A1A2E;--card-bg: #FFFFFF;--shadow: 4px 4px 0px var(--ink);--shadow-sm: 2px 2px 0px var(--ink)}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--cream);background-image:radial-gradient(circle at 15% 20%,var(--coral) 0%,var(--coral) 8px,transparent 8px),radial-gradient(circle at 85% 15%,var(--teal) 0%,var(--teal) 12px,transparent 12px),radial-gradient(circle at 90% 80%,var(--yellow) 0%,var(--yellow) 6px,transparent 6px),radial-gradient(circle at 10% 85%,var(--indigo) 0%,var(--indigo) 10px,transparent 10px),radial-gradient(circle at 50% 5%,var(--yellow) 0%,var(--yellow) 5px,transparent 5px),radial-gradient(circle at 70% 50%,var(--coral) 0%,var(--coral) 4px,transparent 4px);background-attachment:fixed;color:var(--ink);line-height:1.6;min-height:100vh}.app{max-width:640px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:3.5rem;font-weight:900;letter-spacing:.15em;color:var(--ink);text-shadow:3px 3px 0px var(--coral),6px 6px 0px var(--yellow);line-height:1.1}.app-header .subtitle{font-size:1.15rem;font-weight:700;color:var(--indigo);margin-top:.5rem;letter-spacing:.02em}.intro-page{background:var(--card-bg);border:3px solid var(--border);border-radius:16px;padding:2rem;box-shadow:var(--shadow);animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.intro-description{font-size:1.1rem;font-weight:700;line-height:1.6;color:var(--ink);margin-bottom:1.25rem;text-align:center}.results-disclaimer{font-size:.85rem;font-weight:600;color:var(--ink);text-align:center;line-height:1.5;opacity:.5;margin-bottom:.5rem}.start-button{display:block;width:100%;padding:.95rem 1rem;border-radius:12px;font-size:1.1rem;font-weight:800;font-family:inherit;cursor:pointer;border:3px solid var(--border);background:var(--coral);color:#fff;transition:all .12s ease;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em}.start-button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.start-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.quiz-container{background:var(--card-bg);border:3px solid var(--border);border-radius:16px;padding:2rem;box-shadow:var(--shadow)}.progress-bar{margin-bottom:2rem;text-align:center}.progress-track{height:14px;background:var(--cream);border:2px solid var(--border);border-radius:7px;overflow:hidden;position:relative}.progress-fill{height:100%;background:repeating-linear-gradient(-45deg,var(--coral),var(--coral) 6px,var(--yellow) 6px,var(--yellow) 12px,var(--teal) 12px,var(--teal) 18px,var(--indigo) 18px,var(--indigo) 24px);transition:width .4s ease;background-size:34px 34px}.progress-label{display:block;margin-top:.5rem;font-size:.9rem;font-weight:800;color:var(--indigo)}.question{animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.question-text{font-size:1.25rem;font-weight:800;margin-bottom:1.5rem;line-height:1.5;color:var(--ink)}.options{display:flex;flex-direction:column;gap:.6rem}.option-button{display:block;width:100%;padding:.8rem 1.1rem;border:3px solid var(--border);border-radius:12px;background:var(--card-bg);color:var(--ink);font-family:inherit;font-size:.95rem;font-weight:700;text-align:left;cursor:pointer;transition:all .12s ease;line-height:1.4;box-shadow:var(--shadow-sm)}@media(hover:hover){.option-button:hover{background:var(--yellow);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}}.option-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.option-button.selected{background:var(--coral);color:#fff;transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.back-button{display:block;margin-top:1rem;padding:.5rem 1.2rem;border-radius:10px;font-size:.85rem;font-weight:800;font-family:inherit;cursor:pointer;border:3px solid var(--border);background:var(--card-bg);color:var(--ink);transition:all .12s ease;box-shadow:var(--shadow-sm)}@media(hover:hover){.back-button:hover{background:var(--teal);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}}.back-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.results{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.type-code{font-size:4rem;letter-spacing:.15em;text-align:center;font-weight:900;color:var(--ink);text-shadow:3px 3px 0px var(--coral),6px 6px 0px var(--teal)}.type-label{text-align:center;font-size:1.6rem;font-weight:800;margin-top:.25rem;color:var(--indigo)}.type-tagline{text-align:center;color:var(--ink);font-style:italic;font-weight:700;margin-top:.4rem;margin-bottom:2rem;font-size:1.05rem;opacity:.7}.axis-scores{display:flex;flex-direction:column;gap:1.4rem;margin-bottom:2rem;background:var(--card-bg);border:3px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow)}.axis-bar{position:relative}.axis-title{text-align:center;font-weight:900;font-size:.95rem;color:var(--ink);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.1em}.axis-poles{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.85rem}.pole-label{color:#888;font-weight:700;transition:all .2s ease}.pole-label.active{font-weight:900;font-size:.95rem}.axis-bar[data-axis=timeline] .pole-label.active{color:var(--coral)}.axis-bar[data-axis=novelty] .pole-label.active{color:var(--indigo)}.axis-bar[data-axis=outcome] .pole-label.active{color:var(--teal)}.axis-bar[data-axis=control] .pole-label.active{color:var(--yellow)}.bar-container{position:relative}.bar-track{height:14px;background:var(--cream);border:2px solid var(--border);border-radius:7px;position:relative;overflow:visible}.bar-center{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:var(--border);opacity:.3}.bar-marker{position:absolute;top:50%;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);transition:left .4s ease;border:3px solid var(--border);box-shadow:var(--shadow-sm)}.axis-bar[data-axis=timeline] .bar-marker{background:var(--coral)}.axis-bar[data-axis=novelty] .bar-marker{background:var(--indigo)}.axis-bar[data-axis=outcome] .bar-marker{background:var(--teal)}.axis-bar[data-axis=control] .bar-marker{background:var(--yellow)}.axis-bar[data-axis=timeline] .bar-track{background:#ffe8e8}.axis-bar[data-axis=novelty] .bar-track{background:#e8e8f5}.axis-bar[data-axis=outcome] .bar-track{background:#ddf5f0}.axis-bar[data-axis=control] .bar-track{background:#fff5d6}.score-value{text-align:right;font-size:.8rem;color:#aaa;margin-top:.2rem;font-weight:800}.description{background:var(--card-bg);border:3px solid var(--border);padding:1.25rem;border-radius:16px;margin-bottom:1.5rem;box-shadow:var(--shadow)}.description p{font-size:.95rem;color:var(--ink);font-weight:600;line-height:1.6}.thinkers,.communities{margin-bottom:1.25rem}.thinkers h3,.communities h3{font-size:.9rem;font-weight:800;margin-bottom:.5rem;color:var(--indigo);text-transform:uppercase;letter-spacing:.05em}.thinkers ul,.communities ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.thinkers li,.communities li{background:var(--yellow);padding:.3rem .8rem;border-radius:8px;font-size:.85rem;color:var(--ink);font-weight:700;border:2px solid var(--border);box-shadow:var(--shadow-sm)}.results-actions{display:flex;gap:.75rem;margin-top:1.5rem}.share-button,.restart-button{flex:1;padding:.85rem 1rem;border-radius:12px;font-size:.95rem;font-weight:800;font-family:inherit;cursor:pointer;border:3px solid var(--border);transition:all .12s ease;box-shadow:var(--shadow-sm)}.share-button{background:var(--coral);color:#fff}.share-button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.share-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.restart-button{background:var(--card-bg);color:var(--ink)}.restart-button:hover{background:var(--teal);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.restart-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.explore-section{margin-top:2.5rem}.explore-toggle{display:block;width:100%;padding:.85rem 1rem;border-radius:12px;font-size:1rem;font-weight:800;font-family:inherit;cursor:pointer;border:3px solid var(--border);background:var(--indigo);color:#fff;transition:all .12s ease;margin-bottom:1rem;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em}.explore-toggle:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.explore-toggle:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.archetypes-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;animation:popIn .35s cubic-bezier(.34,1.56,.64,1)}.archetype-card{background:var(--card-bg);border:3px solid var(--border);border-radius:12px;padding:.85rem;cursor:pointer;transition:all .12s ease;box-shadow:var(--shadow-sm)}.archetype-card:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);background:var(--cream)}.archetype-card.current{background:var(--yellow)}.archetype-card-code{font-size:1.1rem;font-weight:900;letter-spacing:.08em;color:var(--ink)}.archetype-card-label{font-size:.85rem;font-weight:800;color:var(--indigo);margin-top:.1rem}.archetype-card-tagline{font-size:.75rem;color:#666;font-weight:600;margin-top:.15rem;line-height:1.3}.archetype-detail{background:var(--card-bg);border:3px solid var(--border);border-radius:14px;padding:1.5rem;margin-top:.75rem;animation:popIn .3s cubic-bezier(.34,1.56,.64,1);grid-column:1 / -1;box-shadow:var(--shadow)}.archetype-detail-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.35rem}.archetype-detail-code{font-size:1.5rem;font-weight:900;letter-spacing:.12em;color:var(--ink)}.archetype-detail-label{font-size:1.1rem;font-weight:800;color:var(--indigo)}.archetype-detail-tagline{font-style:italic;color:var(--ink);font-weight:700;margin-bottom:.75rem;opacity:.6}.archetype-detail p{font-size:.92rem;color:var(--ink);font-weight:600;line-height:1.6}.archetype-detail-close{display:inline-block;margin-top:.75rem;padding:.4rem 1rem;border-radius:8px;border:3px solid var(--border);background:var(--card-bg);color:var(--ink);font-family:inherit;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .12s ease;box-shadow:var(--shadow-sm)}.archetype-detail-close:hover{background:var(--coral);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}@media(max-width:480px){.app{padding:1.25rem .75rem}.app-header h1{font-size:2.5rem;text-shadow:2px 2px 0px var(--coral),4px 4px 0px var(--yellow)}.quiz-container{padding:1.25rem;border-radius:12px}.question-text{font-size:1.1rem}.type-code{font-size:3rem;text-shadow:2px 2px 0px var(--coral),4px 4px 0px var(--teal)}.archetypes-grid{grid-template-columns:1fr}.option-button{padding:.7rem 1rem;font-size:.9rem}.dash-questions{grid-template-columns:1fr}}.dashboard{max-width:800px;margin:0 auto;padding:1rem}.dash-loading{text-align:center;font-size:1.2rem;padding:3rem 0}.dash-section{background:var(--cream);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:1.5rem;margin-bottom:2rem}.dash-heading{font-size:1.6rem;margin:0 0 .25rem}.dash-subheading{font-size:1.1rem;margin:1.25rem 0 .5rem;border-bottom:2px solid var(--ink);padding-bottom:.25rem}.dash-meta{color:#666;margin:0 0 .75rem}.dash-bars{display:flex;flex-direction:column;gap:.4rem}.dash-bar-row{display:flex;align-items:center;gap:.5rem}.dash-bar-label{width:55px;font-weight:700;font-size:.85rem;text-align:right}.dash-bar-track{flex:1;height:22px;background:#fff;border:2px solid var(--ink);overflow:hidden}.dash-bar-fill{height:100%;background:var(--coral);transition:width .4s ease}.dash-bar-value{width:30px;font-weight:700;font-size:.85rem}.dash-axes{display:flex;flex-direction:column;gap:.6rem}.dash-axis-row{display:flex;align-items:center;gap:.5rem}.dash-axis-label{width:90px;font-weight:700;font-size:.8rem;text-align:center}.dash-axis-track{flex:1;height:14px;background:#fff;border:2px solid var(--ink);position:relative}.dash-axis-marker{position:absolute;top:-4px;width:16px;height:20px;background:var(--indigo);border:2px solid var(--ink);border-radius:50%;transform:translate(-50%)}.dash-axis-val{width:28px;font-weight:700;font-size:.8rem}.dash-questions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dash-q-card{background:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:1rem}.dash-q-header{display:flex;justify-content:space-between;margin-bottom:.4rem}.dash-q-id{font-weight:800;font-size:.9rem}.dash-q-axis{font-size:.75rem;font-weight:700;text-transform:uppercase;background:var(--yellow);border:2px solid var(--ink);padding:0 .4rem}.dash-q-text{font-size:.85rem;margin:0 0 .5rem;line-height:1.3}.dash-q-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#666;margin-bottom:.5rem}.dash-dist{display:flex;align-items:flex-end;gap:3px;height:50px;border-bottom:2px solid var(--ink)}.dash-dist-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.dash-dist-bar{width:100%;background:var(--teal);border:1px solid var(--ink);min-height:0}.dash-dist-label{font-size:.65rem;font-weight:700;margin-top:2px}