.activity-app{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:radial-gradient(circle at 88% 4%,#2f6bb02e,#0000 52%),#1723349e;flex-direction:column;display:flex}.activity-app:empty{display:none}.activity-loading{padding:var(--space-6);color:var(--muted);text-align:center}.activity-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.level-picker{border:1px solid var(--border);border-radius:var(--radius-full);background:#0b111a73;padding:4px;display:inline-flex}.level-btn{border-radius:var(--radius-full);min-height:36px;color:var(--muted);font-size:var(--text-xs);letter-spacing:.02em;transition:background-color var(--transition), color var(--transition);background:0 0;border:0;padding:.35rem .85rem;font-weight:700}.level-btn:hover{color:var(--text)}.level-btn.active{background:var(--cream);color:var(--ink)}.sound-toggle{border:1px solid var(--border);border-radius:var(--radius-full);min-height:38px;color:var(--muted);font-size:var(--text-xs);transition:color var(--transition), border-color var(--transition);background:0 0;padding:.35rem .85rem;font-weight:700}.sound-toggle:hover{border-color:var(--border-strong);color:var(--text)}.sound-toggle[aria-pressed=true]{color:var(--brand);border-color:#6fa3cc73}.activity-progress{gap:var(--space-2);flex-direction:column;display:flex}.progress-top{justify-content:space-between;align-items:baseline;gap:var(--space-3);color:var(--muted);font-size:var(--text-xs);letter-spacing:.04em;font-weight:600;display:flex}.progress-level{color:var(--muted-2);text-transform:capitalize}.progress-track{border-radius:var(--radius-full);background:#e8edf414;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand-deep), var(--brand));height:100%;transition:width var(--transition-slow)}.task-panel{gap:var(--space-3);flex-direction:column;display:flex}.task-prompt{font-size:var(--text-xl);letter-spacing:-.01em}.task-instructions{max-width:68ch;color:var(--muted);font-size:var(--text-sm)}.task-body{gap:var(--space-4);min-height:120px;padding-top:var(--space-2);flex-direction:column;display:flex}.task-body.is-locked .choice-btn:not(.choice-btn--right):not(.choice-btn--wrong),.task-body.is-locked .stim-tile:not(.stim-tile--right):not(.stim-tile--wrong){opacity:.62}.task-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.next-btn{min-width:160px}.task-panel.stage-advancing{animation:.48s stage-enter}@keyframes stage-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.feedback{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:#e8edf408;border-left-width:3px;flex-direction:column;gap:.15rem;animation:.22s feedback-in;display:flex}.feedback-title{font-size:var(--text-sm);font-weight:700}.feedback-text{color:var(--muted);font-size:var(--text-sm)}.feedback--correct{border-left-color:var(--success)}.feedback--correct .feedback-title{color:var(--success)}.feedback--incorrect{border-left-color:var(--error)}.feedback--incorrect .feedback-title{color:var(--error)}.feedback--neutral{border-left-color:var(--brand)}.feedback--neutral .feedback-title{color:var(--brand)}@keyframes feedback-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.result-panel{gap:var(--space-5);padding-top:var(--space-2);flex-direction:column;animation:.32s result-in;display:flex}@keyframes result-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-hero{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.result-title{font-size:var(--text-2xl)}.result-lead{max-width:64ch;color:var(--muted);font-size:var(--text-base)}.result-explanation{gap:var(--space-2);max-width:72ch;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#0b111a52;flex-direction:column;display:flex}.result-paragraph{color:var(--muted);font-size:var(--text-sm)}.score-ring{background:radial-gradient(closest-side, var(--surface) 82%, transparent 83% 100%), conic-gradient(var(--brand) var(--score,0%), #e8edf41a 0);width:132px;height:132px;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.score-value{color:var(--cream);font-size:1.85rem;line-height:1}.score-label{color:var(--muted-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem}.result-stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:#e8edf408;flex-direction:column;gap:.1rem;display:flex}.stat-value{color:var(--cream);font-size:var(--text-xl);font-weight:700;line-height:1.1}.stat-label{color:var(--muted-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.result-stages{gap:var(--space-3);flex-direction:column;display:flex}.result-stages h3{font-size:var(--text-lg)}.result-stages-list{gap:var(--space-2);flex-direction:column;display:flex}.result-stage{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:#e8edf408;flex-wrap:wrap;display:flex}.result-stage-label{color:var(--cream);font-size:var(--text-sm);font-weight:700}.result-stage-text{color:var(--muted);font-size:var(--text-sm);text-align:right}.profile-result{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#e8edf406;flex-direction:column;display:flex}.profile-result h3{font-size:var(--text-lg)}.profile-description{max-width:68ch;color:var(--muted);font-size:var(--text-sm)}.profile-list{gap:var(--space-4);flex-direction:column;display:flex}.profile-row-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.profile-label{color:var(--cream);font-size:var(--text-sm);font-weight:700}.profile-value{color:var(--warm);font-size:var(--text-sm);font-weight:700}.profile-track{border-radius:var(--radius-full);background:#e8edf417;height:10px;overflow:hidden}.profile-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand-deep), var(--brand));height:100%;transition:width var(--transition-slow)}.profile-dimension-description{margin-top:var(--space-2);color:var(--muted-2);font-size:var(--text-xs)}.profile-note{color:var(--muted-2);font-size:var(--text-xs);font-style:italic}.result-share{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#e8edf406;flex-direction:column;display:flex}.result-share h3{font-size:var(--text-lg)}.share-lead{color:var(--muted);font-size:var(--text-sm)}.share-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0b111a66;justify-content:center;align-items:center;min-height:180px;display:flex;overflow:hidden}.share-image{border-radius:var(--radius-sm);width:auto;max-width:100%;max-height:420px}.share-placeholder{padding:var(--space-4);color:var(--muted-2);font-size:var(--text-sm)}.share-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.share-note{color:var(--success);font-size:var(--text-xs)}.share-hint{color:var(--muted-2);font-size:var(--text-xs)}.related-activities{gap:var(--space-3);flex-direction:column;display:flex}.related-activities h3{font-size:var(--text-lg)}.related-grid{gap:var(--space-2);display:grid}.related-card{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;transition:border-color var(--transition), background-color var(--transition);background:#e8edf406;flex-direction:column;gap:.2rem;text-decoration:none;display:flex}.related-card:hover{border-color:var(--border-strong);color:inherit;background:#e8edf40d}.related-category{color:var(--warm);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.related-title{color:var(--cream);font-size:var(--text-base)}.related-description{color:var(--muted);font-size:var(--text-xs)}.result-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.result-references{padding-top:var(--space-4);border-top:1px solid var(--border)}.result-references h3{margin-bottom:var(--space-2);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}.result-references ul{gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);flex-direction:column;padding-left:1.1em;display:flex}.result-disclaimer{padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--muted-2);font-size:var(--text-xs)}.activity-error{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius);background:#d97a6c12;border:1px solid #d97a6c59;flex-direction:column;display:flex}.activity-error h2{font-size:var(--text-xl)}.activity-error p{color:var(--muted);font-size:var(--text-sm)}.activity-error-text{color:var(--error);font-size:var(--text-sm)}.stim-stage{justify-content:center;align-items:center;gap:var(--space-4);min-height:150px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 50% 40%,#6fa3cc1a,#0000 65%),#0b111a59;flex-direction:column;display:flex}.stim-note{color:var(--muted-2);font-size:var(--text-xs);text-align:center}.stim-row{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stim-col{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.color-swatch{border:1px solid var(--border-strong);border-radius:16px;width:64px;height:64px}.stim-label{color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.stim-value{color:var(--cream);font-size:var(--text-2xl);letter-spacing:.02em;font-weight:700}.stim-question{color:var(--muted);font-size:var(--text-sm);text-align:center}.stim-grid{gap:8px;width:100%;max-width:420px;margin-inline:auto;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stim-tile{aspect-ratio:1;border:1px solid var(--border);color:var(--cream);transition:background-color var(--transition), border-color var(--transition), transform var(--transition);background:#e8edf40b;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:1.4rem;font-weight:700;display:flex}.stim-tile:hover:not(:disabled){border-color:var(--border-strong);background:#e8edf417;transform:translateY(-1px)}.stim-tile:disabled{cursor:default}.stim-tile--selected{border-color:var(--brand);background:#6fa3cc33}.stim-tile--lit{border-color:var(--warm);background:var(--warm);color:var(--ink);box-shadow:0 0 0 3px #e9c9a329}.stim-tile--right{border-color:var(--success);background:#6fbf9a2e}.stim-tile--wrong{border-color:var(--error);background:#d97a6c29}.stim-tile--dot{letter-spacing:.1em;font-size:.85rem}.choice-block{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.task-submit{align-self:stretch}.choice-list{gap:var(--space-2);flex-direction:column;display:flex}.choice-grid{gap:var(--space-2);display:grid}.choice-btn{align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-sm);text-align:left;transition:border-color var(--transition), background-color var(--transition), transform var(--transition);background:#e8edf409;display:flex}.choice-btn:hover:not(:disabled){border-color:var(--border-strong);background:#e8edf412;transform:translateY(-1px)}.choice-btn:disabled{cursor:default}.choice-btn--selected{border-color:var(--brand);background:#6fa3cc24}.choice-btn--right{border-color:var(--success);background:#6fbf9a1f}.choice-btn--wrong{border-color:var(--error);background:#d97a6c1f}.choice-key{border:1px solid var(--border);width:26px;height:26px;color:var(--muted);font-size:var(--text-xs);border-radius:8px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.choice-label{flex:1}.likert{gap:var(--space-2);flex-direction:column;display:flex}.likert-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.likert-btn{border:1px solid var(--border);color:var(--muted);text-align:center;transition:border-color var(--transition), background-color var(--transition), color var(--transition);background:#e8edf409;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .3rem;font-size:.65rem;font-weight:600;line-height:1.2;display:flex}.likert-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.likert-btn.is-selected{border-color:var(--brand);color:var(--cream);background:#6fa3cc29}.likert-dot{border:1px solid;border-radius:50%;width:14px;height:14px;display:block}.likert-btn.is-selected .likert-dot{border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 3px #6fa3cc33}.likert-legend{color:var(--muted-2);justify-content:space-between;font-size:.65rem;display:flex}.scenario{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--text-base);background:#0b111a59;line-height:1.6}.scenario strong{color:var(--cream)}.scenario em{color:var(--warm);font-style:normal}.scenario-list{gap:var(--space-2);margin-top:var(--space-3);color:var(--muted);font-size:var(--text-sm);flex-direction:column;padding-left:1.1em;display:flex}.panel-group{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.group-member{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:#e8edf408;flex-direction:column;gap:.15rem;display:flex}.group-name{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.group-answer{color:var(--cream);font-size:var(--text-lg);font-weight:700}.line-stage{gap:var(--space-4);width:100%;max-width:560px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#0b111a59;flex-direction:column;display:flex}.line-standard{gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px dashed var(--border);flex-direction:column;display:flex}.line-bar{background:var(--cream);border-radius:4px;height:14px}.line-options{gap:var(--space-3);flex-direction:column;display:flex}.line-option{align-items:center;gap:var(--space-3);display:flex}.line-key{width:24px;color:var(--warm);font-size:var(--text-sm);flex:none;font-weight:700}.line-track{background:#e8edf40f;border-radius:4px;flex:1;height:14px}.line-fill{background:var(--cream);border-radius:4px;height:100%}.illusion{width:100%;padding:var(--space-2);justify-content:center;align-items:center;display:flex}.illusion svg{width:100%;max-width:420px;height:auto;overflow:visible}.series{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#0b111a59;flex-wrap:wrap;display:flex}.series-term{border:1px solid var(--border);min-width:52px;height:52px;color:var(--cream);font-size:var(--text-lg);background:#e8edf40d;border-radius:12px;justify-content:center;align-items:center;padding:0 .5rem;font-weight:700;display:inline-flex}.series-term--unknown{color:var(--warm);border-style:dashed;border-color:#e9c9a380}.series-arrow{color:var(--muted-2);font-size:var(--text-sm)}.sequence-status{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:28px;display:flex}.sequence-pip{border:1px solid var(--border-strong);border-radius:50%;width:10px;height:10px}.sequence-pip--done{border-color:var(--brand);background:var(--brand)}.sequence-hint{color:var(--muted);font-size:var(--text-xs)}.emotion-face{border:1px solid var(--border-strong);background:radial-gradient(circle at 50% 35%,#e9c9a333,#0000 65%);border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;display:flex}.emotion-face svg{width:92px;height:92px}.inline-note{color:var(--muted-2);font-size:var(--text-xs)}.hidden{display:none!important}@media (width>=640px){.activity-app{padding:var(--space-5)}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-hero{align-items:center;column-gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.result-hero .eyebrow{grid-column:1/-1}.result-hero .result-title,.result-hero .result-lead{grid-column:1}.result-hero .score-ring{grid-area:2/2/span 2}.result-hero .result-explanation{grid-column:1/-1}}