.metis-app.app{gap:14px;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;padding:max(var(--app-pad),env(safe-area-inset-top,0px)) max(var(--app-pad),env(safe-area-inset-right,0px)) max(var(--app-pad),env(safe-area-inset-bottom,0px)) max(var(--app-pad),env(safe-area-inset-left,0px))}.metis-app.app .sidebar{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%,white);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:38px minmax(0,1fr) 30px 30px;align-items:center;gap:8px;min-height:42px;padding:0 2px 2px;flex-shrink:0}.metis-app.app .logo{width:36px;height:36px;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%,82px);height:auto}.metis-app.app .ghost-icon{border:0;background:transparent;width:30px;height:30px;border-radius:50%;color:oklch(62% .012 255);display:grid;place-items:center;padding:0;overflow:hidden}.metis-app.app .ghost-icon:hover{background:var(--bg);color:var(--fg)}.metis-app.app .ghost-icon svg{width:18px;height:18px;stroke-width:2}.metis-app.app #sidebarToggle{display:grid;place-items:center;background:rgb(255 255 255/.62);border:1px solid var(--line);box-shadow:none}.metis-app.app #sidebarToggle svg{transition:transform .18s ease}.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 var(--line)}.metis-app.app .nav-label{margin:0 2px;color:oklch(68% .02 255);font-size:11px;font-weight:850;letter-spacing:0;text-transform:none;white-space:nowrap}.metis-app.app .nav a.nav-link,.metis-app.app .nav button{min-height:46px;border:0;border-radius:10px;background:transparent;color:oklch(34% .036 255);display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;padding:0 10px;text-align:left;font-family:var(--font);font-size:14px;font-weight:850;line-height:1;white-space:nowrap;text-decoration:none}.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:oklch(96% .01 255)}.metis-app.app .nav a.nav-link.active,.metis-app.app .nav button.active{background:oklch(94.8% .036 258);color:oklch(56% .22 258);font-weight:850}.metis-app.app .nav a.nav-link.active svg,.metis-app.app .nav button.active svg{color:var(--blue)}.metis-app.app .nav a.nav-link svg,.metis-app.app .nav svg{width:18px;height:18px;stroke-width:2.15;color:oklch(34% .036 255);justify-self:center}.metis-app.app .sidebar-history{display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;margin-top:-4px;padding:8px 2px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);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:oklch(68% .02 255);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:4px;min-width:0}.metis-app.app .sidebar-history-group-label{padding:4px 10px 2px;color:oklch(68% .012 255);font-size:12px;font-weight:650;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:oklch(62% .012 255);font-size:12px;font-weight:650;text-align:center}.metis-app.app .sidebar-history-item small{display:none}.metis-app.app .sidebar-history-empty{padding:8px 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:38px;border:0;border-radius:8px;background:transparent;color:var(--fg);display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:2px;align-items:center;padding:4px;text-align:left;font-family:var(--font);box-shadow:none;transition:background .15s ease}.metis-app.app .sidebar-history-item:focus-within,.metis-app.app .sidebar-history-item:hover{background:rgb(255 255 255/.46);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:transparent;color:oklch(56% .22 258)}.metis-app.app .sidebar-history-item.is-active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--blue);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/.72)}.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:oklch(56% .22 258)}.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:oklch(56% .22 258)}.metis-app.app .sidebar-history-item small{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10.5px;font-weight:680;line-height:1.3;white-space:nowrap}.metis-app.app .sidebar-history-item.is-active small{color:oklch(52% .04 255)}.metis-app.app.sidebar-collapsed .sidebar{padding-inline:10px}.metis-app.app.sidebar-collapsed .brand{grid-template-columns:38px;justify-content:center;padding-inline:0;padding-bottom:44px;position:relative}.metis-app.app.sidebar-collapsed .brand-copy,.metis-app.app.sidebar-collapsed .ghost-icon[aria-label="搜索"]{display:none}.metis-app.app.sidebar-collapsed #sidebarToggle{position:absolute;left:50%;top:50px;transform:translateX(-50%);width:28px;height:28px;background:rgb(255 255 255/.96);border:1px solid var(--line);box-shadow:0 8px 18px rgb(25 36 58/.08)}.metis-app.app.sidebar-collapsed #sidebarToggle svg{width:16px;height:16px;transform:none}.metis-app.app.sidebar-collapsed .nav{margin-top:4px;gap:18px}.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:46px;border-radius:14px}.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:18px;height:18px}.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:38px minmax(0,1fr) 30px 30px;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 .ghost-icon[aria-label="搜索"]{display:inline-grid}.metis-app.app.is-narrow.sidebar-collapsed #sidebarToggle{position:static;left:auto;top:auto;transform:none;width:30px;height:30px;background:transparent;border:0;box-shadow:none}.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(15 23 42/.36);cursor:pointer;-webkit-tap-highlight-color:transparent}.metis-app.app.is-narrow .workspace{width:100%;min-width:0}}