*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a1a;--text:#e0e0f0;--accent:#7c6ef0;--panel-bg:#12122a;--border:#2a2a4a}body{background:var(--bg);color:var(--text);width:100vw;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}header{border-bottom:1px solid var(--border);z-index:10;background:linear-gradient(135deg,#0d0d2b,#1a1a3e);align-items:baseline;gap:16px;padding:12px 20px;display:flex}header h1{letter-spacing:-.02em;color:var(--accent);font-size:18px;font-weight:600}.subtitle{color:#888;font-size:12px}#controls{z-index:10;gap:8px;display:flex;position:absolute;top:60px;right:16px}#controls button,#controls select{background:var(--panel-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}#controls button:hover,#controls select:hover{background:var(--accent);color:#fff;border-color:var(--accent)}#mindmap{cursor:grab;flex:1;width:100%}#mindmap:active{cursor:grabbing}.node circle{cursor:pointer;transition:all .2s}.node circle:hover{filter:drop-shadow(0 0 8px)}.node circle.node-collapsed{fill-opacity:.9}.node circle.node-leaf{fill:#0000!important}.node text{cursor:pointer;transition:fill-opacity .3s}.node text:hover{fill-opacity:.7}path.link{fill:none;stroke-linecap:round}body.theme-dreamy{--bg:#0d0b1a}body.theme-dreamy path.link{stroke-opacity:.2!important}body.theme-dreamy .node circle{filter:drop-shadow(0 0 6px #7c6ef080)}body.theme-dreamy .node text{fill-opacity:.8}body.theme-dark{--bg:#000}body.theme-dark path.link{stroke-opacity:.7!important}body.theme-dark .node text{fill:#fff!important}#detail-panel{background:var(--panel-bg);border-left:1px solid var(--border);z-index:20;width:360px;height:100vh;padding:20px;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(0)}#detail-panel.hidden{transform:translate(100%)}#panel-close{color:var(--text);cursor:pointer;opacity:.6;background:0 0;border:none;font-size:24px;position:absolute;top:12px;right:12px}#panel-close:hover{opacity:1}#panel-content h2{color:var(--accent);margin-bottom:12px;font-size:18px}#panel-content .meta{color:#888;margin-bottom:16px;font-size:12px}#panel-content .meta span{background:var(--border);border-radius:4px;margin-right:6px;padding:2px 8px;display:inline-block}#panel-content .description{color:#ccc;font-size:14px;line-height:1.6}#panel-content .next-actions{margin-top:16px}#panel-content .next-actions h3{color:var(--accent);margin-bottom:8px;font-size:14px}#panel-content .next-actions li{color:#aaa;margin-left:16px;font-size:13px;line-height:1.5}.help-hint{color:#555;z-index:10;font-size:11px;position:fixed;bottom:12px;left:12px}