:root{font-family:Arial,Helvetica,sans-serif;color:#252629;background:#f1f2f3;font-synthesis:none;--bg:#f1f2f3;--ink:#252629;--muted:#6e7278;--line:#25262912;--surface:255,255,255;--radius:22px;--panel-opacity:.82;--accent:#dce2ef;--shadow:0 4px 20px #20253006,0 1px 2px #20253004;--tone0:#e3e9d9;--tone1:#e6def1;--tone2:#dbe8ef;--tone3:#f0dfd7;--tone4:#eee8ce}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);transition:background .25s,color .25s}html[data-theme=lavender]{--bg:#eeedf5;--accent:#ddd5ee}html[data-theme=sage]{--bg:#edf1ed;--accent:#d6e4d8}html[data-theme=rose]{--bg:#f4eded;--accent:#ecd5db}html[data-theme=night]{--bg:#23262b;--ink:#f1f1f3;--muted:#adb2bc;--line:#ffffff12;--surface:46,50,57;--accent:#515766;--shadow:0 4px 20px #0002;--tone0:#434c40;--tone1:#4b425a;--tone2:#394b58;--tone3:#59453f;--tone4:#57513a}html[data-pastels=false]{--tone0:var(--accent);--tone1:var(--accent);--tone2:var(--accent);--tone3:var(--accent);--tone4:var(--accent)}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--muted);outline-offset:4px}button,a{touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}header{height:80px;padding:0 4%;display:flex;align-items:center;gap:20px}.wordmark{font-size:36px;font-weight:700;letter-spacing:-3px;text-decoration:none}.wordmark span{color:var(--muted)}.header-caption,.eyebrow,.archive-heading,footer,.badge,kbd{font-family:monospace;font-size:9px;letter-spacing:1px;color:var(--muted)}#theme-button{margin-left:auto}.text-button{font-size:11px;padding:9px 14px;border-radius:999px;color:var(--muted);white-space:nowrap}.text-button:hover{background:rgba(var(--surface),.7);color:var(--ink)}header .text-button{background:rgba(var(--surface),.55);border:1px solid var(--line)}main{max-width:1450px;padding:0 4%;margin:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:36px 0 34px;gap:24px}.eyebrow{margin:0 0 20px;font-size:9px;letter-spacing:1.4px}h1{font-size:clamp(40px,4.3vw,62px);font-weight:400;letter-spacing:-2.8px;line-height:1.02;margin:0 0 19px}h1 span{color:var(--muted)}.subtle{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.primary{background:var(--ink);color:var(--bg);padding:13px 21px;border-radius:999px;font-size:12px;text-decoration:none;display:inline-block;white-space:nowrap}.primary:hover{opacity:.85}.intro .primary{margin-bottom:4px}.search-section{display:flex;align-items:center;gap:13px;height:54px;background:rgba(var(--surface),var(--panel-opacity));border:1px solid #ffffff33;border-radius:var(--radius);padding:0 19px;box-shadow:var(--shadow)}.search-icon{font-size:27px;color:var(--muted)}.search-section input{width:100%;background:none;border:0;outline:0;font-size:13px}.search-section input::placeholder{color:var(--muted);opacity:.85}kbd{background:var(--bg);padding:5px 8px;border-radius:6px;letter-spacing:0}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0 10px;gap:15px}.filters{display:flex;flex-wrap:wrap;gap:3px}.filters button{padding:9px 12px;border-radius:999px;font-size:11px;color:var(--muted)}.filters button.active{background:rgba(var(--surface),var(--panel-opacity));color:var(--ink);box-shadow:var(--shadow)}.filters button span{font-size:9px;opacity:.65;margin-left:5px}.view-controls{display:flex;align-items:center;gap:10px}.view-controls select{border:0;background:transparent;font-size:10px;color:var(--muted);max-width:140px;padding:6px}select option{background:var(--bg);color:var(--ink)}#views{display:flex;padding:4px;background:rgba(var(--surface),.6);border-radius:999px}#views button{font-size:10px;padding:8px 12px;border-radius:999px;color:var(--muted)}#views button[aria-pressed=true]{background:rgba(var(--surface),1);box-shadow:var(--shadow);color:var(--ink)}.archive-heading{display:flex;justify-content:space-between;padding:18px 3px 20px;font-size:8px;letter-spacing:1px}#view-hint{letter-spacing:.5px}#archive{min-height:300px}.tone-0{--category:var(--tone0)}.tone-1{--category:var(--tone1)}.tone-2{--category:var(--tone2)}.tone-3{--category:var(--tone3)}.tone-4{--category:var(--tone4)}.thumb{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:calc(var(--radius)*.65);background:var(--category,var(--accent));color:var(--ink);font-size:26px;overflow:hidden;flex-shrink:0}.thumb img{width:100%;height:100%;object-fit:cover}.row{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:11px 13px;margin-bottom:7px;border-radius:var(--radius);background:rgba(var(--surface),.4);border:1px solid transparent}.row:hover{background:rgba(var(--surface),var(--panel-opacity));border-color:var(--line)}.row-main{flex:1;min-width:0}.item-title{font-size:14px;font-weight:400;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 0 8px}.item-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);min-width:0}.item-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-chip{background:var(--category,var(--accent));color:var(--ink);padding:4px 7px;border-radius:999px;font-size:9px;white-space:nowrap}.tag{display:inline-block;background:rgba(var(--surface),.6);color:var(--muted);font-size:9px;padding:5px 8px;border-radius:999px}.row-tags{display:flex;gap:5px;max-width:30%;overflow:hidden}.row-date{font:9px monospace;white-space:nowrap;color:var(--muted)}.row-arrow{padding:0 6px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 18px}.card{width:100%;text-align:left;padding:0;background:none;min-width:0;transition:transform .18s}.card:hover{transform:translateY(-3px)}.card .thumb{width:100%;height:210px;border-radius:var(--radius);font-size:44px;box-shadow:var(--shadow);border:1px solid #ffffff40;background:linear-gradient(145deg,rgba(var(--surface),.6),transparent),var(--category,var(--accent))}.card .thumb img{transition:transform .4s}.card:hover .thumb img{transform:scale(1.035)}.card .row-main{padding:13px 5px 9px}.card .item-title{font-size:12px;margin-bottom:7px}.card .item-meta{font-size:9px;gap:6px}.card .row-tags{max-width:100%;padding:0 5px;gap:4px}.card .row-date,.card .row-arrow{display:none}.empty{text-align:center;padding:50px 20px 80px}.empty-symbol{font-size:55px;color:var(--muted);opacity:.5}.empty h2{font-weight:400;font-size:25px;letter-spacing:-.7px}.empty p{font-size:12px;line-height:1.8;color:var(--muted)}footer{margin-top:40px;padding:25px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);letter-spacing:0;font-size:9px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--muted);border-radius:50%;margin-right:7px}footer .text-button{font-size:10px}dialog{width:min(570px,calc(100% - 28px));padding:26px;border-radius:var(--radius);border:1px solid #ffffff33;background:rgba(var(--surface),var(--panel-opacity));color:var(--ink);box-shadow:0 25px 100px #14172120;backdrop-filter:blur(22px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#25293530;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading .eyebrow{margin:0}.close{font-size:23px;width:30px;height:30px;border-radius:50%;background:rgba(var(--surface),.7);color:var(--muted)}h2{font-size:27px;font-weight:400;letter-spacing:-.7px;margin:23px 0}h3{font-size:12px;font-weight:500;margin:26px 0 13px}label{font-size:11px;display:block;margin:18px 0;color:var(--muted)}label input,textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:rgba(var(--surface),.75);color:var(--ink);resize:vertical;font-size:12px}.upload-zone{border:1px dashed var(--line);padding:16px;border-radius:15px;text-align:center;line-height:1.8}.upload-zone input{border:0;background:none;font-size:10px}.upload-zone span{font-size:9px}.form-columns{display:flex;gap:15px}.form-columns label{flex:1;min-width:0}.form-error{font-size:12px;color:var(--ink)}#save-button{width:100%;margin-top:10px}.detail-preview{overflow:hidden;border-radius:calc(var(--radius)*.8);margin:20px 0;background:var(--bg)}.detail-preview img{width:100%;max-height:340px;object-fit:contain;display:block}.detail-preview audio{width:100%;padding:12px;display:block}.detail-source{font-size:10px;color:var(--muted);overflow-wrap:anywhere;line-height:1.8}.detail-note{font-size:13px;color:var(--muted);line-height:1.8;white-space:pre-wrap}.detail-actions{display:flex;gap:8px;margin:23px 0;flex-wrap:wrap}.secondary{display:inline-block;border:1px solid var(--line);padding:11px 14px;border-radius:999px;font-size:11px;text-decoration:none;background:rgba(var(--surface),.6)}.danger{color:var(--muted)}.connection{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.connection-picker{width:100%;border:1px solid var(--line);background:rgba(var(--surface),.6);padding:12px;border-radius:12px;margin-top:12px;font-size:11px}.settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.import-label{margin:0;cursor:pointer}.import-label input{display:none}#settings p{font-size:12px;line-height:1.8;color:var(--muted)}#settings p.small{font-size:10px}.integration{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px}.integration b{font-size:11px;font-weight:400}.badge{padding:5px 8px;letter-spacing:0;background:var(--accent);color:var(--ink);border-radius:999px;font-size:9px}.badge.muted{background:var(--bg);color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);border-radius:999px;padding:13px 20px;font-size:11px;opacity:0;transition:opacity .15s;pointer-events:none;z-index:5;max-width:90%;text-align:center}#toast.visible{opacity:1}#more{display:block;margin:24px auto}#more[hidden]{display:none}.theme-presets{display:flex;gap:8px;flex-wrap:wrap}.theme-presets button{border:1px solid var(--line);background:rgba(var(--surface),.6);padding:12px 14px;border-radius:14px;font-size:11px}.theme-presets button[aria-pressed=true]{border-color:var(--muted);box-shadow:var(--shadow)}#appearance input[type=range]{padding:0;accent-color:var(--muted);background:none}.toggle-label{display:flex;align-items:center;gap:10px}.toggle-label input{width:16px;height:16px;margin:0;accent-color:var(--muted)}.network-wrap{border-radius:var(--radius);border:1px solid #ffffff40;background:rgba(var(--surface),.25);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px;overflow:hidden;box-shadow:var(--shadow)}.canvas-top,.canvas-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;font-size:10px;color:var(--muted);background:rgba(var(--surface),.6)}.canvas-bottom button{padding:7px 12px;border-radius:999px;background:rgba(var(--surface),.8);margin-left:5px;color:var(--ink)}#canvas{width:100%;height:580px;display:block;touch-action:none;cursor:grab}#canvas:active{cursor:grabbing}.node{cursor:grab}.node-shell{fill:rgba(var(--surface),var(--panel-opacity));stroke:var(--line);filter:drop-shadow(0 3px 5px #2026300b)}.node:hover .node-shell{stroke:var(--muted)}.node-title{fill:var(--ink);font:11px Arial}.node-category{fill:var(--muted);font:9px Arial}.node-symbol{fill:var(--muted);font:20px Arial}.node-link{fill:var(--ink);font:14px Arial;cursor:pointer}.node-port{fill:var(--category,var(--accent));stroke:var(--muted);stroke-width:.5}.edge{stroke:color-mix(in srgb,var(--category,var(--accent)) 70%,var(--muted));stroke-width:1.5;opacity:.75}#drop-hint{display:none;position:fixed;inset:20px;border:2px dashed var(--muted);border-radius:30px;background:rgba(var(--surface),.9);backdrop-filter:blur(8px);z-index:10;pointer-events:none;align-items:center;justify-content:center;flex-direction:column;gap:15px}#drop-hint span{font-size:25px;letter-spacing:-.5px}#drop-hint small{color:var(--muted);font-size:12px}body.dropping #drop-hint{display:flex}@media(min-width:1600px){header{padding:0 calc((100vw - 1334px)/2)}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.view-controls{gap:4px}.toolbar{flex-wrap:wrap}.header-caption{display:none}}@media(max-width:640px){header{height:70px;padding:0 5%;gap:6px}.wordmark{font-size:30px;letter-spacing:-2px}header .text-button{font-size:9px;padding:8px 9px}main{padding:0 5%}.intro{padding:24px 0 26px;display:block}h1{font-size:43px;letter-spacing:-1.9px}.intro .primary{margin-top:18px}.eyebrow{font-size:8px;margin-bottom:15px}.subtle{font-size:11px}.search-section{height:50px;padding:0 14px}.search-section input{font-size:12px}.toolbar{flex-direction:column;align-items:stretch;gap:13px;padding-top:15px}.filters{gap:1px}.filters button{font-size:10px;padding:8px 10px}.view-controls{justify-content:space-between;flex-wrap:wrap;gap:8px}.view-controls select{font-size:9px;max-width:115px}#views button{font-size:9px;padding:7px 10px}#view-hint{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.card .thumb{height:160px}.card .item-title{font-size:11px}.card .item-meta{flex-wrap:wrap;font-size:8px}.tag{font-size:8px;padding:4px 6px}.card .row-tags{flex-wrap:wrap}.row{gap:12px;padding:10px}.row .item-title{font-size:12px}.row-tags,.row-date,.row-arrow{display:none}.row .item-meta{flex-wrap:wrap}.thumb{width:50px;height:50px}footer{flex-wrap:wrap;gap:10px}footer .text-button{width:100%;text-align:left;padding-left:0}dialog{padding:22px}.form-columns{display:block}.canvas-top span:last-child{display:none}.canvas-top,.canvas-bottom{padding:12px;font-size:9px}.canvas-bottom{flex-wrap:wrap}#canvas{height:430px}#drop-hint span{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Immersive workspace */
header{height:64px;gap:12px}header .wordmark{font-size:31px}header .primary{padding:9px 15px;font-size:11px}main{padding-top:6px}.archive-heading{padding:12px 3px 16px}footer{display:none}.toolbar{padding-top:12px;padding-bottom:6px}.canvas-mode{overflow:hidden}.canvas-mode header{position:fixed;top:14px;left:18px;right:18px;height:46px;z-index:2;padding:0;pointer-events:none}.canvas-mode header>*{pointer-events:auto}.canvas-mode .wordmark{padding:7px 12px;background:rgba(var(--surface),.85);backdrop-filter:blur(16px);border-radius:999px}.canvas-mode header .text-button{backdrop-filter:blur(16px)}.canvas-mode main{padding:0;max-width:none}.canvas-mode .search-section{position:fixed;top:76px;left:20px;width:290px;height:44px;z-index:2;backdrop-filter:blur(16px)}.canvas-mode .toolbar{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);padding:8px 12px;z-index:2;background:rgba(var(--surface),.85);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}.canvas-mode .filters,.canvas-mode #sort,.canvas-mode .archive-heading{display:none}.canvas-mode #archive{position:fixed;inset:0}.canvas-mode .network-wrap{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none;background-color:var(--bg)}.canvas-mode #canvas{height:100dvh;width:100vw}.canvas-mode .canvas-top{display:none}.canvas-mode .canvas-bottom{position:absolute;bottom:24px;right:20px;background:none;padding:0}.canvas-mode .canvas-bottom>span{position:fixed;left:23px;bottom:85px;font-size:9px}.tag-edge{stroke-dasharray:5 7;opacity:.5}.canvas-mode .empty{padding-top:180px}#connection-results{max-height:260px;overflow:auto}@media(max-width:640px){header{gap:5px}header .text-button{padding:7px;font-size:8px}header .primary{padding:8px 10px;font-size:10px}.canvas-mode header{left:12px;right:12px;top:10px}.canvas-mode .search-section{top:65px;left:12px;width:230px}.canvas-mode .toolbar{bottom:18px;padding:7px 10px}.canvas-mode .view-controls{flex-wrap:nowrap}.canvas-mode .canvas-bottom{bottom:77px;right:12px}.canvas-mode .canvas-bottom>span{left:14px;bottom:130px;max-width:210px;font-size:8px}.canvas-mode #views button{padding:7px 9px}}

.ai-controls{display:flex;gap:12px;align-items:center;margin:20px 0}.ai-controls .subtle{font-size:10px}#ai-preview{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg);margin:15px 0}#ai-preview h3{margin:10px 0;font-size:15px}#ai-preview p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted)}#ai-preview .eyebrow{font-size:8px;margin-bottom:10px}

.link-preview{display:flex;gap:14px;align-items:center;padding:12px;background:rgba(var(--surface),var(--panel-opacity));border-radius:16px;margin:12px 0}.link-preview img{width:88px;height:70px;object-fit:cover;border-radius:10px}.link-preview p{font-size:12px;margin:5px 0;line-height:1.5}.link-preview strong{font-size:13px}.tree-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px}.tree-nav{padding:16px;background:rgba(var(--surface),var(--panel-opacity));border-radius:var(--radius);align-self:start}.tree-nav button,.tree-nav summary{font-size:13px;text-align:left;padding:10px;width:100%;cursor:pointer}.tree-nav span{float:right;opacity:.5}.tree-nav details{margin:8px 0}.tree-twigs{border-left:1px solid #bbb8;margin-left:12px;padding-left:12px}.tree-twigs button{display:block;border-radius:10px}.tree-twigs button:hover{background:#9992}.tree-results{min-width:0}@media(max-width:700px){.tree-layout{grid-template-columns:1fr;gap:16px}.tree-nav{max-height:280px;overflow:auto}header{flex-wrap:wrap}}