/* Shared Mirror Room theme */
:root{color-scheme:dark;--mirror-bg:#16110b;--mirror-panel:#271f15;--mirror-panel-raised:#31281b;--mirror-gold:#e8c575;--mirror-text:#eee1c8;--mirror-muted:#bcb9af;--mirror-border:#745b34;--mirror-selected:#3b3329}
@media screen{
body{background:var(--mirror-bg);color:var(--mirror-text)}
#mirror-preview{color-scheme:dark;--ink:var(--mirror-text);--paper:var(--mirror-bg);--panel:var(--mirror-panel);--line:var(--mirror-border);--quiet:var(--mirror-muted);--mint:var(--mirror-panel-raised);--green:var(--mirror-gold);background:var(--mirror-bg);color:var(--mirror-text)}
header,#mirror-preview header{background:#1c160e;color:var(--mirror-text);border-color:var(--mirror-border)}
h1,h2,h3,#mirror-preview h1,#mirror-preview h2,#mirror-preview h3{color:var(--mirror-gold);font-family:Georgia,'Times New Roman',serif;font-weight:400}
p,#mirror-preview p,.muted,small,#mirror-preview small,.note,.axis,footer{color:var(--mirror-muted)}
a,#mirror-preview a{color:var(--mirror-gold)}
.eyebrow,#mirror-preview .eyebrow{color:#d5bf91}
.card,#mirror-preview .tile{background:var(--mirror-panel);color:var(--mirror-text);border:1px solid var(--mirror-border);box-shadow:0 10px 26px #0002}
.power{--tone:#e8c575}.drainer{--tone:#bba06f}.card.power,.card.drainer{border-top:1px solid var(--mirror-border)}
button,#mirror-preview button{background:var(--mirror-gold);color:#1e1913;border:1px solid #ad8747;font-weight:500}
button.secondary,#mirror-preview button:not(.primary):not(.active):not(.mirror-door){background:var(--mirror-panel-raised);color:var(--mirror-text);border-color:var(--mirror-border)}
#mirror-preview button.active,#mirror-preview .primary{background:var(--mirror-gold);color:#1e1913;border-color:#ad8747}
button:hover:not(:disabled),#mirror-preview button:hover:not(:disabled){filter:brightness(1.1)}
button:disabled{opacity:.5;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,#mirror-preview button:focus-visible{outline:3px solid #f1d18a;outline-offset:3px}
.progress,.track,#mirror-preview .track{background:#3d3326}.progress i{background:var(--mirror-gold)}
.question,.rank,.belief-results{border-color:#443c33}
.choice,.belief-option{background:var(--mirror-panel);color:var(--mirror-text);border:1px solid #635b4f}
.choice:has(input:checked),.belief-option:has(input:checked){background:var(--mirror-selected);color:#fff0cf;border-color:var(--mirror-gold);box-shadow:inset 0 0 0 1px var(--mirror-gold)}
.choice input,.belief-option input{accent-color:var(--mirror-gold)}
.choice:hover,.belief-option:hover{border-color:#c3a260}
input,select,textarea{background:var(--mirror-panel);color:var(--mirror-text);border-color:var(--mirror-border)}
.pill,#mirror-preview .status{background:#3b3227;color:#ecd097}.error{color:#ffb3a5}
#mirror-preview .status.later{background:#322b21;color:var(--mirror-muted)}
#mirror-preview .reveal{background:var(--mirror-panel-raised);border:1px solid var(--mirror-border)}
#mirror-preview .empty{border-color:var(--mirror-border);color:var(--mirror-muted)}
#mirror-preview .strength-item,#mirror-preview .vision-panel{color:var(--mirror-text)}
#mirror-preview .reflection-world button.mirror-door{background:var(--mirror-panel);color:var(--mirror-gold);border-radius:10px;border-color:var(--mirror-border)}
}
@media print{:root{color-scheme:light}body{background:white;color:#202020}h1,h2,h3,p,.muted,small,.note,.axis{color:#202020}.card{background:white;border-color:#aaa}.track{background:#ddd}.track i{background:#666}.belief-results,.rank{border-color:#ccc}}

/* Reflective glass for the four personal mirrors. */
#mirror-preview .reflection-world button.mirror-door[data-mirror]{
  --glass-x:50%;--glass-y:30%;isolation:isolate;overflow:hidden;
  border:1px solid #c7a568;border-radius:100px 100px 18px 18px;
  background:linear-gradient(125deg,#72685a 0%,#463a2a 23%,#302518 48%,#5d5141 72%,#31281b 100%);
  box-shadow:inset 0 0 0 4px #262018,inset 0 0 0 5px #aa8953,inset 0 0 28px #d1c5b724,0 16px 32px #0005;
}
#mirror-preview .mirror-door[data-mirror]::before,#mirror-preview .mirror-door[data-mirror]::after{content:"";position:absolute;inset:6px;border-radius:inherit;pointer-events:none;z-index:-1}
#mirror-preview .mirror-door[data-mirror]::before{
  background:linear-gradient(115deg,transparent 10%,#eaf7ff25 11%,#eaf7ff08 25%,transparent 26%,transparent 49%,#eaf7ff30 50%,#eaf7ff0a 57%,transparent 58%),radial-gradient(ellipse at var(--glass-x) var(--glass-y),#e3f4ff50,transparent 55%);
  opacity:.8;transition:opacity .25s;
}
#mirror-preview .mirror-door[data-mirror]::after{background:linear-gradient(180deg,transparent 15%,#19120a55 43%,#19120abf 100%);box-shadow:inset 0 1px 0 #f5e1b780}
#mirror-preview .mirror-door[data-mirror]> *{text-shadow:0 2px 8px #000b}
#mirror-preview .mirror-door[data-mirror] small{color:#e0e6ea}
#mirror-preview .mirror-door[data-mirror]:hover,#mirror-preview .mirror-door[data-mirror]:focus-visible{filter:none;box-shadow:inset 0 0 0 4px #262018,inset 0 0 0 5px #e8c575,inset 0 0 32px #e0d5c530,0 18px 36px #0006}
#mirror-preview .mirror-door[data-mirror]:hover::before,#mirror-preview .mirror-door[data-mirror]:focus-visible::before{opacity:1}
@media(prefers-reduced-motion:reduce){#mirror-preview .mirror-door[data-mirror]:hover{transform:none}#mirror-preview .mirror-door[data-mirror]::before{transition:none}}

/* Personal stat screens */
.game-profile{--stat-accent:#e8c575;--stat-blue:#b9a58b}
#mirror-preview .game-profile .stat-hero{display:flex;align-items:center;gap:26px;padding:28px;margin-bottom:24px;border:1px solid #8d7043;border-radius:18px;background:radial-gradient(ellipse at top left,#5a4b3770,transparent 65%),#271f14}
#mirror-preview .stat-hero h2{font-size:32px;margin:8px 0}.stat-hero p{margin:8px 0 18px}
.stat-emblem{display:grid;place-items:center;width:88px;height:88px;flex-shrink:0;border:1px solid #c4a064;border-radius:24px;font-size:46px;color:#f0d18c;box-shadow:inset 0 0 24px #e8c57518,0 0 30px #b9a58b12}
.stat-badge{display:inline-block;margin:0 8px 6px 0;border:1px solid #655b4e;border-radius:6px;padding:6px 10px;font-size:11px;color:#d2dfeb;background:#33281a}
#mirror-preview .game-profile .tile{border-radius:14px;background:linear-gradient(145deg,#342a1d,#251d13);box-shadow:inset 0 1px 0 #ffffff09,0 8px 22px #0002}
#mirror-preview .game-profile .tile h2{font-size:20px;margin:0 0 18px;letter-spacing:.2px}
#mirror-preview .game-profile .habit-count{font:700 48px system-ui;color:#f2d897;letter-spacing:-2px}
#mirror-preview .game-profile .habit-count small{letter-spacing:0;font-size:12px}
#mirror-preview .game-profile .rank{border:0;padding:10px 0;align-items:center}
#mirror-preview .game-profile .rank strong{font:600 13px system-ui;color:#f5d897;padding:5px 8px;background:#e8c57510;border:1px solid #e8c57530;border-radius:6px}
.stat-entry{padding-bottom:12px}.stat-meter{height:7px;background:#1a140c;border-radius:4px;overflow:hidden}.stat-meter i{display:block;height:100%;background:linear-gradient(90deg,#8b754a,#f0ce7c);border-radius:4px}
#mirror-preview .game-profile .barrow{margin:22px 0;grid-template-columns:minmax(110px,1fr) minmax(70px,1fr) 38px;gap:12px}
#mirror-preview .game-profile .track{height:9px;background:#1a140c}#mirror-preview .game-profile .fill{background:linear-gradient(90deg,#8b754a,#f0ce7c)}
#mirror-preview .game-profile .category-snapshot:first-child .fill{background:linear-gradient(90deg,#807362,#bbad9a)}
.belief-position{position:relative;height:8px;margin:5px 7px;background:linear-gradient(90deg,#8a7860,#463a2a 50%,#ba995c);border-radius:5px}
.belief-position:before{content:"";position:absolute;left:50%;top:-3px;height:14px;width:1px;background:#ccd8e670}
.belief-position i{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%) rotate(45deg);background:#f2d895;border:2px solid #261e14;box-shadow:0 0 0 1px #d4b67c}
#mirror-preview .game-profile .belief-pattern{padding:16px;border:1px solid #544a3b;border-radius:10px;background:#211a0f;margin-bottom:10px}
#mirror-preview .game-profile .belief-pattern p{font-size:11px;color:#beb5a9;margin-bottom:0}
.quest-heading{margin:32px 0 0;text-align:center}.quest-heading p{font-size:14px}
#mirror-preview .game-profile .habit-change{padding:16px 0}.game-profile .practice-list{list-style:none;counter-reset:quest;padding:0}.game-profile .practice-list li{counter-increment:quest;position:relative;padding:12px 0 12px 34px;border-bottom:1px solid #473f34;font-size:14px;line-height:1.6}
.game-profile .practice-list li:before{content:counter(quest);position:absolute;left:0;top:14px;border:1px solid #9c804f;color:#e8c575;border-radius:5px;width:23px;height:23px;display:grid;place-items:center;font-size:11px}
.stat-notes{margin-top:24px;padding:16px;border:1px solid #554939;border-radius:10px;color:#c6d0dc;font-size:13px}.stat-notes summary{cursor:pointer;color:#e8c575}.stat-notes p{line-height:1.7}
@media(max-width:600px){#mirror-preview .game-profile .stat-hero{padding:20px;gap:14px;align-items:flex-start}.stat-emblem{width:48px;height:48px;font-size:28px;border-radius:14px}#mirror-preview .stat-hero h2{font-size:25px}#mirror-preview .game-profile .barrow{grid-template-columns:minmax(85px,1fr) minmax(50px,1fr) 34px}}

/* Expandable stats: keyboard, mouse and touch. */
.interactive-stat{border-bottom:1px solid #504639;padding:6px 0 12px}.interactive-stat>summary{list-style:none;cursor:pointer;border-radius:8px;padding:6px;transition:background .2s}.interactive-stat>summary::-webkit-details-marker{display:none}.interactive-stat>summary:hover{background:#b9a58b10}.interactive-stat[open]>summary{background:#e8c5750d}.inspect-hint{display:block;text-align:right;font-size:10px;letter-spacing:.5px;color:#d5bb82;margin-top:7px}.interactive-stat[open]>summary .inspect-hint{font-size:0}.interactive-stat[open]>summary .inspect-hint:after{content:"Close details −";font-size:10px}
.stat-reveal{padding:12px 6px 0}.stat-reveal>p{font-size:13px}.answer-insight{padding:12px;border:1px solid #5d5140;border-radius:8px;margin:10px 0;background:#21190f}.answer-insight>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13px;color:#e2d4b6}.answer-insight>summary span:before{content:"+ ";color:#e8c575}.answer-insight[open]>summary span:before{content:"− "}.answer-insight>summary b{white-space:nowrap;font-size:12px;color:#e8c575}.answer-insight p{font-size:13px;line-height:1.6}.answer-pips{display:flex;gap:5px;margin:14px 0}.answer-pips i{width:25px;height:7px;border:1px solid #6b6256;border-radius:2px}.answer-pips .lit{background:#e8c575;border-color:#e8c575}.opposite-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.opposite-pair>div{padding:12px;border:1px solid #54493a;border-radius:8px}.opposite-pair .selected-pole{border-color:#d0ad68;background:#e8c5750a}.opposite-pair small{font-size:9px;letter-spacing:1px}.insight-prompt{border-left:2px solid #d1af6a;padding-left:12px}
@media(max-width:600px){.opposite-pair{grid-template-columns:1fr}.answer-insight{padding:10px}.interactive-stat summary .barrow{margin:12px 0}}
@media(prefers-reduced-motion:reduce){.interactive-stat>summary{transition:none}}

.community-paths{margin:36px 0}.community-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.community-unlock{padding:12px;border:1px solid #76603c;border-radius:8px;margin-top:14px;background:#e8c57508}.community-unlock>small{display:block;letter-spacing:1px;font-size:9px}.community-unlock .community-unlock{border:0;padding:6px 0;background:none;margin:0}.community-link{display:inline-block;padding:10px 0;font-size:13px;color:#efd08a!important}.community-unlock p{font-size:12px}.community-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.community-section-grid a{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #5c5142;border-radius:10px;text-decoration:none;background:#2a2114}.community-section-grid a:hover{border-color:#e8c575}.community-section-grid strong{font-size:12px}.community-section-grid small,.community-section-grid span{font-size:10px}.community-search-label{display:block;margin-top:24px}.community-search-label input{display:block;width:100%;padding:12px;border:1px solid #796242;border-radius:8px;margin-top:10px}.community-page-list{max-height:440px;overflow:auto}.community-page{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #4b4134}.community-page small{display:block;font-size:10px;margin-top:5px}.community-page strong{font-size:12px}.community-page .community-link{white-space:nowrap}.community-page[hidden]{display:none!important}@media(max-width:800px){.community-card-grid{grid-template-columns:1fr}.community-section-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.community-section-grid{grid-template-columns:1fr}}

/* Maxime's artwork behind the personal mirrors. */
#mirror-preview .mirror-door[data-mirror] .mirror-art{position:absolute;inset:6px;z-index:-2;border-radius:inherit;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;pointer-events:none}
#mirror-preview .mirror-door[data-mirror="strengths"] .mirror-art{background-image:url('/mirror-images/strengths.png');background-position:50% 30%}
#mirror-preview .mirror-door[data-mirror="beliefs"] .mirror-art{background-image:url('/mirror-images/beliefs.png');background-position:64% 35%}
#mirror-preview .mirror-door[data-mirror="habits"] .mirror-art{display:flex;flex-direction:column}
.mirror-art-split>span{display:block;width:100%;height:50%;background-size:cover;background-position:center;flex-shrink:0}
.mirror-art-split .power-art{background-image:url('/mirror-images/power-ups.png');border-bottom:1px solid #e8c57599}
.mirror-art-split .drainer-art{background-image:url('/mirror-images/drainers.png')}
#mirror-preview .mirror-door[data-mirror]:has(.mirror-art)::before{background:linear-gradient(115deg,transparent 10%,#eaf7ff12 11%,transparent 26%,transparent 49%,#eaf7ff20 50%,transparent 58%),radial-gradient(ellipse at var(--glass-x) var(--glass-y),#e3f4ff25,transparent 55%)}
#mirror-preview .mirror-door[data-mirror]:has(.mirror-art)::after{background:linear-gradient(180deg,#19120a25,#19120a45 28%,#19120a99 58%,#19120abb 100%)}
#mirror-preview .mirror-door[data-mirror]:has(.mirror-art){min-height:350px}
#mirror-preview .mirror-door[data-mirror] .mirror-art{filter:none;text-shadow:none}
@media(max-width:430px){#mirror-preview .mirror-door[data-mirror]:has(.mirror-art){min-height:300px}}

/* Portrait artwork fitted to the Beliefs cards. */
#mirror-preview .mirror-door[data-mirror="beliefs"] .mirror-art{background-image:url('/mirror-images/beliefs-portrait.png');background-position:center top}
#mirror-preview .mirror-door[data-mirror="beliefs"]::after{background:linear-gradient(180deg,#19120a08,#19120a25 35%,#19120a55 68%,#19120a66)}
#mirror-preview .mirror-door[data-assessment="/beliefs.html"]{position:relative;isolation:isolate;overflow:hidden;background:#1c150c}
#mirror-preview .mirror-door[data-assessment="/beliefs.html"] .belief-diagnosis-art{position:absolute;inset:6px;z-index:-1;border-radius:5px;background:linear-gradient(180deg,#19120a08,#19120a15 35%,#19120a55 68%,#19120a66),url('/mirror-images/beliefs-portrait.png') center top/cover no-repeat;pointer-events:none}
#mirror-preview .mirror-door[data-assessment="/beliefs.html"]>span:not(.belief-diagnosis-art),#mirror-preview .mirror-door[data-assessment="/beliefs.html"]>div{text-shadow:0 2px 8px #000,0 0 14px #0008}

/* Habits Diagnosis portrait, matching the Beliefs card treatment. */
#mirror-preview .mirror-door[data-assessment="/survey.html"]{position:relative;isolation:isolate;overflow:hidden;background:#1c150c}
#mirror-preview .mirror-door[data-assessment="/survey.html"] .habit-diagnosis-art{position:absolute;inset:6px;z-index:-1;border-radius:5px;background:linear-gradient(180deg,#19120a08,#19120a15 35%,#19120a55 68%,#19120a66),url('/mirror-images/habits-portrait.png') center top/cover no-repeat;pointer-events:none}
#mirror-preview .mirror-door[data-assessment="/survey.html"]>span:not(.habit-diagnosis-art),#mirror-preview .mirror-door[data-assessment="/survey.html"]>div{text-shadow:0 2px 8px #000,0 0 14px #0008}

/* Strengths portrait and unobstructed artwork across both rooms. */
#mirror-preview .mirror-door .mirror-art-space{display:block;height:90px;flex-shrink:0;pointer-events:none}
#mirror-preview .mirror-door[data-mirror="strengths"] .mirror-art{background-image:url('/mirror-images/strengths-portrait.png');background-position:center top}
#mirror-preview .mirror-door[data-mirror="strengths"]::after{background:linear-gradient(180deg,#19120a08,#19120a25 35%,#19120a55 68%,#19120a66)}
#mirror-preview .mirror-door[data-assessment="strengths"]{position:relative;isolation:isolate;overflow:hidden;background:#1c150c}
#mirror-preview .mirror-door[data-assessment="strengths"] .strength-diagnosis-art{position:absolute;inset:6px;z-index:-1;border-radius:5px;background:linear-gradient(180deg,#19120a08,#19120a15 35%,#19120a55 68%,#19120a66),url('/mirror-images/strengths-portrait.png') center top/cover no-repeat;pointer-events:none}
#mirror-preview .mirror-door[data-assessment="strengths"]>span:not(.strength-diagnosis-art),#mirror-preview .mirror-door[data-assessment="strengths"]>div{text-shadow:0 2px 8px #000,0 0 14px #0008}
@media(max-width:430px){#mirror-preview .mirror-door .mirror-art-space{height:65px}}

/* Neural-web artwork for Consciousness Mapping and its mirror. */
#mirror-preview .mirror-door[data-mirror="conscious"] .mirror-art{background-image:url('/mirror-images/consciousness-portrait.png');background-position:center top}
#mirror-preview .mirror-door[data-mirror="conscious"]::after{background:linear-gradient(180deg,#19120a08,#19120a25 35%,#19120a55 68%,#19120a66)}
#mirror-preview .mirror-door[data-assessment="conscious"]{position:relative;isolation:isolate;overflow:hidden;background:#1c150c}
#mirror-preview .mirror-door[data-assessment="conscious"] .conscious-diagnosis-art{position:absolute;inset:6px;z-index:-1;border-radius:5px;background:linear-gradient(180deg,#19120a08,#19120a15 35%,#19120a55 68%,#19120a66),url('/mirror-images/consciousness-portrait.png') center top/cover no-repeat;pointer-events:none}
#mirror-preview .mirror-door[data-assessment="conscious"]>span:not(.conscious-diagnosis-art),#mirror-preview .mirror-door[data-assessment="conscious"]>div{text-shadow:0 2px 8px #000,0 0 14px #0008}

#mirror-preview .reflection-world button.mirror-door.diagnosis-done{border-color:#f3d68d;box-shadow:inset 0 0 0 4px #261e14,inset 0 0 0 5px #d3ac62,0 0 24px #e8c57525}
#mirror-preview .diagnosis-done .mirror-meta{display:inline-block;padding:5px 12px;background:#e8c57520;border:1px solid #c8a561;border-radius:20px;color:#ffe4a6}
#mirror-preview .diagnosis-done .mirror-label{color:#ffe4a6}

/* Completed assessments are display cards with a separate mirror link. */
.diagnosis-flip{perspective:1000px;min-height:310px;outline-offset:5px;border-radius:10px}.diagnosis-flip:focus-visible{outline:3px solid #f1d18a}.diagnosis-flip-inner{position:relative;width:100%;height:100%;min-height:310px;transform-style:preserve-3d;transition:transform .6s}
.diagnosis-flip:hover .diagnosis-flip-inner,.diagnosis-flip:focus-within .diagnosis-flip-inner{transform:rotateY(180deg)}
#mirror-preview .diagnosis-flip .diagnosis-front,.diagnosis-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;inset:0;border:1px solid #d3ac62;border-radius:10px;padding:32px 16px 20px;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;box-shadow:inset 0 0 0 4px #261e14,inset 0 0 0 5px #997b48,0 0 24px #e8c57515}
#mirror-preview .diagnosis-flip .diagnosis-front{cursor:default;isolation:isolate;overflow:hidden;padding-bottom:65px}
.diagnosis-back{transform:rotateY(180deg);background:radial-gradient(ellipse at top,#4b3e2d,#261e13 70%);justify-content:center;gap:16px}
#mirror-preview .diagnosis-back h2{font-size:23px}.diagnosis-back p{font-size:14px}.mirror-view-link{display:inline-block;padding:12px 18px;border:1px solid #bca067;border-radius:8px;text-decoration:none;background:#e8c57515;color:#f6d994!important}
@media(max-width:430px){.diagnosis-flip,.diagnosis-flip-inner,#mirror-preview .diagnosis-flip .diagnosis-front,.diagnosis-back{min-height:270px}}
@media(hover:none){.diagnosis-flip-inner{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.diagnosis-flip-inner{transition:none}}

/* My Habits uses the same portrait as Habits Diagnosis. */
#mirror-preview .mirror-door[data-mirror="habits"] .mirror-art{display:block;background-image:url('/mirror-images/habits-portrait.png');background-position:center top}
#mirror-preview .mirror-door[data-mirror="habits"]::after{background:linear-gradient(180deg,#19120a08,#19120a25 35%,#19120a55 68%,#19120a66)}

/* Both rooms contain only the cards appropriate to their completion state. */
#mirror-preview .reflection-world .mirror-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),260px));justify-content:center}
#mirror-preview .mirror-grid .mirror-empty{grid-column:1/-1;max-width:600px;text-align:center}
#mirror-preview .mirror-door[data-assessment="conscious"]:disabled{opacity:1;cursor:default;filter:none;transform:none}
@media(max-width:600px){#mirror-preview .reflection-world .mirror-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}}

/* The first view inside My Habits: two accurate, interactive spider charts. */
.radar-overview{margin:0 0 28px}.radar-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.radar-card{min-width:0;--radar-color:#e8c575}.radar-drainer{--radar-color:#c2b5a4}.radar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#mirror-preview .radar-heading h2{font-size:26px;margin:0}.radar-card>p{font-size:13px;margin:10px 0}.habit-radar{display:block;width:100%;height:auto;overflow:visible}.radar-grid polygon{fill:none;stroke:#675d4f;stroke-width:1}.radar-grid line{stroke:#5c5143;stroke-width:1}.radar-tick{font-size:11px;fill:#b0a79a}.radar-shape{fill:var(--radar-color);fill-opacity:.18;stroke:var(--radar-color);stroke-width:2.5;pointer-events:none}.radar-dot{fill:var(--radar-color);stroke:#282014;stroke-width:2}.radar-hit{fill:transparent}.radar-axis{fill:#ded9cb;font:14px system-ui,sans-serif}.radar-value{fill:var(--radar-color);font-weight:700;font-size:13px}.radar-target{cursor:pointer;outline:none}.radar-target:hover .radar-dot,.radar-target[aria-pressed="true"] .radar-dot{r:8}.radar-target:focus .radar-hit{fill:#e8c57520;stroke:#ffe4a2;stroke-width:2}.radar-target:hover .radar-axis,.radar-target[aria-pressed="true"] .radar-axis{fill:#ffe4a2}.radar-instruction{text-align:center;color:#d2bf91!important}.radar-insight:not(:empty){border-top:1px solid #79613b;margin-top:16px;padding-top:16px}.radar-insight h3{margin:0}.radar-scale-note{font-size:12px;text-align:center}.radar-table{margin-top:14px}.radar-table .rank{font-size:12px}
@media(max-width:850px){.radar-pair{grid-template-columns:1fr}}@media(max-width:430px){#mirror-preview .radar-card{padding:16px}.radar-heading .stat-badge{font-size:10px}.radar-axis{font-size:16px}}

.belief-radar-card .habit-radar{max-width:820px;margin:auto}.belief-radar-card .radar-axis{font-size:15px}.belief-radar-card .radar-scale-note{max-width:760px;margin:18px auto 0;line-height:1.7}
@media(max-width:600px){.belief-radar-card .radar-axis{font-size:16px}}

.conscious-choices{grid-template-columns:repeat(5,minmax(0,1fr))}.conscious-choices .choice{font-size:13px;padding:12px 8px}.conscious-radar-card .habit-radar{max-width:820px;margin:auto}.conscious-radar-card .radar-scale-note{max-width:760px;margin:18px auto;line-height:1.7}
@media(max-width:650px){.conscious-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

.autosave-status{font-size:12px;color:#bcb9af;margin:12px 0}#profile[hidden]{display:none!important}

/* Consciousness ratings: yellow at 3 or below; neutral above 3. */
#mirror-preview .conscious-rating-low>summary{color:#ffe078;background:#ffdb6810}
#mirror-preview .conscious-rating-low>summary span,#mirror-preview .conscious-rating-low>summary b,#mirror-preview .conscious-rating-low>summary .rank span,#mirror-preview .conscious-rating-low>summary .rank strong{color:#ffe078}
#mirror-preview .conscious-rating-low.answer-insight{border-color:#d6b44f}
#mirror-preview .conscious-rating-high>summary span,#mirror-preview .conscious-rating-high>summary b,#mirror-preview .conscious-rating-high>summary .rank span,#mirror-preview .conscious-rating-high>summary .rank strong{color:#d1deea}
#mirror-preview .conscious-rating-high>summary span:before{color:#bbad9c}
#mirror-preview .conscious-rating-low .stat-meter i{background:linear-gradient(90deg,#a88932,#ffe078)}
#mirror-preview .conscious-rating-high .stat-meter i{background:linear-gradient(90deg,#766754,#c4b8a7)}
#mirror-preview .conscious-rating-low .answer-pips .lit{background:#ffe078;border-color:#ffe078}
#mirror-preview .conscious-rating-high .answer-pips .lit{background:#c4b8a7;border-color:#c4b8a7}
#mirror-preview .conscious-rating-low .radar-axis,#mirror-preview .conscious-rating-low .radar-value{fill:#ffe078}
#mirror-preview .conscious-rating-high .radar-axis,#mirror-preview .conscious-rating-high .radar-value{fill:#d1deea}
#mirror-preview .conscious-rating-low .radar-dot{fill:#ffe078}
#mirror-preview .conscious-rating-high .radar-dot{fill:#c4b8a7}
#mirror-preview .radar-table .conscious-rating-low span,#mirror-preview .radar-table .conscious-rating-low strong{color:#ffe078}
#mirror-preview .radar-table .conscious-rating-high span,#mirror-preview .radar-table .conscious-rating-high strong{color:#d1deea}
/* Quiet emphasis: low consciousness scores use muted red, without bright rows. */
#mirror-preview .conscious-rating-low>summary{background:none;color:#d1deea}
#mirror-preview .conscious-rating-low.answer-insight{border-color:#5d5140}
#mirror-preview .conscious-rating-low>summary span,#mirror-preview .conscious-rating-low>summary .rank span{color:#d1deea}
#mirror-preview .conscious-rating-low>summary span:before{color:#bbad9c}
#mirror-preview .conscious-rating-low>summary b,#mirror-preview .conscious-rating-low>summary .rank strong{color:#dc9894}
#mirror-preview .conscious-rating-low>summary .rank strong{background:none;border-color:#585044}
#mirror-preview .conscious-rating-low .stat-meter i{background:#b97e7a}
#mirror-preview .conscious-rating-low .answer-pips .lit{background:#b97e7a;border-color:#b97e7a}
#mirror-preview .conscious-rating-low .radar-axis{fill:#ded9cb}
#mirror-preview .conscious-rating-low .radar-value{fill:#dc9894}
#mirror-preview .conscious-rating-low .radar-dot{fill:#b97e7a}
#mirror-preview .radar-table .conscious-rating-low span{color:#d1deea}
#mirror-preview .radar-table .conscious-rating-low strong{color:#dc9894}

.strength-radar-card .habit-radar{max-width:820px;margin:auto}.strength-radar-card .radar-scale-note{max-width:720px;margin:18px auto;line-height:1.7}.strength-radar-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.strength-radar-details p{padding:16px;border:1px solid #544a3b;border-radius:10px;font-size:14px}.strength-radar-details strong{color:#e8c575}
@media(max-width:600px){.strength-radar-details{grid-template-columns:1fr}}

/* Keep every spider chart inside its available screen width. */
#mirror-preview .radar-overview,#mirror-preview .radar-pair{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
#mirror-preview .radar-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#mirror-preview .radar-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
#mirror-preview .radar-card .habit-radar{width:100%;max-width:820px;min-width:0;height:auto;aspect-ratio:auto;margin-inline:auto}
@media(max-width:850px){#mirror-preview .radar-pair{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#mirror-preview .radar-card{padding:12px}#mirror-preview .radar-card .radar-axis{font-size:18px}#mirror-preview .radar-card .radar-value{font-size:16px}#mirror-preview .radar-card .radar-tick{font-size:14px}.radar-heading{align-items:flex-start}.radar-table .rank{gap:12px;flex-wrap:wrap}}