/* Original detective-theatre theme, inspired by gothic archives and graphic collage. */
:root[data-theme="noir"]{--bg:#ede7db;--paper:#fffaf0;--ink:#27292e;--muted:#746e65;--green:#a82b37;--lime:#efe0bd;--line:#dcd3c2;--orange:#a66c30;--purple:#76647e;--shadow:3px 5px 0 #27292e09}
[data-theme="noir"] body{background-color:var(--bg);background-image:radial-gradient(#95897818 .8px,transparent .8px);background-size:7px 7px}
[data-theme="noir"] .sidebar{background:#191b20;color:#f0e6d1;border-right:3px solid #a82b37}
[data-theme="noir"] .logo{font-family:Georgia,'Songti SC',serif;letter-spacing:1px;color:#f4ead5}
[data-theme="noir"] .logo-icon{border-radius:3px;transform:rotate(-7deg);background:#bc303d;color:#fff5df;box-shadow:3px 3px 0 #0005}
[data-theme="noir"] .logo small{color:#b7aa94;letter-spacing:2.2px}
[data-theme="noir"] .side-label{color:#b6a58c}
[data-theme="noir"] .nav button{color:#c5bca9;border-radius:2px}
[data-theme="noir"] .nav button.active{color:#fff7e7;background:#a82b37;box-shadow:4px 4px 0 #090b10;transform:rotate(-1deg)}
[data-theme="noir"] .nav button:hover{color:#fff7e7}
[data-theme="noir"] .side-bottom{color:#b7a68b;border-color:#403b35}
[data-theme="noir"] h1,[data-theme="noir"] .section-title h2,[data-theme="noir"] .map-intro h2{font-family:Georgia,'Songti SC','STSong','SimSun',serif;letter-spacing:1px}
[data-theme="noir"] .heading{border-left:4px solid #a82b37;padding-left:20px}
[data-theme="noir"] .eyebrow{font-family:'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:2px;color:#9a3440}
[data-theme="noir"] .hero{position:relative;isolation:isolate;overflow:hidden;background:#202227;border-radius:5px;border:1px solid #292b30;box-shadow:6px 7px 0 #282a3014;color:#fff6e5}
[data-theme="noir"] .hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 66%,#aa2c3955 66%,#aa2c3955 68%,transparent 68%),repeating-linear-gradient(135deg,transparent 0 7px,#ffffff03 7px 8px)}
[data-theme="noir"] .hero h2{font-family:Georgia,'Songti SC','STSong',serif;font-weight:700;letter-spacing:1px}
[data-theme="noir"] .hero p{color:#d2c7b2}
[data-theme="noir"] .hero .eyebrow{color:#e4b98e;font-size:10px}
[data-theme="noir"] .hero .light{background:#f2e8d1;color:#2b2527;border-radius:2px;box-shadow:4px 4px 0 #a82b37;transform:rotate(-1deg)}
[data-theme="noir"] .hero-art{width:310px;min-width:240px;position:relative;align-self:center}
.noir-art{display:none;width:100%;height:auto}
[data-theme="noir"] .noir-art{display:block}
[data-theme="noir"] .hero-art .orbit{display:none}
[data-theme="noir"] .card,[data-theme="noir"] .stat{border-radius:5px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
[data-theme="noir"] .section-title h2:before{content:'◆';font-family:serif;color:#a82b37;font-size:14px;margin-right:10px}
[data-theme="noir"] .btn{border-radius:3px}
[data-theme="noir"] .btn:not(.secondary):not(.light):not(.text){background:#a82b37;color:#fff9ed}
[data-theme="noir"] .btn.secondary{background:#fffaf0;border-color:#c8baa2;color:#6b3b3e}
[data-theme="noir"] .tabs button{border-radius:3px;border-color:#d2c5ad;color:#756b5d;background:#f7efdf}
[data-theme="noir"] .tabs button.active{background:#25272d;color:#fff2da;border-color:#25272d;box-shadow:3px 3px 0 #a82b37}
[data-theme="noir"] .notice{border-left:3px solid #a98b5f;background:#e5dcc9;color:#675b48;border-radius:3px}
[data-theme="noir"] .tag{background:#e9dfc8;color:#6e593b;border-radius:3px}
[data-theme="noir"] .step{background:#25272d;color:#f0e1c2;border-radius:50%;border:1px dashed #bba176;outline:3px solid #25272d}
[data-theme="noir"] .subject-icon{background:#25272d;color:#f3e0bd;border-radius:4px}
[data-theme="noir"] .word{background:#fffaf0;border-color:#d5c7ac;border-radius:4px}
[data-theme="noir"] .example-box{background:#f0e8d8;border-radius:3px;color:#39352e}
[data-theme="noir"] .map-selection{background:#e5dcc9;border-left:4px solid #a82b37;border-radius:3px}
[data-theme="noir"] .mind-scroll{background:#fffaf0;border-color:#d3c3a8;border-radius:5px}
[data-theme="noir"] .mind-canvas{background:radial-gradient(ellipse at center,#ece0c9 0,transparent 49%)}
[data-theme="noir"] .mind-center{background:#25272d;color:#fff1d6;box-shadow:5px 5px 0 #aa2c39}
[data-theme="noir"] .mind-branch,[data-theme="noir"] .map-node.mind-node{background:#fffaf0}
[data-theme="noir"] .mind-node.current{background:#efd9d0;outline-color:#a82b37}
[data-theme="noir"] .mind-edge-label{stroke:#fffaf0}
[data-theme="noir"] .status.neutral{background:#e8e0d0;color:#746b5b}
[data-theme="noir"] input,[data-theme="noir"] textarea,[data-theme="noir"] select{background:#fffdf7;border-color:#cfc2a9;color:#27292e}
[data-theme="noir"] button:focus-visible,[data-theme="noir"] a:focus-visible{outline:3px solid #b48242;outline-offset:4px}
.theme-toggle{font-size:11px;border:1px solid #c5b99f;border-radius:4px;background:transparent;color:var(--muted);padding:6px 10px;margin-left:auto;white-space:nowrap}
[data-theme="noir"] .date{font-family:Georgia,'Songti SC',serif;color:#756751}
[data-theme="noir"] .avatar>span{background:#24262b;color:#f3e3c3;border-radius:3px;transform:rotate(5deg)}
@media(max-width:800px){[data-theme="noir"] .sidebar{background:#191b20;border-top:2px solid #a82b37;border-right:0}[data-theme="noir"] .hero-art{width:220px;min-width:180px}[data-theme="noir"] .heading{padding-left:14px}.theme-toggle{font-size:10px;padding:5px 7px}}
@media(max-width:600px){[data-theme="noir"] .hero-art{display:block;width:190px;min-width:0;margin:15px auto -12px}[data-theme="noir"] .hero{display:block}[data-theme="noir"] .hero h2{font-size:25px}[data-theme="noir"] .heading h1{font-size:27px}.theme-toggle{margin-left:5px}}
@media(prefers-reduced-motion:reduce){[data-theme="noir"] *{scroll-behavior:auto!important}}
[data-theme="noir"] .hero{grid-template-columns:minmax(0,1fr) 300px}[data-theme="noir"] .hero-art{width:100%;min-width:0}.hero .noir-art{max-width:100%}
@media(max-width:1000px){[data-theme="noir"] .hero{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:600px){[data-theme="noir"] .hero{grid-template-columns:1fr}[data-theme="noir"] .hero-art{width:190px}}