/* MyIntrospace: shared dark surfaces, calm spacing, readable controls. */
:root{--bg:#0c101b;--panel:#151b2b;--panel2:#1d2639;--text:#f2f1f7;--muted:#b6bed0;--purple:#b39ae8;--cyan:#7ccbd7;--border:#303c52;color-scheme:dark}
body,.public-shell{background:var(--bg)}
.logo-window{display:block;position:relative;width:248px;aspect-ratio:1848/450;overflow:hidden;flex-shrink:0}
.logo-window img{position:absolute;width:117.533%;height:auto;max-width:none;left:-10.227%;top:-32%;display:block}
.public-brand{display:block;flex-shrink:0}.brand{padding:0}.brand .logo-window{width:198px}.mobile-brand .logo-window{width:180px}
.sidebar{background:#101624;padding:32px 18px}.sidebar .eyebrow{color:var(--muted);font-size:.75rem;letter-spacing:.1em;margin:38px 12px 18px}
.nav a{color:var(--muted);font-size:.9rem;min-height:46px}.nav a:hover,.nav a.active{background:var(--panel2);color:var(--text)}.nav a.active{box-shadow:inset 3px 0 var(--purple)}.nav a.active:after{display:none}
.public-header{padding-top:24px;padding-bottom:24px;gap:28px}.public-main{padding-top:32px}.public-hero{padding-top:40px;padding-bottom:80px;gap:60px}.public-hero-copy h1{font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:1.15;letter-spacing:-.045em}.public-hero-copy p{line-height:1.8}.public-section{padding:64px 0}
.panel,.stat,.profile-summary,.public-preview,.public-themes article,.public-steps li,.atlas,.atlas-zone,.catalog-card,.result-hero,.questionnaire-group,.pref-result-lead,.interest-result-lead,.attachment-lead,.motors-lead{background:var(--panel);box-shadow:none;border-color:var(--border)}
.public-preview{border-radius:20px;padding:30px;border-top:2px solid var(--purple)}.public-preview-list>div{background:var(--bg);padding:16px;border-left-width:2px}.public-preview-heading{line-height:1.6}.public-themes article{padding:24px 20px}.public-themes h3{line-height:1.5}
.atlas-zone,.questionnaire-row,.catalog-card,.test-card,.result-score-grid>article,.rank-card,.result-bipolar,.result-emotions section,.result-motors article,.result-dual article{background:var(--panel);border-color:var(--border)}
.atlas-zone{background:#111827}.atlas-zone-head{border-color:var(--border)}.atlas-selected,.atlas-test-preview,.category-summary,.insight-card{background:var(--panel2);box-shadow:none}.atlas-marker,.questionnaire-row{background:var(--bg)}
.atlas-marker:hover,.atlas-marker.active,.questionnaire-row:has(button:hover),.questionnaire-row:focus-within{background:var(--panel2)}
.btn,.test-card .btn{background:var(--purple);color:var(--bg);min-height:44px;font-size:.9rem;border-radius:10px;font-weight:650;transition:background .15s ease,border-color .15s ease}
.btn:hover,.test-card .btn:hover{background:#c5b0ee;filter:none;transform:none}.btn.secondary{background:var(--panel2);border-color:#526078;color:var(--text)}.btn.ghost{background:transparent;border-color:#526078;color:var(--text)}.btn.secondary:hover,.btn.ghost:hover{background:#28354c;border-color:var(--purple)}.btn.danger{background:#422333;color:#ffd0da;border-color:#a4697b}.btn.danger:hover{background:#563043}
.link,.filter,label,.field label,.answer,.choice{font-size:.9rem}.btn.small,small,.test-meta,.stat-head,.stat-foot,.card-footer,.footnote,.questionnaire-meta time,.questionnaire-status,.questionnaire-demo-note{font-size:.8125rem}.eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:.12em}
.panel p,.catalog-card p,.test-card p,.questionnaire-row p,.result-details p,.result-interpretation p,.public-method-grid p,.public-method-limits p,.settings-row p,.notice,.modal p{font-size:1rem;line-height:1.75}.result-header p,.result-details p,.settings-row p,.public-method-limits p{max-width:75ch}
.content{padding-top:40px}.page-intro,.result-header{margin-bottom:32px}.grid{gap:24px}.panel{padding:28px}.panel-head p{font-size:.9rem}
input,textarea,select{background:var(--bg);border-color:#64708a;color:var(--text);font-size:1rem;min-height:44px}input::placeholder,textarea::placeholder{color:#a7b2c7}input[type=checkbox]{min-height:auto}.answer,.choice{background:var(--panel);border-color:#64708a;line-height:1.6}.answer.selected,.choice.selected{background:var(--panel2);border-color:var(--purple)}
.filter.active{background:var(--panel2);color:var(--purple);border-color:var(--purple)}.notice,.demo-ribbon{background:var(--panel2);border-color:#53617b;color:var(--text)}.notice.warning{background:#322a20;border-color:#aa8951;color:#f5d69b}.tag{background:#19382f;color:#a8e2c6}.modal{background:var(--panel);border-color:#657089}.modal::backdrop{background:#080c16db;backdrop-filter:none}#toast{background:var(--panel2);border-color:var(--purple);color:var(--text);max-width:calc(100vw - 32px)}
.topbar,.mobile-nav{background:var(--bg);backdrop-filter:none}.constellation .core,.node .orb{box-shadow:none}.progress i{background:linear-gradient(90deg,var(--purple),var(--cyan))}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.public-footer{padding-top:36px;line-height:1.7}.public-footer small{font-size:.875rem}.public-footer a{padding:5px 0}
@media(min-width:901px){.mobile-brand{display:none}}
@media(max-width:1150px) and (min-width:901px){.brand .logo-window{width:168px}.sidebar{padding-inline:16px}}
@media(max-width:900px){.topbar{height:auto;min-height:84px;flex-wrap:wrap;padding:16px 22px;gap:12px}.top-right{flex-wrap:wrap;gap:12px}.content{padding-top:28px}.page-crumb{display:none}}
@media(max-width:760px){.public-header{padding:22px 20px;gap:20px}.public-hero{gap:32px;padding-top:25px;padding-bottom:48px}.public-section{padding:44px 0}.public-preview,.panel{padding:22px}.public-brand .logo-window{width:228px}.public-actions{margin-left:0}.public-header nav{flex-wrap:wrap}.public-header nav a{min-height:36px;display:flex;align-items:center}.public-actions .btn{white-space:normal;font-size:.875rem}.public-preview-heading{flex-wrap:wrap}.page-intro{align-items:flex-start;flex-wrap:wrap}.public-hero-copy h1{font-size:clamp(2.1rem,8vw,3.5rem)}.grid{gap:18px}}
@media(max-width:420px){.top-right{font-size:.8rem}.public-actions{width:100%}.public-actions .btn{flex:1}.content{padding-inline:16px}.panel{padding:19px}.questionnaire-row{padding:14px}.public-preview{padding:20px}.logo-window{max-width:100%}}

.btn.google-btn{background:#fff;color:#1f1f1f;border-color:#747775;font-family:Arial,sans-serif;font-weight:500}.btn.google-btn:hover{background:#f1f3f4;color:#1f1f1f}

.btn.chatgpt-btn{background:#fff;color:#0d0d0d;border:1px solid #747775;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-family:Arial,sans-serif;font-weight:500}.btn.chatgpt-btn:hover{background:#f1f3f4;color:#0d0d0d}.chatgpt-mark{display:block;flex:none;color-scheme:light}