.metis-app.app{box-sizing:border-box;width:100%;gap:0;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:var(--color-surface-page);background-image:var(--color-surface-canvas);background-repeat:no-repeat;background-size:cover;background-position:top;background-attachment:fixed;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.metis-app.app .sidebar{box-sizing:border-box;margin-top:var(--app-pad);margin-bottom:var(--app-pad);margin-left:var(--app-pad);min-height:calc(100vh - var(--app-pad) * 2);min-height:calc(100dvh - var(--app-pad) * 2);height:calc(100vh - var(--app-pad) * 2);height:calc(100dvh - var(--app-pad) * 2);max-height:calc(100vh - var(--app-pad) * 2);max-height:calc(100dvh - var(--app-pad) * 2);overflow:hidden;background:color-mix(in oklch,var(--card) 82%,var(--bg));border:1px solid color-mix(in oklch,var(--line) 62%,var(--bg));border-radius:20px;padding:14px 12px;display:flex;flex-direction:column;gap:14px;position:sticky;top:var(--app-pad);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:none}.metis-app.app .nav-drawer-backdrop{display:none}.metis-app.app .brand{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;padding:0 2px 2px;flex-shrink:0}.metis-app.app .logo{width:30px;height:30px;border-radius:50%;background:transparent;box-shadow:none;overflow:hidden}.metis-app.app .logo img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.metis-app.app .brand-copy{min-width:0;display:grid;align-items:center}.metis-app.app .brand-wordmark{display:block;width:min(100%,72px);height:auto}.metis-app.app .nav{display:flex;flex-direction:column;gap:14px;padding:0;flex:1;min-height:0;overflow:hidden}.metis-app.app .nav-group{display:grid;gap:8px;flex-shrink:0}.metis-app.app .nav-group+.nav-group{padding-top:10px;border-top:1px solid #232427}.metis-app.app .nav-label{margin:0 2px;color:var(--subtle);font-size:11px;font-weight:650;letter-spacing:0;text-transform:none;white-space:nowrap}.metis-app.app .nav a.nav-link,.metis-app.app .nav button{position:relative;overflow:hidden;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:center;padding:0 12px;text-align:left;font-family:var(--font);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;transition:background .16s ease,color .16s ease}.metis-app.app .nav a.nav-link span,.metis-app.app .nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.metis-app.app .nav a.nav-link:hover,.metis-app.app .nav button:hover{background:rgb(255 255 255/.06);color:var(--fg)}.metis-app.app .nav a.nav-link:hover svg,.metis-app.app .nav button:hover svg{color:#e6f9ff}.metis-app.app .nav a.nav-link.active,.metis-app.app .nav button.active{color:#ffffff;font-weight:700;border-color:transparent;background-image:linear-gradient(90deg,rgb(47 107 255/.3),rgb(47 107 255/.08)),linear-gradient(120deg,rgb(47 107 255/.95),rgb(47 107 255/.28));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 6px 18px rgb(47 107 255/.28),inset 0 1px 0 rgb(255 255 255/.1)}.metis-app.app .nav a.nav-link.active:before,.metis-app.app .nav button.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:2px;background:linear-gradient(180deg,#6fe0de,#2f6bff);pointer-events:none}.metis-app.app .nav a.nav-link.active:after,.metis-app.app .nav button.active:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgb(47 107 255/.95) 35%,rgb(122 190 255/.65) 70%,transparent);box-shadow:0 0 14px rgb(47 107 255/.85),0 0 30px rgb(47 107 255/.35);pointer-events:none}.metis-app.app .nav a.nav-link.active svg,.metis-app.app .nav button.active svg{color:#7fa9ff;filter:drop-shadow(0 0 6px rgb(47 123 255/.55))}.metis-app.app .nav a.nav-link svg,.metis-app.app .nav svg{width:21px;height:21px;padding:0;border-radius:0;background:none;box-shadow:none;stroke-width:2;color:#8a9297;justify-self:start;transition:color .16s ease,filter .16s ease}.metis-app.app .sidebar-foot{margin-top:auto;padding:12px 2px 2px;border-top:1px solid #232427;flex-shrink:0}.metis-app.app .sidebar-foot #sidebarToggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;border-radius:10px;background:#1b1c1f;border:1px solid #2b2d2f;box-shadow:none;color:#a8b3b8;font-size:13px;font-weight:650;padding:0 10px}.metis-app.app .sidebar-foot #sidebarToggle svg{width:17px;height:17px;flex:none;transition:transform .18s ease}.metis-app.app .sidebar-foot #sidebarToggle:hover{background:#232427;color:#e6f9ff}.metis-app.app .ghost-icon{border:0;background:transparent;color:var(--subtle);display:grid;place-items:center;padding:0;overflow:hidden}.metis-app.app .ghost-icon:hover{background:rgb(255 255 255/.06);color:#e6f9ff}.metis-app.app .sidebar-history{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;margin-top:0;padding:14px 2px 16px;border-top:1px solid #232427;border-bottom:1px solid #232427;flex:1 1 auto;min-height:0}.metis-app.app .sidebar-history-head{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 2px;flex-shrink:0}.metis-app.app .sidebar-history-title{color:#7e8a8f;font-size:13px;font-weight:850;line-height:1.3;white-space:nowrap}.metis-app.app .sidebar-history-list{display:grid;gap:10px;align-content:start;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-gutter:stable}.metis-app.app .sidebar-history-group{display:grid;gap:10px;min-width:0}.metis-app.app .sidebar-history-group-label{padding:0 2px;color:#7e8a8f;font-size:11px;font-weight:720;line-height:1.3}.metis-app.app .sidebar-history-sentinel{height:1px;width:100%}.metis-app.app .sidebar-history-loading-more{padding:6px 10px 4px;color:#7e8a8f;font-size:12px;font-weight:650;text-align:center}.metis-app.app .sidebar-history-empty{padding:12px 10px;color:var(--muted);font-size:12px;font-weight:720;line-height:1.4}.metis-app.app .sidebar-history-item{position:relative;width:100%;min-height:48px;border:1px solid #2a2d31;border-radius:12px;background:#1d1f23;color:#a8b3b8;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:2px;align-items:center;padding:8px 10px;text-align:left;font-family:var(--font);box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.metis-app.app .sidebar-history-item:focus-within,.metis-app.app .sidebar-history-item:hover{background:#23262b;border-color:#34383d;outline:none}.metis-app.app .sidebar-history-item.is-active,.metis-app.app .sidebar-history-item.is-active:focus-within,.metis-app.app .sidebar-history-item.is-active:hover{background:rgb(47 107 255/.1);border-color:rgb(47 107 255/.45);color:#cfe0ff}.metis-app.app .sidebar-history-item.is-active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:linear-gradient(180deg,#6fe0de,#2f6bff);pointer-events:none}.metis-app.app .sidebar-history-open{min-width:0;min-height:0;width:100%;border:0;border-radius:7px;background:transparent;color:inherit;display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:center;padding:0;text-align:left;font-family:var(--font);font-size:12px;font-weight:760;line-height:1.2;white-space:normal;text-decoration:none;cursor:pointer}.metis-app.app .sidebar-history-delete{width:22px;height:22px;min-height:0;border:0;border-radius:50%;background:transparent;color:var(--muted);display:grid;place-items:center;padding:0;font-size:15px;line-height:1;font-weight:760}.metis-app.app .nav .sidebar-history-delete,.metis-app.app .nav .sidebar-history-open{min-height:0;border:0;padding:0;background:transparent;font-family:var(--font);line-height:1;transform:none;box-shadow:none}.metis-app.app .nav .sidebar-history-open:hover{background:transparent;transform:none}.metis-app.app .sidebar-history-delete:hover{color:var(--fg);background:rgb(255 255 255/.08)}.metis-app.app .sidebar-history-item svg{width:14px;height:14px;stroke-width:2;color:var(--muted);justify-self:center}.metis-app.app .sidebar-history-item.is-active b,.metis-app.app .sidebar-history-item.is-active svg{color:var(--blue)}.metis-app.app .sidebar-history-item.is-active .sidebar-history-open{padding-left:7px}.metis-app.app .sidebar-history-item span{min-width:0;display:grid;gap:3px}.metis-app.app .sidebar-history-item b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--fg);font-size:12px;font-weight:820;line-height:1.25;white-space:nowrap}.metis-app.app .sidebar-history-item.is-active b{color:#7fa9ff}.metis-app.app .sidebar-history-item small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#7e8a8f;font-size:10.5px;font-weight:680;line-height:1.3;white-space:nowrap}.metis-app.app .sidebar-history-item.is-active small{color:#7e8a8f}.metis-app.app.sidebar-collapsed .sidebar{padding-inline:10px}.metis-app.app.sidebar-collapsed .brand{grid-template-columns:30px;justify-content:center;padding-inline:0;padding-bottom:0;position:relative}.metis-app.app.sidebar-collapsed .brand-copy{display:none}.metis-app.app.sidebar-collapsed .sidebar-foot #sidebarToggle{position:static;left:auto;top:auto;transform:none;width:42px;min-height:42px;margin:0 auto;padding:0}.metis-app.app.sidebar-collapsed .sidebar-foot #sidebarToggle span{display:none}.metis-app.app.sidebar-collapsed .sidebar-foot #sidebarToggle svg{width:17px;height:17px;transform:none}.metis-app.app.sidebar-collapsed .nav{margin-top:4px;gap:10px}.metis-app.app.sidebar-collapsed .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.metis-app.app.sidebar-collapsed .nav a.nav-link,.metis-app.app.sidebar-collapsed .nav button{grid-template-columns:1fr;justify-items:center;padding:0;gap:0;min-height:44px;border-radius:10px}.metis-app.app.sidebar-collapsed .nav a.nav-link span,.metis-app.app.sidebar-collapsed .nav button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.metis-app.app.sidebar-collapsed .nav a.nav-link svg,.metis-app.app.sidebar-collapsed .nav svg{width:21px;height:21px;justify-self:center}.metis-app.app.sidebar-collapsed .nav a.nav-link.active:before,.metis-app.app.sidebar-collapsed .nav button.active:before,.metis-app.app.sidebar-collapsed .sidebar-history{display:none}@media (max-width:1100px){.metis-app.app .sidebar{padding:12px 10px;border-radius:18px}.metis-app.app .nav a.nav-link,.metis-app.app .nav button{min-height:42px;font-size:13px;padding:0 8px}}@media (max-width:768px){.metis-app.app.is-narrow{--app-pad:8px;gap:8px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.metis-app.app.is-narrow>.nav-drawer-backdrop,.metis-app.app.is-narrow>.sidebar,.metis-app.app.is-narrow>.workspace{grid-column:1;grid-row:1}.metis-app.app.is-narrow .sidebar{position:fixed;left:max(var(--app-pad),env(safe-area-inset-left,0px));top:max(var(--app-pad),env(safe-area-inset-top,0px));bottom:max(var(--app-pad),env(safe-area-inset-bottom,0px));z-index:1300;width:var(--side);max-width:calc(100vw - 48px);min-height:0;height:auto;max-height:none;transform:translateX(calc(-100% - 24px));transition:transform .2s ease;box-shadow:var(--shadow)}.metis-app.app.is-narrow.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.metis-app.app.is-narrow.sidebar-collapsed .sidebar{width:var(--side);padding-inline:12px}.metis-app.app.is-narrow.sidebar-collapsed .brand{grid-template-columns:30px minmax(0,1fr);justify-content:normal;padding-inline:0;padding-bottom:2px;position:relative}.metis-app.app.is-narrow.sidebar-collapsed .brand-copy{display:grid}.metis-app.app.is-narrow.sidebar-collapsed .sidebar-foot #sidebarToggle{position:static;left:auto;top:auto;transform:none;width:100%;min-height:40px;background:#1b1c1f;border:1px solid #2b2d2f;box-shadow:none}.metis-app.app.is-narrow.sidebar-collapsed .sidebar-foot #sidebarToggle span{display:inline}.metis-app.app.is-narrow.sidebar-collapsed .nav{margin-top:0;gap:14px}.metis-app.app.is-narrow.sidebar-collapsed .nav a.nav-link span,.metis-app.app.is-narrow.sidebar-collapsed .nav button span,.metis-app.app.is-narrow.sidebar-collapsed .nav-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.metis-app.app.is-narrow.sidebar-collapsed .nav a.nav-link,.metis-app.app.is-narrow.sidebar-collapsed .nav button{grid-template-columns:22px minmax(0,1fr);justify-items:start;padding:0 10px;gap:10px;min-height:44px;border-radius:16px}.metis-app.app.is-narrow.nav-drawer-open .sidebar{transform:translateX(0)}.metis-app.app.is-narrow.nav-drawer-open .nav-drawer-backdrop{display:block;position:fixed;inset:0;z-index:1250;margin:0;padding:0;border:0;border-radius:0;background:rgb(0 0 0/.6);cursor:pointer;-webkit-tap-highlight-color:transparent}.metis-app.app.is-narrow .workspace{width:100%;min-width:0}}