:root{--bg:#0c0b12;--panel:#121019;--panel2:#191624;--panel3:#211c2e;--text:#f3effa;--muted:#a49caf;--faint:#71697c;--line:#2b2537;--accent:#9b6cff;--accent2:#c4a7ff;--accent-soft:rgba(155,108,255,.15);--green:#55d6a0;--red:#ff6b7a;--yellow:#f2bf67;--shadow:0 20px 55px rgba(0,0,0,.3);--sidebar:270px;--toc:246px;--radius:14px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-theme="light"]{--bg:#f7f5fb;--panel:#fff;--panel2:#f0edf6;--panel3:#e8e2f1;--text:#272231;--muted:#70677b;--faint:#91899a;--line:#ddd6e7;--accent:#7546dc;--accent2:#5931b1;--accent-soft:rgba(117,70,220,.11);--shadow:0 18px 50px rgba(54,39,72,.14)}
html[data-theme="sepia"]{--bg:#f5efe3;--panel:#fffaf0;--panel2:#eee4d4;--panel3:#e4d6c2;--text:#3e3428;--muted:#786b5d;--faint:#9b8c79;--line:#ded1bf;--accent:#8d5e3b;--accent2:#673f24;--accent-soft:rgba(141,94,59,.12)}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.boot{height:100%;display:grid;place-content:center;gap:12px;text-align:center;background:radial-gradient(circle at 50% 40%,#221638,var(--bg) 50%)}.boot-mark,.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,var(--accent2),#6940c6);color:#fff;font-weight:800;box-shadow:0 9px 25px rgba(116,63,220,.35)}.boot-mark{width:58px;height:58px;border-radius:18px;margin:auto;font-size:25px}.boot span{color:var(--muted)}
.app{display:grid;height:100%;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--toc);grid-template-rows:58px minmax(0,1fr) 26px;grid-template-areas:"top top top" "side main toc" "side status status"}.topbar{grid-area:top;display:grid;grid-template-columns:var(--sidebar) minmax(260px,600px) 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(18,16,25,.9);backdrop-filter:blur(16px);z-index:20}.brand{height:100%;display:flex;align-items:center;padding:0 16px;gap:8px;border-right:1px solid var(--line)}.icon-btn,.avatar-btn,.star-btn,.pin-btn,.more-btn,.tab-actions button,.toc-head button,.section-heading button{border:0;background:transparent;border-radius:9px}.icon-btn{width:34px;height:34px;color:var(--muted)}.icon-btn:hover,.tab-actions button:hover,.toc-head button:hover{background:var(--panel3);color:var(--text)}.brand-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;font-weight:750}.brand-mark{width:27px;height:27px;border-radius:8px;font-size:13px}.search-launch{margin:0 18px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);display:flex;align-items:center;gap:9px;color:var(--muted);padding:0 12px;text-align:left}.search-launch .search-placeholder{flex:1}.search-launch kbd{font-size:11px;color:var(--faint);background:var(--panel);border:1px solid var(--line);padding:3px 6px;border-radius:5px}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-right:15px}.soft-btn{height:34px;padding:0 13px;border-radius:9px;border:1px solid rgba(155,108,255,.35);background:var(--accent-soft);color:var(--accent2);font-weight:650}.segmented{height:34px;padding:3px;display:flex;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.segmented button{border:0;background:transparent;color:var(--muted);padding:0 10px;border-radius:7px;font-size:12px}.segmented button.active{background:var(--panel3);color:var(--text)}.avatar-btn{width:32px;height:32px;background:linear-gradient(145deg,#614095,#392653);font-size:11px;font-weight:700}
.sidebar{grid-area:side;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;z-index:12}.sidebar-scroll{overflow:auto;flex:1;padding:14px 10px}.quick-nav{display:flex;flex-direction:column;gap:3px}.quick-nav button,.sidebar-footer button{border:0;background:transparent;color:var(--muted);height:35px;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left}.quick-nav button:hover,.quick-nav button.active,.sidebar-footer button:hover{background:var(--panel2);color:var(--text)}.quick-nav button span,.sidebar-footer button span{width:17px;text-align:center}.quick-nav em,.sidebar-footer em{font-style:normal;font-size:11px;margin-left:auto;color:var(--faint)}.section-heading{display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:10px;font-weight:750;letter-spacing:.12em;margin:22px 8px 8px}.section-heading button{color:var(--muted);width:25px;height:25px}.tree{user-select:none}.tree-item{position:relative}.tree-row{height:31px;display:flex;align-items:center;border-radius:7px;color:var(--muted);padding-right:6px}.tree-row:hover,.tree-row.active{background:var(--panel2);color:var(--text)}.tree-row.active{box-shadow:inset 2px 0 var(--accent)}.tree-indent{width:calc(var(--depth) * 13px)}.tree-toggle{width:18px;border:0;background:transparent;color:var(--faint);padding:0}.tree-icon{width:19px;text-align:center;font-size:12px}.tree-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-badge{font-size:9px;color:var(--accent2);margin-left:4px}.tree-row.drag-over{outline:1px solid var(--accent);background:var(--accent-soft)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 7px}.tag-pill{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:99px;padding:4px 8px;font-size:11px}.tag-pill:hover{border-color:var(--accent);color:var(--accent2)}.sidebar-footer{border-top:1px solid var(--line);padding:8px 10px 10px}.sidebar-footer button{width:100%}.storage{margin:10px 7px 0;padding-top:10px;border-top:1px solid var(--line);color:var(--faint);font-size:10px}.storage span{display:block}.storage i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:6px}.storage small{display:block;margin:4px 0 0 13px;color:var(--faint)}
.workspace{grid-area:main;min-width:0;min-height:0;background:var(--bg);display:flex;flex-direction:column}.tabsbar{height:40px;display:flex;align-items:end;border-bottom:1px solid var(--line);background:var(--panel);padding:0 8px}.tabs{display:flex;min-width:0;flex:1;height:100%;overflow:auto;scrollbar-width:none}.tab{max-width:190px;min-width:120px;height:100%;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:0 10px;display:flex;align-items:center;gap:8px}.tab.active{background:var(--bg);color:var(--text);box-shadow:inset 0 -2px var(--accent)}.tab span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.tab i{font-style:normal;color:var(--faint);opacity:0}.tab:hover i{opacity:1}.tab-actions{height:100%;display:flex;align-items:center}.tab-actions button{width:32px;height:30px;color:var(--muted);border:0;background:transparent}.view{flex:1;min-height:0;overflow:auto}.home-view,.collection-view{padding:36px clamp(24px,5vw,70px)}.home-hero{max-width:1120px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--accent2);font-weight:750}.home-hero h1{font-size:34px;margin:10px 0 6px;letter-spacing:-.035em}.home-hero>p{color:var(--muted);margin:0 0 26px}.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--panel2));border-radius:var(--radius);padding:17px;text-align:left;min-height:112px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.quick-card:hover{border-color:rgba(155,108,255,.45);transform:translateY(-1px)}.quick-card b{display:block;font-size:24px;margin-bottom:19px}.quick-card span{font-weight:700;display:block}.quick-card small{color:var(--muted);display:block;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:25px}.dash-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:18px}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dash-head h3{font-size:14px;margin:0}.dash-head button{border:0;background:transparent;color:var(--accent2);font-size:12px}.recent-list{display:flex;flex-direction:column}.recent-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:0;background:transparent;padding:10px 5px;border-top:1px solid var(--line);text-align:left}.recent-row:first-child{border-top:0}.recent-row>span:first-child{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--panel2)}.recent-row strong{font-size:13px;display:block}.recent-row small{color:var(--muted);display:block;margin-top:3px}.recent-row time{color:var(--faint);font-size:11px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px;background:var(--panel2);border-radius:10px}.stat strong{font-size:20px;display:block}.stat span{font-size:10px;color:var(--muted)}.daily-quote{margin-top:14px;padding:14px;border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 9px 9px 0;color:var(--muted);line-height:1.55}.daily-quote b{color:var(--text)}
.editor-view{overflow:hidden}.editor-shell{height:100%;display:flex;overflow:auto}.note-pane{width:min(900px,100%);margin:0 auto;padding:34px clamp(28px,6vw,78px) 120px}.editor-shell.split .note-pane{width:50%;margin:0;overflow:auto;border-right:1px solid var(--line);padding-left:42px;padding-right:42px}.secondary-pane{background:var(--panel)}.note-breadcrumb{color:var(--faint);font-size:11px;margin-bottom:18px}.note-title-row{display:flex;align-items:center;gap:5px}.note-title{border:0;outline:0;background:transparent;color:var(--text);font-size:36px;line-height:1.2;font-weight:780;letter-spacing:-.04em;min-width:0;flex:1}.star-btn,.pin-btn,.more-btn{width:34px;height:34px;color:var(--faint);font-size:20px}.star-btn.active{color:var(--yellow)}.pin-btn.active{color:var(--accent2)}.note-meta{min-height:29px;display:flex;align-items:center;gap:12px;color:var(--faint);font-size:11px;margin:9px 0 18px}.tag-editor{display:flex;gap:5px;flex:1;flex-wrap:wrap}.note-tag{border:0;border-radius:99px;background:var(--accent-soft);color:var(--accent2);padding:4px 8px;font-size:10px}.block-toolbar{position:sticky;top:0;z-index:7;height:39px;border:1px solid var(--line);border-radius:10px;background:rgba(25,22,36,.92);backdrop-filter:blur(14px);display:flex;align-items:center;gap:2px;padding:4px;margin-bottom:20px;box-shadow:var(--shadow)}.block-toolbar button,.block-toolbar label{height:29px;border:0;background:transparent;color:var(--muted);border-radius:6px;padding:0 8px;display:flex;align-items:center}.block-toolbar button:hover,.block-toolbar label:hover{background:var(--panel3);color:var(--text)}.block-toolbar>span{height:20px;border-left:1px solid var(--line);margin:0 3px}.block-toolbar input{width:0;height:0;opacity:0}.blocks{display:flex;flex-direction:column;gap:3px}.block{position:relative;border:1px solid transparent;border-radius:8px;padding:3px 7px 3px 30px;min-height:34px}.block:hover{border-color:var(--line);background:rgba(255,255,255,.012)}.block.dragging{opacity:.35}.block.drag-target{border-color:var(--accent);background:var(--accent-soft)}.block-handle{position:absolute;left:5px;top:8px;width:19px;height:21px;border:0;background:transparent;color:var(--faint);opacity:0}.block:hover .block-handle{opacity:1}.block-content{outline:0;line-height:1.72;min-height:27px}.block-content:empty:before{content:attr(data-placeholder);color:var(--faint);pointer-events:none}.block[data-type="heading1"] .block-content{font-size:25px;font-weight:760;line-height:1.35;margin:14px 0 5px}.block[data-type="heading2"] .block-content{font-size:20px;font-weight:730;line-height:1.4;margin:10px 0 3px}.block[data-type="heading3"] .block-content{font-size:16px;font-weight:700;margin-top:7px}.block[data-type="quote"]{border-left:3px solid var(--accent);border-radius:0;padding-left:18px;margin:5px 0;color:var(--muted);font-style:italic}.block[data-type="callout"]{padding:14px 15px 14px 44px;background:var(--accent-soft);border-color:rgba(155,108,255,.23);margin:6px 0}.block[data-type="callout"]:before{content:"✦";position:absolute;left:16px;color:var(--accent2)}.block[data-type="card"]{padding:17px;background:linear-gradient(145deg,var(--panel2),var(--panel));border-color:var(--line);box-shadow:0 8px 25px rgba(0,0,0,.08);margin:7px 0}.block[data-type="code"]{background:#09080d;border-color:#2c2734;margin:7px 0;padding:12px 14px}.block[data-type="code"] .block-content{font-family:"Cascadia Code",Consolas,monospace;color:#d7caf7;white-space:pre;overflow:auto;font-size:12px}.code-head{display:flex;justify-content:space-between;color:#756d7e;font-size:10px;margin-bottom:8px}.code-head button{border:0;background:#1d1924;border-radius:5px;color:#aaa1b5;padding:4px 7px}.check-block{display:flex;gap:9px;align-items:flex-start}.check-block input{margin-top:7px;accent-color:var(--accent)}.check-block.done .block-content{text-decoration:line-through;color:var(--faint)}.details-block{border:1px solid var(--line);border-radius:9px;background:var(--panel);margin:5px 0}.details-block summary{cursor:pointer;padding:9px 12px;font-weight:650}.details-body{padding:0 12px 11px;outline:0;color:var(--muted);line-height:1.65}.table-wrap{overflow:auto;margin:6px 0;border:1px solid var(--line);border-radius:9px}.note-table{border-collapse:collapse;width:100%;min-width:420px}.note-table td,.note-table th{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px;min-width:110px;outline:0}.note-table th{background:var(--panel3);text-align:left}.note-table.striped tr:nth-child(even) td{background:var(--panel2)}.table-actions{display:flex;gap:5px;margin-top:6px}.table-actions button{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:6px;padding:4px 7px;font-size:10px}.image-block img{max-width:100%;border-radius:10px;display:block}.image-caption{outline:0;color:var(--faint);font-size:11px;text-align:center;padding:6px}.button-block a{display:inline-flex;text-decoration:none;background:var(--accent);color:#fff;padding:9px 14px;border-radius:8px;font-weight:650}.divider-block{border:0;border-top:1px solid var(--line);margin:12px 0}.add-block-wrap{display:flex;align-items:center;gap:8px;margin:13px 0 0 30px;color:var(--faint);font-size:11px}.add-block-wrap button{border:1px dashed var(--line);background:transparent;color:var(--muted);padding:7px 10px;border-radius:7px}.backlinks{border-top:1px solid var(--line);margin-top:45px;padding-top:18px}.backlinks h3{font-size:12px}.backlink-row{display:block;border:0;background:var(--panel);color:var(--muted);padding:9px 11px;border-radius:8px;margin:5px 0;text-align:left;width:100%}.backlink-row b{color:var(--text)}
.toc-panel{grid-area:toc;background:var(--panel);border-left:1px solid var(--line);padding:14px 13px;overflow:auto}.toc-head{height:31px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.toc-head button{color:var(--faint);width:22px;height:22px;font-size:10px}.page-toc{border-top:1px solid var(--line);padding-top:9px}.page-toc button{display:block;width:100%;border:0;background:transparent;color:var(--muted);font-size:11px;text-align:left;padding:6px 5px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-toc button:hover{background:var(--panel2);color:var(--text)}.page-toc button[data-level="2"]{padding-left:17px}.page-toc button[data-level="3"]{padding-left:29px;color:var(--faint)}.outline-info{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.outline-info>small{color:var(--faint);letter-spacing:.1em;font-size:9px}.outline-info div{color:var(--muted);font-size:10px;line-height:1.8;margin-top:8px}.statusbar{grid-area:status;border-top:1px solid var(--line);background:var(--panel);color:var(--faint);display:flex;align-items:center;gap:18px;padding:0 10px;font-size:9px}.statusbar #statusMessage{margin-left:auto}.statusbar #clock{min-width:34px}.app.sidebar-hidden{grid-template-columns:0 minmax(0,1fr) var(--toc)}.app.sidebar-hidden .sidebar{display:none}.app.toc-hidden{grid-template-columns:var(--sidebar) minmax(0,1fr) 0}.app.toc-hidden .toc-panel{display:none}.app.sidebar-hidden.toc-hidden{grid-template-columns:0 minmax(0,1fr) 0}.app.toc-left{grid-template-columns:var(--toc) var(--sidebar) minmax(0,1fr);grid-template-areas:"top top top" "toc side main" "toc side status"}.app.toc-left .toc-panel{border-left:0;border-right:1px solid var(--line)}.app.toc-top{grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:58px auto minmax(0,1fr) 26px;grid-template-areas:"top top" "side toc" "side main" "side status"}.app.toc-top .toc-panel{border-left:0;border-bottom:1px solid var(--line);display:flex;gap:18px;padding:8px 16px;max-height:92px}.app.toc-top .toc-head{min-width:150px}.app.toc-top .page-toc{border-top:0;display:flex;gap:4px;overflow:auto;padding:0}.app.toc-top .page-toc button{width:auto;min-width:100px}.app.toc-top .outline-info{display:none}
.focus-mode .topbar,.focus-mode .sidebar,.focus-mode .toc-panel,.focus-mode .tabsbar,.focus-mode .statusbar,.focus-mode .note-header,.focus-mode .block-toolbar,.focus-mode .add-block-wrap,.focus-mode .backlinks{display:none!important}.app.focus-mode{display:block;overflow:auto}.focus-mode .workspace,.focus-mode .editor-view,.focus-mode .editor-shell{height:100%;display:block;overflow:auto}.focus-mode .note-pane{max-width:740px;padding-top:10vh}.read-mode .block-toolbar,.read-mode .add-block-wrap,.read-mode .block-handle{display:none}.read-mode .block{padding-left:7px}.read-mode .block:hover{border-color:transparent;background:transparent}.read-mode [contenteditable="true"]{pointer-events:none}.collection-header{max-width:1000px;margin:auto}.collection-header h1{font-size:29px}.collection-list{max-width:1000px;margin:18px auto}.collection-item{display:grid;grid-template-columns:35px 1fr auto;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;width:100%;padding:12px 5px;text-align:left}.collection-item:hover{background:var(--panel)}.collection-item>span:first-child{width:32px;height:32px;display:grid;place-items:center;background:var(--panel2);border-radius:8px}.collection-item small{color:var(--muted);display:block;margin-top:3px}.collection-item time{font-size:10px;color:var(--faint)}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,3,8,.7);backdrop-filter:blur(6px);z-index:80;display:grid;place-items:center;padding:20px}.modal{width:min(620px,100%);max-height:min(760px,90vh);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.modal.wide{width:min(850px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:15px;margin:0}.modal-head button{border:0;background:transparent;color:var(--muted);font-size:18px}.modal-body{padding:18px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid var(--line)}.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:8px;padding:9px 13px;font-weight:650}.primary-btn{background:var(--accent);color:#fff}.secondary-btn{background:var(--panel3);color:var(--muted)}.danger-btn{background:rgba(255,107,122,.13);color:var(--red)}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:11px;color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:9px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.settings-grid{display:grid;grid-template-columns:160px 1fr;gap:20px}.settings-nav button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:9px;border-radius:7px}.settings-nav button.active{background:var(--panel2);color:var(--text)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-card{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:12px;text-align:left}.theme-card.active{outline:2px solid var(--accent)}.block-menu{display:grid;grid-template-columns:1fr 1fr;gap:7px}.block-choice{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:10px;display:flex;gap:10px;align-items:center;text-align:left}.block-choice:hover{border-color:var(--accent)}.block-choice b{width:30px;height:30px;border-radius:7px;background:var(--panel3);display:grid;place-items:center}.block-choice small{display:block;color:var(--muted);margin-top:2px}.search-modal{width:min(760px,100%)}.search-input-wrap{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:12px 18px}.search-input-wrap input{border:0;outline:0;background:transparent;font-size:18px;flex:1}.search-options{display:flex;gap:13px;flex-wrap:wrap;padding:9px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.search-options label{display:flex;gap:5px;align-items:center}.search-results{padding:8px;max-height:55vh;overflow:auto}.search-result{width:100%;border:0;background:transparent;border-radius:9px;padding:11px;text-align:left}.search-result:hover,.search-result.selected{background:var(--panel2)}.search-result strong{display:block}.search-result p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.search-result mark{background:var(--accent-soft);color:var(--accent2);border-radius:2px}.search-help{padding:18px;color:var(--muted);font-size:11px;line-height:1.7}.palette{width:min(620px,100%);align-self:start;margin-top:14vh}.palette input{width:100%;border:0;background:transparent;outline:0;font-size:17px;padding:17px;border-bottom:1px solid var(--line)}.command-list{padding:7px;max-height:380px;overflow:auto}.command-item{border:0;background:transparent;color:var(--muted);width:100%;display:flex;align-items:center;gap:11px;padding:10px;border-radius:8px;text-align:left}.command-item:hover,.command-item.selected{background:var(--panel2);color:var(--text)}.command-item b{width:29px;height:29px;background:var(--panel3);border-radius:7px;display:grid;place-items:center}.command-item kbd{margin-left:auto;color:var(--faint);font-size:10px}.context-menu{position:fixed;z-index:100;min-width:190px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:6px}.context-menu button{border:0;background:transparent;color:var(--muted);display:block;width:100%;text-align:left;padding:8px;border-radius:6px}.context-menu button:hover{background:var(--panel2);color:var(--text)}.context-menu hr{border:0;border-top:1px solid var(--line)}.toast-root{position:fixed;right:18px;bottom:35px;z-index:120;display:flex;flex-direction:column;gap:7px}.toast{background:var(--panel3);border:1px solid var(--line);color:var(--text);padding:10px 13px;border-radius:9px;box-shadow:var(--shadow);font-size:11px;animation:toastIn .2s ease}.toast.error{border-color:rgba(255,107,122,.45)}@keyframes toastIn{from{transform:translateY(6px);opacity:0}}
@media(max-width:1050px){:root{--sidebar:235px;--toc:0px}.toc-panel{display:none}.quick-cards{grid-template-columns:1fr 1fr}.app{grid-template-columns:var(--sidebar) minmax(0,1fr)}.topbar{grid-template-columns:235px 1fr auto}.segmented{display:none}}
@media(max-width:760px){:root{--sidebar:0}.app{display:block;padding-top:55px}.topbar{position:fixed;inset:0 0 auto;height:55px;grid-template-columns:auto 1fr auto}.brand{border:0;padding:0 8px}.brand-button>span:last-child{display:none}.search-launch{margin:0 6px}.search-launch kbd{display:none}.top-actions .soft-btn,.top-actions .avatar-btn{display:none}.top-actions{padding-right:5px}.sidebar{position:fixed;z-index:50;left:0;top:55px;bottom:0;width:270px;box-shadow:var(--shadow);display:none}.sidebar.mobile-open{display:flex}.workspace{height:calc(100vh - 55px)}.statusbar{display:none}.home-view,.collection-view{padding:22px 14px}.quick-cards{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.note-pane{padding:25px 15px 90px}.note-title{font-size:28px}.block-toolbar{overflow:auto}.editor-shell.split .secondary-pane{display:none}.editor-shell.split .note-pane{width:100%}.toc-panel{display:none!important}.search-placeholder{max-width:100px;overflow:hidden}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.modal-backdrop{padding:8px}.theme-options{grid-template-columns:1fr}.block-menu{grid-template-columns:1fr}}
@media print{body{overflow:visible;background:#fff;color:#111}.topbar,.sidebar,.tabsbar,.toc-panel,.statusbar,.block-toolbar,.add-block-wrap,.note-meta,.note-breadcrumb,.star-btn,.pin-btn,.more-btn,.backlinks{display:none!important}.app,.workspace,.editor-view,.editor-shell{display:block!important;height:auto!important;overflow:visible!important}.note-pane{width:100%;max-width:850px;padding:20px;margin:auto}.block{break-inside:avoid}.note-title{color:#111}}

/* Uygulama renk temaları */
:root,html[data-theme="midnight"]{color-scheme:dark}
html[data-theme="light"],html[data-theme="sepia"]{color-scheme:light}
html[data-theme="ocean"]{color-scheme:dark;--bg:#06131d;--panel:#0a1c29;--panel2:#0e2838;--panel3:#14364a;--text:#e9f8ff;--muted:#9fc1d2;--faint:#6f98aa;--line:#20465a;--accent:#1fb6d5;--accent2:#74dff2;--accent-soft:rgba(31,182,213,.16);--green:#55d6a0;--red:#ff7f8c;--yellow:#f4c96b;--shadow:0 20px 55px rgba(0,10,18,.42)}
html[data-theme="forest"]{color-scheme:dark;--bg:#07140f;--panel:#0c1e16;--panel2:#122a20;--panel3:#1a382b;--text:#edf9f1;--muted:#a5c5af;--faint:#71947c;--line:#28513b;--accent:#35b875;--accent2:#82dfa8;--accent-soft:rgba(53,184,117,.16);--green:#59d995;--red:#ff7c84;--yellow:#e8c766;--shadow:0 20px 55px rgba(0,12,7,.42)}
html[data-theme="rose"]{color-scheme:dark;--bg:#180b12;--panel:#24101a;--panel2:#321622;--panel3:#43202e;--text:#fff1f5;--muted:#d2a8b7;--faint:#a27485;--line:#5a2c3d;--accent:#e45783;--accent2:#ff9fbb;--accent-soft:rgba(228,87,131,.17);--green:#61d3a0;--red:#ff7181;--yellow:#f2c66d;--shadow:0 20px 55px rgba(20,2,10,.46)}
html[data-theme="graphite"]{color-scheme:dark;--bg:#101214;--panel:#171a1d;--panel2:#202429;--panel3:#2a3036;--text:#f2f4f6;--muted:#abb2ba;--faint:#767f89;--line:#384049;--accent:#7c8da2;--accent2:#b6c2cf;--accent-soft:rgba(151,166,184,.15);--green:#55c995;--red:#f17782;--yellow:#d9b968;--shadow:0 20px 55px rgba(0,0,0,.42)}

/* Sağ sürükleme geri bildirimi */
.right-dragging{opacity:.42!important;filter:saturate(.65);cursor:grabbing!important;transform:scale(.995);transform-origin:center;transition:none!important}
.right-drag-target-before,.right-drag-target-after{position:relative;isolation:isolate;background:var(--accent-soft)!important;outline:1px solid color-mix(in srgb,var(--accent) 46%,transparent);outline-offset:-1px}
.right-drag-target-before::before,.right-drag-target-after::after{content:"";position:absolute;z-index:8;left:5px;right:5px;height:3px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 2px var(--panel),0 0 12px color-mix(in srgb,var(--accent) 58%,transparent);pointer-events:none}
.right-drag-target-before::before{top:-2px}.right-drag-target-after::after{bottom:-2px}

/* Gruplu ve klavye ipuçlu bağlam menüsü */
.context-menu{width:max-content;min-width:220px;max-width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:6px;overflow:auto;border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.34)}
.context-menu-group{display:grid;gap:2px;padding:3px 0}.context-menu-group+.context-menu-group{margin-top:4px;padding-top:7px;border-top:1px solid var(--line)}
.context-menu-group-title,.context-menu-label{display:block;padding:4px 9px 3px;color:var(--faint);font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;user-select:none}
.context-menu button,.context-menu-item{display:grid;width:100%;min-width:0;min-height:34px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);text-align:left}
.context-menu button:hover,.context-menu button:focus-visible,.context-menu-item:hover,.context-menu-item:focus-visible{outline:0;background:var(--panel2);color:var(--text)}
.context-menu button:disabled,.context-menu-item[aria-disabled="true"]{opacity:.42;cursor:not-allowed;pointer-events:none}
.context-menu-icon{display:inline-grid;width:18px;place-items:center;margin-right:7px;color:var(--faint)}
.context-menu-shortcut,.context-menu kbd{justify-self:end;min-width:max-content;padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:var(--panel2);color:var(--faint);font-size:9px;font-weight:600;line-height:1.35}
.context-menu-danger,.context-menu button.danger,.context-menu button[data-danger="true"],.context-menu-item.danger,.context-menu-item[data-danger="true"]{color:var(--red)}
.context-menu-danger:hover,.context-menu button.danger:hover,.context-menu button[data-danger="true"]:hover,.context-menu-item.danger:hover,.context-menu-item[data-danger="true"]:hover{background:color-mix(in srgb,var(--red) 13%,transparent);color:var(--red)}
.context-menu hr,.context-menu-separator,.context-menu [role="separator"]{height:1px;margin:5px 3px;border:0;background:var(--line)}
@media(max-width:760px){.context-menu{min-width:min(250px,calc(100vw - 16px));max-width:calc(100vw - 16px)}.right-drag-target-before::before,.right-drag-target-after::after{left:3px;right:3px}}
@media(prefers-reduced-motion:reduce){.right-dragging{transform:none}}