:root{--theme-deep:#181e26;--theme-mid:#343d48;--theme-light:#53616c;--theme-ink:#25323c;--theme-wash:#eff2f3;--theme-art:rgba(225,230,234,.12)}
html[data-theme=ocean]{--theme-deep:#112f47;--theme-mid:#215a79;--theme-light:#6f9fb4;--theme-ink:#17384b;--theme-wash:#e9f4f8;--theme-art:rgba(235,246,250,.02)}
html[data-theme=forest]{--theme-deep:#16382f;--theme-mid:#28634e;--theme-light:#4e755f;--theme-ink:#214438;--theme-wash:#edf5ed;--theme-art:rgba(220,241,222,.10)}
html[data-theme=charcoal]{--theme-deep:#181e26;--theme-mid:#343d48;--theme-light:#53616c;--theme-ink:#25323c;--theme-wash:#eff2f3;--theme-art:rgba(225,230,234,.12)}
html[data-theme=burgundy]{--theme-deep:#381a2a;--theme-mid:#70344d;--theme-light:#82475f;--theme-ink:#552c3f;--theme-wash:#f7edf0;--theme-art:rgba(247,225,233,.12)}
html[data-theme=khaki]{--theme-deep:#484637;--theme-mid:#777355;--theme-light:#6d6748;--theme-ink:#484534;--theme-wash:#f4f1e7;--theme-art:rgba(242,237,218,.16)}
html[data-theme] body{--desk-deep:var(--theme-ink);--ink:var(--theme-ink);--brand-ink:var(--theme-ink)}
html[data-theme] .top .brand,html[data-theme] body>header.top .brand{background:linear-gradient(150deg,var(--theme-deep),var(--theme-mid))}
html[data-theme] .tools-panel,html[data-theme] .workspace .tools-panel{background:linear-gradient(169deg,var(--theme-deep) 0%,var(--theme-mid) 57%,var(--theme-light) 100%)}
html[data-theme] .workspace>main.hub,html[data-theme] .workspace>main.tool-main,html[data-theme] .workspace>main.khoj-workspace{background:radial-gradient(ellipse at 98% 5%,color-mix(in srgb,var(--theme-wash) 65%,transparent),transparent 56%),linear-gradient(128deg,rgba(255,253,248,.96) 0%,rgba(250,249,244,.92) 54%,color-mix(in srgb,var(--theme-wash) 79%,white) 100%)}
html[data-theme] .workspace .hub h1,html[data-theme] .workspace .tool-title,html[data-theme] .workspace .khoj-workspace h1{color:var(--theme-ink)}
html[data-theme] body .art{background:linear-gradient(var(--theme-art),var(--theme-art)),url('/background.png') center/cover no-repeat}
.top,body>header.top{z-index:20!important}
.top-menu{position:relative;align-self:center;justify-self:end;margin-left:auto}
.menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 14px;border:1px solid #d5c6a8;border-radius:10px;background:#fffdf8;color:#735025;font-size:12px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;box-shadow:0 3px 10px #17384b0d}
.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:#f8f1e4;border-color:#b68b50}
.menu-bars{width:15px;display:grid;gap:3px}.menu-bars i{display:block;height:1.5px;width:100%;background:currentColor;border-radius:2px}
.menu-backdrop{position:fixed;inset:0;background:#0b203a69;z-index:40}.menu-backdrop[hidden]{display:none!important}.menu-popover{position:fixed;top:0;right:0;bottom:0;width:min(380px,100vw);padding:28px;border-left:1px solid #d8cbb3;background:#fffdf8;box-shadow:-18px 0 55px #162d3d35;z-index:50;color:#263c45;overflow-y:auto;animation:menu-slide .2s ease-out}@keyframes menu-slide{from{transform:translateX(20px);opacity:.7}to{transform:translateX(0);opacity:1}}
.menu-popover[hidden]{display:none!important}
.menu-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.menu-close{width:33px;height:33px;border:1px solid #dfd5c4;border-radius:8px;background:#fff;color:#6b4b27;font-size:23px;line-height:1;cursor:pointer}.menu-heading strong{display:block;font:400 25px var(--desk-serif);color:var(--theme-ink)}.menu-heading small{display:block;margin:5px 0 17px;color:#637882;font-size:12px}
.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.theme-choices button{display:flex;align-items:center;gap:8px;min-height:39px;padding:7px 8px;border:1px solid #e2ddd2;border-radius:9px;background:#fff;color:#2c4652;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.theme-choices button:hover{background:#f9f6ed}.theme-choices button[aria-pressed=true]{border-color:#b98648;background:#f7f0e2;box-shadow:inset 0 0 0 1px #b98648}
.theme-dot{display:inline-block;flex:none;width:17px;height:17px;border-radius:50%;border:1px solid #ffffffaa;box-shadow:0 0 0 1px #ddd}.theme-dot.ocean{background:linear-gradient(135deg,#112f47,#6f9fb4)}.theme-dot.forest{background:linear-gradient(135deg,#16382f,#86a996)}.theme-dot.charcoal{background:linear-gradient(135deg,#181e26,#81919c)}.theme-dot.burgundy{background:linear-gradient(135deg,#381a2a,#a77583)}.theme-dot.khaki{background:linear-gradient(135deg,#484637,#aaa68a)}
.menu-separator{height:1px;margin:17px 0 8px;background:#e5dfd3}.menu-details{border-bottom:1px solid #eee9df}.menu-details summary{padding:12px 2px;cursor:pointer;font-size:13px;font-weight:700;color:#314d5b}.menu-details p{margin:0 0 13px;font-size:12px;line-height:1.55;color:#627681}.menu-feedback{display:flex;justify-content:space-between;padding:14px 2px 2px;text-decoration:none;font-size:13px;font-weight:700;color:#92642e}.menu-feedback:hover{text-decoration:underline}
@media(max-width:700px){html[data-theme] .top,html[data-theme] body>header.top{background:linear-gradient(150deg,var(--theme-deep),var(--theme-mid))}html[data-theme] .top .brand,html[data-theme] body>header.top .brand{background:none}html[data-theme] .tools-panel,html[data-theme] .workspace .tools-panel{background:linear-gradient(110deg,var(--theme-mid),var(--theme-light))}.top-menu{margin-left:auto}.menu-trigger{min-height:38px;padding:7px 10px;border-color:#e4ca9b80;background:#fff9eb17;color:#f8edce;box-shadow:none}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:#fff9eb32}.menu-popover{right:0;top:0;width:min(380px,100vw);padding:25px 20px}}
body.menu-open{overflow:hidden}
html[data-theme] .tools-panel,html[data-theme] .workspace .tools-panel{background:linear-gradient(169deg,color-mix(in srgb,var(--theme-deep) 94%,transparent) 0%,color-mix(in srgb,var(--theme-mid) 93%,transparent) 57%,color-mix(in srgb,var(--theme-light) 92%,transparent) 100%);-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);box-shadow:inset -1px 0 #fff5,inset 1px 0 #fff2}
.tools-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at -20% -10%,#ffffff24,transparent 44%),linear-gradient(110deg,#ffffff09,transparent 40%);pointer-events:none;z-index:0}
.tool-nav a{background:linear-gradient(110deg,#ffffff13,#ffffff08);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff22;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tool-nav a:hover{background:linear-gradient(110deg,#ffffff25,#ffffff12);border-color:#ffffff42}
.tool-nav a[aria-current="page"]{background:linear-gradient(110deg,#ffffff32,#ffffff14);border-color:#f6e6c669;box-shadow:inset 3px 0 #d5a45f,inset 0 1px #ffffff55,0 8px 22px #101f1818}
.panel-note{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-deep) 76%,transparent),color-mix(in srgb,var(--theme-mid) 60%,transparent));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff27}
@media(max-width:700px){html[data-theme] .tools-panel,html[data-theme] .workspace .tools-panel{background:linear-gradient(110deg,color-mix(in srgb,var(--theme-mid) 94%,transparent),color-mix(in srgb,var(--theme-light) 92%,transparent))}.tool-nav a[aria-current="page"]{box-shadow:inset 0 2px #e7bb72,inset 0 1px #ffffff55}}
@media(prefers-reduced-motion:reduce){.menu-popover{animation:none}}

.menu-account{display:flex;justify-content:space-between;align-items:center;margin:12px 0 0;padding:14px 12px;border:1px solid #e7d3af;border-radius:10px;background:#f7edda;color:#79532b;text-decoration:none;font-size:13px;font-weight:800}.menu-account:hover{background:#efdfbd}

.menu-trust{display:flex;justify-content:space-between;padding:10px 2px;color:#526d78;text-decoration:none;font-size:12px;font-weight:700}.menu-trust:hover{color:#8c6130;text-decoration:underline}
