:root{--panel:#fff;--surface:#f4f8ff;--border:#dce6f7;--text:#45638b;--subtle:#8097b8}#themeToggle{border:0;background:transparent;color:var(--subtle);font-size:11px;padding:5px}.settings.organizer,.settings:has(.organize-row){background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px}.settings.organizer .card-head{color:var(--text)}.muted{font-size:12px;color:var(--subtle);line-height:1.7}.organize-row{display:flex;align-items:center;gap:10px;min-height:50px;padding:5px 12px 5px calc(12px + var(--depth)*22px);border:1px solid var(--border);border-radius:7px;margin:7px 0;background:var(--surface);color:var(--text);position:relative}.grip{font-size:22px;cursor:grab;color:#9eb2cf;touch-action:none}.node-name{border:0;background:none;text-align:left;flex:1;padding:8px 0;color:var(--text);font-size:13px}.node-more{background:transparent;color:var(--subtle);border:0;font-size:23px;padding:2px 8px}.dragging{opacity:.35}.organize-row.drop-inside{background:#e2edff;border:2px solid #7aa4e3}.drop-before:before,.drop-after:after{content:'';position:absolute;left:0;right:0;height:3px;background:#729de0;border-radius:3px}.drop-before:before{top:-5px}.drop-after:after{bottom:-5px}.root-drop{border:1px dashed var(--border);border-radius:7px;padding:16px;text-align:center;color:var(--subtle);font-size:11px;margin-top:15px}.root-drop:hover{background:var(--surface)}#nodeActions{margin-top:16px;padding:16px;border:1px solid var(--border);background:var(--surface);border-radius:8px}.node-action-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.node-action-head button{padding:2px 8px}.node-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.node-action-buttons button{font-size:12px}#deleteNode{color:#c26571}.compose-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.compose-head h3{margin:0}.compose-head button{font-size:11px}.compose-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:15px 0;font-size:11px}.compose-options label{margin:0;display:flex;align-items:center;gap:8px}.compose-options select,.compose-options button{font-size:11px;max-width:200px;padding:7px;border:1px solid var(--border);border-radius:5px;background:var(--panel);color:var(--text)}.editor:empty:before{content:attr(data-placeholder);color:var(--subtle);pointer-events:none}.editor{min-height:250px;border-radius:0 0 8px 8px;color:var(--text)}.title-input{border-radius:24px;font-size:15px;padding:13px 17px}.toolbar{border-radius:8px 8px 0 0;background:var(--surface)}.toolbar button{min-width:30px}.toolbar select,.toolbar button{color:var(--text)}.settings{border-radius:10px}.page>.actions{margin-bottom:15px}select,input{color:var(--text)}
.icon-only{display:inline-flex!important;align-items:center;justify-content:center;position:relative;width:34px;min-width:34px;height:34px;padding:7px!important;vertical-align:middle}.icon-only svg{display:block;flex-shrink:0;pointer-events:none}.toolbar .icon-only{width:31px;min-width:31px;height:31px}.icon-only:hover:after,.icon-only:focus-visible:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#354863;color:#fff;font-size:10px;font-weight:400;padding:6px 9px;border-radius:5px;white-space:nowrap;z-index:100;pointer-events:none}.folder-symbol{display:flex;align-items:center;color:var(--subtle)}nav .icon-only{width:28px;min-width:28px;height:28px}.toolbar{gap:5px}.compose-options{gap:7px}
[data-theme=dark]{color-scheme:dark;--panel:#202735;--surface:#252f40;--border:#37465d;--text:#d5e1f5;--subtle:#99aecb;--line:#37465d;--ink:#d5e1f5;--muted:#99aecb}[data-theme=dark] body,[data-theme=dark] main{background:#18202d;color:var(--text)}[data-theme=dark] header,[data-theme=dark] aside,[data-theme=dark] footer{background:#202b3e;border-color:var(--border);color:#a9c6f4}[data-theme=dark] .folder,[data-theme=dark] .doclink,[data-theme=dark] .side-label,[data-theme=dark] .page,[data-theme=dark] .settings,[data-theme=dark] .card-head{color:var(--text)}[data-theme=dark] .folder:hover,[data-theme=dark] .doclink:hover{background:#2b3c56}[data-theme=dark] .logo{color:#92b9f0}[data-theme=dark] .logo small,[data-theme=dark] .eyebrow,[data-theme=dark] .tagline{color:#9db3d3}[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] dialog,[data-theme=dark] .editor,[data-theme=dark] .article,[data-theme=dark] .settings,[data-theme=dark] .result,[data-theme=dark] .trend-list,[data-theme=dark] .toolbar button,[data-theme=dark] .toolbar select{background:var(--panel);color:var(--text);border-color:var(--border)}[data-theme=dark] .trends,[data-theme=dark] .banner,[data-theme=dark] .toolbar,[data-theme=dark] blockquote{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] .trends label,[data-theme=dark] .rank,[data-theme=dark] .rolling{color:#b4cdf4}[data-theme=dark] .search input{background:var(--panel);border-color:var(--border);color:var(--text)}[data-theme=dark] .search button{background:#6c91c7}[data-theme=dark] .primary{background:#5f83b8;border-color:#6d93cb;color:#fff}[data-theme=dark] .active{background:#334b6e!important;color:#dbe8fc}[data-theme=dark] #headerPreview{background:var(--surface)!important}[data-theme=dark] .drop-inside{background:#314d75}[data-theme=dark] .trend-list a:hover{background:var(--surface)}[data-theme=dark] nav #admin,[data-theme=dark] nav:before{color:var(--subtle)}
@media(max-width:600px){.organize-row{padding-left:calc(8px + var(--depth)*12px);gap:5px}.compose-options{gap:5px}.toolbar{gap:3px;padding:8px}.toolbar button{padding:6px}.node-action-buttons button{font-size:10px}.settings{padding:14px}.page h1{font-size:19px}}