/* UI colors pair with the XMind-inspired card theme. */
:root{--canvas:#f7f8fc;--surface:#ffffff;--surface-soft:#f5f6fa;--text:#292d38;--muted:#758092;--line:#e0e4ec;--hover:#edf0f8;--focus:#6578ec;--border-strong:#b8c1d4;--accent:#4e61db;--accent-hover:#4053c7;--selected:#edf0ff;--success:#087c58;--error-bg:#fff0f0;--error-ink:#b12c39}
:root[data-theme=dark]{--canvas:#1b1e26;--surface:#232731;--surface-soft:#20242d;--text:#e6eaf2;--muted:#a1aabc;--line:#383e4c;--hover:#303747;--focus:#9aabff;--border-strong:#65728c;--accent:#6478e8;--accent-hover:#788bf4;--selected:#303c64;--success:#62d5ab;--error-bg:#47272d;--error-ink:#ffb7c1}
:root{font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--canvas);font-size:14px;letter-spacing:.1px}*{box-sizing:border-box}body{margin:0;height:100vh;display:flex;flex-direction:column}header{height:64px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);z-index:5}header strong{font-size:18px;font-weight:650;margin-right:8px;white-space:nowrap;letter-spacing:1px}button,input,select,textarea,summary{font:inherit;color:inherit}button,input,select,textarea{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 11px}button{cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}button:hover,summary:hover{background:var(--hover);border-color:var(--border-strong)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{opacity:.4;cursor:default}.primary{background:var(--accent)!important;color:white;border-color:var(--accent)}.primary:hover{background:var(--accent-hover)!important}#projects{max-width:400px;min-width:200px}#save{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.saved{color:var(--success)!important}#export-md{color:var(--accent);border-color:var(--border-strong)}summary{cursor:pointer;list-style:none;padding:8px;border-radius:7px}summary::-webkit-details-marker{display:none}.menu{position:relative}.menu-items{position:absolute;top:calc(100% + 7px);left:0;min-width:172px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 12px 36px #23364e22;z-index:20}.menu-items button{display:block;text-align:left;width:100%;border:0;font-size:13px}#canvas-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--surface-soft);border-bottom:1px solid var(--line);flex-shrink:0;z-index:4}.canvas-actions{display:flex;align-items:center;gap:6px}.canvas-actions button,.canvas-actions summary{font-size:12px;padding:7px 10px}.tool-divider{height:20px;width:1px;background:var(--line);margin:0 5px}#zoom-level{min-width:58px;font-variant-numeric:tabular-nums;border-color:transparent;background:transparent}#zoom-in,#zoom-out{font-size:17px;width:32px;padding:4px}main{flex:1;min-height:0;display:flex}#workspace{flex:1;min-width:0;position:relative}iframe{border:0;width:100%;height:100%;display:block}#loading{position:absolute;inset:0;background:var(--canvas);display:grid;place-items:center;color:var(--muted);z-index:2}[hidden],#loading[hidden]{display:none!important}.canvas-tip{position:absolute;bottom:44px;left:18px;background:var(--surface);color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:6px;font-size:11px;pointer-events:none}aside{width:286px;flex-shrink:0;overflow:auto;background:var(--surface-soft);border-left:1px solid var(--line);padding:20px 16px}h2{font-size:16px;margin:0;font-weight:650}p{color:var(--muted);line-height:1.6}.row{display:flex;align-items:center;gap:6px;margin:9px 0}.row input{min-width:0;flex:1}.panel-heading{margin:0 0 18px}#count{margin-left:auto;font-size:11px;color:var(--muted)}#search,#task-filter{width:100%;font-size:12px;margin-bottom:10px}#task-filter{color:var(--muted)}.task{display:block;width:100%;text-align:left;margin:7px 0;padding:12px;white-space:normal;line-height:1.65;border-color:var(--line);box-shadow:0 2px 6px #23364e04}.task.active{border-color:var(--focus);background:var(--selected)}.task strong{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-weight:600}.task span{display:block;font-size:11px;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.task i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--dot)}.empty{font-size:12px;color:var(--muted);line-height:1.7}#inspector{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}#inspector summary{font-size:12px;overflow-wrap:anywhere;padding:8px 0}#inspector summary:after{content:' ▾'}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;margin:14px 0 7px;font-size:12px;color:var(--muted)}small,footer{font-size:11px;color:var(--muted);line-height:1.8}small{display:block}footer{margin-top:24px}.subtle{border:0;padding:4px 0;font-size:12px;color:var(--muted);background:transparent}#error{padding:9px 18px;background:var(--error-bg);color:var(--error-ink);font-size:13px}dialog{border:1px solid var(--line);border-radius:14px;padding:26px;width:380px;box-shadow:0 20px 80px #0002}dialog::backdrop{background:#1c304955}dialog input,dialog textarea{width:100%}dialog h2{margin-bottom:18px}#card-dialog{width:580px;max-width:90vw}textarea{resize:vertical;line-height:1.8;min-height:120px;max-height:50vh}.buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:1150px){header,#canvas-tools{padding:10px 12px}#projects{max-width:280px}aside{width:260px}.canvas-actions{gap:4px}}@media(max-width:850px){header{flex-wrap:wrap;height:auto}header strong{display:none}#canvas-tools{flex-wrap:wrap}#projects{max-width:230px}aside{width:240px}.canvas-tip{display:none}}

#save-now{font-weight:600}#theme-toggle{min-width:54px}button,select,input,textarea,summary{transition:background .15s,color .15s,border-color .15s}header strong{letter-spacing:.3px}#projects{max-width:340px}.primary:focus-visible{outline-offset:3px}

[data-theme=dark] #export-md{color:#bac5ff}[data-theme=dark] #save.saved{color:var(--success)!important}
#release-link{color:var(--muted);font-size:12px;text-decoration:none;white-space:nowrap;padding:6px 2px}#release-link:hover{color:var(--accent)}
@media(max-width:700px){body{height:100dvh}header{padding:8px;gap:6px}#projects{min-width:130px;max-width:calc(100% - 110px);flex:1}#release-link{order:-1}header button,header summary{font-size:12px;padding:7px}#save{order:10;width:100%;font-size:11px;text-align:right}.canvas-actions{flex-wrap:wrap}#canvas-tools{padding:7px;gap:5px}.canvas-actions button,.canvas-actions summary{font-size:11px;padding:6px}#canvas-tools .tool-divider{display:none}aside{position:absolute;right:0;top:0;bottom:0;width:min(85vw,310px);z-index:3;box-shadow:-8px 0 28px #0002}main{position:relative}#card-dialog{padding:18px}dialog{max-width:94vw}.buttons button{min-height:40px}}