.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;background:var(--paper);border:1px solid var(--line);border-radius:20px;color:var(--green);font-size:11px;white-space:nowrap}.theme-intro{color:#7c7988;font-size:12px;line-height:1.8}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.theme-choice{padding:10px 10px 16px;border:2px solid #e9e7ef;border-radius:18px;background:white;text-align:left;min-width:0}.theme-choice.selected{border-color:var(--green)}.theme-choice strong,.theme-choice small,.theme-state{display:block;margin:12px 5px 0}.theme-choice small{font-size:10px;color:#7b7886;line-height:1.6}.theme-state{font-size:11px;color:var(--green)}.theme-swatch{height:110px;border-radius:11px;padding:18px;display:block;position:relative;overflow:hidden;background:#ecf2df;color:#537b40}.theme-swatch.magic{background:#eee8f7;color:#7963bb}.theme-swatch>span{font-size:42px;position:absolute;right:16px;top:12px}.theme-swatch i{display:block;width:54%;height:12px;border-radius:8px;background:currentColor;opacity:.24;margin-top:9px}.theme-swatch i:last-child{width:38%;height:22px;opacity:.7;margin-top:14px}
:root[data-theme="magic"]{--bg:#f8f7f3;--paper:#fff;--ink:#34313f;--muted:#86818e;--line:#ebe8f0;--green:#7963bb;--lime:#eee9f8;--orange:#d2a24a;--shadow:0 5px 22px #55427d04}
[data-theme="magic"] body{background:var(--bg)}
[data-theme="magic"] .sidebar{background:#fdfcfe;border-color:#ece8f1}
[data-theme="magic"] .brand-icon{background:#7963bb;border-radius:15px;transform:rotate(-6deg);color:#fff;box-shadow:0 3px 0 #67529e}
[data-theme="magic"] .brand small,[data-theme="magic"] .space-label{color:#9a91a8}
[data-theme="magic"] nav a.active{background:#eee9fa;color:#7660b6}
[data-theme="magic"] nav a:hover{background:#f5f1fb}
[data-theme="magic"] .nav-dot{background:#a18bd0}
[data-theme="magic"] .seed-art{background:#f4f0fa;border-color:#ddd2ee;color:#a08bcb;border-radius:18px}
[data-theme="magic"] .seed-art span,[data-theme="magic"] .seed-art p{color:#8d7aaa}
[data-theme="magic"] .topbar{background:#f8f7f3e8}
[data-theme="magic"] .mini-avatar,[data-theme="magic"] .avatar{background:#eee8f8;color:#8065b9}
[data-theme="magic"] .heading h1{font-weight:700;color:#34313f}
[data-theme="magic"] .eyebrow{color:#9a8ab1}
[data-theme="magic"] .hero{background:#eee8f7;border:1px solid #e6dff0;border-radius:24px;min-height:204px;padding:32px}
[data-theme="magic"] .hero-label,[data-theme="magic"] .hero h2 em{color:#8066b9}
[data-theme="magic"] .hero p{color:#8d819e}
[data-theme="magic"] .garden{display:none}
[data-theme="magic"] .hero::after{content:"";position:absolute;right:24px;bottom:12px;width:245px;height:190px;background:url("magic-companion.svg") center/contain no-repeat;pointer-events:none}
[data-theme="magic"] .hero-copy{max-width:65%}
[data-theme="magic"] .btn{border-radius:13px}
[data-theme="magic"] .btn.primary{background:#7963bb;border-color:#7963bb;box-shadow:0 3px 0 #63509b}
[data-theme="magic"] .panel,[data-theme="magic"] .stat,[data-theme="magic"] .resource-card{border-radius:22px;border-color:#ede9f0}
[data-theme="magic"] .stat-icon{background:#f0eafa;color:#9b82c6;border-radius:14px}
[data-theme="magic"] .stat:nth-child(2) .stat-icon{background:#fcf1dc;color:#c49a56}
[data-theme="magic"] .stat:nth-child(3) .stat-icon{background:#eaf3ed;color:#84a18b}
[data-theme="magic"] .stat:nth-child(4) .stat-icon{background:#eaf0fa;color:#819ac1}
[data-theme="magic"] .assessment-entry,[data-theme="magic"] .diagnosis-intro{background:#eee8f7;border-color:#e5ddf0;border-radius:24px}
[data-theme="magic"] .assessment-entry p,[data-theme="magic"] .diagnosis-intro p{color:#91839f}
[data-theme="magic"] .intro-seed{background:#e2d8f3;color:#9b80c7}
[data-theme="magic"] .chip.active,[data-theme="magic"] .assessment-mode.selected{background:#efe9fa;color:#7963bb;border-color:#c5b4e1}
[data-theme="magic"] .assessment-mode{border-radius:18px;background:#fdfcfe}
[data-theme="magic"] .assessment-mode.selected{box-shadow:inset 0 0 0 1px #dfd4ef}
[data-theme="magic"] .assessment-note,[data-theme="magic"] .assessment-launch{background:#faf8fd}
[data-theme="magic"] .resume-assessment{background:#f3eefb;border-color:#d1c1e8}
[data-theme="magic"] .diagnostic-steps .active i,[data-theme="magic"] .check.done,[data-theme="magic"] .progress-track>span{background:#8a72c2;border-color:#8a72c2}
[data-theme="magic"] .diagnostic-steps .active{color:#8066b9}
[data-theme="magic"] .assessment-fields select,[data-theme="magic"] .assessment-target select,[data-theme="magic"] .question-limit select,[data-theme="magic"] .ability-filters select{border-color:#e4dced;color:#756784;border-radius:11px}
[data-theme="magic"] .graph-canvas{background:#fcfafe;border-color:#e8dff2}
[data-theme="magic"] .text-btn{color:#927ab6}
[data-theme="magic"] button:focus-visible,[data-theme="magic"] a:focus-visible,[data-theme="magic"] input:focus-visible,[data-theme="magic"] select:focus-visible{outline-color:#b29ad7}
@media(max-width:850px){[data-theme="magic"] nav a.active{background:#eee9fa}.header-tools{gap:10px}}
@media(max-width:600px){.theme-toggle{padding:6px 8px;font-size:10px}.header-tools{gap:7px}[data-theme="magic"] .hero{min-height:300px;padding:24px 20px}[data-theme="magic"] .hero::after{width:142px;height:142px;right:6px;bottom:0}[data-theme="magic"] .hero-copy{max-width:100%}[data-theme="magic"] .hero h2{font-size:21px}[data-theme="magic"] .hero p{max-width:60%;line-height:1.8}.theme-options{gap:9px}.theme-choice small{font-size:9px}}
@media print{.theme-toggle{display:none}}